/*
------------------------------------------------------
siliconpopculture.com - Global Styles                       
Copyright (c) 2010. All rights reserved.          
------------------------------------------------------
*/

/**********************************************************/
/* Global Reset                                           */
/**********************************************************/
html{color:#000;background:#1d1d1d;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img,button{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/**********************************************************/
/* Global Site Defaults                                   */
/* - All the basic tags for the site.                     */
/**********************************************************/
body {
	background: #000;
	font-family: arial,sans-serif;
	font-size: 62.5%; /* set base font size to 10px */
	margin:0;padding:0;
	text-align: left;
	direction:ltr;
	unicode-bidi:embed;
	width: 100%; height: 100%;
}
strong {font-weight: bold;}
em {font-style: italic;}
img { -ms-interpolation-mode: bicubic; }

#header { background: #fff; height: 54px; border-bottom: 2px solid rgba(0,0,0,0.25)}
#headerContent { width: 960px; margin: 0px auto; position: relative;}
#logo {	background: transparent url(../images/spclogo.png) no-repeat 5px 0px; height: 54px;}
#logo a { outline: none; text-indent: -999em; display: block; height: 54px; width: 370px;}
#siteWrap { width: 960px; margin: 0px auto;}
#main { background: #fff; min-height: 400px; overflow: auto;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px; 
border-bottom: 4px solid rgba(0,0,0,0.25);
}
#featured { height: auto; max-height: 280px; overflow: hidden; position: relative;}
#featured a {display:block; text-align: center;}
#featured .mask { display: block; position: absolute; top: 0px; left: 0px; width: 960px; height: 320px; background: transparent url(../images/featuredShade05.png) no-repeat 0 0;} 
#featured a img { display: block; margin: 0 auto;}

#footer { background: #000; }
#footerContent { margin: 0px auto; width: 930px; height: auto; text-align: center; padding: 15px; overflow: auto;}
#footerContent p { color: #666; margin-bottom: 0px;}
#footerContent .col { float: left; width: 300px; padding-left: 15px; overflow: auto; text-align: left;}
#footerContent .alignRight { text-align: right; }
#footerContent .alignCenter {text-align: center;}
#footerContent .alignCenter a { padding: 0px 10px;}
#footerContent .col:first-child { padding-left: 0px;}
#footerContent .col ul.navigation { margin: 0.5em 0;}
#footerContent .col ul.navigation li { float:left; margin-bottom: 1em; font-size: 1.1em; border-left: 1px solid #333; padding-left: 0.5em; margin-right: 0.5em; }
#footerContent .col ul.navigation li:first-child { border-left: 0px; padding-left: 0px;}

 /*	Links */
