/*
Theme Name: ccy custom 02
Theme URI: http://loreleiwebdesign.com/2009/03/09/piggie-bank-wordpress-theme-for-gold-diggers
Description: tagsite 11/09, from piggie bank by lorelei
Version: 1.2
Author: ccy
Author URI: http://chuckyoung.wordpress.com
Tags: blue, yellow, dark, white, red, two-columns, fixed-width, right-sidebar
*/

/* TODO: image css, wrapping, About page */
/* TODO: rationalize css overall; started */
/* TODO: donate button; image sizing */
/* TODO: background img for comments => implicit problem w css class hierarchy */
/* TODO: flickr stream */
/* TODO: whaddup with that "clear" class? */

body {
   background:#242939 repeat-x;
   color:#505358;
   font:16px/24px 'Myriad Pro',Helvetica,Arial,sans-serif;
   letter-spacing:0;
   margin:0;
   padding:0;
}

a {
   color:#C00;
   outline:none;
   text-decoration:none;
}

p {
   margin:0 10px 20px 0;
}

p:a {
   background:#ccc;
   padding:3px;
}

blockquote {
   border-left:5px solid #f7f7f7;
   margin:0 0 0 10px;
   padding:0 0 0 10px;
}

#page {
   width:940px;
   margin:0 auto;
}

#header {
   position:relative;
   height:200px;
   background:url(images/vertGradFlag.jpg) top left no-repeat;
}

#header > h1  {
    margin-left: 2%;
}

#content {
   color:#000;
   background:#c3bdaa;
   border:10px solid #121827;
   font-family:'Myriad Pro',Helvetica,Arial,sans-serif;
   text-align:justify;
   padding:20px 0 0;
}

#content-left {
   float:left;
   width:550px;
   padding:15px;
}

#content-right {
   float:right;
   width:320px;
}

#footer {
   background:url(images/vertGradFlag.jpg) bottom no-repeat;
   width:900px;
   color:#fff;
   font-family:'Myriad Pro',Helvetica,Arial,sans-serif;
   margin:0 auto;
   padding:20px;
}

h1 {
   position:absolute;
   bottom:50px;
   left:0;
   line-height:1;
   font-size:48px;
   font-weight:700;
   font-family:'Myriad Pro',Helvetica,Arial,sans-serif;
   margin:0;
   padding:0;
}

h1 a {
   color:#fff;
   text-decoration:none;
   padding-left:0;
}

h2 {
   margin:0 0 20px 20px;
}

h2#blog-description {
   position:absolute;
   left:0;
   font-size:13px;
   font-weight:400;
   color:#fff;
   margin:0;
   padding:4px 0 0;
}

h3 {
   font-size:1.9em;
   font-weight:700;
   font-style:italic;
   font-family:'Myriad Pro',Helvetica,Arial,sans-serif;
   border-bottom:3px solid #ccc;
   margin:0 0 20px;
}

h3 a {
   text-decoration:none;
   font-family:'Myriad Pro',Helvetica,Arial,sans-serif;
}

h4 {
   font-size:18px;
   font-style:italic;
   color:#d8d9da;
   margin:0 0 10px;
}

#top-nav {
   position:absolute;
   top:10px;
   right:2%;
   list-style:none;
   font-family:'Myriad Pro',Helvetica,Arial,sans-serif;
   margin:0;
   padding:0;
}

#top-nav li {
   float:left;
   font-family:'Myriad Pro',Helvetica,Arial,sans-serif;
   margin:0 0 0 10px;
}

#top-nav li#rss {
   background:url(images/rss-icon.gif) no-repeat left center;
   padding:0 0 0 15px;
}

#content .box-left {
   background: url(images/content-star.jpg) no-repeat left top;
   margin:0 0 40px 20px;
}

#content .meta {
   clear:both;
   background: url(images/bg-meta-tag.gif) repeat-x left top;
   color:#5e5e5e;
   border:1px solid #ccc;
   padding:5px;
}

.meta-date {
   background:url(images/date.png) no-repeat 0 2px;
   padding:2px 15px 2px 20px;
}

.meta-categories {
   background:url(images/categories.gif) no-repeat 0 2px;
   padding:2px 15px 2px 20px;
}

.meta-comments {
   background:url(images/comment.gif) no-repeat 0 2px;
   padding:2px 15px 2px 20px;
}

.box-right {
   color:#aaaaaa;
   background:#242939;
   border:1px solid #2b2e32;
   margin:0 20px 20px 0;
   padding:20px;
}

.box-right ul {
   list-style:none;
   margin:0 0 5px;
   padding:0;
}

.box-right li {
   background:none;
   margin:0;
   padding:5px 5px 5px 10px;
}

#content .box-right li:hover {
   background: url(images/bg-meta-tag.gif) repeat-x left top;
   margin:0;
   padding:5px 5px 5px 15px;
}

