/*-------->Music lab<---------

Rap Lab

/*Filename: styles.css
/*Author: Atis (EoD)
/*Music lab styles main concept
/*E-mail: zurul@hotmail.com
/*Second E-mail: andromeda82@citromail.hu
/*The Author site: http://www.elixyrofdarkness.hu
/*Theme site: http://fusionstyles.info
/*-------->Music lab<---------*/

body {
	font : 13px Comic Sans MS, Verdana, Arial, Sans, sans-serif;
	color : #000;
	 background:#FFF url('images/rapbg.jpg') ;
}

a {
	text-decoration : none;
	color : #000;
}

a:hover {
	text-decoration : Bold;
	color : #000;
}

a.side {
	text-decoration : none;
	color : #000;
}

a:hover.side {
	text-decoration : bold;
	color : #000;
}

#footer a {
	text-decoration : none;
	color : #000;
}

#footer a:hover {
	text-decoration : underline;
	color : #000;
}

.outer {
	width : 1000px;
	border : 1px solid #000;
	margin-left : auto;
	margin-right : auto;
}
	
#container {
	height:100%;
	line-height : 1.5em;
	color : #fff;
	background : #817f7f;
	padding : 2px;
}

#header {
	height : 245px;
	color : #FFF;
	background: #817f7f url(images/rapheader.png) repeat-x;
	padding : 5px;
}

#title {
	font : bold 30px "Trebuchet MS", verdana, arial, sans-serif;
	color : #FFF;
	line-height: 18px;
	padding-top: 20px;
}

#title .subtitle {
	font : bold 15px "Trebuchet MS", verdana, arial, sans-serif;
	color : #A3CDFF;
}

#top-header {
	text-transform : uppercase;
	text-align : right;
	font : bold 85% Comic Sans MS, helvetica, "Trebuchet MS", arial, sans-serif;
	color : #FFF;
	background: #817f7f url(images/rapcel.jpg) repeat-x;
	padding : 5px;
}

#top-header a {
	text-decoration : none;
	color : #FFF;
	
}

#top-header a:hover {
	text-decoration : underline;
	color : #FFF;
	background : inherit;
}

#sub-header{
height : 25px;
	text-transform : uppercase;
	font : bold 100% Comic Sans MS, helvetica, "Trebuchet MS", arial, sans-serif;
	color : #FFF;
	background: #817f7f url(images/rapcel.jpg) repeat-x;
	border-top : 0px solid #fff;
	border-bottom : 1px solid #fff;
	margin : 0;
	padding : 0;
}

#sub-header ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#sub-header a {
	
	color: #FFF;
	display: block;
	float: left;
	margin: 0;
	padding: 4px 6px 4px 6px;
	text-decoration: none;
}

#sub-header a:hover {
	
	color: #FFF;
	padding: 0.4em 0.6em 0.4em 0.6em;
}

#sub-header li {
	float: left;
	margin: 0;
	padding: 0;
}

#sub-header ul li.first-link .bullet {
	display: none;
}

#main-content {
	padding : 6px;
}

.side-both #main-content {margin: 0 190px 0 190px;}
.side-left #main-content {margin-left: 190px;}
.side-right #main-content {margin-right: 190px;}


#side-border-left {
	float : left;
	width : 180px;
	color : #333;
	padding : 6px;
}

#side-border-right {
	float : right;
	width : 180px;
	color : #222;
	padding : 6px;
}

.side-border {
	border : 1px solid #000;
}

.side-caption {
	font-size : 13px;
	color : #FFF;
	background: #000 url(images/rapcel.jpg) repeat-x;
	padding : 2px 5px 3px 5px;
}

.side-body {
	font-size : 10px;
	color : #000;
	background: #817f7f;
	
	border-top : 1px solid #000;
	padding : 3px 5px 5px 5px;
}

.main-border {
	border : 1px solid #000;
	margin-bottom : 8px;
}

.main-caption {
	color : #FFF;
	background: #000 url(images/rapcel.jpg) repeat-x;
	padding : 5px;
}

.main-body {
	color : #000;
	background: #817f7f;
	
	border-top : 1px solid #000;
	padding : 3px 5px 5px 5px;
}

#footer {
	font-size : 12px;
	color : #000;
	background: #817f7f;
	border-top : 1px solid #000;
	padding : 5px;
}

#main-container{
	width: 100%;
	overflow: auto;
}

form {
	margin : 0px;
}

hr {
	height : 2px;
	border-bottom : 1px solid #333;
	border-top : 1px solid #000;
}

hr.side-hr {
	height : 2px;
	border-bottom : 1px solid #333;
	border-top : 1px solid #000;
}

