/*
Theme Name: Gold Pot Theme
Theme URI: http://www.etrecos.com/index.php/themes/
Description: A yellow and white pastel tones, two-columns layout simple, clean and minimalist theme full of energy and good vibe to inspire and complement all your texts. Also RTL-languages friendly!
Version: 2.0
Author: Catarina Yamamoto
Author URI: http://www.etrecos.com/
Tags: yellow, tan, white, light, two-columns, fixed-width, left-sidebar

Gold Pot v2.0 | http://www.etrecos.com/index.php/themes/
Gold Pot theme and its files are copyright(2009) Catarina Yamamoto. All rights reserved.
Gold Pot theme and its files are released and distributed under GPL: http://www.opensource.org/licenses/gpl-license.php
*/

/* generic styles */
body {
	font-size: 0.9em;
	font-family: Verdana, Arial, Sans-Serif;
	background: #fff url('images/img_bg.png') repeat-x 0 0;
	color: #666666;
	margin: 0;
	padding: 0;
}
/* kp - from webpages only style change is link colors and removed bg 'swirl' image in #rap. rest OK -- added NAV BAR and other options at bottom */
a {
	color: #1b818a;
		font-weight: bold;
	text-decoration: none;
}

a img {
	border: none;
}

a:link { color: #1b818a; } /* dark teal */
a:visited { color: #333333; } /* grey OK */
a:hover { color: #333333; background: #ffe284; text-decoration: underline; } /* make grey - gold bg hover underline */
a:active { color: #1b818a; text-decoration: underline; } /* dark teal underline */




p {margin: 0 0 10px 0;}

acronym, abbr {
	border-bottom: 1px dashed #333;
}

acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: .07em;
}

acronym, abbr {
	cursor: help;
}

blockquote {
	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
}


cite {
	font-size: 90%;
	font-style: normal;
}

h1{
	margin-top: 0;
}

h2 {
	margin: 15px 0 2px 0;
	padding-bottom: 2px;
	font-size: 19px;
	font-weight: normal;
	color: #878787;
}

h3 {
	margin-top: 0;
}

ol#comments li p {
	font-size: 100%;
}

p, li, .feedback {
	font-size: 11px;
	line-height: 1.5em;
}


/* top bar styles */

#topHeader {height: 33px; min-width: 990px;}
#topContainer{ padding: 4px;}

ul#web2 {margin: 0; padding: 0; list-style: none;}
ul#web2 li {float: left; margin-right:5px;}

#topHeader #searchBox{
	float: right;
	padding-top: 2px;
	padding-left: 3px;
}

#topHeader #searchBox form{margin:0; padding:0;}
#topHeader #searchBox input{
	font-size: 0.7em; 
	font-family: Verdana, Arial, Sans-Serif;
}

.hidden{display: none;}

/* content container styles */
form { margin: 0; }

/* kp - disabled swirl for now images/img_bg_swirl.png */

#rap{
	width: 990px;
	background: url('') no-repeat 198px 0px;
	position: relative;
}

/* header styles */

#header {
	margin: 0;
	padding: 58px 0 0 250px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 33px;
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}

#header a, #header a:hover {color: #333333; text-decoration:none;}

#header span.description{
	font-size: 14px;
	color: #333;
	font-style: italic;
	font-weight: normal;
	position: absolute;
	top: 45px;
	left:250px;
}

/* content styles */
#content { width: 990px;}
#contentContainer { padding: 35px 50px 0 250px;}


/* menu styles */
#menu {
	background: #fff url('images/sidebar.jpg') no-repeat right 0;
	padding: 20px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 160px;
	min-height: 600px;
}

#menu form {
	margin: 0 0 0 13px;
}

#menu input#s {
	width: 80%;
	background: #eee;
	border: 1px solid #999;
	color: #000;
}

#menu ul {
	font-weight: normal;
	list-style-type: none;
	margin: 0;
	padding-left: 0;
}

#menu ul li {
	margin-bottom: 15px;
	color: #a9ac99;
	font-size: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

#menu ul li a:hover{text-decoration: underline;}

#menu ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
	border: 0;
	margin-top: 2px ;
}

#menu ul ul li {
	border: 0;
	letter-spacing: 0;
	margin-bottom: 0;
	padding: 0;
	padding-left: 10px;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	line-height: 1.4em;
}

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

#menu ul ul ul{border:0;
	margin-top: 0px;}

