/**************************************************
URL: 	Narkside.com
BY: 	Marcus Thompson
EMAIL: 	hello@marcusthompsoninc.com
WHEN: 	24th November 2009
*************************************************/


/*******RESET*********/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

/*******GENERAL STYLES*********/
body { background: #000 url(../images/bg-body.png) bottom center repeat-x; color:#EFEFEF; font: normal 0.7512em/1.5em Arial,Verdana,sans-serif; } 
html>body { font-size: 12px; } 
p { margin: 1.5em  0; font-size: 1em; line-height: 1.5em; }
h1 { margin: 1em 0; font-size: 1.5em; line-height: 1em; }
h2 { margin: 1.125em 0; font-size: 1.3333em; line-height: 1.125em; }
h3 { margin: 1.2857em 0; font-size: 1.1667em; line-height: 1.2857em; }
h4 { margin: 1.5em 0; font-size: 1em; line-height: 1.5em; }
h5 { margin: 1.5em 0; font-size: 1em; line-height: 1.5em; }
h6 { margin: 1.5em 0; font-size: 1em; line-height: 1.5em; }
a { color: #b3151b }
a:hover { color: #e96f35 }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

strong { font-weight:bold}
em { font-style:italic}

/*******WRAP*********/
#wrap {
width: 980px;
margin: 0 auto;
}

/*******HEADER*********/
#header {
position:relative;
margin-top:35px
}

#logo {
width:300px;
}

#search {
position:absolute;
right:15px;
top:75px;
}

#search input {
background: url(../images/bg-search.png) repeat;
color:#f2f2f2
}

#search input[type="submit"] {
background: #3c3533;
color:#f2f2f2;
margin-left: 5px;
border:0;
padding: 2px 3px 4px 3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
cursor:pointer;
}

#search button:hover {
background: #b3151b
}

#search label {
padding:0 5px 0 0
}


/*******NAVIGATION*********/
#menu {
margin:25px
}

#menu li {
float:left;
width:155px;
height:76px;

}

#menu li a { display:block; height:76px; width:155px; background-position:center top; text-align:center; color: #f7f7f7; text-decoration:none}
#menu li a { background-image: url(../images/bg-tab-off.png); }
#menu li a:hover,#menu li#active a { background-image: url(../images/bg-tab-on.png); color:#b3151b }

#menu li span {
font-size:22px;
padding-top:20px;
display:block;
text-align:center
}

/*******HIGHLIGHTS*********/
#highlights {
width:980px;
height:375px;
background: url(../images/bg-highlights2.png) top left no-repeat
}

#slider {
    width: 925px;
    margin: 0 auto;
    position: relative;
	/*border: 10px solid #ccc;*/
}

.scroll {
	overflow: hidden;
	width: 920px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
	margin-top:20px
}

.scrollContainer div.panel {
    padding: 10px;
    width: 265px;
	height: 320px;
}


#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	/*background: url(../images/leftshadow.png) repeat-y;*/
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	/*background: url(../images/rightshadow.png) repeat-y;*/
}

.inside {
	padding: 10px;
}

.inside img {
	display: block;
	border: 3px solid #666;
	margin: 0 0 10px 0;
	width: 196px;
}

.inside:hover img {
border: 3px solid #B3151B
}

.inside h2 {
	font-weight: normal;
	color: #f2f2f2;
	font-size: 16px;
	margin: 0 0 8px 0;
	text-align:center
}

.inside a {
color:#f2f2f2;
text-decoration:none;
}

.inside:hover a {
color:#B3151B
}


.scrollButtons {
    position: absolute;
    top: 125px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -59px;
}

.scrollButtons.right {
    right: -53px;
}

.hide {
    display: none;
}

/*******CONTENT*********/
#content {
	padding: 0 25px;
}

.col50 {
	width:465px;
	float:left
}

.col50 h2 {
	background:url(../images/bg-h2.png) top left no-repeat;
	padding:3px 5px 0px 20px;
	height:41px;
	font-size:22px
}

.col50 ul {
width:75%;
font-size:12px
}

.col50 li {
margin-bottom:10px
}

.twitterfeed a {
color:#f2f2f2;
text-decoration:none
}

.twitterfeed a:hover {
color:#b3151b;
}

.twitwhen {
font-style:italic;
color:#aaa
}

#sidebar { width:200px; float:right; }
#text { width: 665px; float:left }

/*******FOOTER*********/
#footer ul{
background: url(../images/bg-footer.png) center no-repeat;
height:57px;
text-align:center;
padding-top:25px;
margin: 15px 0 0 0
}

#footer li {
display:inline;
text-align:center;
}

#footer li a {
font-size:14px;
margin: 0 30px;
text-decoration:none;
color:#f2f2f2
}

#footer li a:hover,#footer li#active a {
color:#b3151b;
}

#footer p{
margin-top:-5px;
text-align:center
}

/*ARTICLES*/
div.CGBlogSummary {
border-bottom:1px solid #999
}

div.CGBlogSummary.videos {
border-bottom:0
}

div.CGBlogSummaryLink h2 a{
font-weight:bold;
text-decoration:none
}

div.CGBlogSummaryCategory,div.CGBlogSummaryAuthor,div.CGBlogPostDetailAuthor {
color:#999999
}

div.CGBlogSummaryContent embed {
margin: 0 auto;
text-align:center;
border:10px solid #fff
}


#CGBlogPostDetailTitle {
color:#b3151b;
font-weight:bold
}