/*  
Theme Name: C1RCA Hub
Theme URI: http://www.c1rca.com/
Description: Mainline 
Version: 1.0.0
Author: C1RCA
Author URI: http://www.c1rca.com/
*/

/*========= SETUP =========*/

*{
	border: 0;
	margin: 0;
	padding: 0;
}
body{
	background:#141414 url(images/hub_bg.jpg) ;
	color: #fff;
	font: 0.7em Arial,Helvetica,Sans-Serif;
}
a{
	color: #ff7800;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
input,select,textarea{
	color:#fff;
	font-size: 12px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
select{
	padding: 0;
}
li{
	list-style: none;
}


/*========CUFON=========*/

/*========= LAYOUT =========*/
html, body, #wrapper {
   height:100%;
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
}
#wrapper td {
   vertical-align: middle;
}
#page{
	margin: 0 auto;
	width: 900px;
}
/*--- Main Columns ---*/
#columns{
	margin: 10px 0 0;
	padding: 0 0px 0px 0;
}
.col1{
	float: left;
	width: 640px;
}
.col2{
	float: right;
	width: 253px;
}
/*--- Sub Columns ---*/
.subcol{
	width: 160px;
}
.subcol h2{
	color: #ff7800;
	font-size: 14px;
	padding: 0 0 10px;
}

/*========= HEADER =========*/

/*- Page Navigation -*/
#nav{
	height: 53px;
}
#nav-left {
	float:left;
	display:inline;
	width:290px;
	}
#nav-left img{
	margin:0 25px 0 0;
}
#nav-right {
	margin:23px 0 0 0;
	height:30px;
	float:right;
	display:inline;
	width:530px;
	}
#nav ul {
	position: relative;
    overflow: hidden;
	height:30px;
	float:right;
}
#nav ul  li {
    float: left;
    list-style: none;
	font-size:14px;	
}
#nav ul  li.back {
    background-color: #333333;
    width: 9px;
    height: 30px;
    z-index: 8;
    position: absolute;
}
#nav ul  li a {
	height:30px;
	text-decoration: none;
	color: #ffffff;
	outline: none;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	margin:0 4px 0 0;
	padding:5px 9px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#nav ul  li.roll a:hover{
	background-color:#555;
}   
#nav ul  li a:active, #nav ul  li a:visited {
	border: none;
}
#nav ul  li.search {
	height:30px;
	text-decoration: none;
	color: #ffffff;
	text-transform: uppercase;
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	padding:5px 0 5px 7px;
	width:246px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#nav ul  li.search .title {
	width:50px;
	float:left;
}
#nav ul  li.search #searchform {
	float:left;
	display:inline;
	margin:-2px 0 0 10px;
}
#nav ul  li.search #searchform #s {
	border:#333 1px solid;
	width:160px;
}
#nav ul  li.search #searchform .btn {
	
}
/*- Logo -*/
#header h1{
	float: left;
	display:inline;
}
#header h1 a{
	display: block;
	height: 93px;
	width: 389px;
}
/*--Marquee--*/
.marquee {
	width:640px;
	height:566px;
	background:#000;
	margin: 0 0 7px 0;
}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 640px; /*width of featured content slider*/
height: 566px;
z-index:0;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
background: #000;
width: 640px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 640px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
padding: 0px 0px;
margin:-22px 0 0 -5px;
z-index:1;
position:relative;
}

.pagination a{
padding: 2px 5px;
text-decoration: none; 
color: #ffffff;
/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.8 opacity */
	background: rgba(0, 0, 0, 0.8);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #fff;
}

/*========= BLOG POST STYLING =========*/