td {
	font-family : Comic Sans MS, "trebuchet ms", Verdana, Tahoma, Arial, Sans-Serif;
	font-size : 12px;
}

pre {
	font-family : Comic Sans MS, Verdana, Tahoma, Arial, Sans-Serif;
	font-size : 12px;
}

.alt {
	color : #A3CDFF;
}

.admin-message {
	text-align : center;
	background : #FFFFFF;
	border : 1px solid #333;
	padding : 3px 4px 5px 4px;
	margin-bottom : 5px;
}

.button {
	font : 13px Comic Sans MS, "Trebuchet MS", verdana, arial, sans-serif;
	color : #FFF;
	background: #000 url(images/rapcel.jpg) repeat-x;
	border : 1px solid #000;
	margin-top : 2px;
}

.bbcode {
	font-family : Comic Sans MS, "trebuchet ms", Tahoma, Arial, Verdana, Sans-Serif;
	font-size : 12px;
	background : #FFFFFF;
	border : 1px solid #333;
	margin-top : 2px;
}

.textbox {
	font-family : Comic Sans MS, "trebuchet ms", Verdana, Tahoma, Arial, Sans-Serif;
	font-size : 13px;
	color : #000;
	background : #3cf;
	border : 1px solid #006;
	padding : 3px;
}

.news-category {
	border: 0;
	margin: 2px 10px 0 0;
	float: left;
	background : #817f7f;
}

.news-footer {
	text-align: center;
	font-size : 13px;
	background : #FFFFFF;
	border : 1px solid #333;
	margin : 8px 0 2px 0;
	padding : 0.3em;
}

.tbl-border {
	border : 1px solid #333;
}

.tbl {
	font-size : 13px;
	border : 1px solid #ccc;
	padding : 4px;
}

.tbl1 {
	font-size : 13px;
	background: #c7c0bf;
	border : 1px solid #ccc;
	padding : 4px;
}

.tbl2 {
	font-size : 13px;
	background : #c7c0bf;
	border : 1px solid #ccc;
	padding : 4px;
}

.forum-caption {
	font-size : 13px;
	color : #000;
	background : #c7c0bf;
	padding : 2px 4px 3px;
}

.quote {
	color : #000;
	background : #c7c0bf;
	padding : 2px;
	margin : 0 20px;
	border : 1px solid #333;
}

.poll {
	height : 12px;
	border : 1px solid #000;
}

.comment-name {
	color : #000;
}

.shoutboxname {
	color : #000;
}

.shoutbox {
	color : #000;
}

.shoutboxdate {
	font-size : 9px;
	color : #000;
}

.small {
	font-size : 11px;
	font-weight : normal;
}

.small2 {
	font-size : 11px;
	font-weight : normal;
	color : #A3CDFF;
}

.side-small {
	font-size : 11px;
}

.side-label {
	color : #A3CDFF;
	background : #E7E8E9;
	padding : 2px;
}

#navigation {
	line-height : 2em;
}

#navigation h2 {
	margin : 10px 0 10px 0;
	font : normal 13px Comic Sans MS, verdana, arial, tahoma, sans-serif;
	color : #A3CDFF;
	background : inherit;
}
	
#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navigation li {
	margin : 0 0 0.5em 0;
}

#navigation a {
	display : block;
	font-size : 13px;
	color : #A3CDFF;
	background : #111;
	padding : 0.1em 0.8em;
	border : 1px solid #333;
	text-decoration : none;
}

#navigation a:hover {
	background: #0066bb url(images/menu.png) repeat-x;
	color : #ddd;
}

/* Page Navigation */

.pagenav {
	padding: 0.4em;
}

.pagenav span {
	background : #0066bb;
	border: 1px solid #000;
	padding: 0.2em 0.4em 0.2em 0.4em;
	margin: 0.2em;
}

.pagenav a {
	border: 1px solid #000;
	padding: 0.2em 0.4em 0.2em 0.4em;
	margin: 0.2em;
	text-decoration: none;
	color : #A3CDFF;
	background : #222;
}

.pagenav a:hover {
	margin: 0.2em;
	text-decoration: none;
	background : #0066bb;
	color : #ddd;
}

/*Helpers*/
.center {margin: 0 auto;}
.content_center {text-align: center;}
.flleft {float: left !important;}
.flright {float: right !important;}
.clear {clear: both;}


/*IE Fixes*/
* html #main-content {
	height: 1%;
	width: auto;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
.floatfix {overflow:hidden;}
* html .floatfix {width:100%;}
.center, *[align="center"] {margin: 0 auto;}