/*
Theme Name: Spektrum
Theme URI: http://raw-brand.com
Description: A colourful theme with a techno feel.
Version: 1.0
Author: Eugene Okoronkwo
Author URI: http://raw-brand.com/
Tags: 

	Spektrum v1.0

	This theme was designed and built by Eugene Okoronkwo,
	whose website you will find at http://raw-brand.com/

*/

/* 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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}

html {height:100%;}
body {
	height:auto;
	line-height:normal;
}

/* ELEMENTS */
.post-content img{}
.post-content blockquote{margin:20px 0;padding:20px;}
.post-content cite {display:block;margin-top:20px;}

#embed{display:block;margin:20px auto 0;}
#embed img{margin:0;}

table{border-collapse:collapse;border-spacing:0;margin:20px 0;width:100%;}
	th{padding: 6px 6px 6px 12px;text-align: left;}
	td{padding: 6px 6px 6px 12px;}
	.alt td{}

.post-content{padding-bottom:10px;}
.post-content ul{margin:18px 0 0 20px;}
	.post-content ul li{padding:2px 0 2px 22px;}
		.post-content li ul{margin:0;}
			.post-content ul li ol li{}

.post-content ol{margin:18px 0 0 20px;padding-left:20px;}
	.post-content ol li{padding:2px 0 2px 3px;}
		.post-content li ol{margin:0;}
			.post-content ol li ul li{list-style-type:none;margin:0 0 0 -2px;padding:2px 0 2px 22px;}

.post-content ul li.nolist, .post-content ul li.nolist{background:none;margin:20px 0;padding:0;}

pre{display:block;margin-top:20px;padding:10px;}


/* -------------------- TYPOGRAPHY -------------------- */

p{}
#feature p, #footer p{}
.post-meta li p{}

a, .post-info h3 a:hover{}
a:hover{}
#latest-posts-holder h2 a, .post-info h3 a{}
#latest-posts-holder h2 a:hover, #sidebar a:hover{}
.post-meta a{}
.post-meta a:hover{}

h1{}

h2{}
h2.small{}
.blog h2{max-width:420px;}
.portfolio h2{}

h3{}
.title{}
.widgets li h3{}
#feature h3{}

h4{}
#footer h4{}

h5{}

h6{}

small{}
.author-text small{float:right;margin-top:10px;}

/* ----------------- STYLING CLASSES ----------------- */

.screen-reader-text{display:none;}

.button, .button:visited {display:block;padding:2px 8px 2px;text-decoration:none;position:relative;cursor:pointer;
	border-radius:5px;
	-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.3);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	
	behavior: url(/wp-content/themes/spektrum/PIE.htc);
}
.button:hover{}
.button:active{}

.alignright{float:right;margin:0 0 0 10px;}
.alignleft{float:left;margin:0 10px 0 0;}
.aligncenter{display:block;margin:10px auto;}
.alignnone{display:block;margin:10px 0;}

.displace{position:absolute;left:-9999px;}
.sub-title{clear:both;margin-left:20px;}

.no-margin{margin-top:0;margin-bottom:0;}
.margin-bottom{margin-bottom:10px;}

/* clear fix */
.clearfix:after {content:".";display:block;clear:both;visibility:hidden;	line-height:0;height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}

/* Contact Form */
textarea{margin:0 0 -5px;padding:4px;width:566px;}

input{
	padding:4px;
	margin:0;
	width:auto;
}

#respond{padding-bottom:5px;width:574px;}
#respond form{margin-top:20px;}
#respond p{margin:5px 0;}
#respond #submit.button{bottom:auto;margin:0 auto;position:relative;right:auto;}
h3.error{margin:0;}
ul.error{margin-bottom:20px;}
#sendCopy{width:20px;}
#respond .checkbox-margin{margin:10px 0;padding:1px;}
.screenReader{position:absolute;left:-99999px;}
#loading{display:block;margin:auto;}
label{margin-left:10px;}

/* -------------------- STRUCTURE -------------------- */
#outter-wrapper{margin:0 auto -58px;min-height: 100%;_height:100%; /* for IE6 */height: auto !important;height: 100%;}

