/*

	Theme Name: Sideways
	Theme URI: http://themeforest.net/item/sideways-portfolio-website-wordpress-theme/151953
	Description: A horizontal scrolling portfolio theme.
	Version: 1.7.6
	Author: Eugene Okoronkwo
	Author URI: http://eugeneo.com/

*/

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

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_ghotic_extended-webfont.eot?') format('eot'),
        url('font/league_ghotic_extended-webfont.woff') format('woff'),
        url('font/league_ghotic_extended-webfont.ttf') format('truetype'),
        url('font/league_ghotic_extended-webfont.svg#webfontJks7As9d') format('svg');
	font-weight: normal;
	font-style: normal;
}

a {
	color: #C20125;
	text-decoration: none;
}

a:hover { color: #666; }

h1 a { color: #FFF; }

h1 a:hover {	color: #666; }

p {	margin: 16px 0; }

h1 {
	color: #FFF;
	font-family: Helvetica, Arial, san-serif;
	font-size: 30px;
	font-weight: lighter;
	line-height: 1em;
	margin-top: 40px;
	text-shadow: 0 0 2px #000;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}
	#article-list h1 {
		margin: 0;
		position: relative;
		z-index: 2;
	}

	.type-video h1{
		font-size: 22px;
		line-height: 23px;
	}

	article h1:first-child { margin: 0 0 20px; } /* Normal page layouts */


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

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

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

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

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

.subtitle {
	display: block;
	font-size: 10px;
	font-weight: 700;
	margin: 20px 0 20px;
}

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

html { height: 100%; }

body {
	background-color: #000;
	color: #CCC;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	height: 100%;
	line-height: 1.5em;
}

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


/* ---------- HEADER SEARCH BAR ---------- */

#searchbar-holder {
	/* background: url(images/searchbar-background2.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: 880px;
	}

		#searchbar .search {
			border-right: 1px solid #050505;
			float: right;
			margin: 0 0 0 15px;
		}

			.widget_search form {
				display: block;
				height: 31px;
				margin: 0;
				overflow: hidden;
				padding: 0;
			}

			.widget_search input[type=text] {
				background: url(images/search-shadow.png) left top no-repeat #FFF;
				border: 1px solid #999;
				border-left: 1px solid #050505;
				border-top: 1px solid #050505;
				clear: none;
				color: #999;
				float: left;
				margin: 3px 0 0;
				padding: 3px;
				width: 136px;

				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
			}

			.widget_search input[type=submit] {
				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;
			}
			.widget_search input[type=submit]:hover { background: url(images/search-button.png) 0 -32px no-repeat; }


		/* ---------- SOCIAL BOX ---------- */

		#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; }
					.google-button { background: url(images/social/google.png) no-repeat; }
					.digg-button { background: url(images/social/digg.png) no-repeat; }
					.myspace-button { background: url(images/social/myspace.png) no-repeat; }
					.dribbble-button { background: url(images/social/dribbble.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: 40px;
	position: fixed;
	top: 50px;
	width: 120px;
	z-index: 9999;
}

	#sidebar header {
		background: #0C0C0C;
		background: -webkit-gradient(
			linear,
			right bottom,
			left top,
			color-stop(0.23, rgb(17,17,17)),
			color-stop(0.62, rgb(12,12,12))
		);
		background: -moz-linear-gradient(
			center bottom,
			rgb(17,17,17) 23%,
			rgb(12,12,12) 62%
		);
		float: left;
		padding: 10px;
		position: relative;
		z-index: 100;

		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius:10px;

		-moz-box-shadow: 0 1px 4px #000;
		-webkit-box-shadow: 0 1px 4px #000;
		box-shadow: 0 1px 4px #000;
	}

		#sidebar h1 { margin: 0; }

	#sidebar nav {
		background-color: #0C0C0C;
		background: -webkit-gradient(
			linear,
			right bottom,
			left top,
			color-stop(0.23, rgb(17,17,17)),
			color-stop(0.62, rgb(12,12,12))
		);
		background: -moz-linear-gradient(
			center bottom,
			rgb(17,17,17) 23%,
			rgb(12,12,12) 62%
		);

		clear: both;
		margin: 0 auto;
		position: relative;
		width: 110px;
		z-index: 99;

		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		border-bottom-left-radius:5px;
		border-bottom-right-radius: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 { border-bottom: none; }

		#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: 110px;
			position: absolute;
			top: 0;
			width: 150px;
			z-index: 999;

			-webkit-border-top-right-radius: 5px;
			-webkit-border-bottom-right-radius: 5px;
			-moz-border-radius-topright: 5px;
			-moz-border-radius-bottomright: 5px;
			border-top-right-radius:5px;
			border-bottom-right-radius: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 ul {
			display: none;
		}

		#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;
	}

	#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: 880px;
}

#content.height-fix {
	margin: 0 0 0 208px;
	min-height: 550px;
}

	/* ---------- 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; line-height: 24px; }

		#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;
	display: block;
	margin: 40px 0 0;
	width: 800px;
}

	#portfolio li {
		background: none;
		display: inline;
		float: left;
		padding: 0;
		position: relative;
		width: 198px;
		border: 1px solid #0c0c0c;
	}

	#portfolio li:hover { z-index: 99; }

		#portfolio img { position: relative; }

		#portfolio .info {
			background-color: #FFF;
			opacity: 0.8;
			filter: alpha(opacity=80); /* For IE8 and earlier */
			display: none;
			height: 150px;
			left: 0px;
			padding: 0px;
			position: absolute;
			top: 0px;
			width: 150px;

			-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;
				text-align: center;
				padding-top: 20px;
			}

			.info p { color: #111; }

			.info .more-link {
				bottom: 40px;
				font-size: 40px;
				color: #C20125;
				position: absolute;
			padding-left:70px;
			}

			.info .dl-link {
				bottom: 40px;
				font-size: 40px;
				color: #C20125;
				position: absolute;
			padding-left:40px;

			}

			.info .more-link:hover { color: #666; }
			.info .dl-link:hover { color: #666; }

	/* ---------- HOME TEMPLATE CONTENT HOLDER ---------- */

	#article-list{
		float: left;
		margin: 110px 0 0 18px;
	}

		.article-wrapper {
			background-color: #0C0C0C;
			display: block;
			margin: 50px auto 0; /* Margin from the top of page. Overwritten on horizontal layouts */
			padding: 40px;
			width: 800px;

			-moz-box-shadow: 0 1px 4px #000;
			-webkit-box-shadow: 0 1px 4px #000;
			box-shadow: 0 1px 4px #000;
		}

			.article-wrapper header { margin: 0 0 20px; }

				.article-wrapper header h4 { margin: 0; }

		#article-list .article-wrapper  { /* Blog and Portfolio items without JS */
			float: left;
			margin: 20px 20px 0 0;
		}

			article {
				position: relative;
				word-wrap: break-word;
			}

			#article-list article { height: 348px; }

				#article-list  section {
					height: 220px;
					line-height: 1.3em;
				}

				article footer { background: none;	} /* Article footer in blog template */

				.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 {
								text-align:center;
								font-family: League Gothic, Arial, san-serif;
								font-size: 22px;
								text-transform: uppercase;
							}

							.dl-link {
								text-align:center;
								font-family: League Gothic, Arial, san-serif;
								font-size: 22px;
								text-transform: uppercase;
							}

		/* ----- BLOG POST TYPES ----- */
		.type-text, .type-image {
			color: #666;
			font-size: 24px;
			width: 540px;
		}

		/* IMAGE GALLERY */
		.type-gallery-portrait {
			height: 430px;
			padding: 0;
			width: 300px;
		}
		.type-gallery-landscape {
			height: 430px;
			padding: 0;
			width: 620px;
		}

		/* IMAGE ITEMS */

		.hover_50 {	background: #0C0C0C url( images/image-hover.png ) center center no-repeat; } /* Lightbox Hover */

			.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;
			overflow: hidden;
			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;
			margin: 40px 0 0;
			padding: 10px 5px;
			position: fixed;
			text-transform: uppercase;
			top: 550px;

		}

		.article-wrapper .pagination {
			display: block;
			left: auto;
			padding: 0;
			position: relative;
			top: auto;
			width: 100%;
		}

			.main .pagination { margin: 0 0 30px; }

			.pagination a { color: #FFF; }

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

			.pagination span {
				display: block;
				float: left;
				margin: 0 5px;
			}

			.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;
				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: #0C0C0C;
	color: #FFF;
	clear: both;
	font-size: 10px;
	font-weight: 500;
	height: 50px;
	text-transform: uppercase;
}

	footer.fixed {
		bottom: 0;
		position: fixed;
		width: 100%;
	}

	#footer-content { padding: 1px 20px; }

		#footer-content p { margin: 16px 0 0; }

	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 {
	clear: both;
	margin: 20px 0;
	overflow: hidden;
}

