/*
Theme Name: Reflection (Colonna)
Theme URI: http://xyloid.org/reflection/
Description: AJAX and DHTML theme for YAPB-enabled photoblogs. 
Version: 1.0
Author: Dave Moxey
Author URI: http://xyloid.org/
*/

body {
margin:0;
padding:0;
background-color:black;
background-image: url(images/bg_cloud.jpg);
background-position: center center;
background-repeat: no-repeat;
}

p, h3, h4, h5
{
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 10px 0px;
}
#topcontainer {
margin:0px;
padding:0px;
margin-top:20px;
}

#header{
width:960px;
margin:0 auto;
position:relative;
}

#navbar{
float:right;
margin:0px;
padding:0px;
}

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

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

#navbar a{
color:#ccc;
font:0.75em "Verdana";
font-weight: bold;
letter-spacing:2px;
text-transform:uppercase;
text-decoration: none;
border: 0px solid;
padding:0px;
margin:0px;
}

#navbar a:hover{
border: 0px solid;
}

#topcontent{
clear:both;
margin:0 auto;
padding:40px 0 0 0;
}

#pagecontent{

margin:0 auto;
padding:0;
font-size:0.8em;
font-family: "Verdana";
color:#ccc;
padding-top: 30px;
}

#pagecontent h3, #pagecontent h2{
	color: #eeeeee;
	font-size:1em;
	font-weight: bold;
	padding:0px;
	margin:0px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#pagecontent h1{
	color: #eeeeee;
	font-size:1.4em;
	font-weight: bold;
	padding:0px;
	margin:0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#pagecontent p{
	font-size:0.9em;
}
#footer{
	width:960px;
	font-size:0.5em;
	font-family:"Verdana";
	margin:0 auto;
	padding:0;
	color:#555;
	clear:left;
	padding-top:15px;
	padding-bottom:15px;
}

#footer a{
color:#777;
text-decoration:none;
}

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

#title{
margin:0 auto;
position:relative;
padding: 0px 0px 20px 0px;
}

#project{
font:bold italic 0.6em Verdana;
margin:0 auto;
position:relative;
padding: 0px 0px 0px 0px;
color:white;
text-decoration:none;
}

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

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

.arrow{
font:bold italic 1.2em Verdana;
color:white;
text-decoration:none;
}

.arrow a,a:hover{
color:white;
text-decoration:none;
}

#texttitle{
font:bold 0.9em Verdana;
margin:0px;
padding:0px;
}
#texttitle h5{
	font-size: 0.3em;
	font-weight:normal;
	color: #828282;
}

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

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

#titlebits{
position: absolute;
right:0;
bottom:20px;
font:0.7em Verdana;
}

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

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

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

.authortitle {

}

.infophoto {
bottom:50px;
font:0.7em Verdana;
float: right;
color: white;
text-decoration: none;
}

.infophoto a{
color: white;
text-decoration: none;
}

#imageholder{
border-top:1px solid #ccc;
margin:0;
padding:0;
position:relative;
top:0;
left:0;
}

#mainimage{
display:block;
}

#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 #333;
padding:1px;
background:#bbb;
display:block;
float:left;
margin:2px;
}

.mosaicheader{
clear:left;
font:0.5 em Verdana bold;
letter-spacing:-1px;
padding-top:10px;
}

.mosaicheadersettimana{
clear:left;
font:0.8 em Verdana bold;
letter-spacing:-1px;
padding-top:10px;
}

#content{

padding-top:10px;
padding-bottom:20px;
margin:0 auto;
font:0.8em Verdana;
color: #dddddd;
}

#comments{

padding-top:10px;
padding-bottom:20px;
margin:0 auto;
font:0.6em Verdana;
color: #dddddd;
}

#comments a,#pagecontent a,#content a{
color:#eeeeee;
}

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

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

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

#comments li{
display:block;
margin-bottom:10px;
padding: 10px;
}

#comments li.alt{
background:#111
}

#comments .commentcount{
float:right;
color:#222;
}

#comments .commenttext{
margin-right:50px;
}

#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;
}

#sociallinks
{ display: none; }

.lft{
	width:197px;
	float:left;
	margin: 0px;
	padding: 0px;
	text-align: left;
	padding-top: 13px;
}
.rgt{
	width:309px;
	float:right;
	text-align: right;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
}

.navfooter, .navfooter a{
color:#404040;
font:0.8em "Verdana";
}

#wrapper { width:960px; margin:0 auto}
#col-left { float:left; width:230px;padding:45px 0 0 0; font-size:0.8em;font-family: "Verdana"; color:#777;}
#col-right { width:710px; float:right}
br.clear, .clear {clear:both; height:0; line-height:0}
.box {margin-bottom:30px;  background:#000; padding:10px 5px}
.box ul {margin:0; padding:0; list-style:none; font-size:0.8em}
.box h2 {font-size:1.2em; margin:0 0 25px; padding:0; color:#FFF}
.box a {color:#FFF; text-decoration:none}
.box a:hover { text-decoration:underline}
.grey { background:#111111; padding:10px 10px}
#comments textarea {width:700px}