/*

Theme Name: Grace Photoblog

Theme URI: http://7879designs.co.uk/demo/gracephotoblogtheme

Description: The Grace Photoblog theme by <a href="http://7879designs.co.uk/" title="UK WordPress Specialists">7879 Designs</a>.

Version: 1.1

Author: 7879 Designs

Author URI: http://7879designs.co.uk/

Tags: brown, black, photoblogging, fixed-width, two-s, threaded-comments, sticky-post



	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php







Eric Meyers Reloaded CSS Reset



http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/



*/



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, dl, dt, dd, ol, ul, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	vertical-align: baseline;
	}



/* remember to define focus styles! */

:focus {

	outline: 0;

	}



body {
	line-height: 1;
	color: #333;
	background: white;
	font-size: 62.5%; /* Sets 1em to 10px */
	font-family: Georgia, "Times New Roman", Times, serif;
	}



ol, ul {

	

	}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: separate;

	border-spacing: 0;

	}



caption, th, td {

	text-align: left;

	font-weight: normal;

	}



blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

	}



blockquote, q {

	quotes: "" "";

	}

	

/* Font Controls */	



h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	font-style: italic;
	margin-bottom: 20px;
	padding-bottom: 8px;
	border-bottom: 1px solid #333;
	font-weight: normal;
	list-style: none;
}



h3 {

	font-size: 1.6em;

}



h1.single {

	font-size: 2.4em;
	font-weight: normal;
	list-style: none;

}



h2.meta {
	font-size: 1.5em;
	border-bottom: none;
	margin-top: 10px;
	margin-bottom: -10px;
	color: #666666;
}



h3.single {

	padding-top: 8px;

}



#blogTitle h1, #blogTitle h2 {

	margin: 0;

	padding: 0;

	border: 0;

	font-style: normal;

	font-weight: normal;

}



#blogTitle h1, #blogTitle h1 a {
	font-size: 2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
	text-decoration: none;
	font-variant: small-caps;
}



#blogTitle h2 {
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #D1EF25;
	text-transform: lowercase;
	padding-bottom: 10px;
	font-style: italic;
	font-weight: lighter;
	margin-left: 50px;
}



p {

	font-size:1.1em;

	margin-bottom: 12px;

	line-height: 1.9em;

}



ul, ol {

	font-size:1.1em;

}

li {
	list-style: none;
}



li h2 {

	font-size: 1.6em;
	list-style: none;

}



li.widget {

	margin-bottom: 2.4em;
	list-style: none;

}



.textwidget {

	line-height: 1.9em;

}



.page_item {

	margin-bottom: 2px;

}



.page_item .page_item {

	font-size: 1em;

	margin-left: 10px;

}


a {
	color: #333;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

p.postnavigation a, p.postnavigation a:hover {

	text-decoration: none;

}



strong {

	font-weight: bold;

}



em {

	font-style: italic;

}



.hidden {

	display: none;

}

	

/*



Structure Controls



*/



body {
	background: #ccc1ba url(images/body-bg-brown.jpg) 0 0 repeat;
	text-align: center;

}



#header {

	width: 1100px;
	background: transparent url(images/header-bg.png) 0 0 no-repeat;
	margin: 0 auto;
	text-align: left;
	height: 160px;

}



#logo {
	float: left;
	margin:25px 0 0 69px;
	width: 89px;
	height: 89px;
	background: transparent;
}



#blogTitle {
	float: left;
	width: 800px;
	height: 60px;
	background: transparent;
	margin-top: 55px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 200px;
}



#page {

	background: #fff url(images/page-bg.jpg) 100% 0 no-repeat;
	width: 1000px;
	margin: 0 auto;
	margin-bottom: 50px;
	text-align: left;

}



#content {
	padding-top: 50px;
	background: transparent;
	margin-top: 0;
	margin-right: 50px;
	margin-bottom: 20px;
	margin-left: 50px;
}
#feature{

	margin-bottom: 50px;

}


#feature.singlepic, #pagecontent {

	margin-bottom: 50px;

}



#feature.singlepic img {

	text-align: right;

}



