/*

Theme Name: RapGiant

Theme URI: http://www.RapGiant.com

Description: the hottest rap blog on the net

Author: Sergios Singkeridis aka feios

Author URI: http://www.feios.info

Version: release 0.1

*/



a{

outline:none;

}

a:link, a:visited {

color: #1F1F1F;

text-decoration: underline;

}

a:hover {

color: #353535;

text-decoration: underline;

}

html {

	overflow: -moz-scrollbars-vertical;

}

body{

margin:0;

padding:0;

background:#e4e4e4;

font-family: Arial, Verdana, Helvetica, sans-serif;

font-size:12px;

color:#000000;

}



#wrapper{

width:821px;

position:relative;

margin: 5px auto 0 auto;

background:#ffffff;

}



#header{

width:821px;

height:130px;

background:url(images/bgheader.png) left top no-repeat;

position:relative;

}

#authorname {

padding-left: 18px;

background: url('images/comment.gif') no-repeat;

}

#search{

width:228px;

height:55px;

background:url(images/bgsearch.png) left top no-repeat;

position:relative;

float:right;

top:59px;

right:21px;

padding-left:15px;

padding-top:16px;

}



#search label{

font:arial;

font-size:12px;

color:#ffffff;

display:block;

}



.searchbox{

width:140px;

height:14px;

background:#ffffff;

border: 1px solid #000;

}



#navigation{

width:821px;

height:24px;

position:relative;

clear:both;

background:url(images/bgnav.png) left top no-repeat;

padding-top:10px;

}



#navigation ul{

margin:0;

padding:0;

margin-left:20px;

}



#navigation li{

display:inline;

float:left;

margin-right:20px;

margin-left:0;

}



#navigation a{

color:#ffffff;

text-transform:uppercase;

text-decoration:none;

font-weight:bold;

font-size:11px;

}



#navigation a:hover{

color:#e4e4e4;

}



#container{

width:821px;

position:relative;

clear:both;

background:#ffffff;

margin-top:15px;

}



#content{

width:479px;

float:left;

position:relative;

padding:0 10px;

}



.post{

margin-bottom:25px;

width:479px;

}



.post h2, #content h2{

padding-left: 5px;

border-left: 5px solid #0051AD;

font-size:16px;

font-weight:bold;

margin:0;

}



.post h2 a, #content h2 a{

color:#000000;

text-decoration:none;

border-bottom: 1px solid #DDDDDD;

}



.post h2 a:hover, #content h2 a:hover{

text-decoration:none;

background: #0051AD;

color: #FFFFFF;

}



.post_date{

color:#878787;

font-size:9px;

margin-bottom:-5px;

}



.post_date a{

color:#878787;

text-decoration:none;

}



.post_date a:hover{

text-decoration:underline;

}



.post p{

text-align:justify;

}



.meta{

background:#f8f8f8;

padding:5px;

}



.meta a{

color:#7dbb00;

font-weight:bold;

text-decoration:underline;

}



.meta a:hover{

background: #7dbb00;

color: #FFFFFF;

text-decoration:none;

}



#sidebar{

width:160px;

float:right;

position:relative;

padding: 3px;

}

#ads h2{

background:url(images/sbullet.png) left center no-repeat;

padding-left:20px;

font-size:13px;

font-weight:bold;

margin-top:0;

margin-bottom:5px;

}



#ads ul li{

list-style-type:none;

left:0;

font-size:11px;

line-height:16px;

margin: 0;

}



#ads ul{

margin-left: -30px;

}

#sidebar h2{

background:url(images/sbullet.png) left center no-repeat;

padding-left:20px;

font-size:13px;

font-weight:bold;

margin-top:0;

margin-bottom:5px;

}



#sidebar ul li{

list-style-type:none;

left:0;

font-size:11px;

line-height:16px;

}



#sidebar ul{

margin-left: -10px;

}



* html #sidebar ul{

margin-left:3px;

}



#sidebar a{

color:#000000;

text-decoration:none;

}



#sidebar a:hover{

text-decoration:underline;

}



.separator{

width:142px;

height:1px;

background:url(images/sline.png) right top no-repeat;

float:right;

}



#ads{

width:120px;

float:left;

padding:10px;

border-right:2px solid #ababab;

border-left:2px solid #ababab;

position:relative;

}



#footer{

width:821px;

height:45px;

background:url(images/bgfooter.png) left top no-repeat;

position:relative;

clear:both;

color:#ffffff;

font-size:10px;

padding-top:35px;

}



* html #footer{

padding-top:45px;

height:35px;

}



#footer a{

color:#ffffff;

text-decoration:underline;

}



#footer a:hover{

text-decoration:none;

}



.fooleft{

float:left;

padding-left:15px;

}



.fooright{

float:right;

padding-right:15px;

}



/* some other styles */



.post img{

margin: 1px 3px;

padding: 4px;

border: 1px solid #ccc;

max-width: 100%;

}



.center{

text-align: center;

}



.alignright{

float: right;

}



.alignleft{

float: left

}



img.center, img[align="center"]{

display: block;

margin-left: auto;

margin-right: auto;

}



img.alignright, img[align="right"]{

padding: 4px;

margin: 0 0 2px 7px;

display: inline;

}



img.alignleft, img[align="left"]{

padding: 4px;

margin: 0 7px 2px 0;

display: inline;

}



img.noborder{

border: none !important;

}



.comments{

padding: 8px;

background: #F4F4F4;

margin-bottom:15px;

}



.comments form{

clear: both;

padding: 1px 0 10px;

margin: 0;

}



input[type=text], textarea{

font: 1em Verdana, Arial, Helvetica, Sans-Serif;

padding: 3px;

color: #777;

}



input[type=text]:focus, textarea:focus{

background: #fff;

color: #333;

border-color: #666;

}



.comments form input[type=text]{

width: 45%;

margin: 5px 5px 1px 0;

}



.comments form textarea{

height: 250px;

padding: 2px;

width: 100%;

margin: 10px 0;

}



.comments form #submit{

margin: 0;

float: right;

}



#commentform a{

color:#000000;

text-decoration:underline;

}



#commentform a:hover{

text-decoration:none;

}



h1{

font-size:13px;

font-weight:bold;

margin:0;

text-align:center;

margin-bottom:15px;

}



.center{

text-align:center;

}



.navi a{

color:#000000;

text-decoration:underline;

}



.navi a:hover{

text-decoration:none;

}



blockquote {

	background: #F3F3F3;

	border: 2px solid #000;

	margin: 0;

	margin-top: 4px;

	padding: 5px;

}