/*
Theme Name: Plus+ Theme for WordPress
Theme URI: http://raw-brand.com
Description: A clean professional premium business theme.
Version: 1.0
Author: Eugene Okoronkwo
Author URI: http://raw-brand.com/
Tags: 

	Plus+ v1.0

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

*/

/* ----------- COLOURS -----------

Black: 		#333
White:		#FFF
Yellow:		#F90

Others:
#EEE
#666
#444

*/

/* 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;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}

/* -------------------- PAGE SETUP -------------------- */

html {height:100%;}
body {background-color:#999;font-family:Arial, Verdana, sans-serif;font-size:13px;color:#333;height:100%;line-height:1.3em;}

hr{background-color:#EEE;border:none;border-style:none;height:1px;}
pre{background-color:#F6F6F6;border:2px solid #EEE;font-family:Arial, Verdana, sans-serif;font-size:12px;margin-bottom:18px;padding:10px;}
/* -------------------- TYPOGRAPHY -------------------- */

p{margin:18px 0;}

a{color:#F90;text-decoration:none;}
a:hover{color:#999;text-decoration:none;}

#navigation a{color:#333;}
#navigation a:hover{color:#F90;}

#navigation li ul li a{color:#EEE;}
#navigation li ul li a:hover{color:#F90;}

h1{font-size:1.538em;}

h2{clear:both;font-size:1.538em;line-height:1.2em;margin:18px 0 9px;}
h2 a{color:#333;}
h2 a:hover{color:#F90;}
#hero h2{margin-top:0;}

h3{border-bottom:1px solid #EEE;margin:36px 0 18px;padding-bottom:5px;}
#footer h3{border:none;color:#666;margin:0;}

h3 a{color:#333;}
h3 a:hover{color:#F90;}

h4{font-size:1.153em;font-style:italic;font-weight:normal;margin:10px 0 18px;}

h6{color:#666;font-size:0.8em;font-weight:normal;margin:5px 0;}
h6 a{border-bottom:1px dotted #666;color:#666;}
h6 a:hover{border-bottom:none;color:#F90;}

/* ----------------- STYLING CLASSES ----------------- */
.column{float:left;width:220px;}
	.column img{max-width:200px;}
.left{clear:left;margin:0 10px 0 0;}
.centre{margin:0 10px;}
.right{clear:right;float:right;margin:0 0 0 10px;}
.bottom-margin{margin-bottom:36px;}
.displace{position:absolute;left:9999px}
.top-margin{margin-top:57px;}
.clear{clear:both;overflow:hidden;}
.button-margin{margin:18px 10px 0 0;}
.emphasis{clear:both;}
.leftquote{border-right:5px solid #EEE;padding-right:10px;width:205px;}
.rightquote{border-left:5px solid #EEE;padding-left:10px;width:205px;}
.highlight{background-color:#FFFFCC;border-top:5px solid #FFFF00;border-bottom:5px solid #FFFF00;margin:auto;padding:20px;width:75%}
.widecolumn{float:left;width:460px;}

/* -------------------- STRUCTURE -------------------- */

#outter-wrapper{background-image:url(images/body-bg.png);margin:auto;position:relative;overflow:hidden;width:820px;}

#inner-wrapper{margin:auto;overflow:hidden;width:780px;}
	
	#header{background:#333;position:relative;height:120px;z-index:10}
		#logo{height:120px;left:0;position:absolute;top:0;}
		
		#navigation{float:right;height:20px;margin:27px 40px 0 0;}
			
			/*Top Search Bar*/
			#search-bar{clear:none;float:right;}
			#search-bar ul li{border:none;}
			#search-bar input{float:left;}
			#search-bar #searchsubmit{margin:0 0 18px 3px;width:80px;}
			#search-bar #s{margin:1px 0 18px 20px;width:135px;}
			
			/*Main Navigation*/
			#nav-bar{clear:both;display:inline;float:right;list-style:none;z-index:5;}
			#nav-bar li{border-left:1px solid #444;float:left;padding:10px;position:relative;}
			#nav-bar a{color:#FFF;display:block;font-size:1.2307em;font-weight:bold;}
			
			#nav-bar li ul{background:#333;left:0;padding-bottom:10px;position:absolute;top:30px;width:150px;
			-webkit-border-bottom-right-radius: 10px;
			-webkit-border-bottom-left-radius: 10px;
			-moz-border-radius-bottomright: 10px;
			-moz-border-radius-bottomleft: 10px;
			border-bottom-right-radius: 10px;
			border-bottom-left-radius: 10px;
			}
			#nav-bar li ul li{border:none;color:#FFF;margin:10px 0 0;padding:0 10px;width:130px}
			
			#nav-bar li ul li ul{background-color:#444;left:0;top:0;}
			
			#nav-bar ul,
			#nav-bar li:hover ul ul
			{display: none;}

			#nav-bar li:hover ul,
			#nav-bar ul li:hover ul
			{display: block;}
			
			#nav-bar .current_page_item  a{color:#F90;}
			#nav-bar .current_page_item  ul a{color:#FFF;}
			
			/* Holly Hack for IE \*/
			* html .header-navigation{height: 1%;} /*Holly Hack for IE7 and below*/

			/* ######### CSS classes applied to down and right arrow images  ######### */
			.downarrowclass{
			position: absolute;
			top: 10px;
			right:2px;
			}

			.rightarrowclass{
			position: absolute;
			top: -7px;
			right: 8px;
			}

	#hero{overflow:hidden;width:780px;}
		
		.coda-nav{background:url(images/slider-bottom.png) center bottom no-repeat;bottom:0;height:40px;position:absolute;width:780px;z-index:3;}
		.coda-nav ul{ margin:20px auto; overflow:hidden; }
		.coda-nav ul li { float:left;height:10px;margin:0 2px;width:10px;}
		.coda-nav ul li a {background-color:#333;display:block;height:100%;width:100%;z-index:4;
			border-radius:100px;
			-moz-border-radius:100px;
			-webkit-border-radius:100px;
		}
		
		/* Buttons */
		.button, .button:visited {background: #333 url(images/button-overlay.png) repeat-x;display: inline-block;font-weight:bold;padding: 6px 11px;color: #F6F6F6;text-decoration: none;position: relative;cursor: pointer;
			-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);
		}
		.button:hover{background-color:#F90;color:#FFF;}
		.button:active{background-color:#666;}
		
		.panel-info{background-image:url(images/alpha.png);height:336px;left:0;padding:18px;position:absolute;top:0;width:33%;z-index:2;}
		.panel-info p{color:#FFF;}
		.panel-info h2 a{color:#FFF;}
		
		#about{margin:30px 0 0 20px;padding:0 20px;width:700px;}
		#about img{border:1px solid #EEE;padding:8px;}
		
	.attachment-home-page{float:left;}
	.home-page-post-info{float:right;width:300px;}
	.post{clear:both;margin-bottom:18px;overflow:hidden;}
	
	#post-header{}
	#post-header h3{margin:0 0 9px 0;}
	
	#main{float:left;margin:0 0 36px 40px;width:460px;}
	#main.right{float:right;margin:0 40px 36px 0;width:460px;}

	#main.full{width:700px;}
		#main img{border:0px solid #EEE;max-width:440px;padding:8px;}
		#main.full img{max-width:680px;}
		
		.tweetmeme{float:left;margin:5px 10px 5px 0;}
		/* Content Elements */
		.the-content{overflow:hidden;}
		.the-content ul{margin:18px 0;padding-left:20px;}
		.the-content ul li{background:url(images/li.png) left -7px no-repeat;padding:2px 0 2px 20px;}
		
		.the-content ol{margin:18px 0;padding-left:40px;}
		.the-content ol li{list-style-type:decimal;padding:2px 0 2px 5px;}
		
		.the-content table{border-collapse:collapse;border-spacing:0;margin:18px 0;width:98%;}
		.the-content th{background-color:#333;color:#F6F6F6;padding: 6px 6px 6px 12px;text-align: left;}
		.the-content td{background-color:#F6F6F6;border:0px solid #CCC;padding: 6px 6px 6px 12px;}
		.the-content .alt td{background-color:#EEE;}
		
		.the-content .alignleft{float:left;margin:0 10px 10px 0;}
		.the-content .alignright{float:right;margin:0 0 10px 10px;}
		.the-content .aligncenter{display:block;margin:10px auto}
		.the-content img{margin-top:10px;}
		
		.the-content blockquote{border-left:5px solid #EEE;font-style:italic;margin:18px 0;padding:18px 0 18px 20px;}
		.the-content cite{display:block;margin-top:9px;}

		/* Latest Video */
		.align-right{float:right;}
		
		/* Latest News */
		#latest-news{clear:both;margin:18px 0;overflow:hidden;}
			.post-preview{height:225px;margin:0 0 18px;overflow:hidden;position:relative;width:460px;}
			.post-preview img{position:absolute;}
			
			/* Post Meta */
			.post-meta{margin:5px 0 18px;}
			.post-meta ul{height:20px;list-style:none;overflow:hidden;padding-bottom:9px;}
			.post-meta ul li{float:left;margin-right:20px;padding:2px 0 2px 25px;}
				.author{background:url(images/author.png) no-repeat;}
				.date{background:url(images/date.png) no-repeat;}
				.category{background:url(images/category.png) no-repeat;}
				.comments{background:url(images/comments.png) no-repeat;}
			
			/* Pagination */
			.pagination{margin:20px 0;}
			.pagination a {background-color:#333;color:#F6F6F6;font-weight:bold;margin-right:4px;padding:3px 6px;}
			.pagination a:hover, .emm-paginate a:active {background-color:#F90;color:#FFF;}
			.pagination .emm-gap {margin-right:4px;}
			.pagination .emm-current {color:#666;background-color:#F6F6F6;font-weight:bold;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{background:#333;color:#F6F6F6;float:left;}
			.pagination ul li.next{background:#333;color:#F6F6F6;float:right;}
			
			/* Tags */
			.tags{background:url(images/Tag.png) center left no-repeat;height:40px;margin:36px 0;padding:1px 0 0 50px;}
			.tags p{margin:12px 0;}
			.tags a{border:1px solid #EEE;color:#333;padding:2px 5px 3px;}
			.tags a:hover{background-color:#F90;color:#FFF;}
			
			/* Auther Info */
			#author-info{overflow:hidden;position:relative;width:460px}
			#author-info img{position:absolute;top:50%;height:80px;margin-top:-40px}
			#author-info .text{margin-left:120px;width:340px;}
			#author-info h4{}
			#author-info h3{margin:20px 0;}
			#author-info p.plus-margin{margin-top:20px;}
			#author-info li{float:left;margin-right:20px;}
			
			/* comments */
			.commentlist ol, .commentlist ul{overflow:hidden;}
			.commentlist li{clear:both;margin-bottom:10px;}
			.comment-holder {overflow:hidden;}
			.comment-holder p{margin-top:10px;}
			.comment-author{float:left;padding-bottom:13px;margin-right:20px;width:70px;}
			#avatar img{padding:5px;}
			.the-comment{border:1px solid #EEE;float:left;padding:20px;width:325px;
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
			border-radius:3px;
			}
			.the-comment small{font-size:0.7em;float:right;}
			.the-comment small a{color:#666;}
			.the-comment small a:hover{color:#F90;}
			.the-comment h3{border:none;clear:both;margin:0 0 18px;}
			.the-comment h3 a{border-bottom:1px dotted #333;}
			.the-comment p{clear:both;}
			
			.children .the-comment{width:285px;}
			.children  .children .the-comment{width:245px;}
			
			textarea{background-color:#EEE;border:1px solid #333;color:#333;font-family: Arial, Verdana, sans-serif;margin:0;padding:4px;width:450px;
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
			border-radius:3px;
			}
			input{background-color:#ffffcc;border:1px solid #ccc;color:#333;padding:4px;margin:0;
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
			border-radius:3px;
			}
			#respond{margin:18px 0;width:460px;}
			#respond form{}
			#respond p{margin:5px 0;}
			#searchsubmit, #submit{background: #333 url(images/button-overlay.png) repeat-x;border:none;color:#F6F6F6;cursor:pointer;display:block;font-weight:bold;margin:5px auto 0;padding:5px 0;position: relative;
			-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);
			}
			#searchsubmit:hover, #submit:hover{background-color:#F90;border:none;color:#F6F6F6;}
			#searchsubmit:active, #submit:active{top:1px;}
			
			ul.error{margin:18px 0;}
			form ul li{background:url(images/arrows.png) left -5px no-repeat;padding:3px 0 3px 20px;}
			
			#sendCopy{background:none;border:none;width:20px;}
			.screenReader{position:absolute;left:-99999px;}
			#loading{display:block;margin:5px auto 0;}
			#respond .checkbox-margin{margin:10px 0;}
			#respond .submit-margin{margin:5px 0 0;}
			#respond img{background:none;padding:0;}
			
	/* Portfolio */
	#main.portfolio{margin-top:48px;width:710px;}
	.portfolio-item{float:left;height:355px;margin:0 5px;overflow:hidden;position:relative;width:220px;}
	.portfolio-item .b{bottom:0;position:absolute;right:0;}
	.image-type{background:url(images/image-bg.png) center center no-repeat;}
	.video-type{background:url(images/video-bg.png) center center no-repeat;}
	.misc-type{background:url(images/misc-bg.png) center center no-repeat;}
	
	#filter{margin:36px 0 0;padding:0;}
	#filter li{background:none;float:left;margin-right:10px;padding:0;}
	
	#portfolio{clear:both;min-height:320px;overflow:hidden;}
	
	/* Sidebar */
	.big-spacer{height:15px;}
	#sidebar{float:right;margin:0 40px 36px 0;width:220px;}
	#sidebar.left{float:left;margin:0 0 36px 40px;width:220px}
		
		/* search widget */
		.screen-reader-text{display:none;}
		#searchform input{display:block;margin:10px auto;}
		#searchsubmit{width:110px;}
		#s{width:212px;}
		
/* ----- FOOTER ----- */

#outter-footer{background-image:url(images/body-bg.png);margin:auto;overflow:hidden;position:relative;width:820px;z-index:4;}
#footer{background-color:#333;color:#666;margin:auto;overflow:hidden;padding:20px 40px;width:700px}
#footer span{color:#666;font-size:0.85em;line-height:0.5em;margin-top:10px}
#footer span a{color:#999;}
#footer span a:hover{color:#F90;}

.widgets{height:230px;margin-bottom:20px;overflow:hidden;width:720px}
.widgets .widget{float:left;margin-right:20px;width:220px;}

/* Footer */
#footer .widget ul{border-top:1px solid #444;}
#footer .widget li{border-bottom:1px solid #444;padding:18px 0;}
#footer .widget li a{border-bottom:1px dotted #666;color:#666;width:204px}
#footer .widget li a:hover{color:#CFCFCF;}

/* ------------------------------------ WIDGETS ------------------------------------ */

/*  Navigation */
.widget_nav_menu ul{margin-top:-18px;}
.widget_nav_menu li{border-bottom:1px solid #EEE;height:32px;}
.widget_nav_menu li a{background:url(images/arrows.png) left -2px no-repeat;color:#333;display:block;padding:7px 0 9px 20px;width:204px}
.widget_nav_menu li a:hover{background:#F6F6F6 url(images/arrows.png) left -37px no-repeat;color:#CFCFCF;}

	/* Navigation Footer */
	#footer .widget_nav_menu ul{margin-top:0;}		
	#footer .widget_nav_menu li{padding:0;}
	#footer .widget_nav_menu li a{background-position:left -72px;border:none;}
	#footer .widget_nav_menu li a:hover{background:url(images/arrows.png) left -108px no-repeat;}
	
/* Categories */
.widget_categories ul{margin-top:-18px;}
.widget_categories li{border-bottom:1px solid #EEE;height:32px;}
.widget_categories li a{background:url(images/arrows.png) left -2px no-repeat;color:#333;display:block;padding:7px 0 9px 20px;width:204px}
.widget_categories li a:hover{background:#F6F6F6 url(images/arrows.png) left -37px no-repeat;color:#CFCFCF;}

	/* Categories Footer */
	#footer .widget_categories ul{margin-top:0;}		
	#footer .widget_categories li{padding:0;}
	#footer .widget_categories li a{background-position:left -72px;border:none;}
	#footer .widget_categories li a:hover{background:url(images/arrows.png) left -108px no-repeat;}

/* Meta */
.widget_meta ul{margin-top:-18px;}
.widget_meta li{border-bottom:1px solid #EEE;height:32px;}
.widget_meta li a{background:url(images/arrows.png) left -2px no-repeat;color:#333;display:block;padding:7px 0 9px 20px;width:204px}
.widget_meta li a:hover{background:#F6F6F6 url(images/arrows.png) left -37px no-repeat;color:#CFCFCF;}

	/* Meta Footer */
	#footer .widget_meta ul{margin-top:0;}		
	#footer .widget_meta li{padding:0;}
	#footer .widget_meta li a{background-position:left -72px;border:none;}
	#footer .widget_meta li a:hover{background:url(images/arrows.png) left -108px no-repeat;}

/* Pages */
.widget_pages ul{margin-top:-18px;}
.widget_pages li{border-bottom:1px solid #EEE;height:32px;}
.widget_pages li a{background:url(images/arrows.png) left -2px no-repeat;color:#333;display:block;padding:7px 0 9px 20px;width:204px}
.widget_pages li a:hover{background:#F6F6F6 url(images/arrows.png) left -37px no-repeat;color:#CFCFCF;}

	/* Pages Footer */
	#footer .widget_pages ul{margin-top:0;}		
	#footer .widget_pages li{padding:0;}
	#footer .widget_pages li a{background-position:left -72px;border:none;}
	#footer .widget_pages li a:hover{background:url(images/arrows.png) left -108px no-repeat;}
	
/* Calendar */
.widget_calendar table{border-collapse:collapse;border-spacing:0;width:100%}
.widget_calendar th{padding:2px;text-align: left;}
.widget_calendar td{padding: 2px;}
.widget_calendar .alt td{background-color:#444;}

/* Links */
.widget_links ul{margin-top:-18px;}
.widget_links li{border-bottom:1px solid #EEE;height:32px;}
.widget_links li a{background:url(images/arrows.png) left -2px no-repeat;color:#333;display:block;padding:7px 0 9px 20px;width:204px}
.widget_links li a:hover{background:#F6F6F6 url(images/arrows.png) left -37px no-repeat;color:#CFCFCF;}

	/* Links Footer */
	#footer .widget_links ul{margin-top:0;}		
	#footer .widget_links li{padding:0;}
	#footer .widget_links li a{background-position:left -72px;border:none;}
	#footer .widget_links li a:hover{background:url(images/arrows.png) left -108px no-repeat;}

/* Archive */
.widget_archive ul{margin-top:-18px;}
.widget_archive li{border-bottom:1px solid #EEE;height:32px;}
.widget_archive li a{background:url(images/arrows.png) left -2px no-repeat;color:#333;display:block;padding:7px 0 9px 20px;width:204px}
.widget_archive li a:hover{background:#F6F6F6 url(images/arrows.png) left -37px no-repeat;color:#CFCFCF;}

	/* Archive Footer */
	#footer .widget_archive ul{margin-top:0;}		
	#footer .widget_archive li{padding:0;}
	#footer .widget_archive li a{background-position:left -72px;border:none;}
	#footer .widget_archive li a:hover{background:url(images/arrows.png) left -108px no-repeat;}