#header-holder{height:70px;left:0;top:0;width:100%;z-index:51;}
	#header{height:100%;margin:0 auto;width:900px;}
		#logo{float:left;height:70px;}
	
	#nav-bar{}
		
#wrapper{margin:0 auto;width:940px;}
	
	/* SEARCH BAR */
	#search-bar{float:right;margin:0 20px 10px;}
		
	/* SLIDER HOLDER */
	#feature{clear:both;height:320px;margin:20px 20px 0;padding:1px;position:relative;width:898px;}
		#feature .button{bottom:15px;position:absolute;right:10px;}
			.coda-nav{top:20px;right:20px;height:20px;position:absolute;width:860px;z-index:3;}
			.coda-nav ul li a {display:block;height:100%;width:100%;z-index:4;}
			.coda-nav ul li a.current{}
			
	/* HERO */
	#hero{clear:both;height:300px;margin:20px 0 20px 20px;padding:1px;position:relative;width:900px;}
		#hero-text{margin-left:20px;position:relative;width:460px;z-index:2;}
			#hero h1{margin:40px 0 30px 0;}
			#hero h4{}
			#hero h4 strong{}
			#hero .button{display:block;float:left;margin:30px auto 40px;padding:5px 10px;}
			#hero .button:hover{}
			#hero img{bottom:0;position:absolute;right:0;}
	#content{margin:0 0 0 20px;width:940px;}

		#sidebar{float:left;margin:20px 0 0;padding:0 10px;width:267px;}

		#sidebar.sidebar-right{float:right}
		
		#sidebar ul{margin:10px 0;padding:0 10px 10px;}
		#sidebar ul ul{margin:0;padding:0;}
		
		#sidebar .widget{margin-bottom:30px;}
		
		.box{float:left;margin:20px 20px 0 0;padding:0 10px 10px;position:relative;width:574px;}
			.box img, .box.inner-left img, .box.inner-right img{max-width:574px;}
			.box .button{bottom:15px;position:absolute;right:10px;}
			
		.box.small{height:295px;padding:0 10px 10px;width:265px;}
			.box.small img{max-width:266px;}
	
		.box.wide{margin:20px 0 0 0;padding:10px;width:880px;}
			.box.wide img{max-width:880px;}
		
		.box.inner-left img, .box.inner-right img{max-width:574px;}
		
	.box.short{height:170px;}
		.date{left:auto;top:15px;padding:5px 0;position:absolute;right:-5px;text-align:center;width:60px;z-index:3;}
		.date-tag-effect{height:5px;right:0;position:absolute;bottom:-5px;width:5px;}

/* Pagination */
.pagination{margin:20px 0 0;}
.pagination a {margin-right:4px;padding:3px 6px;}
.pagination a:hover, .emm-paginate a:active {}
.pagination .emm-gap {margin-right:4px;}
.pagination .emm-current {margin-right:4px;padding:3px 6px;}
.pagination .emm-page {}
.paginatione .emm-prev, .emm-paginate .emm-next {}
.pagination ul{margin:36px 0;overflow:hidden;}
.pagination ul li{padding:0 5px;}
.pagination ul li.prev{float:left;}
.pagination ul li.next{float:right;}

/* PORTFOLIO */
#portfolio{clear:both;min-height:335px;overflow:hidden;width:921px;}
	.video .image-holder, .video.image-holder{}
	.image .image-holder, .image.image-holder{}
	
	.image-holder {margin-top:10px;overflow:hidden;width:574px;}
	.small .image-holder{height:110px;overflow:hidden;width:265px;}
		.image-holder img{display:block;margin:0 auto;max-width:574px;}
		.small .image-holder img{margin-top:-30px;}
			
.portfolio-links{margin-top:20px;padding:5px 10px;}
.portfolio-links li{float:left;margin-right:20px;}
	
	.portfolio-links .current a{}
	
	.portfolio-item{float:left;overflow:hidden;}
	
