/*  
Theme Name: Flanger Studios 2008
Theme URI: http://www.flanger.org
Description: Design for Flanger Studios Website
Version: 1.0
Author: SpYdR0
Author URI: http://www.spydro.be
*/

*
{
padding: 0em;
margin: 0em;
}

body
{
background: #FFFFFF url(images/bg.png) no-repeat;
background-position: center top;
padding: 0x 0px 0px 0px;
}

body
{
font-size: small;
font-family:Verdana, Tahoma, Arial, Serif;
color: #333333;
font-size:0.8em;
}

p
{
line-height: 1.5em;
margin-bottom: 1.0em;
}

a
{
color: #707C88;
text-decoration: none;
}

a:hover
{
color: #707C88;
text-decoration: underline;
}

h1,h2,h3,h4,h5,h6 
{
font-family:Arial,times,Arial,Verdana,Georgia, Serif;
}

h3,h4
{
display: inline;
font-weight: normal;
background-repeat: no-repeat;
background-position: left;
}

h2
{
font-size: 1.5em;
padding-left: 0px;
}

h3
{
font-size: 13px;
font-weight: bold;
padding-left: 20px;
}

h4
{
font-size: 17px;
padding-left: 0px;
font-weight: bold;
}

h3 span
{
font-size: 1.4em;
color: #000;
}

h5 
{
	font-weight:normal;
	font-family:Verdana, Arial, Serif;
	font-size:1em;
}

.contentarea
{
padding-top: 1.3em;
}

dl {
	margin:1em 0px;
}

dt 
{
	font-weight:normal;
}

dd 
{
	margin:0.5em 1em;
	padding:0;
}

img
{
border: solid 1px #dcdcdc;
padding: 2px;
}

img.left
{
position: relative;
float: left;
margin: 0em 1.8em 1.4em 0em;
}

img.right
{
position: relative;
float: right;
margin: 0em 0em 1.8em 1.8em;
}

img.profile
{
position: relative;
float: left;
margin: 0.5em;
padding: 3px;
}

ul, ol 
{
	margin: 1em;
	padding: 0;
}

li 
{
	margin: 0 1em;
	padding: 0.15em;
}

#contentarea ul li 
{
	list-style-image: url(images/db3.gif);
}

blockquote 
{
    margin: 20px 10px;    
    border-left: #ccc 2px solid;
}

fieldset 
{
	border:none;
}

.divider1
{
position: relative;
background: #fff url(images/border2.gif) repeat-x;
height: 14px;
margin: 2.0em 0em 1.5em 0em;
clear: both;
}

.post 
{
	border-bottom: solid 1px #eaeaea;
	margin: 2em 0.5em;	
}

.post h4 a 
{
	text-decoration: none;
	color: #465767;
}

.posttitle
{
background: url(images/bgposttitle.png) no-repeat left center;
padding: 2px;
padding-left: 4px;
}

.postcontent
{
background: #fcfcfc;
padding: 2px;
border-left: solid 1px #eaeaea;
border-right: solid 1px #eaeaea;
}

.postdetails
{
background: url(images/bgpostdetails.png) no-repeat left center;
padding: 2px;
}

.post .details
{
position: relative;
top: -1.0em;
font-size: 0.86em;
color: #787878;
margin:0;
padding:0;
}

.post .details .user 
{
	background: url(images/user.png) no-repeat left center;
	padding-left: 15px;
}

.post .details .date 
{
	background: url(images/date.gif) no-repeat left center;
	padding-left: 15px;
	margin:0 0 0 0.2em;
}

.post .details .category
{
	background: url(images/icon-more.gif) no-repeat left center;
	padding-left: 15px;
	margin:0 0 0 1em;
}

.post .details .comments
{
	background: url(images/icon-comments.gif) no-repeat left center;
	padding-left: 15px;
	margin:0 0 0 1em;
}


.box
{
background: #FFFFFF url(images/bgsidebartittle.png) no-repeat;
padding: 2.5em;
margin-bottom: 1.5em;
text-align: left;
}

ul.linklist
{
list-style: none;
}

ul.linklist li
{
line-height: 2.0em;
}

#outer
{
z-index: 2;
position: relative;
width: 780Px;
border: solid 0px #000000;
background-color: #FFFFFF;
margin: 0 auto;
}

#header
{
position: relative;
width: 100%;
height: 100px;
background: #ffffff url(images/topbg.png) no-repeat;
background-position: center top;
margin-bottom: 0px;
color: #ffffff;
}

#headercontent
{
position: absolute;
bottom: 0em;
padding: 0em 2.5em 1.3em 2.0em;

}

#headercontent h1
{
font-weight: bold;
color: #EF007F;
font-size: 3.0em;
letter-spacing: -2px;
}

#headercontent h1 a:link, #headercontent h1 a:visited
{
	color: #798693;
	text-decoration: none;
	border: none;
}

#headercontent h1 a:hover, #headercontent h1 a:active
{
	text-decoration: none;
	color: #55606A;
	border: none;
}
#headercontent h2
{
font-size: 0.9em;
font-weight: normal;
color: #ffffff;
}

