/*  
Theme Name: meh
Description: Theme for my photosite
Version: 1.0
Author:Barry Richards
Author URI: bazwebby.biz
*/

/* *************************************************************************************************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}

/* The below restores some sensible defaults */
strong{
font-weight:bold
}

em{
font-style:italic
}

a img{
border:none
} /* Gets rid of IE's blue borders */

ol, ul {
	list-style: none;
}



/* ************************************************************************************************************************************************************ */





.inline{
display:inline;
}

br.clear{
clear:both;
}


/*styling*/

p{
padding:0.5em 0;
}

a{
text-decoration:none;
color:#426FB2;
font-weight:bold;
}


body{
color:#ffffff;
font-family:sans-serif;
font-size:62.5%;
}

#footer{
font-size:1.2em;
color:#B2B2B2;
}

#frame a{
color:#ffffff;
}

#description{
font-size:1.4em;
}

span.title{
background:#426FB2;
margin-right:10px;
padding:0 8px;
font-size:1.6em;
font-weight:bold;
font-family:georgia;
}

.title a{
color:#ffffff;
}

span.floatleft{
display:inline;
float:left;
}

span.rss{
display:inline;
float:right;
margin:0px;
padding:0px;
margin-top:7px;
}






/* *************************************************************************************************************************************************** */


/**layout**/

body{
background:#000000 url(keyimages/bg.png) repeat-x;
}

div#container{
width:904px;
height:auto;
margin:70px auto;
position:relative;
}

div#frame{
width:auto;
height:auto;
overflow:auto;
}



/**scroller**/

#itemlist{
	display:none;
	}

#scroller, #leftspace, #rightspace{
	float:left;
}

#leftspace, #rightspace{
	width:40px;
	height:auto;
	padding-top:200px;
	font-size:3.0em;
	text-decoration:none;
}

#leftspace{
	padding-right:10px;
	text-align:right;
}

#rightspace{
	padding-left:10px;
	text-align:left;
}

#scroller{
	width: 800px;
	height:auto;
	border:#ffffff 2px solid;
	border-top:0px;
	overflow: hidden;
}

#content{
	width: 3000px;
}

.section{
	width: 800px;
	height:450px;
	float: left;
	text-align: center;
	background-color: #151515;
}


/**bottom bit**/

#description, #footer{
width:auto;
height:auto;
border-top:1px solid #B2B2B2;
margin-top:30px;
padding-top:5px;
margin-left:50px;
margin-right:50px;
clear:both;
}

#description{
border-top:0px;
margin-top:20px;
}

#footer{
margin-bottom:70px;
}





/* *************************************************************************************************************************************************************/

/**Main page **/


/**gallery section layout**/


#galleryframe{
width:800px;
height:auto;
margin:0 50px;
padding:0px;
border:#ffffff 2px solid;
}

#galleryleft, #galleryright{
float:left;
}

#galleryleft{
width:245px;
height:auto;
margin-top:10px;
}

#galleryright{
width:480px;
}

#galleryinside{
width:auto;
height:auto;
margin-top:100px;
margin-left:40px;
overflow:auto;
margin-bottom:40px;
}

#galleryinside2{
width:auto;
height:auto;
margin:34px 34px 80px 33px;
overflow:auto;
}

#blurb{
margin:10px;
}

#excerptholder{
overflow:auto;
margin:9px;
margin-top:6px;
}

div#excerptholder img{
width:75px;
height:75px;
border:1px solid #ffffff;
float:left;
margin:3px;
}


/**gallery section styling**/

div#galleryframe{
font-size:1.2em;
}

div#galleryleft{
font-size:0.9em;
line-height:1.4em;
color:#555555;
}

div#galleryleft p{
padding-right:10px;
}


div.galleryright{
line-height:1.6em;
}

div.leftbox{
display:block;
margin-bottom:20px;
width:245px;
background:url(keyimages/whiteboxmiddle.png) repeat-y;
}

div.leftboxnone{
display:none;
}

div.leftboxtop{
width:245px;
height:2px;
background:url(keyimages/whiteboxtop.png) no-repeat;
}

div.leftboxbottom{
width:245px;
height:2px;
background:url(keyimages/whiteboxbottom.png) no-repeat;
}

div.rightbox{
background:url(keyimages/rightboxmid.png) repeat-y;
margin-bottom:20px;
width:480px;
}

div.rightboxtop{
background:url(keyimages/rightboxtop.png) no-repeat;
width:480px;
height:4px;
}

div.rightboxbottom{
background:url(keyimages/rightboxbottom.png) no-repeat;
width:480px;
height:4px;
}





div.caption{
margin-top:10px;
}



.greecebg{
background:#ffffff url(bgimages/greecebg.jpg) no-repeat;
background-position:top;
}

.germanybg{
background:#ffffff url(bgimages/germanybg.jpg) no-repeat;
background-position:top;
}

.francebg{
background:#ffffff url(bgimages/francebg.jpg) no-repeat;
background-position:top;
}

#backhome{
background:#426FB2;
padding:7px;
margin-top:10px;
text-align:right;
font-size:1.6em;
display:none;
}

div#mainentry{
margin:0 14px 0 14px;
overflow:auto;
text-align:center;
position:relative;
}

div#mainentry img{
border:1px solid #ffffff;
margin-top:15px;
}

p.mainentry{
text-align:justify;
padding-top:5px;
background:#202020;
margin-top:-4px;
border-bottom:1px solid #c4c4c4;
margin-bottom:20px;
}

h2#blogtitle{
text-align:left;
margin-top:20px;
margin-bottom:0px;
}

h5#date{
color:#9F9F9F;
position:absolute;
top:22px;
right:0px;
}



div.excerpts{
margin-bottom:1em;
}

p#backtotop{
position:absolute;
bottom:0px;
left:0px;
}

p.listposts{
text-align:right;
display:block;
width:auto;
color:#000000;
font-size:1.2em;
font-weight:bold;
padding-bottom:0px;
position:absolute;
top:-30px;
right:50px;
}