/* @override http://www.buckmasterphotos.com/style.css */
/* @override http://buckmasterphotos.com/style.css */

/*
Theme Name: Sideways
Theme URI: http: //raw-brand.com
Description: A horizontal scrolling portfolio template.
Version: 1.2.1
Author: Eugene Okoronkwo
Author URI: http: //raw-brand.com/
Tags: 

	Sideways v1.2.1

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

*/

/* Accent Colour: #C20125 */

/* ---------- 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, input,
table, caption, tbody, tfoot, thead, tr, th, td { 

	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-size: 105%; 
	vertical-align: baseline; 
	background: transparent;
	color: white;
	
}

ol, ul { list-style: none; }

/* ---------- 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%; }


/* ---------- HTML5-specific CSS setup ---------- */

article, aside, figure, footer, header, hgroup, nav, section, video, img { display: block; }


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

/*@font-face { font-family: League Gothic; src: url('font/League_Gothic.otf'); }*/

a {
	
	color: #1c581a;
	text-decoration: none;
	
}

a:hover {

	color: #666;
	
}

#portfolio .info a {
	color: #fff;
	font-weight: bold;
}

#portfolio li.print div.info h1 a {
	color: #fff;
	font-weight: bold;	
}

#portfolio .info a:hover {
	color: #1c581a;
}

p {
	
	margin: 16px 0 0;
	
}

h1 {

	color: #FFF;
	font-family: League Gothic, Arial, san-serif;
	font-size: 50px;
	font-weight: 400;
	line-height: 1em;
	margin-top: 40px;
	text-shadow: 0 0 2px #000;
	text-transform: uppercase;
	
}
	#article-list h1 {
		
		margin: 0;
		position: relative;
		z-index: 2;
		
	}
	
	.type-video h1{
		
		font-size: 24px;
		line-height: 23px;
		
	}
	
	article h1:first-child { /* Normal page layouts */
	
		margin: 0;
	
	}

h2 {

	color: #FFF;
	font-family: League Gothic, Arial, san-serif;
	font-size: 44px;
	font-weight: 400;
	line-height: 1em;
	margin-top: 40px;
	text-shadow: 0 0 2px #000;
	text-transform: uppercase;
	
}

h3 {
	
	color: #FFF;
	font-family: League Gothic, Arial, san-serif;
	font-size: 28px;
	font-weight: 400;
	line-height: 1em;
	margin-top: 40px;
	text-shadow: 0 0 2px #000;
	text-transform: uppercase;

}

h4 {
	
	color: #FFF;
	font-family: League Gothic, Arial, san-serif;
	font-size: 24px;
	font-weight: 400;
	margin-top: 40px;
	text-shadow: 0 0 2px #000;
	text-transform: uppercase;
	
}

h5 {

	color: #FFF;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.2em;
	margin-top: 40px;
	text-shadow: 0 0 2px #000;
	text-transform: uppercase;

}

h6 {
	
	color: #FFF;
	font-size: 10px;
	font-weight: 700;
	line-height: 1.4em;
	margin-top: 40px;
	text-shadow: 0 0 2px #000;
	text-transform: uppercase;
	
}
/* ---------- STRUCTURE ---------- */

html {

	height: 100%;
	
}

body {

	background-color: #FFF;
	color: #333;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	height: 100%;
	line-height: 1.5em;
	
}

#wrapper { 
	 
	
}

