/*======================================
Theme Name: mikeandleanne
Theme URI: 
Description: 
Version: 1.0
Author: Mike Davis
======================================*/
html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a { margin: 0; padding: 0; border: 0;} 

img{border: none;}

body{
font-size:11px;
background:#2B388F;
line-height:17px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
}


.fleft{ float:left; }
.fright{ float:right; }
.clear{
clear:both;
height:1px;
font-size:1px; 
line-height:1px; 
}

a{ color: #00A0C6; text-decoration:none; }
a:hover{ text-decoration:underline; }


/*WRAP*
/*---------------------------------------------------------------------*/
#content {
background:#FFF;
margin-top: -10px;
padding-top: 10px;
padding-bottom: 10px;
}

#wrap{
width:800px; /* change this value if you want to reduce/increase the maximum photo dimension - default : 808px */
margin:0 auto;
}


/*HEADER*
/*---------------------------------------------------------------------*/
#header{
/* background:#fff url(images/header.jpg) no-repeat bottom right; */
height:5px;
margin-top: 10px;
}
#header h1 {
text-indent:-9999px;
}
#header h1 a{
background:url(images/title.jpg) no-repeat top left;
height:40px;
width:375px;
display:block;
}

/*MENU*
/*---------------------------------------------------------------------*/
#menu{ float:right; }
ul#menu{ list-style-type:none; }
ul#menu li{ float:left; margin:0px -4px 10px 5px; }
ul#menu li a{
color:#666666;
display:block;
padding:4px 4px 2px 4px;
font-size:11px;
text-decoration:none;
text-transform:uppercase;
}

ul#menu li a:hover{
color: #00A0C6;
}

/*PHOTO/CONTENT*
/*---------------------------------------------------------------------*/
#photowrap{
padding:10px 0 0;
}
#photowrap h1.title{
color: #666666;
font-size:24px;
font-weight:normal;
letter-spacing: -1px;
display:block;
padding:0px;
line-height: 28px;
}
#photowrap h1.title a:hover{
color: #00A0C6;
text-decoration: underline;
}

.date {
	font-size: 12px;
	letter-spacing: 0px;
	font-weight: bold;
}

.widebar{
margin:0 0 5px;
font-size:11px;
}
.photonav{
}
.photonav a{
font-size:10px;
text-transform:uppercase;
color: #999999;
}
.photo{
padding:0 0 5px;
margin:0 0 5px 0;
}
.photo p, .commentlist p{
margin:0 0 10px ;
}
.photo ul, .photo ol{
list-style-position:inside;
margin:0 0 10px 20px;
}
.photo ul{
list-style-image:url(images/ul.png);
}
.photo img{
/*border:4px solid  #000000;*/ /* change this if you wanted to modify the border of the photo on the main page */
}

.pics {
height: 560px;
width: 800px;
padding:0;
margin:0;
overflow:hidden;
text-align: center;
position: relative;
z-index:1;
}

.pics img { top:0; left:0 }

.picsNav{ position: relative; z-index: 5; top: -582px; left: 0px;}

/*ARCHIVES*
/*---------------------------------------------------------------------*/
h2.pagetitle, h1.pageheading{
font-size:15px;
font-weight:lighter;
color:#66CC00;
margin:5px 0 ;
}
ul#archives{
list-style-type:none;
padding:10px 0 0;
width:75%;
float:left;
}
ul#archives li{
margin:5px 6px 5px 0;
float:left;
display:inline;
}
img.thumbarch{
height:100px; /* change this to reduce/increase the height of your thumbnail (only if you does not supply a different thumbnail file) */
width: 150px;
}
ul#archives li a img{
border:5px solid #FFFFFF;
}
ul#archives li a img:hover{
border-color:#00A0C6; color: #FFFFFF;
}
ul#archives li.srch{ /* for search result page */
float:none;
margin:5px 0 10px;
}
ul#archives li.srch h1{
font-size:15px;
margin:2px 0 20px ;
}

#archside{ /* sidebar on archive page */
padding:0 0 0 10px;
width:23%;
float:right;
}
#archside ul{
list-style-type:none;
margin:5px 0 14px ;
}
#archside li{
padding:2px 0;
}
.archnav{
width:70%;
border-top:1px solid #333333;
padding:4px 0;
margin:20px 0 0;
float:left;
}


/*COMMENT TEMPLATE*
/*---------------------------------------------------------------------*/
#comments{
margin:10px 0 0 ;
border-top:1px solid #666666;
padding:20px 0;
}
#comments h1{
color: #669900;
font-size:13px;
margin:0 0 5px;
}
ol.commentlist{
list-style:none;
width:60%;
float:right;
}
.commentlist li{
padding:10px 0;
}
.avatar{
float:left;
}
.commenttext{
float:right;
width:87%;
}
.small, .small a{
font-size:10px;
color:#666;
}
#formsection{
float:left;
padding:5px 0px 15px  0px;
width:38%;
}
#formsection label{
color:#666;
font-size:10px;
line-height:15px;
}
#author,#url,#email,#commentarea{
background:#ddd;
padding:2px;
border:none;
margin:0 0 4px;
width:90%;
}
#author:focus,#url:focus,#email:focus,#commentarea:focus{
background:#fff;
}
#commentarea{
height:90px;
}


/*ICONS*
/*--------------------------------------------------------------*/
span.tag,span.comment,span.prev,span.next{ padding:2px 0 5px 20px; }
span.tag{ background:url(images/tag.png) no-repeat left; margin:0 5px 0 0; }
span.tag a{ color:#999999; }
span.prev{ background:url(images/prev.png) no-repeat left; }
span.next{ background:url(images/next.png) no-repeat right; padding:2px 20px 4px 0px; }
span.comment{ background:url(images/comment.png) no-repeat left; }


/*FOOTER*
/*--------------------------------------------------------------*/

#footer_wrap {
	background: url(images/footer-bkgd.png);
	background-repeat: repeat-x;
	height: 270px;
	margin-top: 0px;
}

#footer{
width:800px;
margin:0px auto;
color:#ccc;
padding:0px ;

}

#footer a{
color:#FFFFFF;
}