.header_controls
{
position: absolute;
top: 0.5em;
right: 2.0em;
padding-right: 0.0em;
}

.header_icon
{
text-decoration: none;
border: none;
}

#search
{
position: absolute;
top: 2.5em;
right: 2.0em;
padding-right: 0.0em;
color: #white;
}

#search input.text
{
margin-right: 0.5em;
vertical-align: middle;
border: solid 1px #f0f0f0;
padding: 0.1em;
width: 15.0em;
height: 20px;
}

#search input.submit
{
background: #FF0FE3;
border: solid 2px #8F007F;
font-weight: bold;
padding: 0.25em;
font-size: 1.0em;
color: #FFFFFF;
vertical-align: middle;
height: 25px;
}

#menu
{
position: relative;
background: #FFFFFF url(images/menubg.png) no-repeat left;
background-position: center top;
height: 47px;
font-weight: bolder;
padding: 0 1.0em;
margin: 0 0 1px;
}

#menu ul
{
padding:0em 0 0 0;
margin:0;
}

#menu ul li
{
position: relative;
display: inline;
padding: 0;
margin: 0;
}

#menu ul li a:link, #menu ul li a:visited
{
	color: #FFFFFF;
	padding: 0.5em 1.0em 0.9em 1.0em;
	text-decoration: none;	
	border: none;
}

#menu ul li a:hover, #menu ul li a:active, #menu ul li.current_page_item a
{
	color: #46545A;
	border: none;
}

#menubottom
{
background: #fff 
height: 15px;
}

#content
{
padding: 0 2.0em;
}

#primarycontainer
{
float: left;
margin-right: -19.0em;
width: 100%;
}

#primarycontent
{
margin: 1.5em 18em 0 0;
}

#sidebar
{
overflow: hidden;
margin: 1.35em 0em 0em 0em;
float: right;
width: 15.0em;
}

#sidebar h4 
{
position: relative;
width: 180px;
padding-left: 5px;
font-weight: bold;
padding-bottom: 20px;
padding-top: 7px;
font-size: 1.0em;
color: #fff;
font-weight: bold;
}

#sidebar h2 
{
font-size: 1.2em;
color: #000;
font-weight: bold;
}

#sidebar ul
{
list-style: none;
margin: 0.5em 0 0;	
}

#sidebar li 
{
margin: 0.5em 0;
padding: 0.5em;
}

#sidebar li li 
{
margin: 0;
padding: 0.5em;
background: none;
}

#sidebar li li li
{
margin: 0;
padding: 0.5em 1em;
}

#sidebar ul.feeds li 
{
background: url(images/feed.png) no-repeat left center;
margin: 1em 0;
padding: 0 1.5em;	
}

#footer
{
width: 780Px;
position: relative;
height: 2.0em;
clear: both;
padding-top: 5.0em;
background: #fff url(images/bgbottom.png) no-repeat left center;
font-size: 0.86em;
}

#footer .left
{
position: absolute;
left: 2em;
bottom: 1.2em;
}

#footer .center
{
position: absolute;
text-align: center;
bottom: 1.2em;
}

#footer .right
{
position: absolute;
right: 2.0em;
bottom: 1.2em;
}

/*comments and their styles*/

#comments, #respond
{
margin: 2em 0 0 5px;
}

#commentform 
{
margin:10px;
padding:10px;
}

#outer .commentlist 
{
margin: 0;
padding: 0;
}

.commentlist li 
{
list-style:none;
margin: 2em 0;
padding: 0.5em;			
border-bottom:#ddd 1px dashed;
background:#fcfcfc url(images/border2.gif) repeat-x top;
}

.commentlist li p 
{
margin:0 1em;
}

.commentlist li .cmtinfo 
{
font-family:Trebuchet MS,Verdana, Tahoma, Serif;
font-size:0.9em;		
padding:5px;
margin-bottom: 10px;
position:relative;	
}

.commentlist li .cmtinfo em 
{
margin:0;
padding:0 1em;
text-align:right;
font-style:normal;			
color:#999;	
}

.commentlist li cite 
{
font-style:normal;
font-weight:normal;
}

.commentlist li.alt
{
background:#fcfcf9 url(images/border2.gif) repeat-x top;
}

textarea
{
width: 90%;
padding: 5px;
height: 20em;
border: 1px solid #ccc;	
background: #f9f9f9 url(images/button_bg.gif) repeat-x top;
font: 1em Verdana, Arial, Serif;
}

#outer input.text 
{
background: #f9f9f9 url(images/button_bg.gif) repeat-x top;
border: #ccc 1px solid;
padding: 2px;
font: 1em Verdana, Arial, Serif;
}

.post h5 em
{
font-style: normal;
float: right;
font-weight: normal;
}

#header, #content, #sidebar, #footer, .widget
{
overflow: hidden;
}

#main_start
{
position: absolute;
left: -10000px;
};