a[href], a[href]:link, a[href]:visited, a[href]:active { color: #587F1F; text-decoration: none; width: auto; background: none; padding: 1px;}
a[href]:hover { text-decoration: none; background: #587F1F; color: #fff;}
a[href].image, a.image[href]:hover { padding: 0px; border: 0px none; outline: none; background: none;}
a.spacer { padding: 0px 3px 0px 2px; }

/* buttons */
.awesome, .awesome:visited {
	background: #222 url(../images/alert-overlay.png) repeat-x 0 0; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
.awesome:hover { background-color: #111; color: #fff; }
.awesome:active { top: 1px; }
.small.awesome, .small.awesome:visited{ font-size: 11px; padding: ; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited 	{ font-size: 14px; padding: 8px 14px 9px; }

.green.awesome, .green.awesome:visited { background-color: #587F1F; }
.green.awesome:hover { background-color: #749a02; }
.blue.awesome, .blue.awesome:visited { background-color: #2daebf; }
.blue.awesome:hover	{ background-color: #007d9a; }
.red.awesome, .red.awesome:visited { background-color: #e33100; }
.red.awesome:hover { background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited { background-color: #a9014b; }
.magenta.awesome:hover { background-color: #630030; }
.orange.awesome, .orange.awesome:visited { background-color: #ff5c00; }
.orange.awesome:hover { background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited { background-color: #ffb515; }
.yellow.awesome:hover { background-color: #fc9200; }

/*	Headers */
h1 {
	font-weight: bold;
	font-size: 3em;
	color: #000;
	position: relative;
	line-height: 1em;
	margin-bottom: 0.1em;
}
h2 {
	font-weight: bold;
	font-size: 2em;
	color: #333333;
	text-transform: uppercase;
	line-height: 1em;
	margin-bottom: 0.5em;
}
h3 { font-size: 2em; font-weight: bold; line-height:1.1em; }
h4 { font-size: 1.7em; color: #333; text-transform: uppercase; font-weight:bold; line-height: 1em;}
h5 { font-size: 2.2em; color: #000; font-weight: bold; line-height: 1em;}
h6 { font-size: 1.2em; color: #006666; font-weight: bold; line-height: 1em;}

/* Paragraphs */
p { font-size: 1.3em; line-height: 1.4em;	margin-bottom: 1em;}
p.indent { padding-left: 15px; margin-top: 10px;}

.alignRight { float: right; }
.alignLeft { float: left; margin: 0 8px 8px 0px;}

/* Global Navigation */
#navigation {position: absolute; top: 0px; right: 0px; overflow: hidden; padding: 0px; }
#navigation li { float: left; border-left: 1px solid #e0e0e0;}
#navigation li:first { border-left: 0px;}
#navigation li a { color: #333; padding: 10px 20px; font-weight: bold; font-size: 1.2em; display: block; text-transform: uppercase;}
#navigation li a:hover,
.blog #navigation li#blog a,
.articles #navigation li#articles a,
.about #navigation li#about a,
.forum #navigation li#forum a { background: transparent url(../images/naviBgSelect.png) repeat-x 0 0;}

/* breadcrumbs */
ul#breadcrumb { padding:10px 0 10px 15px;}
ul#breadcrumb li {
color:#3E4C5D;
display:inline;
font-size:1.5em;
line-height:110%;
text-transform:none;
}
ul#breadcrumb li.here, ul#lil_breadcrumb li.here {color:#CBD3DC;}
ul#breadcrumb li a {color: #3E4C5D;}
ul#breadcrumb li a:hover {color: #fff;}


/* byline */
.byline { color: #bbb; font-size: 1.1em; font-weight: bold; font-style: italic; margin-bottom: 1em;}

/* paginate */
.paginate { font-size: 1.2em; }

.centered { text-align: center;}

/**********************************************************/
/* Layout                                                 */
/* - Different template layouts are described here        */
/**********************************************************/
#content { width: 600px; padding: 15px 25px 15px 15px; float: left;}
#subContent {width: 300px; float: left; padding: 15px 15px 15px 5px;}

/**********************************************************/
/* Modules                                                */
/* - Different module layouts are described here          */
/**********************************************************/
.module { margin-bottom: 2em;}
.module h2 { background: #e0e5e8; padding: 8px; font-size: 1.7em; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px; }
.module ul li { margin: 0 0 2px 7px; font-size: 1.2em; }

.entry { margin-bottom: 2em; border-bottom: 1px dotted #e0e5e8;}
.entry h3 a[href] { color: #000;}
.entry h3 a[href]:hover { color: #fff;}
.entry .entryDetails { overflow: auto; margin-bottom: 0.5em;}
.entry .entryDetails li { float: right; margin-left: 2em; padding-bottom: 3px; font-weight: bold; color: #bbb;}
.entry .entryDetails li a { color: #a0a0a0;}
.entry .entryDetails li a:hover { color: #fff;}
.entry .entryDetails li .date { color: #a0a0a0;}
.entryNav { margin: 1em 0px; border-top: 1px solid #e0e0e0; padding: 1em 0 0 0; font-size: 1.2em; }
.entry .image img { margin-top: 4px; display: block; -moz-box-shadow: 0px 0px 4px #555; -webkit-box-shadow: 0px 0px 4px #555; box-shadow: 0px 0px 4px #555;}
.entry h2 { margin-top: 1em; border-bottom: 1px dotted #e0e0e0;}
.entry #splashImage img { width: 600px; }

.commentsHeader { padding: 10px 15px; margin-left: -15px; background: #e0e5e8;}
.commentsList { margin: 1em 0px 1em 0px; padding-bottom: 1em;}
.comments { padding: 10px; }
.odd { background: #f0f0f0; }
.even { background: #fefefe; }
.owner { background: #e0e5e8;}
.commentsUser { font-size: 1.2em;}
.commentsEntry {border-top:1px dotted #c0c0c0; margin:4px 0px; padding-top:4px;}
.commentsList .paginate { margin-top: 1em;}

#eXTReMe { text-align: center;}

.imageLink img { width: 180px; }