#comments {
	clear: both;
	margin: 20px 0 0 0;
	padding: 0;
	overflow: hidden;
	width: 526px;
}
	.comment-pagination { overflow: hidden; }

	.comment {
		background: none;
		padding: 0;
		width: 525px;
	}


		/* 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 {
			margin-bottom: 20px;
			width: 404px;
		}

			.children .children .author-text { width: 290px; }

		.admin_comment .avatar {
			float: right;
			margin-left: 10px;
		}

		.avatar {
			height: 80px;
			float: left;
			margin: 20px 0 0 1px;
			width: 80px;
		}

		.author-text small {
			float: right;
			font-size: 10px;
			font-weight: 700;
			margin-top: 5px;
			text-transform: uppercasel
		}

		small a { color: #FFF; } /* Comment time stamp */

		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;
		}

	.cancel-comment-reply { margin: 20px 0;}
	#respond { clear: both; }

		#respond h2 { margin: 0;	}

		#respond form {
			margin-top: 20px;
			width: 524px;
		}

			label {
				display: block;
				line-height: 30px;
				margin-top: 2px;
				width: 524px;
			}

				label span { color: #C20125; }

			input[type=text], input[type=password] {
				background-color: #FFF;
				clear: both;
				padding: 7px 8px;
				width: 284px;
			}

			textarea {
				font-family: Arial, san-serif;
				height: 141px;
				margin: 0;
				padding: 8px;
				resize: none;
				width: 508px;
			}

			input[type=checkbox] {
				background: none;
				float: left;
				margin: 10px 10px 0 0;
				width: 25px;
			}

			#respond label.checkbox {
				float: left;
				width: 490px;
			}

			input[type=submit] {
				background-color: #C20125;
				border: none;
				clear: both;
				color: #FFF;
				cursor: pointer;
				display: block;
				font-size: 10px;
				font-weight: 700;
				margin: 8px 0 0;
				padding: 7px 8px;
				text-transform: uppercase;
				width: 508px;
			}

			input[type=submit]:hover { background-color: #666; }

			input.error, textarea.error { border: 2px solid #CC0000; }
			label.error{ color: #CC0000; }

			.loading {
				background: url(images/loader.gif) no-repeat;
				clear: both;
				display: block;
				height: 24px;
				margin: 0 auto;
				width: 24px;
			}

#article-sidebar input[type=text], #article-sidebar input[type=submit], #article-sidebar textarea { width: 253px; }

#article-sidebar label { width: 250px; }


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

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

.widgettitle {
	margin: 0 0 20px;
	text-align: center;
}

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 2px 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 2px 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; }

/* CALENDAR */
.widget_calendar table{
	text-align: center;
	width: 100%;
}

.widget_calendar caption { font-weight: 700; }

.widget_calendar thead { font-weight: 700; }

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

.widget_nav_menu li:last-child { border-bottom: none; }

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

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

.widget_links li:last-child { border-bottom: none; }
.widget_links li a {
	color: #FFF;
	display: block;
	padding: 6px 0;
}
.widget_links li a:hover { color: #666; }

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

.widget_meta li:last-child { border-bottom: none; }
.widget_meta li a {
	color: #FFF;
	display: block;
	padding: 6px 0;
}
.widget_meta li a:hover { color: #666; }

/* PAGES */
.widget_pages li {
	background: url(images/li_cross.png) left 2px no-repeat;
	padding: 0 0 0 18px;
}
.widget_pages li a {
	color: #FFF;
	display: block;
	padding: 6px 0;
}
.widget_pages li a:hover { color: #666; }

/* RECENT COMMENTS */
.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 2px 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; }

/* RSS */
.widget_rss .rss-date { font-weight: 700; }
.widget_rss  cite { font-weight: 700; }
.widget_rss  cite:before { content: "- "; }
.widget_rss li { padding: 4px 0; }
.widget_rss li a { display: block; }

/* TWITTER */
.raw_twitter li {
	background-color: #040404;
	margin: 20px 0px 0px;
	padding: 10px;
}
.raw_twitter { overflow: hidden; }

.raw_twitter span {
	display: block;
	margin: 0px 0px 10px;
}

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

#article-sidebar .widget_search input[type=text] { width: 180px; }

#article-sidebar .widget_search input[type=submit] {
	border: none;
	width: 52px;
}

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

	.social-button-holder li {
		float: left;
		margin: 0 10px 10px 0;
	}

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

/* POPULAR, RECENT, RELATED POSTS */
.raw_popular_posts img, .raw_related_posts  img, .raw_recent_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, .raw_related_posts h5, .raw_recent_posts h5 {
	font-size: 12px;
	font-weight: 700;
	margin: 10px 0;
	text-transform: none;
}

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

.raw_popular_posts li:first-child, .raw_related_posts li:first-child, .raw_recent_posts li:first-child  { border-top: none; }

.raw_popular_posts li:last-child, .raw_related_posts li:last-child, .raw_recent_posts li:last-child { border-bottom: none; }

.raw_popular_posts a, .raw_related_posts a, .raw_recent_posts a { color: #FFF; }

.raw_popular_posts a:hover, .raw_related_posts a:hover, .raw_recent_posts a:hover{ color: #666; }

.raw_popular_posts a:active, .raw_related_posts a:active, .raw_recent_posts a:active{ color: #999; }


/* Raw Contact Widget */

.raw_contact p {	margin: 2px 0;}

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

article table {
	border-bottom: 0px solid #040404;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 20px auto 0;
	text-align: left;
	width: 100%;
}

		article th {
			background-color: #;
			border-left: 0px solid #040404;
			font-weight: 700;
			padding: 4px;
		}

		article td {
			border-left: 0px solid #040404;
			padding: 4px;
			position: relative;
			vertical-align: middle;

		}

		article tr {
			background-color: #;
			border-right: 0px solid #;
		}

		article tr:nth-child(2n) { background-color: #; }


/* ----- LISTS ----- */

article ul, .widget_text ul { margin: 16px 0 0 16px; }

	article ul li, .widget_text ul li {
		background: url(images/li_cross.png) 4px -2px no-repeat;
		padding: 2px 0 2px 22px;
	}

		article li ul, .widget_text li ul { margin: 0; }

			article ul ol li, .widget_text ul ol li { background: none;}

article ol, .widget_text ol {
	margin: 16px 0 0 16px;
	padding-left: 20px;
}
	article ol li, .widget_text ol li {
		list-style-type:decimal;
		padding: 2px 0 2px 3px;
	}
		article li ol, .widget_text li ol { margin:0; }

			article ol ul li, .widget_text 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;
			}

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

/* ----- COLUMNS ------ */

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


/* ------ BOXES ------ */

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


/* ----- Quotes ----- */

blockquote {
	background: url(images/quote_bg.png) left top no-repeat;
	color: #666;
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
	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: 25px;
	margin: 0 20px 0 0;
	padding: 20px 0 20px 20px;
	width: 500px;
}
.quote_right  {
	background: url(images/quote_bg.png) left top no-repeat;
	color: #666;
	float: right;
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
	margin: 0 0 0 20px;
	padding: 20px 0 20px 20px;
	width: 233px;
}

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

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

/* ----- GALLERY ----- */
.entry-content img {
	margin: 0 0 24px 0;
	max-width: 640px;
}
.wp-caption {
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	padding: 4px;
}
.wp-caption img { margin: 5px; }
.wp-caption p.wp-caption-text { margin: 0 0 4px; }
.wp-smiley { display: inline; margin:0; }
.gallery { margin: 40px auto 0; }
.gallery-item {
	float: right;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 200px;
}

.gallery-icon {
	background: url(images/image-hover.png) center center no-repeat #0C0C0C;
	height:  200px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 200px;
}
.vimeo, .youtube { background: url(images/video-hover.png) center center no-repeat #0C0C0C; }
.vimeo img {
	display: block;
	left: -50px;
	position: absolute;
}
.youtube img {
	top: -33px;
	left: -76px;
	position: absolute;
}
.gallery-item a {
	display: block;
	height: 100%;
	width: 100%;
}
.gallery-caption {
	background-color: #FFF;
	color: #111;
	margin:-26px auto 0;
	padding: 4px;
	position: relative;
	width: 192px;
	z-index: 10;
}
.gallery br+br {	display: none; }


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

.clearboth {
	height: 1px;
	clear: both;
	width: 100%;
}

.displace {
	position: absolute;
	left: -9999px;
}

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

.right, .button.right { float: right; margin: 20px 0 20px 20px }

.left, .button.left { float: left; margin: 20px 20px 20px 0 }

.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; }

/* ----------------------------------------------------
------------------------ FORMS ------------------------
---------------------------------------------------- */

form ul,
#article-sidebar form ul{ margin: 0; }

form ul li,
#article-sidebar form ul li { background: none; margin: 0 0 10px; padding: 0;}

/* ----------------------------------------------------
 --------------- SMALL RESOLUTION FIXES ---------------
---------------------------------------------------- */

@media only screen and (max-width: 1174px) {

	#sidebar { left: 10px; }

	#content { margin: 0 0 20px 110px; }

}


@media only screen and (max-height: 670px) {

	footer.fixed { display: none; }

 }