/* FULL WIDTH */
.box #article-list{margin:0;width:566px;}
.box #sidebar.sidebar-left{float:left;margin:0 30px 0 0;padding:0;}
.box #sidebar.sidebar-right{float:right;margin:0 0 0 30px;padding:0;}
.box #sidebar ul{margin:0;}

/* EXTERNAL SIDEBARS */
.box.right{margin:20px 20px 0;}

/* BLOG */
#article-list{float:left;margin-left:20px;width:620px;}
	.post-image{margin-top:10px;}
	
	.post-preview{bottom:49px;left:11px;padding:0 10px 10px;position:absolute;width:554px;z-index:2;}
	#feature .post-preview{bottom:0;left:0;width:860px;}
/*	.post-preview.slider{padding-bottom:40px;} */
	.post-preview.slider{padding-bottom:20px;}
	
	.post{position:relative;}
		.post img{max-width:574px;}	
		
		.social-button-holder{position:absolute;right:-30px;top:20px;width:40px;}
		.social-button-holder a{display:block;height:40px;margin-bottom:10px;width:40px;}
		.social-button:hover{}
			.social-button span{left:-5000px;position:absolute;}
			.facebook-button{}
			.twitter{}
			.myspace{}
			.delicious{}
			.digg{}
			.linkedin{}
			.google{}
			.tumblr{}			
			.rss{}
			
		.post-meta{bottom:10px;float:left;height:20px;padding:5px;position:absolute;width:170px;}
			.post-meta li{float:left;margin-right:5px;}
			.post-meta p{font-size:12px;}
				li.category{margin:0 50px 0 0;padding-left:28px;}
				li.comments{float:right;padding-left:20px;}
				li.tags{margin:0 50px 0 0;padding-left:28px;}
			
			.comment-options{display:block;float:right;height:28px;width:50px;}
			.comment-options:hover, .comment-reply-link:hover{}
			.comment-reply-link{display:block;float:right;height:28px;width:50px;}
			.link{}
			
			
		.full{margin-top:10px;width:566px;}
		.medium{margin-top:10px;width:470px;}
	
	.commentlist{}
		.children .comment-holder{width:534px;}
			.children .author-text{width:395px;}
		.children .children .comment-holder{width:494px;}
			.children .children .author-text{width:355px;}
			
			.avatar{height:80px;left:30px;margin-top:-40px;position:absolute;top:50%;width:80px;}
			.author-text{float:right;width:435px;}
		
		.post .post-meta{float:left;bottom:0;position:relative;}
		.post-preview .post-meta{bottom:auto;margin:20px 0 0;position:relative;width:760px;}

#push{height:60px;}

/* FOOTER */
#footer-holder{width:100%;}
	#footer{margin:0 auto;width:940px;}
		#footer .widgets{margin-left:20px;padding:10px 0 0;width:940px;}
		.widgets li{float:left;margin:0 20px 0 0;padding:0 10px;position:relative;width:265px;}
		.widgets li li{float:none;}
		#copyright{clear:both;margin-left:20px;padding:20px 0;}
		
	#footer .widget_pages a{}
	#footer .widget_pages a:hover{}
	
/* ---------- WIDGETS ---------- */

.widget h4{margin-bottom:20px;}

/* Archive */
#sidebar ul .widget_archive ul, #footer ul .widget_archive ul {}
.widget_archive li{padding:5px 0;}
.widget_archive  li a{display:block;}
.widget_archive  li a:hover{}
#footer .widget_archive  li a{}
#footer .widget_archive  li a:hover{}

/* Calendar */
 
/* Categories */
#sidebar ul .widget_categories ul, #footer ul .widget_categories ul {}
.widget_categories li{padding:5px 0;}
.widget_categories  li a{display:block;}
.widget_categories  li a:hover{}
#footer .widget_categories  li a{}
#footer .widget_categories  li a:hover{}

/* Nav Menu */
#sidebar ul .widget_nav_menu ul, #footer ul .widget_nav_menu ul {}
.widget_nav_menu li{padding:5px 0;}
.widget_nav_menu  li a{display:block;}
.widget_nav_menu  li a:hover{}
#footer .widget_nav_menu  li a{}
#footer .widget_nav_menu  li a:hover{}

