/*
Theme Name: Simple Photo Blog!

Description: Compatable with WordPress version 2.7. A clean, optimized with enhanced archives and a large header image, designed for professional and/or photography blogs. 
Version: 2.7
Author: Yvonne Chan
Author URI: http://www.yeestudio.com
Tags: white, fixed-width, single-column, photos

	Simple Photo Blog!

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Color Customization */
body, .firefoxhack, .comments_container {  
	background: #fcf9f1;   /* Ouh1ter Background Color */	  
	color: #594b39;			/* Main Text Color */
	/* border color set within each class - light brown fyi here only */

}
.siteheader
{
	background: transparent;
}
#wrapper, .comments_container {				
	background: #FFF;	/* Content Background Color */
	/*background: transparent;  =-= if we want seamless background */
}
/* Link Color */
a, a.link, a.visited, h1 a:hover, h2 a:hover, #nav_menu, .commentaction,
#nav_menu li li a,
#nav_menu li li a:visited,
#nav_menu li li a:link {
	color: #e58e22;  /* yellow */
	color: #f68b05;
}

/* Other Colors */
.postdate, span.postmetadata, .commentauthor, #footer_bottom, #searchform_top_text  {
	color: #d57269; 	/* pink */
}
h1, h2, h3, h1 a, h2 a {
	color: #3e2712; /* brown */
}
#nav_menu li a:hover,
#nav_menu li a:active,
#nav_menu li a.current {	
	color: #5c3d20 !important;
	}

/***************************************** Main CSS Layout *******************************/

a,
a.link,
a.visited {
	text-decoration: none;
}
a:hover,
a:active {
	text-decoration: underline;
	}
a:hover img,
a:active img,
a img:hover,
a img:active,
a.img:hover,
a.img:active {
	background: transparent;
	}
h1 a, h2 a {
	text-decoration: none;
}
h1 a:hover, h2 a:hover {
	text-decoration: none;
}
/* =need?= below four are used in archives.php - not sure if we really need them - might need to chagne */
h3.archives {
	margin-top: 10px;
	margin-bottom: 10px;
}
h3.archive_head {
	font-size: 1.8em;
}
h3.archives a {
	text-decoration: none;
}
h3.archives a.permalink {
	border-bottom: 1px dotted;
}
	
/*====: [STANDARD HTML STYLES] :================================*/
h1, h2, h3 {
	margin: 0 0 0 0;
	font-weight: normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform: lowercase;	
}
h1 {
	font-size: 2.4em;
	margin: 10px 0;
	}
h2 {
	font-size: 2.0em;
	margin: 10px 0;
	}
h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 5px 0;
	}
h4 {
	font-size: .9em;
	margin: 5px 0;
}
h5 {
	font-size: .8em;
}
h6 {
	font-size: .6em;
}
p {
	margin: 3px 0 10px 0;
	padding: 0px;
	}

ul {
	margin-left: 0;
	padding-left: 15px;
	margin-top:0px;
}

li {
	padding-bottom:2px;
}

abbr[title], acronym[title] {
	cursor: help;
}

pre {
	overflow: auto;
	padding: 5px;
	display: block;
}

/*====: [GENERIC ELEMENTS & HACKS] :=============================*/
.clearfloat {
	clear: both;
	height: 0px;
	line-height: 0px;
	margin: 0;
	padding: 0;
}
.clearfloatthick {
	clear: both;
	height: 15px;
	line-height: 15px;
	margin: 0;
	padding: 0;
}
.centerer { /* IE hack to center child element inside parent */
	width: 100%;
	text-align: center;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.hidden {
	/* Javascript hides this div on page load */
	display: block;
}
/*====: [CORE LAYOUT ELEMENTS] :================================*/
body {
	background-image: url('images/bg2.jpg');
	background-position: top center;
	background-repeat: repeat-y;
	font-size: 62.5%; /*Set font size so 1em = 10px*/   	
	margin: 0px 0;
	text-align: center; /*Center site on page in IE*/
	font-family: arial, verdana, tahoma, serif;
}
#container {
	width: 920px;		/* =c= content width */
	text-align: left; 	/* Reset center align inheretence from body*/
	margin: 0 auto; 	/* Center site on page in Mozilla*/
	padding:0px;
	margin-top:10px;

}
.siteheader				/* just for the top - logo & nav_menu */
{
	width: 100%;
}
#masthead_wrapper {		/* logo on the left */
	float: left;
	margin: 0 0 0 0px;
	width: 30%;
	padding: 0;
	text-align: left;
	position: relative;
	height: 68px;	
}

/*====: [NAVIGATION ELEMENTS] :=================================*/
#nav_menu {
	width: 70%;
	text-align: right;
	height: 63px;
	overflow: hidden;
	float: right;
	font-size: 1.2em;
}
#nav_menu ul {
	float: right;
	margin: 0;
	margin-top: 32px;
}
#nav_menu li {
	float: left;
	list-style: none;
	width: 100px;
	text-align: center;
	border-right: 1px solid #b59576;	/* light brown */
	height: 33px;
	padding-top: 7px;
}
#nav_menu li.nav_menu_item_last {
	border-right: 0px solid #000;
}