/* ---------- TOP SEARCH BAR ---------- */
#searchbar-holder {
	
	background: url(images/searchbar-background.png) repeat-x;
	height: 42px;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9998;

}
	#searchbar-holder #searchbar {
		
		display: block;
		margin: 0 auto;
		padding: 1px 0 0;
		width: 1024px;
		
	}
		
		#searchbar .search {
			
			border-right: 1px solid #050505;
			float: right;
			margin: 0 0 0 15px;
			
		}
		
			.search form {
				display: block;
				height: 31px;
				margin: 0;
				overflow: hidden;
				padding: 0;
			}
			
			.searchform .text {
			
				background: url(images/search-shadow.png) left top no-repeat #FFF;
				border-bottom: 1px solid #999;
				border-left: 1px solid #050505;
				border-right: 1px solid #999;
				border-top: 1px solid #050505;
				color: #999;
				float: left;
				margin: 3px 0 0;
				padding: 3px;
				width: 136px;
				
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				
			}
			
			.searchsubmit {
			
				background: url(images/search-button.png) 0 0 no-repeat;
				border: none;
				border-right: 1px solid #181818;
				cursor: pointer;
				float: right;
				font-size: 0;				
				height: 30px;
				line-height: 0;
				margin: 0;
				padding: 0;
				text-indent: -999px;										
				width: 52px;
			
			}
			.searchsubmit:hover {
			
				background-position: 0 -32px;
				
			}
		
		#share {
			
			float: right;
			position: relative;
			width: 250px;
			
		}
			.share-button {
				
				background: url(images/share-button.png) no-repeat;
				display: block;
				float: right;
				height: 31px;
				position: relative;
				width: 64px;
				
			}
			
			.share-button:hover {
				
				background-position: 0 -32px;
			
			}
				
				.share-button span {
					
					left: -9999px;
					position: absolute;
					
				}
			
			#share-box {
				
				background: url(images/share-box-top.png) right top no-repeat;
				display: none;
				float: right;
				position: absolute;
				right: 0;
				top: 30px;			
				
			}
				
				#share-holder {
				
					background-image: url(images/alpha.png);
					margin-top: 10px;									
					overflow: hidden;
					padding: 10px 0 0 10px;
					
					border-radius: 5px;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
				
				}
				
				#share-box a {
					
					display: block;
					height: 38px;
					float: left;
					margin: 0 10px 10px 0;
					overflow: hidden;
					text-indent: 9999px;
					width: 38px;
					
				}
					
					.email-button {
						
						background: url(images/social/email.png) no-repeat;
						
					}
					.rss-button {
						
						background: url(images/social/rss.png) no-repeat;
						
					}
					.facebook-button {
						
						background: url(images/social/facebook.png) no-repeat;
						
					}
					.twitter-button {
						
						background: url(images/social/twitter.png) no-repeat;
						
					}
					
					.digg-button {
					
						background: url(images/social/digg.png) no-repeat;
					
					}
					
					.myspace-button {
						
						background: url(images/social/myspace.png) no-repeat;
						
					}
					
					.dribble-button {
						
						background: url(images/social/dribble.png) no-repeat;
						
					}
					
					.flickr-button {
						
						background: url(images/social/flickr.png) no-repeat;
						
					}
					
					.linkedin-button {
						
						background: url(images/social/linkedin.png) no-repeat;
						
					}
					
					.vimeo-button {
						
						background: url(images/social/vimeo.png) no-repeat;
						
					}
					
					.youtube-button {
						
						background: url(images/social/youtube.png) no-repeat;
						
					}
/* ---------- NAVIGATION SIDEBAR ---------- */			
#sidebar {
	
	left: 20px;
	position: absolute;
	top: 30px;
	width: 220px;
	z-index: 9999;
	
}
	
	#sidebar header {
		
		background-color: #303030;
		border: 1px solid #070707;
		float: left;
		padding: 10px;
		position: relative;
		z-index: 100;
		
		border-radius:10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
					
		-moz-box-shadow: 0 1px 4px #000;
		-webkit-box-shadow: 0 1px 4px #000;
		box-shadow: 0 1px 4px #000;
		
	}
	
		#sidebar header h1, header h2 {
			margin: 0;
			font-size: 30px;
		}

	#sidebar nav {
			background-color: #303030;
		
		border: 1px solid #070707;
		margin: 1px auto 0;
		position: relative;
		width: 190px;
		z-index: 99;
		
		border-bottom-left-radius:5px;
		border-bottom-right-radius:5px;
		
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		
		-moz-box-shadow: 0 1px 4px #000;
		-webkit-box-shadow: 0 1px 4px #000;
		box-shadow: 0 1px 4px #000;
		
		
		
	}
		
		#navigation {
			
			text-shadow: 1px 1px 1px #111;
			
		}
		
		#navigation li {
			
			border-bottom: 1px solid #050505;
			border-top: 1px solid #181818;			
			position: relative;
			
		}
		
		#navigation  li:first-child {
			
			border-top: none;
			
		}

		#navigation li:last-child {
		
			
		}

		#sidebar nav a {
			
			color: #CCC;
			font-size: 10px;
			font-weight: 700;
			display: block;
			line-height: 28px;
			text-transform: uppercase;
			
		}
		
		#navigation a {
		
			padding: 0 0 0 10px;
			
		}
		
		#navigation a:hover {
			
			background-color: #FFF;
			color: #666;
			text-shadow: none;
			
		}
		
		/* ---- Navigation Sub menus ---- */
	
		#navigation ul { 
		
			background-color: #FFF;
			display: none; 		
			left: 192px;
			position: absolute;
			top: 0;
			width: 150px; 
			z-index: 999;
			
			border-top-right-radius:5px;
			border-bottom-right-radius:5px;
			
			-webkit-border-top-right-radius: 5px;
			-webkit-border-bottom-right-radius: 5px;
			
			-moz-border-radius-topright: 5px;
			-moz-border-radius-bottomright: 5px;
		
		}
		
		#navigation ul li {
			
			border: none;
			margin-right: 0; 
			width: 150px; 
			
		}
		
		#navigation li ul a, #navigation li ul a:visited { 
			
			color: #666;
			text-shadow: none;
			width: 140px; 					
			
		}
			
		#navigation li ul a:hover {
			
			background: none;
			color: #333;
			
		}
		
		/* 2nd Level Submenu */
		#navigation ul ul {
		
			top: 0; 
			
		}
		
		#navigation li ul ul { 
			
			left: 130px;
			margin: 0 0 0 10px; 
			
		}
		#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li:hover ul ul ul ul { display: none; }
		#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li li li li:hover ul { display: block; }
	

	#expand-button { 
	
		color: #FFF;
		text-align: center;
			border-top: 1px solid #181818;			
	}
	#expand-button:hover {
		
		color: #666;
		
	}
	
	#expand-button.collapse {
	
		color: #666;
		text-shadow: -1px -1px 1px #000;
	
	}
	#expand-button.collapse:hover {
		
		color: #999;
		
	}