#columnleft {

	float: left;

	width: 250px;

}



#columnright {
	float: left;
	margin-left: 25px;
	width: 600px;
	padding-left: 24px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #666666;
}



#commentsform {

	margin-top: 50px;

}



#footer {
	padding-top: 10px;
	border-top: 1px solid #333;
	text-align: right;
	font-size: xx-small;
	margin-top: 20px;
	margin-bottom: 20px;
}



/* Image Cycle Styles*/

 

.pics { 

	height: 450px; 

	width: 900px; 

	padding:0; 

	margin:0; 

	overflow: hidden;

	margin-bottom: 50px;

	}

	

.pics img { 

	top:0; 

	left:0;

	border:0;

	padding:0; 

	vertical-align: middle;

	}

	

/* General Image Controls */	



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

	

.aligncenter, div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}	

	



/* Lists */



ul#latestworkgallery {

	margin: 0;

}	

	

ul#latestworkgallery li {
	width: 280px;
	float: left;
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 10px;
	margin-left: 0;
}



ul#latestworkgallery li.alt {

	margin-right: 0px

}



ul#latestworkgallery li span {

	display: block;

	padding: 6px 2px;

	background: #ddd url(images/thumbnail-footer.jpg) 0 0 no-repeat;

	text-indent: 30px;

	font-weight: bold;

	font-size: 1.2em;

	}

	

	

/* Button Styles */	



p.morebutton {

	width: 99px;

	height: 30px;

}



.morebutton a {

	background: transparent url(images/see-more-button.png) 0 0 no-repeat;

	width: 99px;

	height: 30px;

	border: 0;

	display: block;

}



.morebutton a:hover {

	background-position: 0 -30px;

	cursor: pointer;

}



.previouspostbutton, .nextpostbutton {

	float: left;

	display: block;

}



.previouspostbutton {

 	margin-right: 10px;

 }



.previouspostbutton a, a .previouspostbutton  {

	background: transparent url(images/previous-post-button.png) 0 0 no-repeat;

	width: 99px;

	height: 30px;

	border: 0;

	display: block;

}



.previouspostbutton a:hover, a:hover .previouspostbutton {

	background-position: 0 -30px;

	cursor: pointer;

}



.nextpostbutton a, a .nextpostbutton {

	background: transparent url(images/next-post-button.png) 0 0 no-repeat;

	width: 99px;

	height: 30px;

	border: 0;

	display: block;

}



.nextpostbutton a:hover, a:hover .nextpostbutton {

	background-position: 0 -30px;

	cursor: pointer;

}

	

/* Comments Form */	



#respond {

	margin-top: 30px;

}



#commentform #submit {

	background: transparent url(images/submit-button.png) 0 0 no-repeat;

	width: 99px;

	height: 30px;

	border: 0;

}



#commentform #submit:hover {

	background: transparent url(images/submit-button.png) 0 -30px no-repeat;

	cursor: pointer;

}



/* Comments */



ol.commentlist { 

	list-style:none; 

	margin:0 0 1em; 

	padding:0; 

	text-indent:0; 

	}



ol.commentlist li.comment { 

	border-bottom:1px solid #9e9690; 

	padding:1em; 

	}



ol.commentlist li div.comment-author {}



ol.commentlist li div.vcard { font-weight: normal; }



ol.commentlist li div.vcard cite.fn {
	font-size: 1.8em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:normal;
	}



ol.commentlist li div.vcard cite.fn a.url {}



ol.commentlist li div.vcard img.avatar { 

	border:1px solid #333; 

	float:right; 

	margin:0 0 1em 1em; 

	}



ol.commentlist li div.vcard span.says {

	margin-bottom: 12px;

	}



ol.commentlist li div.commentmetadata {

	margin-bottom: 20px;

	}



ol.commentlist li div.comment-meta { 

	font-size:10px; 

	}



ol.commentlist li div.comment-meta a { 

	color:#9e9690; 

	}



ol.commentlist li p { 

	font-size:11px; 

	margin:0 0 1em; 

	}