/*=== Small Box Post ===*/
.post{
	margin: 0;
}
.post h2{
	font-size: 1em;
	padding: 0 0 5px;
}
.post h3{
	font-size: 1.3em;
}
.post h3 a{
	color: #000000;
}
.post p{
	padding: 0 0 15px;
}
.post p.posted{
	color: #c0c0c0;
}
/*- Box -*/
.box{
	border-top: 3px solid #c0c0c0;
	clear: both;
	height: 1%;
	margin: 0 0 20px;
	padding: 15px 0 20px;
}
.box .post{
	width: 260px;
}
.box .post h2{
	font-size: .85em;
}
.box .post h3{
	font-size: 1em;
}
.box .post p.posted{
	font-size: .85em;
}
/*=== Traditional Blog Post ===*/
.post-alt{
	margin: 0 0 8px 0;
	padding-bottom:15px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.8 opacity */
	background: rgba(0, 0, 0, 0.8);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.post-alt h2{
	font-size: 1.1em;
	padding: 0 0 5px;
}
.post-alt h3{
	font-size: 1.3em;
}
.post-alt h3 a{
	color: #fff;
	text-transform:uppercase;
}
.post-alt p{
	padding: 0 0 10px;
}
.post-alt p.posted{
	color: #c0c0c0;
}
/*=== Buttons ===*/
.continue{
	background: url(images/ico-arrow.gif) no-repeat left;
	padding: 0 0 0 13px;
	font-weight:bold;
}
.comments {
	padding-top:10px !important;
}
.comments a{
	color: #fff;
	padding: 0 0 0 0px;
}
a.more{
	background: url(images/ico-arrow2.gif) no-repeat right;
	color: #c0c0c0;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 20px 0 0;
}
/*=== Traditional Blog Post ===*/
.navigation {
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=div#99000000, endColorstr=div#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=div#99000000, endColorstr=div#99000000)";
}
.navigation a {
	color: #c0c0c0;
	font-size: 1.2em;
	text-transform:uppercase;
}
.alignleft{
	display:inline;
	float:left;
}
.alignright{
	display:inline;
	float:right;
}

/*========= ARCHIVE SPECIFIC =========*/
	
#archivebox {
	margin:-1px 0 8px 0;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	padding:10px;
	width:620px;
}
#archivebox h2 {
	font-size:1.5em;
	color:#fff;
	text-transform:uppercase;
}
#archivebox h2 em{
	color:#C0C0C0 !important;
	font-style:normal;
}
.archivefeed {
	margin-top:5px;
}
.archivefeed a {
	background:url(images/ico-arcfeed.gif) center left no-repeat;
	padding-left:20px;
	color:#000;
	font-weight:bold;
}
.arclist{
	border-top: 3px solid #c0c0c0;
	border-bottom: 3px solid #c0c0c0;
	margin: 0 0 15px;
	padding: 10px 0 10px;
	width: 260px;
}
.arclist h2{
	color: #000;
	font-size: 18px;
	padding: 0 0 10px 0 !important;
}

.arclist ul li{
	padding:0 0 7px 10px;
	color:#c0c0c0;
	font-size:14px;
	font-weight:bold;
}

/*========= SINGLE POST SPECIFIC =========*/

.singletags {
	margin-top:5px;
	font-weight:bold;
	color:#C0C0C0;
}
.entry p{
	text-align:left;
	font-size:12px;
	line-height:20px;
	}
.entry blockquote { 
	padding: 3px 15px;
	background: #def3ff;
	border: 1px solid #0253b8;
	margin: 5px auto 15px auto;
	color:#000;
	width:85%;
	}
.entry blockquote p {
	font-size:12px;
	padding: 5px 0px;
	margin: 5px 0px;
	line-height: 20px;
	}
.entry img { 
	padding: 2px 2px 2px 2px;
	background:#DDD;
	border: solid 1px #C0C0C0; 
	}
.entry ul, .entry ol {
	margin-bottom:15px;
	font-size:12px;
	line-height:20px;
	}
.entry ul li ul, .entry ol li ol{
	margin-bottom:0px;
	padding-top:3px;
	}
.entry ul li {
	list-style:circle inside !important;
	margin-left:15px;
	padding:3px 0px;
	}
.entry ul li ul li {
	list-style:disc inside !important;
	}
.entry ol li {
	list-style:decimal inside !important;
	font-size:12px;
	padding:3px 0px;
	}
.entry ol li ol li {
	list-style:decimal-leading-zero inside !important;
	}


/*========= COMMENTS =========*/

h2.commh2{
	font-size: 1.4em;
	padding: 0 0 5px;
	font-weight:bold !important;
}
ol.commentlist{
	margin: 10px 0 20px;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 20px;
}
ol.commentlist p{
	margin-bottom:10px;
	line-height: 20px;
}
ol.commentlist cite{
	font-style: normal;
	font-weight: bold;
}
ol.commentlist li{
	padding: 20px 10px 10px 10px;
}
ol.commentlist li.alt{
	padding: 10px 10px 0 10px !important;
	background:#DDD;
	border:1px solid #C0C0C0;	
}

