/*  
Theme Name: Caitlin Smith Website
Theme URI: http://www.caitlinsmith.com/
Description: Custom Theme for Caitlin Smith website.
Version: 0.1
Author: Dan Sargeant
Author URI: http://www.realestatefilter.com/
*/

body {
	font-family: Avant Garde, Century Gothic, Arial;
	font-size:0.9em;
	color:#FFFFFF;
	background-color:#111111;

}

html,body{margin:0;padding:0}

h1,h2 {margin:0 0 5px 0;}
.cstitle { font-size: 2.5em;}
h1 { font-size: 1.7em }
h2 { font-size: 1.7em }
h1,h2,h3,.cstitle {  font-family: Avant Garde, Century Gothic, Arial; font-weight:normal}
h1#cattitle {margin-right: 20px}

a { color: #FF0;}
h1 a, h2 a { color:#fff; text-decoration:none; }
h1 a:hover, h2 a:hover { text-decoration:underline; }

div#container{
	width:52.7em;
	margin:0 auto 0 auto;
	border-left:solid 1px #FFF;
	border-right:solid 1px #FFF;
	background-color:#000000;
}
div#wrapper{clear:both}
div#header{height:4.3em;	background-image:url("img/header-eyes.jpg"); background-position:right top;
			background-repeat:no-repeat; padding-left:10px; padding-top:5px; padding-bottom:12px;}
div#header h1 {display:inline;}
div#menu div#header {background-color:#0a0809}
div#menu{height:1.7em;border-bottom:solid 1px #FFF; float:left;width:100%;margin-bottom:10px}
#menu ul, #sidebar ul, div#footer ul { margin:0; padding:0; list-style:none;}
#menu ul { float:right;}
#menu li { float:left; margin:0; padding:0; font-size:0.95em;}
#menu a {display:block; background:url("img/tab-left.gif") no-repeat left top; 
			padding:3px 10px; text-decoration:none; color:#000; text-transform:lowercase}
#menu li { float:left; background:#FFFFFF url(img/tab-right.gif) no-repeat right top; margin:0; padding:0; }
#menu .current-cat { background-color:#FFFF00; background-image:url("img/tabcurrent-right.gif"); }
#menu .current-cat a { background-image:url("img/tabcurrent-left.gif");}

div#content{float:left;width:35em; padding-left:20px; padding-right:20px;}
div#contentfull{float:left;width:50em; padding-left:20px; padding-right:20px;}
div#sidebar{float:right;width:14.5em; padding-top:10px}
div#sidebar li {margin-bottom:25px}
div#footer{clear:both; width:100%; height:14.5em; background-color:#333333; background-image:url("img/footer_logo.gif"); 
			background-position:right bottom;	background-repeat:no-repeat;}
div#sidebar .entry p {margin-top:0px;}
div#footer #column {width:13.8em; padding:20px; line-height:2em; float:left;}
div#footer #column ul {padding:0}
div#footer h3 {margin: 0; }
div#headerlogo {float:left; margin-right:10px;margin-top:12px}
div#roladate {background-image:url("img/calendarback.gif"); width:41px; height:50px;}
div#roladate div {width:100%; text-align:center; color:#000; text-transform:uppercase; height:22px; padding-top:3px; }
div#datecontainer { float:left;}
.post, .singlepost { margin: 20px 20px 20px 0px;clear:both;}
/* top right bottom left */
/*.singlepost {margin: 40px 40px 40px 0px}*/
div#blogcontent { padding-left:55px;}
.postmetadata { font-size: 70%}
div#readlink { font-size: 75%;clear:both;}
div#comment { width: 405px; margin-left:40px }
div#comment #author,div#comment #email,div#comment #url{width:20em}
textarea#comment { width:100% }
ul#tracklisting { width:20em; line-height: 1.5em; margin-bottom:40px; margin-left:0; padding:0}
ul#tracklisting li { margin: 0; padding:0;padding-left: 1em; list-style:none;}
ul#tracklisting li#tracklist { background-color:#333333; width: 6em }
ul#tracklisting #odd { width:100%; background-color:#333333; }
ul#tracklisting #even{ width:100%; background-color:#1f1f1f; }
/*ul#tracklisting a { color:#fff;}*/
div.navigation {width:100%;text-align:center;}
.navigation .alignleft {float:left; margin-left:10px; margin-bottom:10px}
.navigation .alignright {float:right; margin-right:10px; margin-bottom:10px}
img.previewimage {float: left; margin-right:20px}
div.catlinksmenu {text-align:center;margin:20px auto 20px auto; width:80%;}
.clplink {list-style:none; margin-bottom:20px}
.albumcover {float:right; margin-top:20px;width:300px;border:solid 5px #fff;}
div.rssPanel {
margin: 0;
position:relative;
background-color:#333333;
width:13.16em;
}
div.rssPanel div.top {
clear:both;
font-size:1px;
height:4px;
background:transparent url(img/rssPanel-top.gif) no-repeat scroll left top;
}
div.rssPanel div.bottom {
clear:both;
font-size:1px;
height:4px;
background:transparent url(img/rssPanel-bottom.gif) no-repeat scroll left top;
}

div.rssPanel img {
float:left;
left:0pt;
margin:6px 0pt 0pt 6px;
position:absolute;
top:0pt;
z-index:100;
}
div.rssPanel p strong {
font-size:0.8em;
line-height:1.4em;
padding-bottom:5px;
}
div.rssPanel p {
color:#666666;
font-family:Arial,sans-serif;
font-size:0.8em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.1em;
margin:0pt 5px 3px 47px;
}
div.rssPanel p em {
font-size:0.8em;
font-style:normal;
}
div.rssPanel p a {
text-decoration:none;
}
div.rssPanel p a:hover {
text-decoration:underline;
}
div.rssPanel p em a {
text-decoration:underline;
}



form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
        color:#FFFFFF;
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 10.4em;
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}
#searchform input {margin:0}