/*
Theme Name: Swirlspice Retro	
Theme URI: http://www.swirlspice.com/
Description: Custom Blog Design for Swirlspice
Version: 1
Author: Melissa & Sean Connolly
Author URI: http://emtwowebstudios.com/
Tags: blue, illustration, circles, orange, red, two column, fixed width, custom
*/

body{
color: #0b0d1c;
margin: 0;
padding: 0;
background: #005FAF url(http://www.swirlspice.com/wp/wp-content/themes/swirlspice/images/bg.gif) top center no-repeat;
font-family:  "lucida sans unicode", "Lucida Grande", Verdana, Arial, sans-serif;
font-style: normal;
font-size: 13px;
}
h2{
font-family: "Helvetica LT Std", Helvetica, "Trebuchet MS", Arial, Sans-Serif;
}
h3, h4{
font-family:  "lucida sans unicode", "Lucida Grande", Verdana, Arial, sans-serif;
}
a:link{
color:  #be0527;
text-decoration: none;
}
a:visited{ 
text-decoration: none; 
color: #be0527;
}
a:hover{
text-decoration: underline;
color: #005FAF;
}
a:active{
color: #be0527;
text-decoration: none;
}
#wrapper{
margin: 0 auto;
padding: 0; 	
width: 959px;
background: transparent url(http://www.swirlspice.com/wp/wp-content/themes/swirlspice/images/contentbg.gif) 
repeat-y;
}
#content{
float: left;
margin: 0;
padding: 0;
width: 674px;
}
#header{
float: left;
position: relative;
margin: 0 0 0 6px;
padding: 0;
height: 96px;
width: 679px;
background: transparent url(http://www.swirlspice.com/wp/wp-content/themes/swirlspice/images/header.jpg) 
no-repeat;
}
#topcontent{
float: left;
margin: 0;
padding: 0;
position: absolute;
top: 72px;
left: 20px;
font-family: "Helvetica LT Std", Helvetica, "Trebuchet MS", Arial, Sans-Serif;
letter-spacing: .06em;
}
#topcontent li{
float: left;
list-style: none;
margin: 0 5px 0 0;
height: 19px;
text-align: center;
}
#topcontent li a{
font-size: 18px;
color: #fff;
padding: 0 10px 5px 10px;
text-decoration: none;
}
#topcontent li a:hover{
font-size: 18px;
color: #fff;
text-decoration: none;
padding: 0 10px 5px 10px;
color: #0b0d1c;
}
#topcontent .page_item{
background: #5DAED9
}
#topcontent .current_page_item{
background: #005faf;
}
/*blog-----------------------------------------*/
.blog{
float: left;
width: 625px;
margin: 5px 0 0 25px;
padding: 0 0 0 0;
} 
.pagetitle{
margin: 15px 0 3px 0;
padding: 0 0 2px 0;
font-size: 20px;
color: #D2401E;
font-weight: normal;
}
.blog h2{
margin: 15px 0 3px 0;
padding: 0 0 2px 0;
font-size: 36px;
color: #d2401e;
font-weight: normal;
background: transparent url(http://www.swirlspice.com/wp/wp-content/themes/swirlspice/images/div.gif) repeat-x left bottom;
}
.blog h2 a{
text-decoration: none;
color: #d2401e;
}
.posted{
margin: 3px 0 5px 0; 
padding: 0;
color: #bb0126;
font-size: 10px;
text-transform: uppercase;
}
.posted a{
text-decoration: underline;
}
.tags h3{
display: inline;
font-size: 16px;
color: #BB0126;
vertical-align: top;
}
.tags{
margin: 0 0 25px 0;
}

/*side-----------------------------------------*/
#side{
float: left;
margin: 0;
padding: 0;
width: 285px;
}
#side h3{
width: 263px;
height: 20px;
font-size: 28px;
background: transparent url(http://www.swirlspice.com/wp/wp-content/themes/swirlspice/images/circles.gif) no-repeat left center;
margin: 0 0 0 11px;
padding:0 0 10px 13px;
text-transform: lowercase;
}
#side ul{
margin: 0;
list-style: none;
padding: 0;
}
#side ul li{
margin: 30px 20px 30px 0;
padding 0;
}
#side ul li li{
margin: 0 0 5px 40px;
padding: 0;
list-style: disc;
}
#searchform{
padding: 0 0 0 25px;
margin: 0;
}
#side #tag_cloud{
margin: 0 15px 30px 25px;
}
#side #tag_cloud h3{
margin: 20px 0 0 -14px;
}
#side select{
margin: 10px 0 0 25px;
}
#side p{
margin: 0 0 0 25px;
}

/*OrangeSide-----------------------------------------*/
.widget_search h3{
color: #D2401E;
}
.aktt_widget h3{
color: #D2401E;
}
.widget_sideblog h3{
color: #D2401E;
}

/*BlueSide-----------------------------------------*/
.widget_recent_comments h3{
color: #005FAF;
}
.widget_flickrRSS h3{
color: #005FAF;
}
.widget_text h3{
color: #005FAF;
}

/*RedSide-----------------------------------------*/
.widget_rss h3{
color: #BB0126;
}
.widget_archive h3{
color: #BB0126;
}
.widget_meta h3{
color: #BB0126;
}


/*Footer-----------------------------------------*/
#footer{
float: left;
margin: 0 0 0 9px;
padding: 0;
height: 34px;
width: 672px;
background:  transparent url(http://www.swirlspice.com/wp/wp-content/themes/swirlspice/images/footer.gif) no-repeat;
}
#footer p{
margin:  10px 0 0 15px;
padding: 0;
font-size: 11px;
}
#footer a{
color: #d2401e;
}
input, textarea{
border: 1px solid #0173bc;
background: #fff;
color: #40545b;
padding: 5px 0;
}
#searchsubmit{
font-size: 11px;
border: 1px solid #0173bc;
background: #00a1e5;
margin: 0;
padding: 0px 4px 3px 4px;
*padding: 0 2px;
color: #fff;
font-size: 18px;
}
#submit{
font-size: 11px;
border: 1px solid #0173bc;
background: #00a1e5;
margin: 0;
padding: 2px 4px 5px 4px;
color: #fff;
font-size: 18px;
}
select{
border: 1px solid #0173bc;
}
/*comments---------------------------*/
#comments, #respond{
font-size: 24px;
text-transform: lowercase;
color: #D2401E;
}
.commentlist {
padding: 0;
margin: 0;
list-style: none;
}
.commentlist li.alt{
background: #DAECF6 url(http://www.swirlspice.com/wp/wp-content/themes/swirlspice/images/circle-blue-1.png) bottom left repeat-x;
border: 2px solid #F9D2C1;
margin: 5px 0;
}
.commentlist li{
background: #DAECF6 url(http://www.swirlspice.com/wp/wp-content/themes/swirlspice/images/circle-blue-1.png) bottom left repeat-x;
border: 2px solid #FFE8D2;
margin: 5px 0;
}
.commentlist li{
padding: 6px 10px 2px 10px;
color: #005FAF;
}
.avatar{
float: left;
border: 2px solid #005FAF;
margin: 0 5px 0 0;
}
.commentmetadata{
font-size: 12px;
}
cite{
font-style: normal;
}