/* ---------- MAIN BODY ---------- */
#content {

	display: block;
	margin: 0 auto 20px;
	padding: 1px 0;
	width: 1024px;

}

#content.height-fix {
	
	margin: 0 0 0 208px;
	min-height: 620px;
	
}
	
	/* ---------- PORTFOLIO FILTER ---------- */
	#filter.fixed {
		
		background-color: #0C0C0C;
		float: left;
		left: 227px;
		margin: 0;
		padding: 10px;
		position: fixed;
		top: 50px;
		
	}	
		#filter h4 {
		
			margin: 0;
			
		}
		
		#filter li {
			
			background: none;
			float: left;
			margin: 0 10px 0 0;
			padding: 0;
			
		}
		
		#filter li:last-child {
			
			margin: 0;
			
		}
		
		#filter .current a {
			
			color: #666;
			
		}
		
		#filter  a {
			
			color: #FFF;
			
		}
		
		#filter  a:hover {
			
			color: #666;
			
		}
	
/* ---------- GRID PORTFOLIO ---------- */
#filter {
	
	font-size: 10px;
	font-weight: 700;
	overflow: hidden;
	margin: 40px 0 0;
	text-transform: uppercase;	
	
}

#portfolio {
	
	clear: both;
	padding: 0;
	margin: 20px 0 0;
	
}

	#portfolio li {
		
		background: none;
		display: inline;
		float: left;
		padding: 0;
		position: relative;
		width: 200px;
		margin: 6px;
	}
	
	#portfolio li:hover { z-index: 99; }
		
		#portfolio img {
			border: solid 3px #fff;
			position: relative;
			max-width: 200px;
			max-height: 200px;
		}
		
		#portfolio img:hover {
					
		}
		
		#portfolio .info {
			
			background-color: rgba(0,0,0,0.8);
			display: none;
			height: 166px;
			left: 0px;
			padding: 20px;
			position: absolute;
			top: 0px;
			width: 166px;
			
			-moz-box-shadow: 0 2px 12px #000;
			-webkit-box-shadow: 0 2px 12px #000;
			box-shadow: 0 2px 12px #000;
			
		}
		
		#portfolio li:hover .info { display: block; }

			.info h1 {
			
				color: #111;
				font-size: 20px;
				text-shadow: none;
			
			}
			
			.info p {
				
				color: #fff;
				
			}

