/*
Theme Name: Reflection
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/
*/

html {
	height: 100%; /* NECESSARY TO PUSH FOOTER TO BOTTOM */
}

body {
	height: 100%; /* NECESSARY TO PUSH FOOTER TO BOTTOM */
	margin: 0;
	padding: 0;
	background: #5B5B5B url(http://www.sandrabenny.com/images/bodybackground1.jpg) repeat-x;
}

#wrap {
width:100%;
position: relative; /* NECESSARY TO PUSH FOOTER TO BOTTOM */
min-height: 100%; /* NECESSARY TO PUSH FOOTER TO BOTTOM */
}

* html #wrap {
height: 100%; /* NECESSARY TO PUSH FOOTER TO BOTTOM */
}

#header{
width:800px;
height:71px;
/*background:url(http://www.sandrabenny.com/images/feather.png) no-repeat;*/
margin:0 auto;
position:relative;
}

.headerlogo {
width:311px;
height:71px;
background:url(http://www.sandrabenny.com/images/logo.png) no-repeat;
}

/************************************************
*	Navbar									*
************************************************/

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

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

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

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

#navbar a:hover{
	border-bottom: 4px solid #f88677;
	color: #c6331f;
}

#topcontent{
margin:0 auto;
padding:30px 0 0 0;
}


/************************************************
*	kwicks								*
************************************************/
#kwick-wrap {

margin:10px 0 0 0;

}
#kwicks_container ul li {list-style-type:none;}
#kwicks {position: relative;}
#kwicks .kwick {float: left; display: block; width: 10px; height: 10px; padding-right:5px;}
#kwick_1 {
	float: left;
	display: block;
	width: 10px;
	height: 10px;
}

#kwick_1 img {
	background-color:#9648da; /*PURPLE*/

}

#kwick_2 {
	float: left;
	display: block;
	width: 10px;
	height: 10px;
}

#kwick_2 img {
	background-color:#3f9aed; /*BLUE*/

}

#kwick_3 {
	float: left;
	display: block;
	width: 10px;
	height: 10px;
}

#kwick_3 img {
	background-color:#dc8b30; /*ORANGE*/

}

#kwick_4 {
	float: left;
	display: block;
	width: 10px;
	height: 10px;
}

#kwick_4 img {
	background-color:#c6331f; /*DEFAULT RED*/

}


/************************************************
*	pagecontent									*
************************************************/


#pagewrap{
	width:800px;
	margin:auto;
	padding:10px;
	padding-bottom: 9em;  /*NECESSARY TO PUSH FOOTER TO BOTTOM */
}

#pagecontent{
	width:620px;
	margin:0 auto;
	padding:10px;
	
	float:left;
	font-family:"Trebuchet MS";
	font-size: 12px;
	color:#999999;
	line-height:1.6em;
	background:url(http://www.sandrabenny.com/images/transparent-bk40.png) repeat;
}



#pagecontent h2{
color: #c6331f;
font:2em "Trebuchet MS";
letter-spacing:2px;
}

#pagecontent h3{
color:#c6331f;

}

#clear {
clear:both;
}


/************************************************
*	columns								*
************************************************/

#leftcol {
width:285px;
float:left;
padding: 10px;
border-top: 4px solid #333333;
border-bottom: 4px solid #666666;
background:url(http://www.sandrabenny.com/images/transparent-bk40.png) repeat;
color:#FFFFFF;
}

#rightcol {
width:285px;
padding: 10px;
border-top: 4px solid #333333;
border-bottom: 4px solid #666666;
float:right;
background:url(http://www.sandrabenny.com/images/transparent-bk40.png) repeat;
color:#FFFFFF;
}

#triple-col {width:800px;}

