/* 
Theme Name: Autumn Blue Jeans
Version: 1.1
Theme URI: http://www.arthousewebdesign.com/blog/2008/09/free-wordpress-theme-autumn-blue-jeans/
Description: I was thinking of blue jeans, suede and autumn leaves when I designed this theme for <a href="http://www.arthousewebdesign.com/">Art House Web Design</a>.  
Author: Sonji Carella
Author URI: http://www.arthousewebdesign.com/
Tags: fixed width, two columns, widget ready, blue jeans, blue, orange, valid CSS, valid XHTML, sidebar, header, google adsense ready, gravatars, widgetized, 2 columns, right sidebar
*/

/* Please leave my link in the footer, thanks! */

a { color: #84DEFF; text-decoration: none; font-weight: bold; }

a img  {
border : none;
} 

a:visited { color: #84DEFF; }

a:hover { color: #3F697A; text-decoration: none; }

acronym, abbr { border-bottom: 1px dotted #E9A512; }

acronym, abbr, span.caps { cursor: help; letter-spacing: .07em; }

blockquote, cite {
	background: #457587;
	margin: 15px 30px 0 10px;
	padding: 0 10px 20px 45px;
}

body {
	background: #808080 url(images/bodybg.jpg) repeat;
	color: #FFF2CD;
	font: 0.9em/1.3em "Arial",Georgia, Times, Times New Roman, sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
}

code { font-size: 1em; font-style: italic; }

code {
	color: #FFF2CD;
	font-family: "Courier New", Courier, monospace;
	padding-left: 2px;
	padding-right: 2px;
}


h1, h2, h3, h4 {
	font-family: Arial, "Lucida Sans Unicode", lucida, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
}

hr { border-top: #FFF2CD 1px solid; }

img { border: none; }

input, textarea { background: #457587; border: #2F4F5B 1px solid; }

p { line-height: 1.5em; margin: 0 0 1em; padding: 0; }

.commentlist { font-size: 1em; font-weight: normal; }

.commentlist .alt { }

.commentlist li {
	background: #457587;
	border: #2F4F5B 1px solid;
	margin: 5px 0;
	padding: 10px 10px 20px 10px;
}



.gravatar { float: right; margin: 2px 2px 5px 5px; }

.page { margin: 25px -5px 0 27px;  }

.page-content {}

.page-info { text-align: center; }

.page-title { font-size: 1.6em; font-weight: bold; color: #E9A512; }

.post , .page { margin: 0 0 10px 0; }

.post-content, .page-content {
	border-top: #000000 0px solid;
	font: 13px Arial, Georgia, Verdana,  serif;
	margin: 3px 0;
	padding: 10px 0;
}

.post-date {
	background: #457587 url(images/datebg.jpg) no-repeat bottom center;
	float: left;
	width: 60px;
        height: 70px;
        margin: -5px 3px 0 0px;
        padding: 0px 2px 0 0;
}

.post-date em {
    display: block;
    font-family: Arial;
    color: #FFF2CC;
    font-weight: bold;
    text-align: center;
}

.post-date em.dateday {
    color: #84DEFF;
    margin-top: 8px;
    font-size: 22px;
}

.post-date em.monthyear {
    margin-top: 5px;
    font-size: 16px;
}

.post-date em.year {
    margin-top: -1px;
    font-size: 12px;
}

.comment-count {
	background: #457587 url(images/commentbg.jpg) no-repeat bottom center;
	float: right;
	width: 70px;
        height: 60px;
        margin-top: 4px;
}

.comment-count em.num {
    display: block;
    font-family: Arial;
    color: #84DEFF;
    font-weight: bold;
    text-align: center;
    margin-top: 16px;
    padding: 7px 0px 0px 0px;
    font-size: 20px;

}

.postmeta {
	background: #6DB9D3;
	border-bottom: #3F697A 1px solid;
        color: #3F697A;
	margin: 40px 0px 40px 0px;
	padding: 0 5px 5px 5px;
}

.postmeta li { color: #FF4B93;}

.postmeta h2 {
	background: #6DB9D3;
	border: #3F697A 0px solid;
	color: #F9D920;
	font-size: 1.4em;
	font-weight: bold;
	height: 1.4em;
	margin: 0 -5px;
	padding: 2px 3px;
}

.post-footer {
	padding-top: 20px;
}

.post-info a { color: #F9D920; }

.post-info a:hover { color: #FFF2CD; }

.post-info, .page-info {
	color: #FFF2CD;
	font: 0.85em Verdana, Arial, Sans-Serif;
	margin: 7px;
	padding: 0 3px;
}

.post-title, .page-title { font: bold 1.7em Arial, Georgia, Serif; margin: 0 3px; }


/* #header #g is a nice spot at the top of the page to place google adsense.  In the header.php file, look for:  <div id="g"> PLACE CODE HERE </div>*/

#header #g {
          margin: -85px 0px 0px 5px; 
}
/* End google ad placement */



#header {
	background: url(images/header.jpg) no-repeat bottom;
        border-right:#C0C0C0 1px solid;
        border-left: #C0C0C0 1px solid;
	height: 290px;
	margin: 0px auto;
	padding: 0px 0 0 0;
	width: 900px;
}

#header #desc {
	color: #FFF2CD;
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 0px 0px 10px;
	padding: 0 20px 0 0;
	text-align: left;
}

#header #p { 
        color: #FFF2CD;
        font-weight: bold;
        margin: -72px 10px 0px 275px;
        padding: 0 5px 0 0;
}

#header h1 {
	font-size: 2.6em;
	margin: 5px 0 0 10px;
	padding: 55px 20px 0 0;
	text-align:left;
}

#header h1 a { color: #E9A512; text-decoration: none; }


#header h1 a:hover { color: #FFF2CD; }


/* Main Navigation Bar.  If you ad google adsense to header.php, you may need to adjust the margins here to: margin: 175 0 0 0;*/
#header #topnav {
	font: 1.2em Verdana, Arial, Sans-Serif;
	list-style: none;
	margin: 185px 0 0 0;
	padding: 5px 20px 5px 0;
	text-align: left;
}


#topnav li {
	border-left: #BBC4A3 0px solid;
	display: inline;
	font-weight: bold;

	list-style: none;
}

#topnav li a:link, #topnav li a:visited { color: #457587; padding: 0 5px; text-decoration: none; }

#topnav li a:hover, #topnav li a:active { color: #FFF2CD; padding: 0 5px; }

#main {background: #6DB9D3 url(images/pagebg.jpg) repeat-y;
        border-left: #C0C0C0 1px solid;
        border-right: #C0C0C0 1px solid;
	margin: 0px auto;
	padding: 0;
	width: 900px;
}

#pagenav { list-style: none; }



#content {
	display: inline;
	float: left;
	margin: 0;
	overflow: hidden;
	padding: 5px;
	width: 670px;
}

#content .page-title a, .post-title a:link, .post-title a:visited, .post-title a:active  { color: #3F697A; text-decoration: none; }

.post-title a:hover { color: #FFF2CD; text-decoration: none;}

#content ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 45px;
}

#content ul li {
	padding-left: 1.5em;
}

