/*
title: theautumns.com styles
author:   tiny cities
created:  3.2008 
last update: */

/* Generic Rules
----------------------------------------------- */

body {
	background: #d9d8bf url(http://theautumns.com/themes/site_themes/autumns/bg.gif)  top center;
	text-align: left;
	font: normal small Arial, "Lucida Grande", sans-serif;
	line-height: 1.5em;
	color: #333;
}

a:link, a:visited {
	color: #cc3333;
	text-decoration: none;
}

a:hover {
	color: #666;
	border-bottom: 1px dotted #666;
}

h1 {
	text-indent: -5000px;
}

input, textarea { 
        border: 1px solid #ccc;
	background-color: #eee;
        font: normal 100% Arial, sans-serif;
        color: #666;
}

label {
font: normal 100% Arial, sans-serif;
color: #333;
}

/* Typography
----------------------------------------------- */

h2 {
        display: block;
	font: normal 95% Georgia, Times, serif;
	color: #fff;
        padding: 1px 10px;
	text-transform: uppercase;
        letter-spacing: 4px;;
}

h2.section_bg1 { 
       background: url(http://theautumns.com/themes/site_themes/autumns/section_bg1.gif) no-repeat top left;
}

h2.section_bg2 { 
       background: url(http://theautumns.com/themes/site_themes/autumns/section_bg2.gif) no-repeat top left;
}

h2.section_bg3 { 
       background: url(http://theautumns.com/themes/site_themes/autumns/section_bg3.gif) no-repeat top left;
}

h3 {
font: normal 140% Georgia, Times, serif;
}

h3.archive_date {
margin: 10px 0;
font: normal 120% Georgia, Times, serif;
color: #333;
letter-spacing: 1px;
}

#site_info li {
	font-size: 90%;
	border-right: 1px solid #888;
}

/* Layout
----------------------------------------------- */

#container {
	background-color: #eeece7;
	margin: 0 auto;
	text-align: left;
	width: 773px;
}

#header {
	background: url(http://theautumns.com/themes/site_themes/autumns/header.gif) no-repeat top center;
	height: 228px;
	
}

#header a:hover {
	border: none;
}

#header a img {
	margin: 50px 0 0 25px;
	width: 249px;
	height: 72px;
}

#search {
        margin: -25px 0 25px;
        padding: 0;
}

#search #keywords {
        border: 1px solid #ccc;
        padding-left: 20px;
        width: 175px;
        background: #eee url(http://theautumns.com/themes/site_themes/autumns/search_icon.gif) no-repeat 4px center;
}

#content_wrapper {
	background: url(http://theautumns.com/themes/site_themes/autumns/content_bg.gif) repeat-y;
}

#primaryContent, #secondaryContent {
	margin: 35px 0px 15px 25px;
	padding-bottom: 40px;
	float: left;
	width: 430px;
	display: inline;
}

#primaryContent {
	padding: 0 25px 0 10px;
	background: url(http://theautumns.com/themes/site_themes/autumns/divider.gif) repeat-y top right;
}

#feature {
        margin-bottom: 50px;
}

#feature img {
	float: left;
        margin-top: -35px;
}

#feature  p {
	margin-left: 170px;
}

#secondaryContent {
	margin: 35px 20px 0 20px;
	width: 240px;
}

#secondaryContent div{
margin-bottom:25px;
}

#secondaryContent h2 {
margin-bottom: 10px;
}

#secondaryContent p, 
#secondaryContent li, 
#secondaryContent dt,
 #secondaryContent dd {
        font-size: 95%;
}



#site_info {
	background: url(http://theautumns.com/themes/site_themes/autumns/site_info.gif) no-repeat top left;
	color: #666;
	padding: 85px 20px 0 20px;
        width: 773px;
        height: 95px;
        position: relative;
	clear: both;
}

#site_info p {
	margin: 5px 10px;
        font-size: 95%;
}

#site_info .rss {
	vertical-align: -.2em;
	margin-left: 1em;
        padding: 0;
        border: none;
}

#site_info .socialnet2 {
	position: absolute;
	top: 105px;
	right: 75px;
        padding: 0;
        border: none;
}

#site_info .socialnet {
	position: absolute;
	top: 105px;
	right: 190px;
        padding: 0;
        border: none;
}

#site_info #visit_socialnet {
	position: absolute;
	top: 80px;
	right: 150px;
	font-size: 90%;
	color: #999;
	border: none;
}

#site_info .rm_div{
	border: none;
}

/* Navigation
----------------------------------------------- */

#mainNav ul {
	position: absolute;
        top: 190px;
        left: 386px;
	display: inline;
}

#mainNav li {
	display: inline;
	padding: 0 3px 0 8px;
}