#wrapper div.article-wrapper article ul li strong {
	color: #1c581a;
}
			
			.info .more-link {
			
				bottom: 20px;
				color: #1f5c19;
				position: absolute;
				right: 20px;
			
			}
			
			.info .more-link:hover {
			
				color: #666;
			
			}
	/* ---------- HOME TEMPLATE CONTENT HOLDER ---------- */		
	#content.home {
	
		color: #111;
		font-size: 24px;
		line-height: 1.3em;
		padding: 0 40px 40px;
		position: absolute;
		right: 150px;		
		text-shadow: 0 0 1px #FFF;
		top: 200px;
		width: 526px;
		
	}
	
	#article-list{
		
		margin: 110px 0 0 18px;
		
	}
	
		.article-wrapper {
			
			background-color: rgba(153,192,111,0.92);
			display: block;
			margin: 25px 0 0 270px; /* Margin from the top of page. Overwritten on horizontal layouts */
			padding: 40px;
			width: 640px;
			
			-moz-box-shadow: 0 1px 4px #000;
			-webkit-box-shadow: 0 1px 4px #000;
			box-shadow: 0 1px 4px #000;
			
		}
		
		#article-list  tr { /* When on a horizontal layout with JS */
			
			vertical-align: middle;
			
		}
		
		#article-list .article-wrapper  { /* Blog and Portfolio items without JS */
		
			float: left;
			margin: 20px 0 0;
			
		}
		
			#article-list tr .article-wrapper { /* Blog and Portfolio items with JS */
			
				margin: 0 20px 0 0;
			
			}
		
			article {	
				
				position: relative;
				
			}
			
			#article-list article {
				
				height: 348px;
				
			}
			
				#article-list  section {
				
					height: 220px;
					line-height: 1.3em;
				
				}
		
				/* Article footer in blog template */
				article footer {
					
					background: none;
					
				}
				.post-meta { 
					
					bottom: 0;
					color: #FFF;
					height: 20px;
					line-height: 1.4em;
					padding: 0;
					position: absolute;
					text-shadow: 1px 1px 1px #111;
					width: 100%;
					z-index: 2;
					
				}
								
					.post-meta ul {
					
						float: left;
						margin: 0;
						overflow: hidden;
						
					}
				
						.post-meta li {
							
							background: none;
							float: left;
							margin-right: 10px;
							padding: 0;
						
						}
			
							.post-meta a, .post-meta a:visited{
								
								color: #FFF;
								
							}
							
							.post-meta a:hover{
								
								color: #666;
								
							}
							
							.post-meta a:active{
								
								color: #CCC;				
								
							}
							
							.more-link {
								
								float: right;
								font-family: League Gothic, Arial, san-serif;
								font-size: 16px;
								text-transform: uppercase;
								
							}
		
		
		/* BLOG POST TYPES */
		.type-text, .type-image {
			
			color: #666;
			font-size: 24px;
			width: 500px;
			
		}
		
		/* IMAGE ITEMS */	
		.type-image {
		
			width: 540px;
			
		}
		
		.hover_50 {
		
			background: #0C0C0C url( images/image-hover.png ) center center no-repeat;
			
		}
			
			.type-image span {
				
				background-color: #0C0C0C;
				margin-left: -10px;
				padding: 0 10px;
				
			}
		
			.type-image img {
				
				left: -40px;
				position: absolute;
				top: -41px;
				z-index: 1;
			
			}
		
		/* VIDEO ITEMS */
		.type-video {
			
			margin: 0;
			padding: 0;
			width: 1057px;
			
		}
			
			.type-video article {
				
				float: left;
				margin: 0;
				padding: 40px 20px;
				width: 253px;
				
			}
	
			.type-video iframe {
				
				float: left;
				margin: 0;
				padding: 0;				
				
			}
			
			.type-video footer {
				
				bottom: 40px;
				
			}
		
		/* ---------- PAGINATION ---------- */
		.pagination {
			
			background-color: #0C0C0C;
			font-size: 10px;
			font-weight: 700;
			float: left;
			left: 227px;
			padding: 10px 5px;
			position: fixed;
			text-transform: uppercase;
			top: 565px;
			
		}
		
			.pagination span, .pagination a {
				
				color: #FFF;
				display: block;
				float: left;
				padding: 0 5px;
			
			}
			
			.pagination a:hover {
				
				color: #666;
				
			}
			
			.pagination .current {
				
				color: #666;
				
			}
			
		.main { /* Article column of two column layout */
			
			float: left;
			width: 524px;
			
		}
			/* Post meta at top of single template */
			.single-post-meta {
				
				color: #FFF;
				font-size: 10px;
				font-weight: 700;
				line-height: 1.4em;
				margin: 20px 0 0;
				text-transform: uppercase;
				
			}
				.single-post-meta ul {
					
					margin: 0;
					overflow: hidden;
					
				}
			
					.single-post-meta  li {
						
						background: none;
						float: left;
						margin-right: 10px;
						padding: 0;
					
					}
			
						.single-post-meta a, .single-post-meta  a:visited{
							
							color: #FFF;
							
						}
						
						.single-post-meta  a:hover{
							
							color: #666;
							
						}
						
						.single-post-meta  a:active{
							
							color: #CCC;				
							
						}
			/* Featured image on single template */
			
			#feature-image {
				
				margin: 20px 0;
				
				-moz-box-shadow: 0 1px 4px #000;
				-webkit-box-shadow: 0 1px 4px #000;
				box-shadow: 0 1px 4px #000;
	
			}
			
		/* Sidebar on page, contact form and single template */
		
		#article-sidebar {
			
			float: right;
			width: 253px;
			
		}
	
		#article-sidebar .widget:first-child {
		
			margin: 0;
		
		}

