/*
Theme Name: Peter Dibdin Theme
Description: Wordpress Blog Design for Peter Dibdin Photography
- using the Starkers theme from Elliot Jay Stocks for structure

Author: Evie Milo
Author URL: http://www.my-igloo.net
*/


/* RESET */
/* ----------------------------------------- */
* { margin:0; padding:0 }
* html body { font-size: x-small; /* for IE5/Win */ f\ont-size: small; /* for other IE versions */ }
body { font-size: 62.5%; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; color: #4c5b52; text-align:left; background:#ffffff; padding-top:5px; }

/* The below restores some sensible defaults */
strong 	{ font-weight: bold }
em 		{ font-style: italic }
a		{ text-decoration: none; }
a img 	{ border:none } /* Gets rid of IE's blue borders */

/* FLOATED ELEMENTS */
/* -------------------------------------------------------------------------------------------*/
.left { float: left; }
.right { float: right;}

.clearleft { clear: left; }
.clearright { clear: right; }
.clearboth { clear: both; }


/* TYPOGRAPHY */
/* -------------------------------------------------------------------------------------------*/
h1 {font-size: 200%; font-weight:normal; padding: 20px;}
h1 em{color: #4c5b52; font-style:normal;}
h1 a:link, h1 a:visited { color: #000000; text-decoration: none; }
h1 a:hover, h1 a:active { color: #059EE3; text-decoration: underline; }

h2 {font-size: 180%; font-weight:normal; color: #4c5b52;}

h2 a:link, h2 a:visited { color: #4c5b52; text-decoration: none; }
h2 a:hover, h2 a:active { color: #4c5b52; text-decoration: underline; }

h3 {font-size: 160%; font-weight:normal; color: #4c5b52;}

p {margin: 5px 0px 15px 0px;}

a:link, a:visited { color: #4c5b52; text-decoration: none; }
a:hover, a:active { color: #4c5b52; text-decoration: underline; }



/* LAYOUT */
/* ----------------------------------------- */

#whole{
	margin: 0 auto;
	width:900px;
	text-align: left;
	background-color: #fff;
	color: #4c5b52;
}

#whole .left {
	width: 660px;
	padding: 35px 0px 0px 0px;
}

#whole .right {
	width: 220px;
	padding: 35px 0px 0px 0px;
}

/* --------------------------------------------Header----------------- */


#head{
	background-image: url(http://www.peterdibdin.com/img/headLogo.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#c1ccc4;
	width:900px;
	height:90px;
}

#contbutCell{
	margin-left:350px;
	padding-top:62px;
	width:470px;
	height:28px;
	text-align:left;
	float: left;
}
#homeBut{
	height: 90px;
	width: 60px;
	float: right;
}
#butText{
	width:auto;
	padding-left: 25px;
	font: 15px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
}
.but{
	float:left;
	padding-right:3px;
	padding-left:3px;
}



/* --------------------------------------------Posts Content----------------- */
.post {padding-bottom:30px;}

.post h2 {margin: 0px; padding: 0px;}

.datestyle {
	margin: 0;
	padding: 0px 0px 10px 0px;
	color:#666666;
}

.postinfo {
	text-transform:uppercase;
	font-size: 80%;
	color: #999999;
	border-top: 1px dotted #CCCCCC;
	padding-top: 3px;
}


/* next previous */
.previous a {float:left;}
.next a {float:right;}



/* --------------------------------------------Comments----------------- */
.comments-template{
	margin: 10px 0 0;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0px 0px 0px;
	line-height: 15px;
	padding: 5px 0px 0px 0px;
	border-bottom: 1px dashed #ccc;
}

.comments-template h2, .comments-template h3{
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.commentmetadata em{
	color: #990000;
	font-weight: bold;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-size: 12px;
}

.commentlist li .avatar {
	float:left; 
	background: #fff; 
	border: 1px solid #bbb; 
	padding:5px;
	margin: 0px 15px 0px 0px;
}

.comments-template cite {
	padding:0px;
	margin: 0px;
	font-style:normal;
	font-weight: bold;
}




/* --------------------------------------------Sidebar Content----------------- */

.rss a {
	background:url(http://www.peterdibdin.com/img/feed-icon16x16.png) no-repeat top left;
	padding: 2px 0px 2px 20px;
}


/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
	
#sidebar .widgettitle {
	color:#333;
	font-size: 1.2em;
	font-weight: bold;

}
/* End Entry Lists */


/* --------------------------------------------Width of drop downs----------------- */
select { width: 200px; font-size: 1em; color: #4c5b52; }


/* --------------------------------------------Footer----------------- */

#footer {
	padding: 30px 0px 20px 0px;
	margin: 0 auto;
	width: 900px;
	clear: both;
}

#copy{
	float: left;
	width: 395px;
}

#links{
	float: right;
	width: 500px;
	text-align: right;
	text-decoration: none;
	font-size: 10px; /* Resets 1em to 10px */
	font-family: Arial, Helvetica, sans-serif;
	color: #4c5b52;
	}

#links a #copy a{
	text-decoration: none;
	font-size: 10px; /* Resets 1em to 10px */
	font-family: Arial, Helvetica, sans-serif;
	color: #4c5b52;
}
/* ---------------------------- Gallery ----------------------------*/

#gallerypost {
background: #FFFFFF;
float: left;
width: 660px;
margin: 0px 0px 10px 0px;
padding: 10px 10px 10px 10px;
}

#gallerypost img {

border: 1 px double #0000FF;

}