/* ARTICLE STYLES */
/* Styles related just to the article archive */

#leftcol.articlev2 {
	background:url(../images/sub_bg.png) repeat-x;
	padding:10px 10px 10px 0;
	border-top:1px solid #bbb;
	border-right:1px solid #bbb;
	padding-bottom:0px;
	border-bottom:1px solid #ccc;
}

div#article_actions {
	padding:5px;
	border:1px solid #ccc;
	margin-bottom:10px;
}

	div#article_actions a {
		display:block;
		font-weight:bold;
		color:black;
		padding:5px 0;
	}
	
a.printart {
	background:url(http://www.macwebos.com/icons/printer.png) no-repeat left center;
	padding-left:25px;
}

a.emailart {
	background:url(http://www.macwebos.com/icons/email_go.png) no-repeat left center;
	padding-left:25px;
}

div.article {
	background: white;
}

	div.article div.content { padding:10px 0; }
	div.article div.content.nopad { padding:0px; }
	div.article.top div.content { padding:0px }
	div.article.top { margin-bottom:20px; }

	div.article h1.title {
		color:#333;
		font-size:20px;
	}
		
		div.article h1.title.spaced, div.article h2.spaced {
			margin-bottom:20px !important;
		}
	
		div.article span.gray {
			color:#777;
		}
	
		div.article span a {
			text-decoration:none;
			color:#999;
		}
		
		div.article span a:hover {
			color:#222;
		}
		
	div.article strong { color:#111; }
	
/* LISTS */

div.article ul {
	margin:0 0 20px 15px !important;
}

div.article ul.large li a {
	font-size:16px;
}

div.article ul li ul {
	list-style-type:none;
	margin:0px;
}

	div.article ul li ul li {
		margin-bottom:17px;
	}
	
div.article div.content li strong {
	font-size:14px;
	display:block;
}
		
/* ARTICLE HEADERS */

/* H1 */
	
div.article h1 {
	color:#333;
	font-size:24px;
	line-height:27px;
	margin:5px 0;
}

	div.article h1 span {
		display:block;
		font-size:19px;
		color:#777;
		text-transform:none;
	}

div.article.top h1 { 
	margin-top:0px; 
}

	div.article h1.small {
		margin:10px 0 5px 0;
		font-size:16px !important;
		color:#444;
	}
	
/* H2 */

div.article h2 {
	margin:0px;
	padding:0px;
	color:#999;
	font-weight:normal;
	font-size:15px;
}

	div.article div.content h2 {
		margin-bottom:15px;
	}

	div.article h2 a {
		color:#999;
	}
	
	div.article h2 span {
		margin-left:10px;
	}
	
/* H3 */

div.article h3 {
	color:#222;
	margin:20px 0 30px 0;
	padding:0;
	font-size:18px;
	line-height:21px;
	font-family:Verdana;
}

/* H4 */

div.article h4 {
	color:#111;
	margin:5px 0;
	padding:0px;
	font-size:13px;
}

/* Paragraphs & Text */

div.article p {
	font-size:13px;
	line-height:20px;
	color:#555;
	font-family:"Helvetica",Verdana,Arial,sans-serif;
}

div.article ul p, div.article ul ul li {
	font-size:12px;
	line-height:18px !important;
}

div.article blockquote {
	margin:0px;
}

	div.article blockquote p {
		font-size:18px;
		line-height:23px;
		letter-spacing:-.8px;
		font-family:Helvetica,sans-serif;
	}
	
	div.article blockquote p em {
		display:block;
		font-size:12px;
	}
	
/* ARTICLE INFO */

div.article_info {
	float:right;
	width:200px;
}

div.article_title h1 {
	font-family:Georgia,Times New Roman,serif;
	font-size:30px !important;
	line-height:30px !important;
	font-weight:normal;
	margin-bottom:20px !important;
	color:#111;
}

div.article_title div.details {
	border-top:2px solid rgb(175, 29, 53);
	border-bottom:1px solid #999;
	padding:7px 0;
	color:#444;
	height:17px;
	margin-bottom: 10px;
}

	div.article_title div.details a {
		float:right;
		margin-left:10px;
	}
	
div.author_info {
	margin-bottom:20px;
	padding:8px;
	color:#333;
}

	div.author_info p {
		font-size:11px;
	}

/* ARTICLE PHOTOS */

div.article_photos_column {
	float:right;
	margin-left:20px;
	width:200px;
}

	div.article_photos_column img {
		padding:3px;
		max-width:190px;
		border:1px solid #ccc;
		margin-bottom:5px;
	}
	
	div.article_photos_column p {
		margin:0px 0 25px 0;
		font-size:10px;
		line-height:12px;
		font-family:Verdana;
	}
	
div.article_photos_grid {
	margin-bottom:10px;
}

	div.article_photos_grid div.row {
		clear:left;
	}

	div.article_photos_grid div.image {
		float:left;
		margin:0 10px 10px 0;
		width:220px;
	}

	div.article_photos_grid img {
		padding:3px;
		max-width:220px;
		border:1px solid #ccc;
	}
	
	div.article_photos_grid p {
		font-size:11px;
		color:#333;
		width:190px;
	}

/* ARTICLE PREVIEWS */

div.center {
	clear:none;
	float:left;
	position:relative;
}

div.preview {
	border-bottom: 1px solid #eee;
	margin-bottom: 15px;
	overflow: hidden;
	padding-top: 10px;
}

	div.preview h2 {
		font-size: 15px !important;
	}

	div.preview div.preview_img {
		float: left;
		margin-bottom: 10px;
		padding: 5px;
		width: 130px;
	}
	
		div.preview div.preview_img span.date {
			color: #4e493e;
			font-family: "Helvetica",Arial,sans-serif;
			font-size: 14px;
			font-weight: bold;
		}

	div.preview div.preview_art {
		margin-left: 150px;
	}
	
		div.preview div.preview_art div.art_img {
			border:1px solid #ccc;
			float: right;
			height: 90px;
			margin: 0 0 5px 10px;
			overflow: hidden;
			width: 90px;
		}
	
		div.preview div.preview_art img {
			max-height: 100px;
			max-width: 160px;
		}
	
		div.preview div.preview_art.long {
			width: 700px;
		}
	
	div.preview div.specs {
		border-top: 1px solid #eee;
		color: #888;
		font-size: 12px;
		padding: 5px 0;
	}
	
	div.preview div.specs a {
		color: #333;
	}

div.preview:last-child { 
	border: 0px; 
	margin: 0px;
}
	
	div.preview h1 {
		font-size: 18px;
		letter-spacing: -.5px;
		line-height: 23px;
		margin: 5px 0;
		padding: 0px;
	}
	
	div.preview p {
		color: #555;
		font-size: 13px;
		line-height: 18px;
	}
	
div.block {
	padding: 10px;
}
	
div.block p {
	font-size: 17px;
	margin-bottom: 15px !important;
}

div.block h5 {
	font-size: 17px;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 0;
}

div.block span {
	font-size:12px;
	color:#666;
}
	
/* IMAGE GALLERY */

div#gallery {
	position:relative;
}

div#gallery div.image {
	background:white;
}

div#gallery div.image img {
	max-width:680px;
	/* IE Image max-width */
	width: expression(this.width > 650 ? 650: true);
}

div#gallery p.caption {
	margin-top: 15px;
}

div#gallery div.imagebox {
	padding:15px;
	border:1px solid #777;
	border-color:#ccc #888 #777 #aaa;
}

#popup #popup_inner div.content {
	position:relative;
}

#popup div#gallery {
	height:500px;
}

#popup div#gallery div.image {
	position:absolute;
	top:0px;
	background:white;
	height:470px;
	max-width:620px;
}

#popup div#gallery div.image img {
	padding:0px;
	border:0px;
	max-width:620px;
	max-height:400px;
	margin-bottom:10px;
}

div#gallery div.image p {
	color:#777;
	font-size:14px;
	line-height:18px;
	width:680px;
}

/* SORT LIST */

#list ul.sort, #left ul.sort {
	list-style-type:none;
	margin:0 0 5px 0 !important;
	padding:0px !important;
	height:30px;
	border-bottom:1px solid #ddd;
}

#list li {
	float:left;
	margin-right:10px;
	font-size:14px !important;
}

#list li.right {
	float:right;
	margin:0px;
	font-size:12px !important;
	color:#333 !important;
}

#list li a {
	color:#999 !important;
}

#list li a.active {
	color:black !important;
}

div.photo {
	float:left;
	margin-right:11px;
}