#nav_menu li a,
#nav_menu li a:visited,
#nav_menu li a:link {
	display: block;
	margin-left: 0px;
	text-decoration: none;
	padding: 3px 0px;
	}
#nav_menu li a:hover,
#nav_menu li a:active 
{
	font-weight: bold;  /* not working?*/
}

.wrapper_table
{
	padding:0px;
	margin:0px;
	margin-top:-7px;
	float: left;
}
#wrapper {				/* below logo */
	width: 100%;
	margin: 0;
	padding: 0;
	margin-right: -20px; /* fix for IE */
	float:left; /* fix for Firefox - otherwise top menu links not working */
	/* overflow: hidden; *//* needed for IE, but will break Firefox */ 
	}
	
#header {				/* wrapper for headerimage and intro/message area */
	width: 100%;
	text-align: center; /*Center child #headerimg in IE*/
	position: relative;
	margin: 0;
}
#headerimg {
	margin: 0 auto; /*Center in Mozilla*/
	clear: both;
}

/*====: [HEADER INTRO :===================*/
#intro
{
	height: 150px;		/* =c= height */
}
.intro_right
{
	height: 135px;		/* =c= height */
}
#intro {
	width:900px;		/* =c= might change based on overall width */
	margin: 0px 10px;
	padding-bottom: 0px;
	text-align: left;
	font-size: 1.2em;
	border: 0px solid #cccccc;


}
#intro li {
	list-style: none;
	padding-left:0px;
	margin-left:-15px;
}
.intro_table td {
	border-top: 0px solid #CCC;
	padding: 0px 0px;
	
}
.intro_shade {

}
.intro_center {
	padding:0px;
	margin:0px;
	padding-right: 20px;

}
.intro_left {
	float:left;
	padding-top: 10px;
	}
.intro_right {
	border-left: 1px solid #b59576;  /* =c= light brown */
	padding-left: 10px;
	margin-top: 5px;
	}

#content {
	margin: 5px 30px 0;
	font-size: 1.2em;
	width: 860px;  /* container is 920px */
	float: left;
	display: inline;
}
#footer {
	clear: both;
	margin: 0 35px;
	padding: 5px 0;
	border-top: 0px solid #CCC;
	}
/*
* The borders above are for child categories - they go 3 levels deep
* If you want more than that, add another style, and know that you're
* far too obsessed with child categories ;-)
*/
/*** =nty=  NOT TESTED YET ***/
/*====: [SEARCH FORM STYLES] :=================================*/
form#searchform {
	margin-bottom: 10px;
}
form#searchform input#s {
	width: 225px;
	height: 20px;
	font-style: italic;
	font-size: 1.2em;
	color: #5c3d20;
	}
/*====: [SINGLE POST ELEMENTS] :================================*/
/*** =nty=  NOT TESTED YET ***/
.summary {
	font-style: italic;
	border: 1px solid #CCC;
	padding: 5px 5px;
	width: 90%;
	margin: 0 auto;
	text-align: justify;
	font-size: .9em;
}
.summary p {
	margin: 0;
}
span.summarywords {
	font-style: italic;
	font-weight: bold;
}
/*====: [POST LEVEL ELEMENTS] :=================================*/
.post {
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
}
.post a {

}
.post a:hover {

	}

/* post title */	
.post h1 {
	padding-bottom:5px;
	margin-bottom: 5px;
	background: url('images/line.jpg') bottom left no-repeat;
}

.entry {
	font-size: 1em;
	margin: 20px 0;
	padding:0px;
}
.entry p {
	margin: 15px 0;
}

/*====: [POST NAVIGATION ELEMENTS] :=============================*/
.navigation {
	width: 100%;
	text-align: center;
	line-height: 100%;
	font-size: 1em;
}
.navigation a {
	padding: 2px;
}
	
.tagcloud {
	background: #eee;
	border: 1px solid #b59576;
	padding: 10px;
	text-align: center;
	line-height: 22pt;
}
.tags
{
	padding-top:10px;
}

/*====: [COMMENT STYLES] :====================================*/

/*==========: [COMMENT LAYOUT] :==============================*/
/* Comment Bar for click to view/add comments, link to post etc */
.comments_header
{
	margin-bottom: 0px;
	padding: 0px 0px;
	font-size: 1em;
	font-weight: bold;
	text-transform:lowercase;
}
.commentaction:hover
{
	text-decoration: underline;
}
.comments_header img
{
	vertical-align: bottom;
	padding-bottom:0px;
	margin-right: 2px;
}
.comments_wrapper, .comments_container, .comments_form
{
	height: 160px;	/* set the height once here - easier to change - just once for all */
}	
.comments_wrapper
{
	margin-bottom: 0px;
	padding-bottom: 0px;
	width:auto;	
	overflow:hidden;
}
.comments_wrapper2
{font-size: 0.9em;
}
.comments_container
{
	overflow-y: scroll;
	padding-left:10px;
	padding-bottom: 0px;
}
.comments_form
{
	padding:0px;
	margin:0px;
	padding: 10px 10px;
	font-size: 0.9em;
}		