ol.commentlist li ul { 

	font-size:1em; 

	list-style:square; 

	margin:0 0 1em 2em; 

	}



ol.commentlist li div.reply { 

	margin-top: 20px;

	color: transparent; 

	}



ol.commentlist li div.reply a { 

	background: transparent url(images/reply-button.png) 0 0 no-repeat;

	width: 83px;

	height: 25px;

	border: 0;

	display: block;

	color: transparent;

	}

	

ol.commentlist li div.reply a:hover { 

	background-position: 0 -25px;

	}	



ol.commentlist li ul.children { 

	list-style:none; 

	margin:1em 0; 

	text-indent:0; 

	}



ol.commentlist li ul.children li.depth-2 { 

	border-left:3px solid #333; 

	margin:.25em 0 .25em .25em; 

	}



ol.commentlist li ul.children li.depth-3 { 

	border-left:3px solid #9e9690; 

	margin:.25em 0 .25em .25em; 

	}



ol.commentlist li ul.children li.depth-4 { 

	border-left:3px solid #bbb; 

	margin:.25em 0 .25em .25em; 

	}



ol.commentlist li.even { 

	background:#fff; 

	}



ol.commentlist li.odd { 

	background:#f6f6f6; 

	}



ol.commentlist li.parent { 

	border-left:3px solid #111; 

	}



ol.commentlist li.pingback { 

	border-bottom:1px dotted #666; 

	padding:1em; 

	}

	

/* Search Contorls*/	



#searchform #s {

	float: left;

	border: 1px solid #444;

	padding: 4px 2px;

	font-size: 1.1em;

	width: 140px;

	margin-right: 10px;

}



#searchsubmit {

	float: left;

	background: transparent url(images/search-button.png) 0 0 no-repeat;

	width: 83px;

	height: 25px;

	border: 0;

	display: block;

	color: transparent;	

	}

	

#searchsubmit:hover {

	background-position: 0 -25px;

	cursor: pointer;

}	



/* General Controls*/



.clearall {
	clear: both;
	line-height: 1px;
}



.wp-caption {

	display: none;

	}
	
#dropdown {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	max-height: 1px;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
	position:relative;
	width:600px;
	font-size: 9pt;
	height:32px;
	float:left;
	z-index:100;
	margin-left: -900px;
	margin-top: 129px;
	display: inline;
}

.menu a, .menu a:visited {
	display:block;
	font-variant: small-caps;
	margin-top: 6px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 15px;
}

.menu a:hover, {
	}
	
.menu li {
	float:left;
	position:relative; }

.menu ul, .menu ul a {
	list-style-type:none; 
	color: #ffffff;
	}
	
.menu ul a:hover, .menu ul :hover > a {
	color:#D1EF25;
	background-color: #8b7666;
	}
	
.menu ul ul, .menu ul ul a {
	margin-top: 16px;
	width:auto;
	font-size: 9pt;
	color:#8b7666;
	background-color: #e8f792;
	line-height: 9pt;	
	}

.menu ul ul a:hover, .menu ul ul :hover > a {
	color:#8b7666;
	background-color: #D1EF25;	
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {}
/* style the second level hover */
.menu ul ul a.drop:hover{}
.menu ul ul :hover > a.drop {}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute; margin-top: 0px; width: auto;}

.menu ul ul ul a, .menu ul ul ul a:visited, .menu ul ul ul a:hover  {
	background-color: #FFFFff;
	line-height: 24pt;
}
/* position the third level flyout menu */
.menu ul ul ul{left:130px; top:-5px; min-width: 100px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {right:0px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; right:0; border-collapse:collapse;;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:hidden;}


/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
	color: #ffffff;
	background-color: #D6F49B;
}

.menu .current_page_item a {
	color: #ffffff;
	background: #D6F49B;
}

.menu ul .current_page_item ul a {
  color: #ffffff;
  background: #D6F49B;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
	background-color: #E9C5FC;
}

.thumbnail {
	border: thin solid #CCCCCC;
	background-color: #ffffff;
	padding: 3px;
	margin-top: 5px;
}