#commentform label {
   display:block;
   margin:0 0 5px;
}

#commentform input.text,#commentform textarea {
   width:500px;
   margin:0 0 10px;
}

#content #commentform .text {
   height:22px;
   border:1px solid #dadada;
   color:#5e5e5e;
   padding:6px 6px 0;
}

#content #commentform textarea {
   height:150px;
   border:1px solid #dadada;
   color:#5e5e5e;
   padding:6px 6px 0;
}

#commentform .button {
   width:auto;
   height:30px;
   background:#4a4f54;
   border:none;
   color:#fff;
   margin:0;
   padding:0 20px;
}

.commentlist {
   list-style:none;
   margin:0;
   padding:0;
}

.commentlist .quote {
   background:#22222d;
   border:5px solid #8b1d11;
   padding:20px;
}

.commentlist li {
   background:#4e5156;
   color:#fff;
   margin:20px 0 0;
   padding:0;
}

.commentlist cite {
   display:block;
   font-style:normal;
}

.avatar {
   float:left;
   margin:0 20px 10px 0;
}

#content #searchform #search {
   float:left;
   width:146px;
   height:22px;
   background: url(images/bg-form-text.gif) repeat-x left top;
   border:1px solid #dadada;
   color:#5e5e5e;
   padding:6px 6px 0;
}

#searchform .button {
   width:auto;
   height:30px;
   background:#4a4f54;
   border:none;
   color:#fff;
   margin:0;
   padding:0 10px;
}

#footer p {
   font-family:'Myriad Pro',Helvetica,Arial,sans-serif;
   margin:0 0 10px;
}

#legal {
   float:left;
   width:400px;
}

.aligncenter,div.aligncenter {
   display:block;
   margin:0 auto;
}

.alignleft {
   float:left;
   margin:0 20px 20px 0;
}

.alignright {
   float:right;
   margin:0 0 20px 20px;
}

.wp-caption {
   margin-bottom:20px;
   padding-top:4px;
   border:1px solid #ccc;
   text-align:center;
   background-color:#f7f7f7;
}

.wp-caption img {
   float:none;
   border:none;
   margin:0;
   padding:0;
}

.wp-caption p.wp-caption-text {
   margin:0;
   padding:0;
}

#calendar_wrap table {
   width:100%;
}

#calendar_wrap td {
   text-align:center;
}

#wp-calendar caption {
   background:#dedede;
   margin:0 0 10px;
}

ul,ol,.aligncenter {
   margin-bottom:20px;
}

h3 a:hover,.box-right li a {
   text-decoration:none;
}

p.tags,.clear {
   clear:both;
}

/*Main Navbar */

#menubar {
	position: absolute;
	bottom: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
   font-family: Arial;
	background: url(images/bg-menu.gif) repeat-x left top;
}
	
#menubar, #menubar ul {
	width: 940px;
	list-style: none;
	line-height: 40px;
}

#menubar a, #menubar a:hover {
	display: block;
	background: url(images/bg-menu-a.gif) no-repeat right top;
	text-decoration: none;
	border: none;
}

#menubar li {
	float: left;
	list-style: none;
   font-family: Arial;
}

#menubar li:hover {
	float: left;
	list-style: none;
   font-family: Arial;
   background:#72170e;
}

#menubar a, #menubar a:visited {
	display: block;
	color: #fff;
	padding: 0 20px;
}

#menubar a:hover, #menubar a:active, .current_page_item	a, #home .on {
	text-decoration: none;
}	
	
	
/* Dropdown Menus */		
#menubar li ul {
	position: absolute;
	left: -999em;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 174px;
	border-bottom: 1px solid #505358;
	line-height: 30px;
   font-family: Arial;
}

#menubar li li {
	width: 172px;
	border-top: 1px solid #4a4e53;
	border-right: 1px solid #4a4e53;
	border-left: 1px solid #4a4e53;
	background: #505358;
}

#menubar li li a, #menubar li li a:visited {
	font-weight:normal;
	font-size:0.9em;
	color:#FFF;
	background: #1e1f21 url(images/bg-menu.gif);
}

#menubar li li a:hover, #menubar li li a:active {
	background:#505358;
}	
		
#menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul {
	left: auto;
}

a.main:hover {
   background:none;
}

/* image wrapping, per http://codex.wordpress.org/Wrapping_Text_Around_Images */

img {
   border:0;
}

p img {
   padding:0;
   max-width:100%;
}

img.alignright {
   float:right;
   padding: 4px;
   margin:0 0 4px 7px;
}

img.alignleft {
   float:left;
   padding: 4px;
   margin:0 7px 4px 0;
}

img.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto
}

a img.alignright {
   float:right;
   margin:0 0 1em 1em
}

a img.alignleft {
   float:left;
   margin:0 1em 1em 0
}

a img.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto
}