#mainNav a:link, #mainNav a:visited {
	padding: 34px 4px 0 8px;
        height: 34px;
	font: normal 95% "Lucida Grande", Arial, sans;
	color: #a01205;
	text-decoration: none;
	text-transform: uppercase;
}

#mainNav a:hover {
	background: url(http://theautumns.com/themes/site_themes/autumns/mainNav_over.png) no-repeat 50% top;
	color: #fff;
}

#mainNav li.altNav {
	vertical-align: -6px;
}

#mainNav li.altNav a {
	color: #777;
}

#mainNav li.altNav a:hover {
	color: #fff;
}

body#home a#homeNav,
body#news a#newsNav,
body#band a#bandNav,
body#media a#mediaNav,
body#shop a#shopNav {
	background: url(http://theautumns.com/themes/site_themes/autumns/mainNav_over.png) no-repeat top center;
	color: #fff;
}

#site_info li {
	padding: 0 10px !important;
        font-size: 95%;
	display: inline;
}

#site_info a:link, #site_info a:visited {
	color: #666;
	text-decoration: none;
}

#site_info a:hover {
	color: #999;	
}

/* Post
----------------------------------------------- */

.entry {padding-bottom:5px;}

h3.post-header {
font: normal 140% Georgia, Times, serif;
color: #cc3333;
margin: 25px 0 2px 0;
}

h4.date {
font: normal 90% Arial, sans-serif;
color: #888;
text-transform: uppercase;
}

.post-summary, post-summary p, .post-body, .post-body p { /* post-summary = index page ; post-body = comments page */
color: #333;
line-height: 1.4em; 
}

.post-summary p, .post-body p {
margin-top:15px ;
margin-bottom:15px;
}

.posted {
padding-top:3px; 
font: normal 90% Arial, sans; 
color: #333;
}

.posted a, .posted a:visited, .posted a:hover {
color:#888;
}

#post-recent .post-header {
margin: 15px 0 0 0;
font: normal 100% Arial, sans;
color: #cc3333;
}

/* Archive Section
----------------------------------------------- */

#archive-dates li {
padding-top: 4px;
border-bottom: 1px dotted #999;
}

#archive-dates h2 {
margin-bottom: 10px;
}

#archive-dates a:hover {
border: none;
}

/* Links
----------------------------------------------- */

#links li {
padding-top: 4px;
border-bottom: 1px dotted #999;
}

#links a:hover {
border: none;
}

#links h2 {
margin-bottom: 10px;
}

/* Interviews
----------------------------------------------- */

#interviews li {
padding-top: 4px;
border-bottom: 1px dotted #999;
}

#interviews a:hover {
border: none;
}

#interviews h2 {
margin-bottom: 10px;
}
/* Flickr
----------------------------------------------- */

#flickr img {
margin:5px 0 0 6px;
background:#000;
padding:3px;
width:65px;
height:65px;
}

/* Comments
----------------------------------------------- */
/* Shows
----------------------------------------------- */

#shows dt {
	font-weight:bold;
	float:left;
	padding:2px 10px 7px 0;
	line-height:130%;
}
#shows dd {
	padding:2px 0 7px 0;
	line-height:130%;
}

#shows a:link, #shows a:visited {
color: #333;
}

#shows a:hover {
color: #666;
}

/* Discography
----------------------------------------------- */
#discography dl {
font-style: italic;
}

#discography dt {
line-height: 2em;
border-bottom: 1px dotted #ccc;
}

#discography img {
margin-top: 10px;
padding: 4px;
background-color: #fff;
border: 1px solid #ccc;
}

#discography dd {
text-align: center;
}

#discography a:hover {
border: none;
}

.blindup_hide {
display: none;
}

/* Mailing List
----------------------------------------------- */
#secondaryContent #maillist div{
margin-bottom:15px;
}

#maillist input.email {
width: 136px;
}

/* Shop
----------------------------------------------- */

#shop #primaryContent { width: 350px; background: none; }
#shop #primaryContent h2 {margin-bottom: 20px; }
#shop #secondaryContent { width: 300px; padding-top: 38px; }
#shop #secondaryContent select {margin-bottom: 20px; }
#shop td { padding: 1em; vertical-align: top; }
#shop img {padding: 3px; border: 1px solid #ccc; background-color: #fff; }

/* Contact Form
----------------------------------------------- */
#contact_form input, #contact_form textarea {
width: 200px
}

#contact #maillist input.email {
margin-bottom: 45px;
width: 235px
}

#contact_info {
float: left;
}
#contact_message {
float: right;
margin-right: 5px
}

#contact_form input.submit {
width: 50px;
float: right;
}

/* Place holder
----------------------------------------------- */

#media #secondaryContent {
height:300px;
}

#header {
position: relative;
}

#headline {
position: absolute;
top:190px;
left: 25px;
}