body{
margin:0;
padding:0;
line-height: 1.5em;
background: #080808;
}


em{color: red;}

h1{
font-size: 16px;
color: #fff;
width: 100%;
height: 30px;
background: #000 url('images/bar.jpg') no-repeat;
font-family:Arial,Helvitica,Sans Serif;
text-align:center;
}

h2{
font-size: 16px;
color: #fffff;
font-family:Arial,Helvitica,Sans Serif;
height: 30px;
background: #000 url('images/bar.jpg') no-repeat;
text-align:center;
}

h3{
font-size: 14px;
color: #8090A3;
font-family:Arial,Helvitica,Sans Serif;
}

p {
padding-left:5px;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#maincontainer{
width: 980px; /*Width of main container*/
margin: 10px auto; /*Center container on page*/
background: #fff;

}

#topsection{
background: #000 ;
height: 20px; /*Height of top section*/
}

#header{
background: #000 ;
height: 150px; /*Height of top section*/
}

#layouts a {
position: absolute;
text-decoration:none; 
font-family:verdana, arial, sans-serif; 
font-size:12px; 
color:#fff; 
}

#divhead{
background: #000;
height: 26px;
}

#contentwrapper{
float: left;
width: 100%;
background: #000;
}

#contentcolumn{
margin: 0 180px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
color: #fff;
font-size: 13px;
font-family: Arial, Helvitica, Sans Serif;
min-height: 1100px;
overflow: hidden;
}

#contentcolumn a{
color:#c00000;
text-decoration:none;
}

#topads{
width: 100%;
padding: 5px 0 30px 0;
text-align:center;
text-decoration: none;
}

#topadshome{
width: 100%;
padding: 5px 0 0px 0;
text-align:center;
text-decoration: none;
}

#bottomads{
width: 100%;
padding: 20px 0 20px 5px;
text-align:center;
text-decoration: none;
}

#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
height:650px;
margin-left: -980px; /*Set margin to that of -(MainContainerWidth)*/
padding-top: 0px;
background: #000;
}

#rightcolumn{
float: left;
width: 180px; /*Width of right column*/
margin-left: -180px; /*Set left margin to -(RightColumnWidth)*/
padding-top: 0px;
background: #000;
}

/* =-=-=-=-=-=-=-[Left Nav]-=-=-=-=-=-=-=- */
	
#nav {
width: 160px;
background:#000;
}

a.nav, a.nav:link, a.nav:visited {
display:block; 
width:160px; 
height:18px; 
background:#000;
padding-left:5px; 
text-align:left; 
text-decoration:none; 
font-family:verdana, arial, sans-serif; 
font-size:12px; 
color:#fff; 
line-height:18px; 
overflow:hidden;
}

