/*  
Theme Name: Sid-Fans Theme
Theme URI: http://angrys0ul.com/designs0ul/
Description: This is my theme for Sid Fans.
Version: 1.0
Author: angrys0ul
Author URI: http://angrys0ul.com/

*/

html, body, div, img{
margin:0px;
padding:0px;
}
a img{
border:none;
}
img.floatLeft{
float:left;
margin-right:4px;
}
body{
background-image:url('images/top.png');
background-repeat:repeat-x;
background-color:#F0F8FA;
font-family:arial, verdana;
}
#container{
width:800px;
margin:0 auto;
}
#header{
margin:31px auto;
padding:20px;
font-family: "Century Gothic", Verdana;
height:150px;
}
#header h1{
font-size:36px;
margin-footer:0;
}
#header h3{
padding:0;
margin:0;
font-size:14px;
}

#menu{
font-family: verdana, arial;
font-size:12px;
text-align:center;
margin:10px auto;
height:30px;
}
ul#nav,ul#nav li{
list-style-type:none;
margin:0;
padding:0;
}
ul#nav{
margin-left:180px;
width:650px;
}
ul#nav li{
float:left;
margin-right: 3px;
text-align: center;
}
ul#nav a{
float:left;
width: 7em;
padding: 5px 0;
background: #ffffff;
text-decoration:none;
color: #666;
}
ul#nav a:hover{
background:none;
color:#F37914;
}

#main{
margin:0px auto;
background-color:#F0F8FA;
}

.mainLeft{
width:200px;
height:200px;
text-align:justify;
float:left;
margin:10px;
}
img.teaser{
background-color:#fff;
padding:2px;
border:1px solid #eee;
}
.mainLeft h2{
font-family:verdana;
font-size:14px;
text-decoration:underline;
background-image:url('images/report_user.png');
background-repeat:no-repeat;
padding-left:20px;
}
.post{
margin:30px;
padding:20px;
background-color:#FFFFFF;
color:#1D3A3A;
font-family:arial;
font-size:13px;
text-align:justify;
line-height:16px;
}

.post img{
padding:5px;
margin:10px;
border:1px solid #999;
background:#eee;
}

.post h2 a{
text-decoration:none;
}

.post h2 a:hover{
text-decoration:underline;
}

.post a{
color:#1D3A3A;
}

.post .entry li{
list-style: disc url(images/bullet_green.png) inside;
padding:2px;
}

p.postmetadata {
padding: 10px 0 0 0;
margin: 10px 0 0 0;
border-top: 1px dotted #ccc;
}

.postmetadata img{
vertical-align: footer;
}

#info{
border-bottom:1px dotted;
font-size:14px;
}

#navigation {
margin: 10px 0 10px 0;
text-align: center;
font-size: 14px;
font-weight: bold;
line-height: 18px;
border-top: 1px dotted #ccc;
padding-top:30px;
padding-footer:20px;
}
#navigation a{
text-decoration:none;
}


/* Comments */

.comments-template{
	margin: 10px 0 0;
	border-top: 1px dotted #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-footer: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}



/* footer */
#footer {
	clear: both;
	float: left !important;
	float: none;
	width: 800px;
	margin: 0px;
	padding: 0;
	font-size: 12px;
	text-align: left;
	color: #1D3A3A;
	}

#footer-left,
#footer-mid,
#footer-right {
	width: 30%;
	margin: 20px 10px;
	padding: 20px 0;
	float: left;
	background-color:#ffffff;
	}
#footer h2 {
	font-size: 16px;
	color: #1D3A3A;
	padding: 0 10px;
	}
#footer h2 span {
	color: #508fd2;
	}
#footer ul {
	margin: 0px;
	padding: 0;
	list-style-type: none;
	}
#footer ul li {
	line-height: 26px;
	padding:0px 10px;;
	}
#footer ul li a {
	display: block;
	padding: 0 10px;
	color: #1D3A3A;
	text-decoration: none;
	}
#footer ul li a:hover {
	background: #F0F8FA;
	}
#footer img{
margin: 0 15px;
}


/*Search Form*/

input#s {
background-color: #fff;
background-image:url('images/magnifier.png');
background-repeat:no-repeat;
background-position:left center;
color: #aaa;
border: 2px solid #F0F8FA;
height: 20px;
width: 180px;
font-size: 14px;
font-family: Verdana, Arial;
vertical-align: center;
margin-left: 15px;
padding-left:20px;
}

input#s:focus {
color: #000;
font-size: 14px;
}