/* Links */
#sidebar ul .widget_links ul, #footer ul .widget_links ul {}
.widget_links li{padding:5px 0;}
.widget_links  li a{display:block;}
.widget_links  li a:hover{}
#footer .widget_links  li a{}
#footer .widget_links  li a:hover{}

/* Meta */
#sidebar ul .widget_meta ul, #footer ul .widget_meta ul {}
.widget_meta li{padding:5px 0;}
.widget_meta  li a{display:block;}
.widget_meta  li a:hover{}
#footer .widget_meta  li a{}
#footer .widget_meta  li a:hover{}

/* Pages */
.widget_pages li{padding:2px 0 2px 22px;}
.widget_pages  li a{display:block;}
.widget_pages  li a:hover{}
#footer .widget_pages  li a{}
#footer .widget_pages  li a:hover{}

/* Recent Comments */
#sidebar ul .widget_recent_comments ul, #footer ul .widget_recent_comments ul {}
.widget_recent_comments li{padding:5px 0;}

/* Recent Posts */
#sidebar ul .widget_recent_entries ul, #footer ul .widget_recent_entries ul {}
.widget_recent_entries li{padding:5px 0;}
.widget_recent_entries  li a{display:block;}

/* Recent RSS */
#sidebar ul .widget_rss ul, #footer ul .widget_rss ul {}
.widget_rss li{padding:5px 0;}
.widget_rss  li a{display:block;}

/* Search */
.widget_search form{margin-top:20px;overflow:hidden;}
.widget_search input{float:left;padding-left:24px;width:138px;}


.widget_search #searchsubmit{cursor:pointer;font-weight:bold;padding:4px;width:75px;}
#sidebar .widget_search #searchsubmit{}
.widget_search #searchsubmit:hover, #sidebar .widget_search #searchsubmit:hover{}

/* Tag Cloud */

/* Text */

/* Twitter */
#twitter{padding-bottom:40px;position:relative;}
	#twitter_update_list{width:270px;}
	#sidebar #twitter_update_list{width:250px;}
		
		#twitter_update_list li{list-style:none;margin: 0 0 10px;overflow:hidden;padding:5px;width:auto;}
		#sidebar #twitter_update_list li{}
		
		#twitter_update_list a{float:right;}

		#twitter_update_list span {display:block;margin-bottom:10px}
		#twitter_update_list span a{float:none;}
		
		
	#twitter .button{bottom:10px;position:absolute;right:0;}
	#twitter .button:hover{}


/* ---------- SHORTCODES ---------- */

.highlight-section{clear:both;margin:20px 0 0 -16px;padding:1px 20px 20px;position:relative;width:566px;}
.wide .highlight-section{width:872px;}
	.ledge{height:5px;width:5px;position:absolute;left:0;bottom:-5px;}
	.redge{height:5px;width:5px;position:absolute;right:0;bottom:-5px;}
	
.inner-left .highlight-section, .inner-right .highlight-section{width:573px;}
	.inner-left .ledge{display:none;}
	.inner-right .redge{display:none;}
	
	.highlight-section h1, .highlight-section h2, .highlight-section h3, .highlight-section h4, .highlight-section h5, .highlight-section h6{}
	.highlight-section img{border:none;}

.inset{margin:20px 10px;padding:0 10px 20px;}

.dropcap_1{float:left;height:30px;line-height:30px;padding-top:3px;text-align:center;width:36px;}
.dropcap_2{float:left;font-size:30px;height:36px;line-height:30px;margin-top:5px;margin-right:10px;margin-bottom:-9px;padding-top:5px;text-align:center;width:40px;}

.divider{clear:both;display:block;padding:20px 0;position:relative;width:100%;}
.box .divider{padding:20px 0 0;}

.top{line-height:10px;position:relative;text-align:right;width:90%;}
	.top a{height:20px;padding-left:17px;position:absolute;right:-40px;top:12px;width:20px;}
	#footer .top a, .box .top a{margin:0;}
	.top a:hover{}

.clearboth{height:1px;clear:both;width:100%;}
	
