/*

Theme Name: Soul Hangout
Theme URI: http://www.uniqueblogdesigns.com
Author: <a href="http://www.uniqueblogdesigns.com">Unique Blog Designs</a>


*/	


			/* Global Layout */


body 
{
font-size: 1em;
margin: 0;
text-align: center;
background: #170e07 url(img/bg.jpg) repeat-x left top;
color: #31363e;
font-family: Georgia, Times, Arial, Helvetica, sans-serif;
}

#wrap
{
position: relative;
margin: auto;
margin-top: 19px;
width: 1003px;
background: url(img/pagebg.jpg) top left;
}

#header
{
position: relative;
height: 175px;
background: #000 url(img/logo.jpg) top left no-repeat;
}

#advert
{
position: relative;
padding: 11px 15px 13px 0;
height: 60px;
text-align: right;
}
#toplinks { text-align: right; position: absolute; margin-top: 5px; margin-right: 10px; }
#toplinks a { color: white; font-size: 12px; position: relative; margin-left: 10px; }
#subs
{
position: relative;
padding-right: 15px;
height: 51px;
text-align: right;
}

#subs a
{
position: relative;
display: block;
float: right;
height: 51px;
width: 207px;
background: url(img/bigrss.jpg) top left no-repeat;
}




#navbox
{ position: relative; padding: 14px 0 0 160px; height: 27px; float: left; }
.post ul li { margin-bottom: 5px; margin-left: 35px; }
.post ul { margin-top: 10px; margin-bottom: 10px; }
#s
{ position: relative; width: 180px; padding: 3px 33px 0 10px; height: 24px; background: url(img/sbox.jpg) no-repeat right top; border: solid 1px silver; color: #fff; float: right; margin-top: 5px; }

#navbox ul
{
position: relative;
}

#navbox li
{
position: relative;
float: left;
padding: 1px 10px 0 0;	
}

#navbox li a
{ position: relative; display: block; padding: 4px 0 0; width: 95px; height: 22px; color: #fff; font-size: 12px; background: url(img/nbg.gif) no-repeat left top; }

#subwrap
{ position: relative; height: 41px; background: url(img/subnav.gif) left top; padding-right: 13px; }








#pagewrap
{
position: relative;
}




#content
{
position: relative;
float: left;
width: 538px;
padding-left: 13px;
text-align: left;
}

h1
{
position: relative;
padding-top: 7px;	
font-size: 1.6em;
color: #764912;
}

h1 a
{color: #764912;}

.details
{
position: relative;
font-size: .8em;
}

.details span
{
position: relative;
padding-right: 12px;
}

.post
{
position: relative;
font-size: .9em;
}

.post p
{
position: relative;
line-height: 1.5em;
padding: .75em 0 .75em 0;
}

.post a, .details a
{
color: #2A4EE4;
text-decoration: underline;
}

.postfoot
{
position: relative;
font-size: .8em;
padding: 4px 6px 4px 6px;
background: #F7F7F7;
border: 1px solid #999;
}

.postfoot span
{
position: relative;
display: block;
float: left;
padding: 2px 20px 2px 20px;	 
}

.posted
{
background: url(img/11.gif) left center no-repeat;
}

.tagged
{
background: url(img/22.gif) left center no-repeat;
}

.sociable
{
position: relative;
padding: 10px;
padding-bottom: 45px;
}

.navigation
{
padding: 10px;
}






#sidebar
{ color: white; position: relative; float: right; width: 424px; }
.footbox h2 { display: none; }
#verts
{
position: relative;
padding-top: 10px;
height: 303px;
background: #804e14 url(img/brownl.gif) top left no-repeat;
}

#twobars
{
position: relative;
padding-top: 10px;
text-align: left;
}

#twoleft
{
position: relative;
float: left;
width: 206px;
padding-left: 10px;
}

#tworight
{
position: relative;
float: right;
width: 152px;
padding-right: 5px;
}

#twobars h2
{
position: relative;
padding: 2px 0 2px 28px;
color: #fff;
font-size: 1.3em;
font-weight: bold;
}

#tworight h2
{
background: url(img/flag.jpg) left center no-repeat;
}

#twoleft h2
{
background: url(img/cp.jpg) left center no-repeat;
}

#verts .sbbox
{
text-align: left;
padding: 10px 15px 0 22px;	
}

#vhere
{
position: relative;
display: block;
margin: 15px 25px 15px 25px;
background: #000;
border: 1px solid #fff;
color: #fff;
font-size: .8em;
padding: 3px;
}

#vhere2
{
position: relative;
display: block;
margin: 15px 25px 15px 25px;
background: #000;
border: 1px solid #fff;
color: #fff;
font-size: 1.2em;
padding: 3px;
}

.sbbox
{
position: relative;
padding-bottom: 15px;	
}

.sbbox ul
{
position: relative;
font-size: .85em;
}

.sbbox li
{
position: relative;
padding: 3px 0 3px 0;
}

.sbbox a
{
color: #fff;	
}










#foottiles
{
position: relative;
padding: 8px 15px 8px 15px;
background: #000;
text-align: left;
}

.footbox
{
position: relative;
float: left;
width: 31%;
padding-left: 2%;
color: #efefef;
}

#foottiles h3
{
position: relative;
padding: 2px 0 2px 0px;
color: #fff;
font-size: 1.3em;
font-weight: bold;
}

#rb
{
position: absolute;
left: 0px;
bottom: 0px;
height: 91px;
width: 239px;
background: url(img/logo2.jpg) bottom left no-repeat;
}


#footbox
{
position: relative;
overflow: hidden;
height: 219px;
padding: 0px 15px 0px 15px;
text-align: left;
background: #000 url(img/bottomBG.jpg) top right no-repeat;	
}








.commentlist li
{
position: relative;
padding: 10px;
border: 1px solid #999;
background: #f7f7f7;
margin-bottom: 3px;
}

a:hover
{
text-decoration: underline;
}

#ubd
{
position: absolute;
bottom: 0px;
right: 0px;
width: 180px;
height: 40px;
}
#sub { color: white; font-size: 13px; font-weight: bold; background-color: #3e3e3e; text-transform: uppercase; padding: 2px; border: solid 1px silver; }
#comment { width: 500px; }
.footbox
{
position: relative;
padding-bottom: 15px;	
}
.footbox ul
{
position: relative;
font-size: .85em;
}
.footbox li
{
position: relative;
padding: 3px 0 3px 0;
}
.footbox a
{
color: #fff;	
}

.post a:hover { text-decoration: underline; }
.post h2 { margin-bottom: 10px; }
.post h3 { margin-bottom: 10px; }
.post ul { margin-top: 10px; margin-bottom: 10px; margin-left: 20px; list-style-type: disc; }
.post ul li { margin-bottom: 5px; list-style-type: disc; }
.post ol { line-height: 1.5; margin-top: 10px; margin-bottom: 10px; margin-left: 20px; list-style-type: decimal; }
.post ol li { margin-bottom: 5px; list-style-type: decimal; }
.post blockquote { line-height: 1.5; background-color: #ededed; margin-right: 25px; margin-left: 25px; padding: 10px 15px; border: solid 1px silver; }
.mbl_h, .mbl_fo_hidden {display: none;}