#menu ul ul ul.children {
	padding-left: 4px;
}


/* classes used by the_meta() */

.post{margin-bottom: 25px;}

ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.credit {
	font-size: 1em;
	margin: 10px 0 0 0;
	padding: 3px;
	text-align: center;
}

.credit a:link, .credit a:hover {
	color: #fff;
}

.feedback {
	color: #ccc;
	text-align: right;
	clear: both;
}

.meta{
	font-size: .7em;
}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta, .meta a {
	font-weight: normal;
	color: #878787;
}
.meta{margin-left: 8px;}
.meta a {text-decoration: underline;}

.storytitle {
	margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}

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

.storytitle span.titleDate{
	color: #333;
	background-color: #ffe07c;
	display: block;
	float: left;
	font-size: 0.55em;
	margin-right: 7px;
	margin-top: 2px;
	padding: 3px 5px 6px;
}

.storytitle span.comment{ display:block; float: right; margin-top: -23px; background-color: #e5e5e5;}

.storytitle {color: #feba04;}
.storytitle span.postDate {padding-left: 27px;}

.ispage .nocomments {display: none;}
.ispage .postcomments {padding-top: 25px;}
.postcomments {padding-top: 10px;}


.page .postDate, .singlepost .postDate {padding-left: 0px !important;}
.page .meta, .singlepost .meta {margin-left :0px;}
.storytitle span.titleName {color: #333333;}
.storytitle span.authorname {color: #a9ac99;}
.storytitle span.storyComment {position: relative; color: #999;}
.storytitle span.storyComment .on { display: block; background: url ('images/comment.gif') no-repeat 0 0; height: 20px; width: 22px; font-size: 10px; text-align: center; padding-top: 1px; position: relative; letter-spacing: -1px; margin-left: 0px; position: absolute;top: -15px; left: 0;}
.storytitle span.storyComment span span {color: #a9ac99; margin-left: -2px; letter-spacing: 0;}

h2#comments, h2#postcomment, p.sorry {font-size: 12px; font-weight: bold; color: #878787;}
.nocomments{font-style: italic;}

.storycontent{color: #333333; padding-left: 8px;margin-top: 15px; font-size: 11px;}
.storycontent ul, .storycontent ol{padding-left: 20px; margin-left:0;}
.singlepost {padding-left: 0;}

.navi{font-size: 11px; margin-top: 20px; display: block; padding-bottom: 30px;}
.searchtitle{margin-top: 0; margin-bottom: 0px;}
.queryBlog{ margin-bottom: 20px;}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #ccc;
	padding: .2em;
}

#commentform textarea {
	width: 60%;
	height:100px;
}

.comment {border-top: solid 3px #f3f3f3; padding-top: 5px;}
.comment p {font-size: 1em; padding-left: 45px;}
.comment p.comHeader {padding-left: 0px;}
.comHeader a{color: #666; text-decoration: underline;}
.comHeader .editH a{color: #FF5328; }

#commentlist{list-style: none; margin: 5px 0 10px; padding: 0;}
p.commentfeed{margin-bottom: 25px;}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}

#commentlist li .avatar {
	float: left;
	margin-right: 10px;
	border: 1px solid #ccc;
	padding: 2px;
}

/* more styles */

#wp-calendar {
	border: 1px solid #ddd;
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	width: 100%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #eee;
	text-decoration: none !important;
	color: #333;
}

#wp-calendar caption {
	color: #999;
	font-size: 16px;
	text-align: left;
}

#wp-calendar td {
	color: #666;
	font: normal 11px Georgia, "Times New Roman", Times, serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar #today {
	background: #eee;
	color: #333;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #e5e5e5;
	text-align: center;
	background-color: #fff;
	padding: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 3px;
	border: 1px solid #e5e5e5;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 3px 4px 0;
	margin: 0;
	color: #666;
}
/* End captions & aligment */

.navigation {
	display: block;
	text-align: center;
	margin-bottom:  30px;
	font-size: 0.7em;
	margin-top: -20px;
	}
	
	
	
/* kp added navigation top bars */


#navbar a:link {color: #ffffff; }  /* white */
#navbar a:visited {color: #ffe284; }  /* gold */
#navbar a:hover {color: #333333;	 background: #ffe284;}  /* dk grey */
#navbar a:active {color: #1b818a; }  /* white */


/* NAV BAR COLOR - BOF - color  all list items */
/* DROP DOWN MENUS  */
/* Add top level navigation menu drop downs */
/* navbar ID: general characteristics of navigation */
#navbar { 
		background-color: transparent; 
		}

/* change for page color / design */			
#navbar li {			
		background-image: url('../graphics/WhitePlumVertGrad40v.jpg');
		background-repeat: repeat-x;  
		}

/* all lists */
#navbar ul {}

/* second-level lists  - -  check 'top' on firefox... was 2 em, check padding top - was 2em 
border not seen??
 */
#navbar li ul {}

/* SUBLIST ITEMS attempt to not have BG image in sublists plus reset width to 100  */
#navbar li ul li {
		background-image: none; 
		background-color: transparent;	
		}

