/*
Theme Name: ! ! Cozy Home Records 2009
Theme URI:tavdesign.com	
Description: Custom simple 2 column WP theme
Version: 3.0
Author: timschram
*/



* {
margin: 0;
padding: 0;
}

a {text-decoration: none;
outline:none;
color:#FF9933;
font-weight:bold;}

a:hover{
color:#FFFFFF;
}

body {
background-image:url(img/4trk4.jpg);
background-attachment:fixed;
background-position:top center;
background-repeat:no-repeat;
color: #ddd;
font: normal 12px Lucida Grande, Verdana,Tahoma, sans-serif;
text-align:left;
margin:0px;
}


p,blockquote,ul {
font-size: 12px;
padding-bottom: 4px;
line-height:14px;
}

blockquote {font: italic 11px Courier New;}

code {
height:40px;
background-image:url(http://www.cozyhomerecords.com/images/alphaback2.png);   
display: block;
font-size: 12px;
margin: 0 10px 12px;
padding: 8px 10px;
white-space: pre;
border:1px solid #333333;
overflow: auto;
}

p img {
border: 2px solid #EFEFEF; 
background-color:#000;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

ul {margin-left: 2em;}
h1 {font: bold 14px Arial,sans-serif; padding:6px; color:#CC6600;}
.content h1 a {color:#CC6600; text-transform:lowercase}
.content h1 a:hover {color:#FF9900;}
h2 {
font: normal 13px Lucida Grande, Arial,sans-serif; padding:8px;
}

h5 {font: normal 12px  Lucida Grande, Arial,sans-serif; padding:12px 6px; color:#FFFFFF; border-bottom:#666666 dotted 1px;}


/* misc */
.clearer {clear: both;}

#logo {
position:absolute;
top:48px;
left:7px;
float:left;
background: inherit;
height:35px;
width:247px;
font-size:22px;
padding-left:14px;
color:#FF9933;
background: url(img/cznewlogo_white_sm.png) no-repeat;
z-index:1111111111;
}
.left {float: left;}
.right {float: right;}

/* header */
.header {
border-bottom: 0px solid #333;
font: normal 2em Arial, sans-serif;
height: 40px;
position:relative;
color:#CC6600;
}
.header a {
color: #FF9933;
display: block;
line-height: 159px;
text-decoration: none;
font: normal 1em Lucida Grande, sans-serif;
width: 100%;
letter-spacing:-1px;
z-index:1;
}

.header a img {
color: #888;
text-decoration: none;
font: normal 1em Lucida Grande, Arial, sans-serif;
text-align:right;
}
.header span {padding-left: 32px; display:none;}

.header a:hover {
color: #FFFFFF;display: block;
line-height: 159px;
text-decoration: none;
font: normal 1em Lucida Grande, Arial, sans-serif;
width: 100%;
}

/* structure */
.container {
border: 0px solid #000;
border-top: none;
width:720px;
margin:0 auto;
font-family: "Lucida Grande", Lucida Sans Unicode, Arial, Helvetica;
}

.main {
border-bottom: 0px;
border-left: 0px dotted #333;
}
.main .left {width: 74%;}
.main .right {width: 26%;}

.content {
border-left: 0px solid #3C3C3C;
border-top: 0px dotted #3C3C3C;
min-height:300px;
text-align:left;
font-family: "Lucida Grande", Lucida Sans Unicode, Arial, Helvetica;
background-color:#000;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter:alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85;
}

.content p{
padding: 16px;
text-align:left;

}

.content img{
text-align:center;
border:1px solid #CCCCCC;
}

.content2 {
border-left: 0px solid #3C3C3C;
border-top: 0px solid #3C3C3C;
padding: 0px;
}

/* content elements */
.content h1 {
padding: 10px 10px 10px 20px;
border-bottom: 1px dotted #666666;
font-size:18px;
text-transform:lowercase;
color:#CC6600;
margin-bottom: 10px;
font-weight:normal;
}

.post h1 a {
border-bottom: 0px dotted #fff;
color:#FFFFFF;
margin-bottom: 1px;
padding: 3px 0 3px;
text-decoration:none;
font-weight:normal;
}

.post h1 a:hover {
border-bottom: 0px dotted #fff;
color: #fff;
margin-bottom: 10px;
padding: 3px 0 3px;
text-decoration:none;
}

.post h1 a:visited{
border-bottom: 0px dotted #fff;
color: #fff;
margin-bottom: 10px;
padding: 3px 0 3px;
text-decoration:none;
}
.content a {
text-decoration: none;
color:#CC6600;

}
.content a:hover {text-decoration: none;
color:#FFFFFF;
}

/* navigation */
.nav {
background-color:#000;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter:alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85;
border-bottom:1px solid #F1F1F1;
height:46px;
}
.nav a {
color: #fff;
float: right;
font: normal 12px "Lucida Grande", Lucida Sans Unicode, Arial, Helvetica;;
line-height: 45px;
padding: 20px 20px;
letter-spacing:-0.5px;
height:100%;
}
.nav ul li {
color: #fff;
float: right;
font: normal 12px "Lucida Grande", Lucida Sans Unicode, Arial, Helvetica;;
line-height: 45px;
display:inline;
list-style:none;
}
.nav ul li a {
border-left: 1px solid #222222;
color: #fff;
float: left;
font: 12px "Lucida Grande", Lucida Sans Unicode, Arial, Helvetica;
line-height: 45px;
padding: 0 20px;
display:inline;
list-style:none;
}
.nav a:hover, .nav.blog a{
color:#FF9933;
background:#040404;
}

/* sub-navigation */
.subnav {
background-color:#000;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter:alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85;
font-size:12px;
border-top: 0px dotted #333;
margin-left: 1px;
padding: 2px;
color:#fff;
min-height:308px;
}
.subnav h1 {
padding: 12px 8px 11px 8px;
color:#fff;
font-weight:bold;
font-size:14px;
border-bottom:1px dotted #666666;
}
.subnav ul {
margin: 0;
}
.subnav li {
border-bottom:1px dotted #222222;
background: url(img/tag.gif) no-repeat left center;
list-style: none;
margin: 0;
display:block;
}


.subnav li a {
text-decoration: none;
color:#578CAE;
line-height: 18px;
font-size:11px;
font-weight:normal;
display:block;
padding: 8px 8px 8px 8px;

}

.subnav li a:hover {
text-decoration: none;
color:#FF9933;
background:#040404;
padding: 8px 8px 8px 8px;   
}

/* ARTISTS PAGE SIDEBAR */

.a_nav {
background-color:#000;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter:alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85;
font-size:12px;
border-top: 0px dotted #333;
margin-left: 1px;
padding: 2px;
color:#fff;
min-height:308px;
position:fixed;
}
.a_nav h1 {
padding: 12px 8px 11px 8px;
color:#fff;
font-weight:bold;
font-size:14px;
border-bottom:1px dotted #666666;
}
.a_nav ul {
margin: 0;
}
.a_nav li {
border-bottom:1px dotted #222222;
background: url(img/tag.gif) no-repeat left center;
list-style: none;
margin: 0;
display:block;
}


.a_nav li a {
text-decoration: none;
color:#578CAE;
line-height: 18px;
font-size:11px;
font-weight:normal;
display:block;
padding: 8px 8px 8px 8px;

}

.a_nav li a:hover {
text-decoration: none;
color:#FF9933;
background:#040404;
padding: 8px 8px 8px 8px;   
}


/* footer */
.footer {
margin-top: 4px;
color: #999;
padding: 3% 3% 1%;
}
.footer ul {
border-top: 1px solid #FFFFFF;
margin: 0;
}
.footer li {
border-bottom: 1px solid #FFFFFF;
list-style: none;
}
.footer li a {
display: block;
line-height: 12px;
padding-left: 4%;
width: 96%;
}
.footer a {color: #666;}
.footer a:hover {
color: #fff;
}

.col3,.col3center {
float: left;
width: 31%;
}
.col3center {margin: 0 3%;}

/* bottom */
.bottom {
background-color:#000;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter:alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85;
clear: both;
font-size: 11px;
}
.bottom a {color: #888;}


.post{margin:0 0 6px 0;}

.post .info{
padding:2px 3px 4px 8px;
border-bottom:0px solid #3c3c3c;
border-right:0px solid #3c3c3c;
border-top:1px solid #666666;
border-left:0px solid #191919;
font-size:12px;
color:#ccc;
}


.bottom_nav {
padding:0 0 10px 10px;
}

/* Comments Styling */
#commentlist li {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 1px solid #700000;
}

#commentform {
margin: 1em 0;
background-image:url(http://www.cozyhomerecords.com/images/alphaback2.png);   
width: 450px;
padding:10px;
}

#commentform textarea {
background-image:url(http://www.cozyhomerecords.com/images/alphaback2.png);   
border: 0px solid #d6d3d3;
width: 450px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 0px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 0px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 12px;
background: #f8f7f6;
border: 0px solid #d6d3d3;
width: 450px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 12px;
background: #ffffff;
border: 0px solid #d6d3d3;
width: 450px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 12px;
background: #ffffff;
border: 0px solid #939793;
width: 450px;
}
#commentform input{
margin-bottom: 3px;
}


.content ul li
{
margin-left:10px;

}



.content ol li
{
margin-left:20px;
padding-bottom:5px;
}


/* ----------FORM STYLES -------------*/

#formareas{
padding-top:10px;
text-align:left;
width:300px;
vertical-align:text-top;
font-size:11px;
float:left;
}

.formlabels{
width:200px; 
	margin:0 10px 4px 0; 
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	text-align:left;
	vertical-align:top;
	}

label{
width:200px; 
	margin:0 10px 4px 0; 
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	text-align:left;
	vertical-align:top;
	}
	
label span {
	width:200px; /* must be the same as above!*/
	display:block; 
}

input, textarea, select{
font-size:11px;
padding:3px;
background: #000000; 
color:#FFFFFF
border:1px solid #adadad!important;
border-left-color:#ececec!important; 
border-top-color:#ececec!important;
vertical-align:top;
margin-bottom:0px;
}

input:hover, textarea:hover{
background: #FFFFFF; 
vertical-align:top;
color:#000000;
}

textarea {
	width:200px;
color:#FFFFFF; 
}
select {
	width:158px; /* attempt to have equal length */
color:#FFFFFF;
}  



textarea {
	font-family: arial;
	font-size: 0.9em;
	overflow:auto;
	background: #000000;
color:#FFFFFF;
}

.submit	{ 
  
	background: #000000;
color:#FFFFFF;
	margin: 0 0 0 4px;
	font-size:12px;
	border:1px solid #adadad!important;
	border-left-color:#ececec!important; 
	border-top-color:#ececec!important;

}

.submit:hover	{ 
	 	background: #FFFFFF;
color:#000000;
	margin: 0 0 0 4px;
	font-size:12px;
	border:1px solid #adadad!important;
	border-left-color:#ececec!important; 
	border-top-color:#ececec!important;
}

input:focus,
textarea:focus,
select:focus	{ 
	background:#FFFFFF; 
color:#000000;
}

.reqtext { 
	margin:3px 0 0 6px;
	font-size:0.9em;
	display: -moz-inline-box; 
	vertical-align:top;
	color: #FF0000;
}


/* ----------END FORM STYLES -------------*/

.backtotop  a { font-size:9px;float:right; text-decoration:underline; padding-right: 7px;}
.backtotop  a:hover {text-decoration:none;}

.totop {position:fixed; bottom:30px; right:30px; width:50px; height:16px;}
.totop a {color:#FF9900; font-weight:bold; font-size:16px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}