.comments_wrapper .CommentFormInputWrapper,
.comments_wrapper2 .CommentFormInputWrapper,
{
	margin-bottom:2px;
}
/***** Comment Form ****/
.CommentFormInputWrapper
{
	border: 0px;
	padding:0px;
	margin:0px;
	
}
.CommentFormInputWrapper .UserInformation
{
	float: left;
	width: 280px;
	padding-top:0px;
}
label.commentformlabel
{
	margin-left: 2px;	
}
.CommentFormInputWrapper .CommentFormTextArea
{
}
form#commentform input.text {
	width: 250px;
	font-size: 1.0em;
	color: #666;
	height: 18px;
	border: 1px solid #ccc;
	padding: 0px 2px;
	padding-top: 1px;
	margin: 2px 0px;
}
form#commentform textarea {
	width: 286px;
	height: 96px;
	border: 1px solid #ccc;
	padding: 0px 2px;
	padding-top: 2px;
	margin: 0px;
	margin-top: 2px;
	margin-left: 0px;
	color: #666;
	overflow: visible;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.0em;	
}
/* comment input form */
input#submit {
	background: url('images/submit_bg.gif') repeat-x;
	border: 0px;
	height: 25px;
	width: 125px;
	cursor: pointer;
	color: #5c3d20;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform:lowercase;
	}
input#submit:hover {
	color: #311e0c;
	}
/*====: [WP 2.7 COMMENT STYLES] :======================*/
ol.commentlist  {
	
	padding: 0;
	margin-left:0px;
	position: relative;
	padding-bottom: 10px;
}
ol.commentlist li {
	list-style: none;
	position: relative;
	margin-bottom: 3px;
}
ol.commentlist li p {  /* actual comment line */
	padding:0px;
	margin:0px;
	display: inline;
	margin-left: 5px;
	margin-top: 0px;
}
/* used within each li */
.commentauthor {
	margin: 0 0 0 0px;
	font-weight: normal;
	text-transform: lowercase;
	
	}
.commentdate {
}
/*====: [REQUIRED BY WORDPRESS] :=========*/
.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}


/*======== other new =========*/
.postdate, span.postmetadata  {
	margin: 0;
	padding: 0px;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;	
}
	
/*======== media images =========*/
.size-medium {
	
	margin-right: 1px;
	overflow: hidden;
	border: 0px;
}

.size-large {
	padding-right: 4px;
	overflow: hidden;
		border: 0px;
}
.size-full {
	max-width: 856px;
	overflow: hidden;
	border: 0px;
}

/*====: [FOOTER :===================*/
#footer_a {
	width:860px;
	height: 260px;
	margin: 0px;
	padding: 0px;
	margin-top: 25px;
	color: #5c3d20;
	text-align: left;
	font-size: 1.3em;
}
#footer_a li {
	list-style: none;
	padding-left:0px;
	margin-left:-15px;
}
.footer_table
{
	border: 0px solid #CCC;
}

.footer_table td {
	padding: 0px 0px;	
}

.footer_shade {
	
}
.footer_middle 
{
	padding:0px;
	margin:0px;
	border-left: 1px solid #b59576;
	padding-left: 10px;	
	height: 250px;
}
.footer_left {
	float:left;
	padding-top: 0px;
	margin:0px;		
}
.footer_right {
	border-left: 1px solid #b59576;
	padding-left: 10px;
	margin-top: 0px;
	height: 250px;
}
#footer_bottom {
	text-align: center;
	width: 100%;
	margin-top: 20px;
}
/*====: [FOOTER - REGISTER] :===========*/
#register ul
{
	margin:0px;
	padding:0px;
}
#register li 
{
	display:inline;
	padding:0px;
	padding-right: 5px;
	border-right:1px solid #ccc;
	margin: 0px;
	
}
#register li.last {
border:none;
padding-left:1px;}
.firefoxhack
{
	font-size: 1px;
}

.pageheading_sm
{
	text-align: left;
}
.shadow_l, .shadow_r
{
	background-position: top;
	background-repeat: repeat-y;
}
.shadow_top, .shadow_bot
{
	padding:0px;
	margin:0px;
	height:8px;
}
.shadow_top
{
	background: url(images/shadow_top.gif) bottom center no-repeat;
}
.shadow_bot
{
	background: url(images/shadow_bot.gif) bottom center no-repeat;
}
/*====: [SEARCH] :===========*/
#main_search{
	float:right;
	width:240px;
	padding:0px;
	margin:0px;
	border-bottom: 1px solid #b59576;
	border-top: 1px solid #b59576;
	height: 32px;
	position: absolute;
	bottom: 15px;
}
#searchform_top{
margin:0px;
padding:0px;
margin-top:-6px;
}
#searchform_top_text{
	width:202px;
	border:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin:0px;
	padding-top:0px;
	margin-left: 5px;
}
#gosearch{
	position:relative;
	top:10px;
}