/* ---------- FOOTER ---------- */
#push {
	
	clear: both; 
	height: 50px; 

}
	
footer {
	
	background-color: #303030;
	color: #FFF;
	clear: both;
	font-size: 10px;
	font-weight: 700;
	height: 50px;
	
	text-transform: uppercase;
	
}
	
	footer.fixed {
		
		bottom: 0;
		position: fixed;
		width: 100%;
		
	}
	
	#footer-content {
		
		padding: 1px 20px;
		
	}

	footer nav {
		
		float: right;
		margin-top: 16px;
		
	}
	
			footer nav li{
				
				float: left;
				margin-left: 20px;
				
			}
				
				footer nav a{
				
					color: #FFF;
					display: block;					
					
				}
				
/* ---------- COMMENTS --------- */

#author-bio {
	
	margin-top: 20px;
	overflow: hidden;
	
}

#comments { 

	clear: both;
	margin: 20px 0 0 0;
	padding: 0;
	overflow: hidden;
	width: 526px;
	
}

	.comment { 
		
		background: none;
		padding: 0;
		width: 524px;
		
	
	}
		
		/* First Level */
		
		.comment-holder { 
		
			border-top: 1px solid #181818;
			float: right; 			
			overflow: hidden;
			position: relative;
			width: 526px;
	
		}
		
			.author-text {

				float: right;
				padding: 10px;
				width: 413px;

			}
			
		/* Second Level */	
		
		.children .comment-holder {
			
			width: 465px;
			
		}
		
			.children .author-text { 
				
				width: 352px;

			}
		
		/* Third Level */
		
		.children .children .comment-holder {
		
			width: 404px; 
			
		}
		
			.children .children .author-text { 
			
				width: 290px;

			}
			
		.admin_comment { background: url(images/admin-tag.png) left center no-repeat; }
		
		.avatar {

			height: 80px; 
			float: left;
			margin: 20px 0; 
			width: 80px;

		}
		
		.author-text small { 

			float: right;
			font-size: 10px;
			font-weight: 700;
			margin-top: 5px; 
			text-transform: uppercase
		
		}
		
		small a {
			
			color: #FFF;
			
		}
		
		small a:hover{
		
			color: #666;
		
		}
		.author-text h4 {

			float: left;
			margin: 12px 0; 
			
		}
		
		.the-comment { 
			
			clear: both;
			margin-top: 20px;
			
		}
		
		.comment-reply-link {
		
			background-color: #C20125;
			color: #FFF;
			cursor: pointer;
			float: right;
			font-size: 10px;
			font-weight: bold;
			margin: 20px 0 10px;
			padding: 5px;			
			text-transform: uppercase;
			
		}
		.comment-reply-link:hover {
			
			background-color: #666;
			color: #FFF;
		
		}
	
	#respond { 
	
		clear: both;
		
	}
	
	#respond h2 {

		margin: 0;
		
	}
	
	#respond form { 
	
		margin-top: 20px;
		width: 524px;
	
	}
	
		#respond .input { 
		
			width: 345px; 
			
		}
		
		#respond .textarea {
			
			width: 345px;

		}

		#respond label {
		
			display: block;
			line-height: 30px;
			margin-top: 2px;
			width: 524px; 
			
		}
		
				#respond span {
					
					color: #C20125;
					
				}
			
		#respond input { 
			
			background-color: #FFF;
			clear: both;
			padding: 7px 8px; 
			width: 50%;	
		
		}	
		
		#respond textarea {

			font-family: Arial, san-serif;
			height: 141px;
			padding: 8px; 
			width: 508px;
		
		}
		
		#respond input.checkbox {
			
			background: none;
			float: left;
			margin: 10px 10px 0 0;
			width: 25px;
			
		}
		
		#respond label.checkbox {
			
			float: left;
			width: 490px;
			
		}
		
		input#submit { 
			
			background-color: #C20125;
			border: none;
			clear: both;
			color: #FFF;
			cursor: pointer;
			display: block; 
			font-size: 10px;
			font-weight: 700;
			margin: 8px auto 0;
			text-transform: uppercase;
			width: 526px;
			
		}
		
		input#submit:hover {
			
			background-color: #666;
			
		}
		
		ul.error { margin: 8px 0 16px; }
		
		#loading {
			
			display: block;
			margin: 0 auto;
			
		}

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