/*- Sidebar -*/
.follow {
	height:30px;
	color:#FFFFFF;
	font-size:11px;
	line-height:30px;
	margin: -3px 0 10px 0;
	padding:0 0 0 10px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.follow .title {
	float:left;
	width:65px;
}
.follow .icons {
	float:left;
}
.follow .icons a img{
	margin:7px 0 0 5px;

}
.slidemenu {
	height:531px;
	margin: -1px 0 10px 0;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.urbangreymenu{
width: 226px; /*width of menu*/
height:570px;
overflow:hidden;
margin: 0 auto;
}

.urbangreymenu .headerbar{
font: 14px;
color: #ca0000;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 0px; /*31px is left indentation of header text*/
}

.urbangreymenu .thumb{
	border-bottom:solid 1px #b0b0b0;
	border-left:solid 1px #b0b0b0;
	border-right:solid 1px #b0b0b0;
}

.urbangreymenu img{
	width:224px;
	height:199px;
}


.urbangreymenu img.last{
	border:solid 1px #fff;
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
text-transform: uppercase;
position: relative;
clear: both;
padding-bottom: 0px; /*bottom spacing between menu items*/
line-height:12px;
}

.urbangreymenu ul li a{
font-size: 10px;
color: #fff;
display: block;
padding: 4px 0;
padding-left: 0px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: #fff;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

/*- Ads -*/
.ads{
	height: 200px;
	padding: 0 0 10px 0;
}
.ads .ban1 img{
	margin: 0 0 0 0px;
	width: 208px;
}
.ads .ban2 img{
	margin: 0px 0 0 7px;
	width: 209px;
}
.ads .ban3 img{
	margin: 0px 0 0 7px;
	width: 209px;
}
.ads .ban4 img{
	margin: 7px 0 0 0px;
	width: 208px;
}
.ads .ban5 img{
	margin: 7px 0 0 7px;
	width: 209px;
}
.ads .ban6 img{
	margin: 7px 0 0 7px;
	width: 209px;
}
.ads img{
	float: left;
	height: 200px;
	background:#000;
}
.ads img.last{
	margin: 0 !important;
}

/*=== DropDown Lists ===*/
.catlist{
	border-bottom: 3px solid #c0c0c0;
	margin: 0 0 15px;
	padding: 0 0 10px;
	width: 160px;
}
.catlist h2{
	color: #ff7800;
	font-size: 14px;
	padding: 0 20px 0 0 !important;
	background:url(images/ico-catlist.gif) center right no-repeat;
}
.list-alt {
	padding-top:10px;
	}
.list-alt li{
	margin: 0 0 7px;
}
.list-alt li a{
	color: #000000;
}
/*=== Styling Widget Lists ===*/
.widget h2 {
	text-transform:uppercase;
	}
.widget ul {
	background: url(images/hl-dot.gif) repeat-x bottom;
	margin: 0 0 15px;
	padding: 10px 0 7px;
}
.widget ul li{
	margin: 0 0 7px;
}
.widget ul li a{
	color: #000000;
}

/*========= FOOTER =========*/

.footer{
	clear: both;
	color: #fff;
	height: 30px;
	line-height: 30px;
	padding: 0 12px;
	font-size:11px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.footer a{
	color: #fff;
}
.footer img {
	vertical-align:middle;
	margin:-1px 0 0 0px;
}
.footer .fl {
}
.footer .fr {
	text-align:right;
}

/*========= MISC =========*/

.fix{
	clear: both;
	height: 1px;
	margin: 0 0 -1px;
	overflow: hidden;
}
.hl{
	background: url(images/hl-dot.gif) repeat-x bottom;
}
.hl-full{
	background: url(images/hl-dot-full.gif) repeat-x bottom;
	float:left;
	clear:both;
	height:2px;
	width:100%;
	margin:20px 0 25px !important;
	margin:10px 0 15px;	
	padding:0 !important;
}
.hl2{
	border-bottom: 3px solid #c0c0c0;
}
.hl3{
	border-top: 3px solid #c0c0c0;
	padding: 10px 0 0;
}
.blog{
	width:600px;
	padding:10px;
	float:left;
}
.between{
	height:2px;
	margin-bottom:15px;
	}
.fl{
	float: left;
}
.fr{
	float: right;
}
.ac{
	text-align: center;
}
.ar{
	text-align: right;
}
.th{
	border: 1px solid #c0c0c0;
	float: left;
	margin: 0 10px 0 0;
	padding: 3px;
}
.gravatar {
	float:left;
	border: 1px solid #000;
	margin-right: 10px;
}