/* 
	book theme - layout 
	benipsen.com
*/


body{
	margin:0;  padding:0;
	background:url('../../images/bg/body.jpg') top center;
	width:100%; 
}

/* defaults */
h2{
	margin:5px 0;
	letter-spacing:1px;
	font-size:18px;
	/*text-transform:uppercase;*/
	line-height:24px	
}

p{
	margin:5px 0;
}

blockquote{
	margin:5px 0;
	padding:5px;
	background-color:#EEEAD2;
	border:1px solid #C7AC74;
	font-size:10px;
	color:#C48240;
	font-family:"Courier New", Courier, monospace;	
}
blockquote p{
	margin:0;
	font-size:10px;
}
#mmseditor{
	margin:-5px 0 0 0; width:100%;
	height:60px; border:0; padding:0;
	background-color:#222;
	color:#FFF;
	border-bottom:3px solid #FFF;
}
#mmseditor p{ padding:0 ;}

/* main layout */
#page{
	position:relative;
	margin:0 auto;	padding:0;
	width:923px;
	border:1px solid #111;
	border-width:0 0 1px 0;		
	background:url('../../images/bg/page.jpg') top center repeat-y;
}
#left{
	position:relative;
	float:right;
	margin:0; padding:0;
	width:300px;
}
#left .logo{
	position:relative;
	display:block;
	width:300px; height:372px;
	background:url("../../images/since1983.jpg") top left no-repeat;
	z-index:1;
}
#left #ribbon{
	position:absolute;
	display:block;
	top:195px; left:-14px;
	width:344px; height:100px;
	background:url("../../images/banner.png") top left no-repeat;
	z-index:2;
}
#left .logo h2,
#left #ribbon h5 { display:none; }
#right{
	position:relative;
	float:right;
	margin:0; padding:0;
	width:599px;
	background:url('../../images/bg/page_highlight.jpg') 30px 0 no-repeat;
}
#right #main{	
	margin:0 0 0 65px; padding:5px 0 0 0;
	width:480px;
}
.lowerleft{
	margin:10px;
	width:280px;
}
.lowerleft strong{
	display:block;
	margin:15px 5px;
}
.lowerleft p{
	margin:10px 5px;
}
#page .footer{
	position:relative; bottom:0; 
	margin:0 0 0 355px; padding:0;
	width:559px; height:200px;
	text-align:center;
	font-size:13px;
	background:url('../../images/bg/page_shadow.jpg') top right no-repeat;
	line-height:30px;
}


/* other layouts */
.element, .summary{
	background:url('../../images/bg/separator.gif') top center no-repeat;	
	margin:15px 0 10px 0;
	padding:35px 0 15px 0;
	width:490px;
	clear:both;
}

.twitter{
	background:url('../../images/lines/bird.gif') top center no-repeat;	
}

.tweet{
	position:relative;
	padding:2px 0;
	margin:1px 0;
	border-bottom:1px solid #F3F3E3;
	font-size:13px;
	
}
.tweet span, .tweet em{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666;
	font-size:11px;
}

.lowerleft .element{
	width:auto;
	background:transparent;
}

.content {
	background:transparent;
	padding:5px 0 0 0;
	clear:both;
}
.callout{
	margin:0; padding:0;
}
.loop_subpage_summaries_photos img{
	float:left;
	margin:0 20px 0 0;
	border:1px solid #222;
	padding:5px;
	background-color:#555;
}
.content {
	background:transparent;
}
.post{
	/*background:url('../../images/bg/separator.gif') top center no-repeat;*/
	margin:15px 0 20px 0;
	padding:30px 0 0 0;
	width:490px;
	clear:both;
}
.firstpost{ background:transparent; padding:15px 0 0 0; }
.post .body{
	margin:15px 0;
}
.post p{ margin:12px 0;}
.post .summary{
	margin:15px 0 10px 0;
}
.post em{
	display:block;
	margin:5px 0 0 0;
}
.post .body img{
	float:none;
	width:auto;
	height:auto;

}

.work-photos{
	position:relative;
	height:75px;
}
.work-photos img, .thumbs img{
	float:left;
	margin:0 15px 15px 0;
	border:1px solid #000;
	padding:3px;
	background-color:#444;
	width:65px; height:65px;
}

.slideshow_thickbox h2{
	margin:-5px 0 15px 0;
}
.comments{
	float:left;
	margin:10px 0; padding:0;
	width:180px; height:auto;	
	background:url('../../images/icons/comments.gif') top left no-repeat;
	overflow:hidden;
}
.tags{
	float:left;
	margin:10px 0; padding:0;
	width:290px; height:auto;	
	background:url('../../images/icons/tags.gif') top left no-repeat;
	overflow:hidden;
}
.comments .label,
.tags .label{
	margin:-2px 0 0 35px;
}
.comments p,
.tags p{
	margin:5px 0 10px 38px;
}
/* ornaments */
.tpline{
	margin:0 auto; padding:0;
	width:490px; height:18px;
	background:url('../../images/lines/three_part.gif') no-repeat;
	overflow:hidden;
}

.browser .col{
	float:left;
	width:33%;
	overflow:hidden;
}
.browser .col strong{
	display:block;
	margin:8px 0;
}
.browser .col img{
	width:40px; height:40px;
	margin:3px; padding:0;
}
.browser #categories ul{
	margin:0 0 0 -10px; padding:0;
 	list-style:none;	
}

.line{
	margin:0 auto; padding:0;
	width:490px; height:18px;
	background:url('../../images/lines/lone_star.gif') no-repeat;
	overflow:hidden;
}

.photomatte{
		display:none; 
		position:absolute;
		top:0; left:0; 
		width:100%; height:100%; 
		z-index:6000; 
		background-color:#000;
}
.photomatte span{
		position:absolute; top:370px;
	 	width:100%;		
		text-align:center;
		color:#FFF;
		letter-spacing:15px;
}

/* the clearer */
.clear{
	clear:both; 
	margin:0; padding:0;
	width:0; height:0;
}