.col1, .col2, .col3 { margin-top:10px; float: left; color: #333333;}

.col1 {
	width:230px;
	padding:10px;
	margin-right: 10px;
	background:url(http://www.sandrabenny.com/images/transparent100.png) repeat;
	border-top: 4px solid #f88677;
	border-bottom: 4px solid #f88677;
}

.col2 {
	width:230px;
	padding:10px;
	clear:right;
	background:url(http://www.sandrabenny.com/images/transparent100.png) repeat;
	border-top: 4px solid #f88677;
	border-bottom: 4px solid #f88677;
}

.col3 {
	width:230px;
	margin-left:10px;
	padding:10px;
	clear:left;
	background:url(http://www.sandrabenny.com/images/transparent100.png) repeat;
	border-top: 4px solid #f88677;
	border-bottom: 4px solid #f88677;
}

.col1 ul li {
	list-style-type: none;
	color: #333333;
}

.col2 ul li {
	list-style-type: none;
	color: #333333;
}

.col3 ul li {
	list-style-type: none;
	color: #333333;
	margin: 0;
	padding: 0;
}

.col2 ul li a {
	color: #333333;
	color:#333333;
	text-decoration:none;
}

.col3 li a {
	color: #333333;
}

.colh2 {
font-family:"Trebuchet MS";
font-size: 18px;
color:#dc8b30;
}


/************************************************
*	sidebar								*
************************************************/


#sidebarwrapper {
  	width: 125px;
  	padding:0 10px 10px 10px;
  	margin: 0 0 0 10px;
  	float:right;
	background:url(http://www.sandrabenny.com/images/transparent-bk40.png) repeat;
  }
  
#sidebarcontent {
  	width: 100%;
	padding: 10px 0 0 0;
  	color:#ffffff;
  }
  
#sidebarcontent h2 {
  	color: #c6331f;
	font:1em "Trebuchet MS";
	letter-spacing:2px;
  }
  
#sidebarcontent ul {
	color:#ffffff;
	margin: 0; /*required for rendering in IE */
  	padding: 0 0 5px 0;
	list-style-type: none;
}

#sidebarcontent li {
	color:#999999;
	margin: 0;
	font-family:"Trebuchet MS";
	font-size: 12px;
	line-height:1.6em;
	list-style-type: none;
}

#sidebarcontent li a {
	margin: 0;
	padding: 10px 2px 0px 0px;
	font: 12px "Trebuchet MS";
	color:#FFFFFF;
	line-height:1.6em;
	text-decoration:none;
}

#sidebarcontent li a:hover {
	margin: 0;
	padding: 10px 2px 0px 0px;
	font: 12px "Trebuchet MS";
	border-bottom: 2px solid #f88677;
	color: #c6331f;
	line-height:1.6em;
	text-decoration:none;
}

.sidebarfeather {
	height:54px;
	margin-left: 0px;
	background:url(http://www.sandrabenny.com/images/link-feather.png) no-repeat right center;
	
  }
  
.sidebarFFF {
color:#ffffff;
}
  
#sidebarcontent p {
	color:#FFFFFF;
	padding: 2px 0;
	font-size: 9pt;
  }



/************************************************
*	textstyles									*
************************************************/

.city {
color:#999999;
}

.year {
color:#c6331f;
}

/************************************************
*	pagetitles								*
************************************************/

#title{
margin:0 auto;
position:relative;
}

#texttitle{
letter-spacing:-1px;
font:bold 1.4em Arial;
margin:0;
padding:0;
}

#inlinedate{
padding-left:8px;
font-weight:normal;
color:#2e2e2e;
}

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

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

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

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

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

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

#imageholder{
border-top:2px solid #fff;
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 #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{
width:800px;
padding-top:10px;
margin:0 auto;
font-family:"Trebuchet MS";
}

/************************************************
*	a								*
************************************************/

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

#comments a,#pagecontent a:hover,#content a:hover{
color:#c6331f;
border-bottom: 2px solid #f88677;
}

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

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

/************************************************
*	Images									*
************************************************/

.postContent img {
	margin: 10px;
	border: 0px solid #000000;	
}
  
.alignleft {
    float: left;
}

.alignright {
    float: right;
}

/************************************************
*	Captions									*
************************************************/

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: left;
	background-color: #ffffff;
	padding-top: 4px;
	margin: 5px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 5px;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 15px;
	padding: 0 4px 5px;
	margin: 0;
}

/************************************************
*	footer									*
************************************************/


#footer{
clear:left;
width:100%;
position: relative; /* NECESSARY TO PUSH FOOTER TO BOTTOM */
margin-top: -8.5em; /* NECESSARY TO PUSH FOOTER TO BOTTOM */
}

#footerpic{
height:132px;
margin:0 auto;
background:url(http://www.sandrabenny.com/images/footer.png) no-repeat center bottom;

}

#footertext{
	font:0.7em Verdana;
	color:#303030;
	width: 800px;
	line-height: 16px;
	margin:auto;
	text-align:left;
	position:relative;
	top: 30px;
}

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

#footer a:hover{
	border-bottom: 2px solid #f88677;
	color: #c6331f;
	text-decoration:none;
}