/* This  works with IE7 which will position to the top right of the containing li, rather than bottom left  - - commented out, now, put top as 1.5em, zindex as 0, now left to 0
 - nav bar colors same as rest of links



*/

 /* not sure what this is  - allows for drop down to not overlap */
/*  mar 09 - seems to be main background for secondary list  */
#navbar li>ul { 
		background:  #f8defb;	
		}
/* NAV BAR color EOF  */

/* NAVBAR  position BOF */
/* Add top level navigation menu drop downs */

/* navbar ID: general characteristics of navigation */
/* nav bar width = a whole integer when divided by number of columns */
#navbar { margin: 0px;
padding: 0px;
position: absolute;
top: 3px;
width: 948px;
font-size: 90%;
z-index: 120;


}


/* all list items */

/* unless overridden below by #navbar li ul li style */

/* nav bar width = alter to be whole integer evenly divisible into navbar width */
/* 425 = 2 columns, 316 - 3 col, 237 = 4 columns (948), 190 = 5 col, 158 = six col */
#navbar li {
float: left;
width: 237px;
text-align: left;
list-style: none;
}

/* all lists - set as 0s to reset. */
#navbar ul {
padding: 0px;
margin: 0px;
list-style: none;	
		
}






/* kp trying to fix for IE positioning - main culprit here */
/* second-level lists  - -  check 'top' on firefox... was 2 em, check padding top - was 2em 
border not seen??
 */
#navbar li ul {
display: none;

top: 0px;
left: 3px;
padding-top: .2em;
padding-left: .2em;
text-align: left;
width: 100%;
}




/* SUBLIST ITEMS attempt to not have BG image in sublists plus reset width to 100  */
#navbar li ul li {

text-align: left;
padding-left: 1em;
width: 100%;

}



/* This  works with IE7 which will position to the top right of the containing li, rather than bottom left  - - commented out, now, put top as 1.5em, zindex as 0, now left to 0
 - nav bar colors same as rest of links
*/
#navbar a {text-decoration: none; font-weight: normal;}

#navbar a:link {padding: .2em 1em;}
#navbar a:visited { padding: .2em 1em;}
#navbar a:hover {padding: .2em 1em;	}
#navbar a:active {padding: .2em 1em; }




 /* not sure what this is  - allows for drop down to not overlap */
 /* mar 09 - fixd funky margin by setting left to 0px  */
#navbar li>ul { 
top: 1.75em;
left: 0px;
z-index: 100;	

}



 /* lists nested under hovered list items */
#navbar li:hover ul, li.over ul {
display: block;
padding-left: 0px;
overflow: hidden;

}

 /* NAV BAR position EOF  */



 /* NAV BAR style BOF  */

#navbar {

	font-weight: bold;	}

 /* NAV BAR style EOF  */



 /* misc KP added style options from web page  */

.hr90 { width: 90%; text-align: center; }
.hr85 { width: 85%; text-align: center; }
.hr80 { width: 80%; text-align: center; }
.hr75 { width: 75%; text-align: center; }
.hr70 { width: 70%; text-align: center; }
.hr50 { width: 50%; text-align: center; }


.right { text-align: right; }
.center { text-align: center;	}
.left { text-align: left; }
.justify { text-align: justify; }


/* Collapse line height  */	

.collapse90 { line-height: 90%; }
.collapse80 { line-height: 80%; }
.collapse70 { line-height: 70%; }
.collapse60 { line-height: 60%; }
.collapse50 { line-height: 50%; }
.collapse40 { line-height: 40%; }
.collapse30 { line-height: 30%; }
.collapse20 { line-height: 20%; }
.collapse0 { line-height: 0%; }