/*******************************
Scottmorris.net Layout Style Sheet
Author:   Kenny Flores, khflores (at) gmail (dot) com
Version:  June 16, 2005
*******************************/

/******************************* Main Styles */
* {
padding:0;
margin:0;
border:0;
font-family:"Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
}

body {
font-size: 12px;
color:#222;
background:#a7c4d8 url(../img/bg.jpg) repeat-y 0 0;
}

#container {
background:url(../img/container-bg.gif) no-repeat 0 25px;
}

.style1 {
	font-size: 24px;
	font-weight: bold;
}
.style2 {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
}
.style3 {
	font-size: 10px;
	font-weight: bold;
}

/******************************* Brand Styles */
#brand {
background:url(../img/bg-top.gif) no-repeat 0 0;
margin:0 0 0 30px;
padding:25px 0 0;
}


/******************************* Banner Styles */
#banner a {
margin:0 0 0 20px;
display:block;
width:715px;
height:207px;
background:#fff url(../img/banner.jpg) no-repeat 0 0;
}

#banner i {
display:none;
}

/******************************* Nav Styles */
#nav {
margin:10px 0 0 20px;
width:725px;
height:100px;
list-style-type:none;
}

#nav li {
float:left;
}

#nav i {
display:none;
}

li#nav-writings a, li#nav-music a, li#nav-more a {
display:block;
margin:0 10px 0 0;
height:100px;
background:#fff url(../img/nav.jpg) no-repeat 0 0;
}

li#nav-writings a {background-position:0 0; width:233px;}
li#nav-writings a:hover {background-position:0 -100px; width:233px;}
li#nav-music a {background-position:-233px 0; width:229px;}
li#nav-music a:hover {background-position:-233px -100px; width:229px;}
li#nav-more a {background-position:-462px 0; width:233px;}
li#nav-more a:hover {background-position:-462px -100px; width:233px;}

/******************************* Contwrap */
#contwrap {
background:url(../img/bg-mid.jpg) no-repeat 0 0;
margin:0 0 0 30px;
padding:55px 0 0;
width:755px;
float:left;
display:inline; /* Double-Margin Hack for IE/Win*/
}

/******************************* Content Area Wrap */
#content {
display:block;
width:472px;
background:#000 url(../img/content-bg.jpg) repeat-y 0 0;
color:#fff;
float:right;
margin:0 20px 0 10px;
display:inline; /* Double-Margin Hack for IE/Win*/
}

#main #content {
background-position:0 0; 
}
#writings #content {
background-position:-472px 0; 
}
#music #content {
background-position:-944px 0;
}
#more #content {
background-position:-1416px 0; 
}

/******************************* Content Posts */
#conttop {
background:url(../img/content-topbg.jpg) no-repeat 0 0;
width:472px;
height:auto;
min-height:40px;
_height:40px; /*Underscore hack for IE/Win*/
padding:5px 0 300px;
}

#main #conttop {
background-position:0 0; 
}
#writings #conttop {
background-position:-472px 0; 
}
#music #conttop {
background-position:-944px 0;
}
#more #conttop {
background-position:-1416px 0; 
}

#conttop h1, #conttop h2, #conttop h3, #conttop p, #conttop ul, #conttop ol, #conttop dl {
margin:0 20px 3px 40px;
}

#conttop h1, #conttop h2, #conttop h3 {
margin-bottom:0;
font-variant:small-caps;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
}

#conttop h1 {
display:block;
background:url(../img/content-top.gif) no-repeat 0 0;
height:270px;
margin:0 20px -220px 5px;
color:#000;
font-size:4em;
text-align:right;
}

#conttop h2 {
font-size:2em;
margin-top:5px;
text-align:right;
clear:left;
}

#conttop h3 {
color:#999;
font-size:1.4em;
}

#conttop dt {
color:#999;
font-size:1.4em;
text-indent:0;
}

/*
#conttop p {
text-indent:1.5em;
}
*/

#conttop a:link {
color:#f2dd72;
}

#conttop a:visited {
color:#bfae5a;
}

#conttop a:hover {
background:#000;
}

#conttop a:active {
color:#000;
}

#conttop img {
float:left;
border-style:solid #000;
margin:0 10px 10px 40px;
}

#date {
color:#999;
text-align:right;
width:412px;
border-bottom:1px solid #999;
}

em {
font-style:normal;
font-variant:small-caps;
}

ul {
list-style-type:none;
}

.note {
color:#ccc;
}

.blurb {
border-bottom:1px solid #fff;
padding:0 0 5px;
text-align:right;
}

.track {
text-align:right;
}

.pdf {
background:url(../img/pdf.gif) no-repeat 0 0;
padding:0 0 0 2px;
}
/******************************* Sidebar */
#sidewrap{
width:233px;
float:right;
}

#side {
background:url(../img/sidebar-bg.gif) repeat-y;
margin:0 0 10px;
}

#main #side {
background-position:0 0; 
}
#writings #side {
background-position:-233px 0; 
}
#music #side {
background-position:-466px 0;
}
#more #side {
background-position:-699px 0; 
}

#side a:link {
line-height:1.8em;
text-decoration:none;
color:#999;
}

#side a:visited {
line-height:1.8em;
color:#666;
text-decoration:none;
}

#side a:hover {
border-bottom:3px solid #666;
line-height:1.8em;
text-decoration:none;
}

#side a:active {
line-height:1.8em;
color:#333;
text-decoration:none;
}

#side h1 {
margin:0 0 0 20px;
font-variant:small-caps;
}

#side p {
margin:0 0 0 20px;
font-size:1.2em;
text-transform:uppercase;
}

/******************************* Side Modules */
.module {
width:100%;
background:#fff;
margin:5px 0 5px;
border:1px dashed #999;
color:#999;
float:right;
text-align:center;
}

.module a:link {
color:#f2dd72;
}

.module a:visited {
color:#bfae5a;
}

.module a:hover {
background:#000;
}

.module a:active {
color:#f2dd72;
}

.module img {
float:left;
border:1px solid #999;
margin:5px;
}

.module dl {
margin:5px 10px 10px;
}

.module dt {
padding:0 0 5px;
border-bottom:1px dashed #999;
margin:5px;
}

/******************************* Copyright Info */
#copyright {
margin:10px 0 0;
text-align:center;
color:#ccc;
}