.widget { 
	
	clear: both;
	margin: 40px 0 0;
	overflow: hidden;
	
}

.widgettitle {
	
	margin: 0 0 20px; 
	
}

#article-sidebar select {

	background-color: #191919;
	border: 1px solid #070707;
	color: #FFF;
	height: 30px;
	line-height: 22px;
	padding: 3px 4px;
	width: 247px;	
	
}

/* ARCHIVES */
.widget_archive li { 
	
	background: url(images/li_cross.png) left 0 no-repeat;
	border-bottom: 1px solid #050505;
	border-top: 1px solid #181818;
	padding: 0 0 0 18px; 
	
}
.widget_archive li:first-child { 
	
	border-top: none;

}

.widget_archive li:last-child { 
	
	border-bottom: none;

}
.widget_archive li a { 

	color: #FFF;
	display: block;
	padding: 6px 0; 
	
}
.widget_archive li a:hover { 

	color: #666; 
	
}

/* CATEGORIES */
.widget_categories li { 
	
	background: url(images/li_cross.png) left 0 no-repeat;
	border-bottom: 1px solid #050505;
	border-top: 1px solid #181818;
	padding: 0 0 0 18px; 
	
}
.widget_categories li:first-child { 
	
	border-top: none;

}

.widget_categories li:last-child { 
	
	border-bottom: none;

}
.widget_categories li a { 

	color: #FFF;
	display: block;
	padding: 6px 0; 
	
}
.widget_categories li a:hover { 

	color: #666; 
	
}

/* PAGES */
.widget_pages li { 
	
	background: url(images/li_cross.png) left 0 no-repeat;
	border-bottom: 1px solid #050505;
	border-top: 1px solid #181818;
	padding: 0 0 0 18px; 
	
}
.widget_pages li:first-child { 
	
	border-top: none;

}

.widget_pages li:last-child { 
	
	border-bottom: none;

}
.widget_pages li a { 

	color: #FFF;
	display: block;
	padding: 6px 0; 
	
}
.widget_pages li a:hover { 

	color: #666; 
	
}	

/* RECENT COMMNETS */
.widget_recent_comments li { 
	
	border-bottom: 1px solid #050505;
	border-top: 1px solid #181818;
	line-height: 30px;
	
}
.widget_recent_comments li:first-child { 
	
	border-top: none;

}

.widget_recent_comments li:last-child { 
	
	border-bottom: none;

}
.widget_recent_comments li a { }

/* RECENT POSTS */
.widget_recent_entries li { 
	
	background: url(images/li_cross.png) left 0 no-repeat;
	border-bottom: 1px solid #050505;
	border-top: 1px solid #181818;
	padding: 0 0 0 18px; 
	
}
.widget_recent_entries li:first-child { 
	
	border-top: none;

}

.widget_recent_entries li:last-child { 
	
	border-bottom: none;

}
.widget_recent_entries li a { 

	color: #FFF;
	display: block;
	padding: 6px 0; 
	
}
.widget_recent_entries li a:hover { 

	color: #666; 
	
}

/* SEARCH */
#article-sidebar .widget_search form{
	
	float: left;
	width: 100%;
	
}

#article-sidebar .text {

	width: 180px;
	
}

/* SEARCH */
#article-sidebar .searchsubmit {
	
	border: none;
	
}

/* SOCIAL BUTTONS */
.raw_social, .social-button-holder { overflow: hidden; }

	.social-button-holder a { 
		
		display: block;
		height: 38px;
		float: left;
		margin: 0 10px 10px 0;
		overflow: hidden;
		text-indent: 9999px;
		width: 38px;
	
	}

/* POPULAR, RECENT, RELATED POSTS */
.raw_popular_posts img { 

	float: left;
	margin: 10px 10px 0 0;
	
	-moz-box-shadow: 0 1px 4px #000;
	-webkit-box-shadow:0 1px 4px #000;
	box-shadow:0 1px 4px #000;
	
}