/* Comments */
#commentform { margin: 0 0 0 40px; }

#commentform p { margin: 0 0 1em; }

#commentform textarea { width: 80%; }

#comments,#respond {
	color: #000058;
	font: 0.9em verdana, helvetica, sans-serif;
	margin: 3em 0 1em 40px;
	text-transform: uppercase;
}

/* Sidebar */

#sidebar {
	display: inline;
	float: right;
	font-size: 1em;
	margin: 0px 5px 0 0px;
	padding: 0px 0px 10px 0px;
	width: 186px;
}

#sidebar ul { list-style-type: none; margin: 0; padding: 0px; }

#sidebar ul h2 {background-color: transparent;
	border: #E9A512 0px solid;
	border-bottom: #E9A512 1px solid;
	color: #3F697A;
	font-size: 1em;
	font-weight: bold;
	height: 22px;
	margin: 10px 0px 0 0px;
	padding: 2px;
	text-align: left;
}

#sidebar ul ul {
	background-color: transparent;
	border-top: #E9A512 1px solid;
	font-size: 0.9em;
	list-style-type: none;
        width: 186px;
	margin: 0;
	padding: 0px;
	padding-bottom: 3em;
}

#sidebar ul ul li { margin: 0.1em 0 0 0; padding: 2px 0 3px 10px;  }

#sidebar ul ul li a {text-decoration: none; }

#sidebar ul ul li a:link { color: #84DEFF; }

#sidebar ul ul li a:visited { color: #84DEFF; }

#sidebar ul ul li a:hover, #sidebar ul ul li a:active { color: #3F697A; }

#sidebar ul ul ul {
	background: none;
	border: none;
	font-size: 1em;
	list-style-type: none;
	margin: 0;
	padding: 5px;
}

#sidebar ul ul ul li {
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
}

/* Footer */
#footer {
        background: url(images/footer.jpg) #3F697A no-repeat;
	border-top: #3F697A 1px solid;
	clear: both;
	color: #C0C0C0;
	font-size: 0.9em;


	margin: 0px 0 0px 0px;
	padding: 20px 0;
	text-align: center;
	width: 900px;
}

#footer a { border: none; color: #FFF2CC; }


/* Calendar */

#calendar { margin: 10px 0px 0px 0px; position: inherit; }


#wp-calendar {
	background-color: transparent;
	border: #E1D6C6 0px solid;
	border-top: #F3F6ED 0px solid;
	empty-cells: show;
	font-size: 0.9em;
	margin: 0px;
	padding: 3px;
	padding-bottom: 3em;
	text-align: left;
	width: 100%;
}

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

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

#wp-calendar .today { background: #3F697A; font-weight: bold; }


#wp-calendar a { display: block; text-decoration: none; font-weight: bold; color:#FFF2CC; }

#wp-calendar a:hover { background: #6DB9D3; color: #FFF2CC; }

#wp-calendar caption {
	border: #E9A512 1px solid;
	color: #3F697A;
	font-size: 1em;
	font-weight: bold;
	height: 22px;
	margin: 10px 0 0 0;
	padding: 2px;
	text-align: left;
}

#wp-calendar caption a, #wp-calendar caption a:hover { background: transparent; color: #FFF2CC; }

#wp-calendar td {
	color: #84DEFF;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}


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



#wp-calendar td:hover, #wp-calendar #today { background: #3F697A; color: #FFF2CC; }

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

/* Text and Image Alignment */ 
img.alignleft, .left { float: left; }

img.alignright, .right { float: right; }
FFF2CC
.alignleft { text-align: left; }

.alignright { text-align: right; }



.aligncenter, img.centered, .center { text-align: center; }

.wp-caption { border: 01px dotted #E63D68; margin: 10px; }

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

.wp-caption p.wp-caption-text {
	font-size: 11px;
        color: #ffffff;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}