/*  
Theme Name: Susan Olding
Theme URI: http://susanolding.com
Description: Custom Theme for Susan Olding
Version: 1.0
Author: Daelan Wood
Author URI: http://revolved.ca
*/



/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }

ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */


a:link, a:visited{

font-size:12px;
color:#ed1b24;




}

a:hover{


color:#666;




}


body{

background: url(/images/bg.gif) top left repeat-y;
margin:0;
padding:0;
text-align:center;
font-family:helvetica, Arial, Verdana, Sans-serif;
}

#wrapper{

width:960px;
height:auto;
margin:80px auto 0 auto;
text-align:left;
}


#logo_nav{

position:relative;
float:left;
width:170px;
height:auto;


}

#logo{
position:relative;
float:left;
width:170px;
height:auto;
}

#logo h1{

background: url(/images/logo.png) top left no-repeat;
width:168px;
height:33px;
text-indent:-9000px;

}


#blogTitle{

position:absolute;
top:-52px;
right:90px;

}

#blogTitle h2{

font-weight:normal;

}

#nav{
position:relative;
float:left;
width:170px;
min-height:500px;
}

#content{

position:relative;
float:left;
width:770px;
height:auto;
margin:60px 0 0 20px;
display:inline;
}

#contentHolder{

position:relative;
float:left;
width:390px;
height:auto;
margin:0 20px 0 60px;
display:inline;
line-height:24px;

}

#contentHolder h2{

font-size:12px;
color:#333;
text-transform:uppercase;
letter-spacing: 2px;
font-weight: normal;
}

#contentHolder h3{

font-size:11px;
color:#333;
text-transform:uppercase;
letter-spacing: 2px;
font-weight: normal;
}



#contentHolder p{

font-size:12px;
color:#000;

}

#contentHolder ul li{

font-size:12px;
color:#000;
margin:10px 0 10px 0;
}



#mainNav{

position:relative;
float:right:
text-align:right;
width:170px;
margin:70px 0 0 0;
}

#mainNav li{
width:170px;
text-align:right;
float:right;
margin:5px 0 5px 0;
display:inline;

}

#mainNav li a:link, #mainNav li a:visited{

font-size:12px;
color:#ed1b24;
text-transform:uppercase;



}

#mainNav li a:hover{


color:#666;

}

#sidebar{

position:relative;
float:left;
width:280px;
height:auto;
margin:0 0 0 20px;
display:inline;
}

#sidebar h2{

font-size:11px;
color:#333;
text-transform:uppercase;
letter-spacing: 2px;
font-weight: normal;
}

#sidebar p{

font-size:11px;
color:#666;

}


#sidebar li{
width:170px;
text-align:left;
float:left;
margin:5px 0 5px 0;
display:inline;

}

#sidebar li a:link, #sidebar li a:visited{

font-size:12px;
color:#ed1b24;
text-transform:uppercase;



}

#sidebar li a:hover{


color:#666;




}

#sidebar input{

position:relative;
float:left;

}

#comment{

width:300px;

}

.postmetadata{

border-top:1px solid #999;
padding:20px 0 0 0;
margin:20px 0 0 0;
}

#commentHolder{

position:relative;
float:left;
background: #efefef;
padding:10px;
margin:20px 0 0 0;
border-top:solid 1px #ccc;


}

.post p{

margin:10px 0 10px 0;

}

img.alignright{

position:relative;
float:right;
margin:0 0 10px 10px;

}

img.alignleft{

position:relative;
float:left;
margin:0 10px 10px 0;

}

#footer{
position:relative;
float:left;
width:960px;
height:auto;
font-size:11px;
color:#666;
text-align:left;
margin:40px; 0 0 0;
}

#footer a:link{

font-size:11px;

}

.contentP{

position:relative;
float:left;
width:390px;
height:auto;
margin:20px 0 0 0;
font-size:12px;
color:#666;
}


.textwidget{

margin:20px 0 0 0;
font-size:12px;
color:#666;

}