/* Column */
.column {float:left;margin:0 30px 0 0;padding:1px 0 0;position:relative;width:266px;}
.wide .column{margin-right:40px;}

.inset .column{width:260px;}
.wide .inset .column{width:252px;}

.wide .highlight-section .column{width:262px;}

/* Column2 */
.half{float:left;margin:0 20px 0 0;padding:1px 0 0;width:266px;}
.wide .half{width:430px;}

.highlight-section .half{width:273px;}
.wide .highlight-section .half{width:426px;}

.inner-left .highlight-section .half, .inner-right .highlight-section .half{width:276px;}

.inset .half{width:254px;}
.wide .inset .half{width:409px;}

/* Column 3 */
.two-third{float:left;margin:0 40px 0 0;padding:1px 0 0;width:572px;}
.wide .inset .two-third{width:544px;}
.wide .highlight-section .two-third{width:569px;}

.end, .wide .end{margin-right:0;}

/* Download Box */
.download_box{clear:both;margin-top:20px;padding:0 20px 20px 80px;}
	.download_box a{}
	.download_box a:hover{}

/* Info Box */
.info_box{clear:both;margin-top:20px;padding:0 20px 20px 80px;}
	.info_box a{}
	.info_box a:hover{}

/* Warning Box */
.warning_box{clear:both;margin-top:20px;padding:0 20px 20px 80px;}
	.warning_box a{}
	.warning_box a:hover{}

/* Quotes */
.quote_left{float:left;font-size:16px;margin:20px 10px 0 0;padding:20px;width:226px;}
.quote_right{float:right;font-size:16px;margin:20px 0 0 10px;padding:20px;width:226px;}


.highlight-section .half, .inset .half, .highlight-section .column, .inset .column, 
.highlight-section .two-third, .inset .two-third{padding-bottom:0;}

/* Button */
.post-content .button{bottom:auto;float:left;margin:20px 20px 0 0;position:relative;right:auto;}

/* Alternate Lists */
.post-content ul.check li{background:url(images/li_true.png) left 5px no-repeat;}
.post-content ul.cross li{background:url(images/li_false.png) left 5px no-repeat;}

.post-content ul.square{padding-left:20px;}
.post-content ul.square li{background:none;list-style-type:square;}
.post-content ul.circle{padding-left:20px;}
.post-content ul.circle li{background:none;list-style-type:disc;}

/* emphasis */
.emphasis{font-size:18px;text-align:center;}

/* ---------- NAVIGATION STYLING ---------- */

.header-navigation{float:right;margin-top:35px;}
.header-navigation ul{}

/*Top level list items*/
/* .header-navigation ul li{float:left;margin-left:20px;padding: 8px 10px;position:relative;} */
.header-navigation ul li{float:left;margin-left:20px;padding: 8px 10px;position:relative;
  border-right: 1px solid #0094ba;}

/*Top level menu link items style*/
.header-navigation ul li a{display:block;}

/*IE6 hack to get sub menu links to behave correctly*/
* html .header-navigation ul li a{display:inline-block;}

.header-navigation ul li a:link, .header-navigation ul li a:visited{}

.header-navigation ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/}

.header-navigation ul li a:hover{}
	
/*1st sub level menu*/
.header-navigation ul li ul{display:none;left:0;padding:10px;position:absolute;visibility: hidden;}

/*Sub level menu list items (undo style from Top level List Items)*/
.header-navigation ul li ul li{float:none;margin:0;padding:0;}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.header-navigation ul li ul li ul{padding:10px;top:0;margin-left:20px;}

/* Sub level menu links style */
.header-navigation ul li ul li a{width:120px;margin:0;}

.header-navigation ul li ul li a:hover{}

/* Holly Hack for IE \*/
* html .header-navigation{height:1%;}


/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{height:11px;position: absolute;top:11px;right:7px;width:11px;}
.rightarrowclass{height:11px;position: absolute;top:3px;right:5px;width:11px;}

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow{position: absolute;left:0;top:0;width:0;height: 0;}

/*shadow opacity. Doesn't work in IE*/
.toplevelshadow{}