a.nav:hover {color:#fff; background:#000 url('images/nav.jpg') no-repeat; width:160px;}
a.nav:active {color:#fff; background:#000 url('images/nav.jpg') no-repeat; width:160px;}

/* =-=-=-=-=-=-=-[Right Nav]-=-=-=-=-=-=-=- */
	
#nav2 {
width: 160px;
background:#000;
margin-left:10px;
}
	
a.nav2, a.nav2:link, a.nav2:visited {
display:block; 
width:155px; 
height:18px; 
background:#000;
padding-left:5px; 
text-align:left; 
text-decoration:none; 
font-family:verdana, arial, sans-serif; 
font-size:10px; 
color:#fff; 
line-height:18px; 
overflow:hidden;
}

a.nav2:hover {color:#fff; background:#000 url('images/nav.jpg') no-repeat; width:155px;}
a.nav2:active {color:#fff; background:#000 url('images/nav.jpg') no-repeat; width:155px;}


#footer{
clear: left;
width: 100%;
background: #000;
color: #fff;
font-family: Arial, Helvitica, Sans Serif;
font-size: 10px;
text-align: center;
padding: 4px 0;
}

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

.innertube{
margin: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/*List Maker Styles*/
.indexlistItem{
	text-align:center;
	padding:30px 0;
	font-family:"Trebuchet MS", Arial, Tahoma;
	font-size:14px;
	font-weight:bold;
}
.indexlistItem img{
	
	border: 0;
	margin:0 0 5px 0;
	
}
.indexlistItem a{
text-decoration:none;
color: #9380A3;
}

#LayoutTitle {
color: #8090A3;
font-family:Arial,Helvitica,Sans Serif;
font-size: 12px;
text-transform:uppercase;
text-align: center;
overflow: hidden;
}

#LayoutTitleCode {
font-size: 16px;
color: #fff;
width: 100%;
text-transform:capitalize;
height: 30px;
background: #000 url('images/bar.jpg') no-repeat;
font-family:Arial,Helvitica,Sans Serif;
text-align:center;
}
/**Skinz**/
.PlayerSkin{
	display: block;
	overflow: hidden;
	text-align:center;
	padding:0px 0;
	height: 51px;
	width: 295px;
}

.PlayerSkin a span{
	display: block;
	height: 51px;
	width: 295px;
	position: relative;
	top: -54px;
	-moz-opacity:0.7; filter: alpha(opacity=70);
}

.PlayerSkin a:hover span{
	display: block;
	height: 51px;
	width: 295px;
	-moz-opacity:1; filter: alpha(opacity=100);
}

.PlayerSkin img{
	
	border: 0;
}
.PlayerSkinTextBox{
	width:336px;
	margin:0 0 0 0;
	font-family:Tahoma, Arial;
	font-size:11px;
	background:#000 ;
	border:2px solid #e7447f;
	color:#bbb;
	padding:.2em;
}
/**endSkinz**/
.pagination,
.backButton{
	padding: 0px 0;
	text-align:center;
	font-family:Tahoma, Arial;
	font-size:12px;
	color:#fff;
}
.pagination a, .pagination a:visited,
.backButton a, .backButton a:visited{
	position:relative;
	top:3px;
	font-family:"Trebuchet MS", Arial, Tahoma;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding:0 .35em 0 .35em;
	color:#c00000;
	border:1px solid #80A1A3;
}
.pagination .null{
	position:relative;
	top:3px;
	font-family:"Trebuchet MS", Arial, Tahoma;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding:0 .35em 0 .35em;
	color:#c00000;
	border:1px solid #80A1A3;
}
.pagination a:hover, .pagination a:active,
.backButton a:hover, .backButton a:active{
	color:#c00000;
	border:1px solid #80A1A3;
}

.form a,
.form a:hover,
.form a:visited{
	color:#999;
}
.form{
	margin:30px 15px 15px 15px;
	font-family:Tahoma, Arial;
	font-size:11px;
	color:#666}
.form p{
	padding:2px 0;
	color:#fff;}
.formTextbox {
	padding:0 5px;
	width:300px;
	font-family:Tahoma, Arial;
	font-size:11px;
	color:#bbb;
	background:#1f1f1f;
	border:1px solid #555}
.formCheckbox{
	margin:0}
.formSubmit{
	display:block;
	width:75px;
	margin:15px auto;
	font-family:Tahoma, Arial;
	font-size:11px;
	color:#c00000;
	background:#1f1f1f;
	border:1px solid #80a1a3;
	cursor:pointer}
.formTextboxSmall,
.formSelectSmall{
	font-family:Tahoma, Arial;
	font-size:11px;
	color:#bbb;
	background:#1f1f1f;
	border:1px solid #555}
.formTextboxSmall{
	width:146px;
	padding:1px 2px}
.formSelectSmall{
	width:152px}
.formRadioSmall,
.formCheckboxSmall{
	margin:2px 1px;
	vertical-align:middle}
.formTextareaSmall{
	width:146px;
	height:56px;
	padding:2px;
	font-family:Tahoma, Arial;
	font-size:11px;
	color:#bbb;
	background:#1f1f1f;
	border:1px solid #555}
.formUrl{
	text-align:center}

.formcode{
	text-align:center;
	padding:30px 0;
	background:#2b2b2b;
}
.showImages{
	text-align:center;
	padding:0px 0;
	
}
.showImages img{
	margin:0 0 5px 0;
	border: 0;
}
.showImageTextBox{
	width:336px;
	margin:0 0 0 0;
	font-family:Tahoma, Arial;
	font-size:11px;
	background:#000 url('images/txtbg.gif') repeat;
	border:2px solid #e7447f;
	color:#bbb;
	padding:.2em;
}

.formTextareaBig{
	width:336px;
	height:100px;
	padding:2px;
	font-family:Tahoma, Arial;
	font-size:11px;
	color:#bbb;
	background:#1f1f1f;
	border:1px solid #555;
	overflow:hidden;
}

.glyphTable{
	margin:20px;
	font-family:Arial, Tahoma;
	font-size:11px;
	}
.glyphTable table{
	width:100%	}
.glyphTable table tr td{
	padding:0 4px;
	background:#1f1f1f}
.glyphTable table tr td b{
	font-size:16px;}
.glyphTableTitle{
	color:#1f1f1f;
	font-family:"Trebuchet MS", "Times New Roman", "Arial";
	font-size:14px;
	font-weight:bold}
	
	.colorChart{
	margin:20px;
	font-family:Arial, Tahoma;
	font-size:11px}
.colorChart table{
	width:100%}
.colorChart table tr td{
	text-align:center}
.colorChartDark{
	color:#fff}

.colorPicker{
	margin:93px}
.colorPicker table{
	width:100%;
	border:5px solid #fff}
.colorPicker table tr td{
	text-align:center}
.colorPicker table tr td .cp{
	font-family:Arial, Tahoma;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	width:50px;
	padding:0;
	margin:0;
	background:#fff;
	color:#545454;
	font-weight:normal;
	cursor:pointer;
	border:2px solid #fff}
.colorPicker-r1c1{}
.colorPicker-r1c2{}
.colorPicker-r2c1{}
.colorPicker-r2c2{}
.colorPicker-r3c1{}
.colorPicker-b1{}