.raw_popular_posts h5 { 
	
	font-size: 12px;
	font-weight: 700;
	margin: 10px 0;
	text-transform: none;
	
}

.raw_popular_posts li  { 
	
	clear: both;
	color: #666;
	overflow: hidden; 
	padding-bottom: 10px;

}

.raw_popular_posts li:first-child { 
	
	border-top: none;

}

.raw_popular_posts li:last-child { 
	
	border-bottom: none;

}

.raw_popular_posts a { color: #FFF; }

.raw_popular_posts a:hover { color: #666; }

.raw_popular_posts a:active { color: #999; }

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

article table {
	
	border-bottom: 1px solid #040404;
	border-collapse: collapse; 
	border-spacing: 0;
	margin: 20px auto 0;
	text-align: center; 
	width: 100%;
	
}
			
		article th {
			
			background-color: #040404;
			border-left: 1px solid #040404;
			font-weight: 700;
			padding: 4px;
			
		}
	
		article td {
			
			border-left: 1px solid #040404;
			padding: 4px;
			position: relative;
			vertical-align: middle;
			
		}
		
		article tr { 
			
			background-color: #0A0A0A;	
			border-right: 1px solid #040404;
			
		}
		
		article tr:nth-child(2n) { background-color: #070707; }
		
		
article ul { margin: 16px 0 0 16px; padding-left: 1em;}
	
	article ul li { 
		
		padding: 2px 0 2px 2px;
		list-style-type: disc;
		
	}
	
		article li ul { margin: 0; }
	 
			article ul ol li { background: none;}

article ol {
	
	margin: 16px 0 0 16px;
	padding-left: 20px;
	
}
	article ol li {
	
		list-style-type:decimal;		
		padding: 2px 0 2px 3px;
		
	}
		article li ol { margin:0; }
		
			article ol ul li {
				
				background: url(images/li_cross.png) 4px -2px no-repeat;
				list-style-type: none; 
				margin: 0 0 0 -2px;
				padding: 2px 0 2px 22px; 
				
			}
			
/* Thirds */
.third { 

	float: left;
	margin: 0 20px 0 0;
	padding: 1px 0 0;
	position: relative;
	width: 253px; 
	
}

.main .third { width: 161px; }

/* Half */
.half { 

	float: left;
	margin: 0 20px 0 0; 
	position: relative;
	width: 390px; 
	
}

.main .half { width: 252px; }

/* Two Thirds */
.two-thirds { 

	float: left;
	margin: 0 20px 0 0; 
	position: relative;
	width: 526px;

}

.main .two-thirds { width: 342px; }

.end { margin: 0; }	

/* Dropcaps */
.dropcap_1 { 
	
	font-size: 34px; 
	font-weight: 700;
	float: left; 
	height: 30px;
	line-height: 30px;
	padding-top: 3px;
	text-align: center;
	width: 36px; 
	
}

.dropcap_2 {

	float: left; 
	height: 36px; 
	line-height: 30px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: -9px;
	padding-top: 5px; 
	text-align: center; 
	width: 40px;
	
	background-color: #C20125; 
	color: #FFF; 
	font-size: 30px; 
	font-weight: 700;
	text-shadow: none; 
	
	-moz-box-shadow: 0 1px 4px #000;
	-webkit-box-shadow:0 1px 4px #000;
	box-shadow:0 1px 4px #000;
	
	border-radius:100px;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	
}

/* Highlight */
.highlight {

	background-color: #C20125;
	padding: 5px;

}

/* Download Box */
.download_box { 
	
	background: url(images/download-icon.png) 20px center no-repeat #C0E04F;
	border: 1px solid #548E13;
	color: #548E13; 	
	margin-top: 16px; 
	padding: 0 20px 20px 80px; 
	text-shadow: none;
	
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}
	
	.download_box a {

		border-bottom: 1px dotted #548E13; 
		color: #548E13; 
		
	}
	
	.download_box a:hover {
	
		border-bottom: none; 
		color: #666; 
		
	}
	
/* Info Box */
.info_box {

	background: url(images/info-icon.png) 20px center no-repeat #BFE4F9; 
	border: 1px solid #68A2CF; 
	clear: both; 
	color: #2E6093;
	margin-top: 16px; 
	padding: 0 20px 20px 80px;
	text-shadow: none;
	
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}

	.info_box a { 
	
		border-bottom: 1px dotted #68A2CF; 
		color: #68A2CF;

	}
	
	.info_box a:hover { 
	
		border-bottom: none; 
		color: #666; 
		
	}
	
/* Warning Box */
.warning_box {
	 
	background: url(images/warning-icon.png) 20px center no-repeat #FCC; 
	border: 1px solid #F99;
	clear: both;
	color: #C31B00;
	margin-top: 16px;
	padding: 0 20px 20px 80px;
	text-shadow: none;
	
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	
}

	.warning_box a {
	
		border-bottom: 1px dotted #F99; 
		color: #F99; 
		
	}
	
	.warning_box a:hover {

		border-bottom: none; 
		color: #666; 
		
	}
	
/* Alternate Lists */
article ul.square { padding-left: 20px; }
article ul.circle { padding-left: 20px; }

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

article ul.square li { background: none; list-style-type: square; }
article ul.circle li { background: none; list-style-type: disc;}

/* Quotes */
blockquote {
	
	background: url(/images/quote_bg.png) left top no-repeat;
	line-height: 22px;
	margin: 20px 0 20px; 
	padding: 1px 20px;
	
}

cite {
	
	margin: 20px 0 0;
	
}

.quote_left { 
	
	background: url(images/quote_bg.png) left top no-repeat;
	color: #666;
	float: left; 
	font-size: 20px;
	font-weight: 700;
	line-height: 22px;
	margin: 0 20px 0 0; 
	padding: 20px 0 20px 20px;
	width: 233px;

}
.quote_right  { 
	
	background: url(images/quote_bg.png) left top no-repeat;
	color: #666;
	float: right; 
	font-size: 20px;
	font-weight: 700;
	line-height: 22px;
	margin: 0 0 0 20px; 
	padding: 20px 0 20px 20px;
	width: 233px;

}

/* Dividers */
hr { 
	
	background-color: #FFF;
	border: none;
	height: 4px;
	margin: 16px 0 0;

}

hr.thin {

	background:	none;
	border-top: 1px dotted #FFF;
	
}

.divider.top { 

	background: none;
	border-top: 1px dotted #FFF;
	height: auto; 
	clear: both; 
	margin: 16px 0 0;
	
}

.top{
	
	font-size: 10px;
	line-height: 10px; 
	position: relative;
	text-align: right;
	width: 92%;

}

	.top a{ 
		
		color: #666;
		display: block; 
		height: 20px;
		padding-left: 17px;
		position: absolute; 
		right: -40px;
		top: -5px;
		width: 20px;

	}
	
	.top a:hover{ color: #999; }

/* Toggle content */	
.toggle-content { clear: both; margin: 16px 0 0; }
.toggle-content + .toggle-content { margin: 0; }
.toggle-content .expand-button {  background: url(images/li_cross.png) 4px center no-repeat; cursor: pointer; padding: 8px 8px 8px 22px; }
.toggle-content .expand-button.close { background: url(images/li_false.png) left center no-repeat; }
.toggle-content .expand-button p { font-weight: 700; margin: 0; }
.toggle-content .expand {

	background-color: #191919;
	margin: 0 0 16px;
	padding: 1px 20px 20px;
	
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	
}
.expanding .expand { display: none; }

/* Buttons */
.button {
	
	background-color: #C20125;
	border: none;	
	color: #FFF;
	cursor: pointer;
	display: block; 
	font-size: 10px;
	font-weight: 700;
	margin: 20px 20px 0 0;
	padding: 5px;
	text-transform: uppercase;

	
}
	.button:hover {
		
		background-color: #666;
		color: #FFF;
		
	}

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

.clearboth { 

	height: 1px;
	clear: both;
	width: 100%;

}

.displace { 

	position: absolute;
	left: -9999px; 

}

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

.right, .button.right { float: right; }

.left, .button.left { float: left; }

.button.center { display: block; margin: 16px auto 0; text-align: center; }

.no-top-margin { margin-top: 0; }

.no-margin { margin: 0; }

.margin-top { margin-top: 20px; }

div br:first-child { display: none; }

.ie-last-child-fix {
	
	border-bottom: none;

}

.alignleft {

	float: left;
	margin: 3px 20px 10px 0;
	
}

.alignright {

	float: right;
	margin: 3px 0 10px 20px;
	
}

.aligncenter {

	display: block;
	margin: 16px auto;
	
}
	
/* LIGHTBOX TEXT FIX*/

.light_square p { color: #333; }
.dark_square p { color: #FFF; }
.facebook p { color: #333; }
.light_rounded p { color: #333; }
.dark_rounded p { color: #FFF; }