/*
Theme Name: Reflection
Theme URI: http://paulprins.net/reflection/
Description: AJAX and DHTML theme for YAPB-enabled photoblogs. Customized for Jordan Prins at Twin Cities Photo Blog 
Version: 1.0
Author: Paul Prins
Author URI: http://paulprins.net/
*/

body {
margin:0;
padding:0;
background:url(images/top-bg.gif) repeat-x #000000;
}

a{
	color: #D4D4D4;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
	color: #FFFFFF
}

img {
	border: none;
}

#topcontainer {
margin:0;
padding:0;
}

#topcontainer .ContentArea {
color: white;
width: 880px;
padding: 8px;
margin-top: 15px;
text-align: center;
}

#mainimage {
border: solid 3px #999999;
border-top: none;
}

#header{
width:900px;
height:100px;
margin:0 auto;
position:relative;
}

#navbar{
position:absolute;
bottom:24px;
right:0px;
}

#navbar li, #titlebits li{
display:inline;
list-style-type: none;
margin:0;
padding:0 0 0 10px;
}

#navbar ul, #titlebits ul{
padding:0;
margin:0;
}

#navbar a{
color:#ccc;
font:0.75em Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
letter-spacing:.1em;
text-transform:lowercase;
text-decoration: none;
border-bottom: 0px solid #363636;
padding:0 6px;
margin:0;
}

#navbar a:hover{
border-bottom: 6px solid #FFF;
color: white;
}

#topcontent, #maincontent{
margin:0 auto;
padding:30px 0 0 0;
width: 800px;
border: #999 3px double;
}

#pagecontent{
width:800px;
margin:0 auto;
padding:0;
font-family:"Trebuchet MS";
color:#bbb;
line-height:1.6em;
}

#pagecontent h3, #pagecontent h2{
color:#fff;
}

.PageNav {
	font-size: 1.3em;
	font-weight: bold;
}

#footer{
text-align: center;
font: 0.7em Verdana;
padding: 10px 0 10px 0;
color: #999999;
clear: both;
}

#footer a{
color: #D4D$D$;
text-decoration: none;
border-bottom: 1px dotted;
}

#footer a:hover{
color: #FFF;
text-decoration: none;
border: none;
}

#title{
border-bottom:2px solid #999999;
margin:0 auto;
position:relative;
}

#texttitle{
letter-spacing:-1px;
font:bold 1.6em Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
text-align: right;
}

#texttitle a{
color:white;
text-decoration:none;
}

#texttitle a:hover{
color:#ddd;
}

#detailbits{
font:0.7em Verdana;
text-align:center;
}

#detailbits a{
color: white;
text-decoration: none;
}

#detailbits a:hover{
color:#ccc;
}

#detailbits li{
padding-left:10px;
}

#detailbits #inlinedate{
padding-left: 8px;
font-weight: bold;
font-size: 1.4em;
color: #999999;
}

#imageholder{
margin:0 auto;
padding:0;
position:relative;
top:0;
left:0;
	display: block;
	text-align: center;
}

#imageholder img{
	margin: 0, auto;
}

#mainimage{
	margin: 0, auto;
}

#exif_panel{
background-color:#aaa;
width:350px;
border:2px solid #fff;
border-top:none;
color:black;
font:0.8em Verdana;
}

#exif_panel ul{
margin:0;
padding:0;
}

#exif_panel li{
padding: 3px;
display:block;
padding-left: 120px;
clear:left;
}

#exif_panel li label{
margin-left: -130px;
width:120px;
float:left;
text-align:right;
padding-right:10px;
color:#666;
text-transform:lowercase;
}

#comment_panel{
background-color:#ccc;
border: 2px solid #fff;
border-top:none;
color:black;
}

#info_panel{
background:black;
border:2px solid #fff;
padding:5px;
font:0.8em Verdana;
}

#info_panel a{
color:#888;
text-decoration:none;
}

#info_panel a:hover{
text-decoration:underline;
}

.overlay{
display:none;
position:absolute;
z-index:3;
}

#theoverlay_panel{
background:white url(images/loading.gif) no-repeat center center;
}

#overlaynav{
position:absolute;
left:0;
top:0;
z-index:101;
width:100%;
height:100%;
background:transparent url(images/1px.gif);
}

#overNextLink,#overPrevLink{
position:absolute;
display:block;
width:50%;
height:100%;
outline:none;
top:0;
}

#overNextLink{right:0;}
#overPrevLink{left:0}

#overNextLink:hover{
background:transparent url(images/nextlabel.gif) no-repeat 100% 30%;
}

#overPrevLink:hover{
background:transparent url(images/prevlabel.gif) no-repeat 0% 30%;
}

.mosaic{
border:1px solid #777;
padding:1px;
background:#bbb;
display:block;
float:left;
margin:2px;
}

h2.mosaicheader{
clear:left;
font:1.4em Arial bold;
letter-spacing:-1px;
border-bottom:2px solid white;
padding-top:15px;
}

#comments,#content{
margin:0 auto;
font-family:"Trebuchet MS";
text-align: left;
}

#content h3 {
	font-size: 1.7em;
	padding: 0;
	margin: 0;
	border-bottom: 2px solid #999;
}

#comments a,#pagecontent a,#content a{
color:#9AB19E;
}

#comments a,#pagecontent a:hover,#content a:hover{
text-decoration:none;
}

#comments a:hover{
color:#999;
}

#comments ol{
list-style:none;
padding-right:40px;
}

#comments li{
background:#191919;
border:1px solid #333;
display:block;
margin-bottom:10px;
padding: 10px;
}

#comments li.alt{
background:#111
}

#comments .commentcount{
font:4em Georgia;
float:right;
color:#222;
}

#comments .commenttext{
margin-right:50px;
text-align:justify;
color:#e0e0e0;
}

#comments cite{
font-size:120%;
}

#comments small.commentmetadata{
display:block;
text-align:right;
color:#777;
}

#comments input, #comments textarea{
background:#111;
border: 1px solid #444;
color:#ccc;
padding: 3px;
}

/* Sidebar Styling */
	#sidebar{
		width: 900px;
		margin: 18px auto 0;
		color: #FFFFFF;
	}

	#sidebar .third {
		float: left;
		width: 288px;
		border: 3px double #999999;
		margin: 3px;
		min-height: 270px;
	}

	#sidebar h2 {
		text-align:right;
		margin: 0;
		width: 75%;
		border-bottom: #999999 solid 2px;
		float: right;
	}

	#sidebar ul {
		list-style: none;
		padding-left: 0;
		margin: 0;
	}

	#sidebar .widget {
		margin-bottom: 10px;
		padding: 4px;
		text-align: justify;
	}

/* End Sidebar Styling */

.clearfloat{
	clear: both;
}