/*
Theme Name: Smash Online Media
Theme URI: http://smashonlinemedia.com/
Description: Custom theme
Author: Conflare
Author URI: http://conflare.com/

*/

@font-face {
	font-family: 'MyriadProRegular';
	src: url('fonts/myriadpro-regular-webfont.eot');
	src: local('☺'), url('fonts/myriadpro-regular-webfont.woff') format('woff'), url('fonts/myriadpro-regular-webfont.ttf') format('truetype'), url('fonts/myriadpro-regular-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	min-width: 1024px;
	width: 100%;
	color:#242424;
}

html {
/*	background: #840b01 url(images/background.png);*/
}
	* html, * html body {
		width: 1024px;
	}

body {
	background: #fff;
	font-family: Arial, Tahoma, Sans-serif;
	color: #fff
}

a {
	font-family: Arial, Tahoma, Sans-serif;
	color:#242424;
}

h1 {
	margin:20px;
	font-size:18px;
}

h1.logo {
	margin:0 auto;
	width:680px;
	
}

h2, h2 a {
	font: 32px "Myriad Pro", MyriadProRegular, Arial, sans-serif;
	margin:20px 0 0 0;
	padding:0;
}

h3, h3 a {
	font: 20px Arial, sans-serif;
	margin:20px 0 0 0;
	padding:0;
}

	
	
ul {
	margin: 2px 0 10px 10px;
	padding: 0 0 0 16px;
}

	li {
		margin: 4px 0;
	}

p {
	font-size: 15px;
	margin: 8px 0 20px 0;
	color:#242424;
	color: #000;
	line-height:1.30em;
	font-weight: normal;
	font-family:  Arial, Tahoma, Sans-serif;
}
	
	.blurb p {
		margin:20px 80px;
		text-align:center;
		font-size:14px;
	}
	
	span.highlight {
		background:#6a0b02;
		padding:2px 4px;
	}

/* Layout */

#gradient {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 612px;
	background: url(images/gradient.png) 0 0 repeat-x;
}
#background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #840b01;
	border-bottom: 55px solid #fff;
}
	* html #background {
		height: expression(document.body.offsetHeight + 'px');
	}

#shape {
	position: absolute;
	top: -408px;
	left: -302px;
	width: 1016px;
	height: 1097px;
	background: url(images/shape.png) 0 0 no-repeat;
}
	* html #shape {
		background-image: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
			src='/wp-content/themes/smash/images/shape.png',
			sizingMethod='image'
		);
	}

#main {
	position: relative;
	width: 1024px;
	min-height: 612px;
	margin: 0 auto;
}
	* html #main {
		height: 612px;
	}

#header {
	height: 150px;
}

	#logo {
		position: absolute;
		top: 0;
		left: 0;
		width: 239px;
		height: 150px;
		background: url(images/logo-small.png) 0 0 no-repeat;
	}
		* html #logo {
			background-image: none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
				src='/wp-content/themes/smash/images/logo-small.png', sizingMethod='image');
		}
		#logo a {
			display: block;
			position: relative;
			width: 203px;
			height: 128px;
			padding: 11px 18px;
			background: red;
			opacity: 0;
			-moz-opacity: 0;
			filter:alpha(opacity=0);
		}

	#navigation {
		position: absolute;
		top: 99px;
		right: 11px;
	}
		#navigation ul, #navigation li {
			display: block;
			position: relative;
			list-style: none;
			margin: 0;
			padding: 0;
		}
			#navigation li {
				float: left;
				margin: 0 5px;
			}
		#navigation a {
			display: block;
			position: relative;
			font: 18px "Myriad Pro", MyriadProRegular, Arial, sans-serif;
			color: #FFF;
			text-decoration: none;
			padding: 5px 10px;
		}	
			#navigation .active a {
				color: #bed63b;
			}

#feature {
	position: relative;
	margin-top: 31px;
	width: 1024px;
}
	#feature-content {
		position: absolute;
		width: 802px;
		height: 366px;
		left: 108px;
		background: #971b0e;
		overflow: hidden;
		padding: 1px;
	}
		#feature-content .features {
			width: 804px;
			height: 366px;
			overflow: visible;
			margin: -1px 0 0 -2px;
		}
		.feature-mask {
			position: absolute;
			margin-left: 108px;
			overflow: hidden;
			font-size: 1px;
			line-height: 1px;
		}
			.feature-mask div {
				position: absolute;
				top: 0;
				left: 0;
				width: 804px;
				height: 368px;
				background-image: url(images/feature-mask.png);
				background-repeat: no-repeat;
			}
				* html .feature-mask div {
					background-image: none;
					filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
						src='/wp-content/themes/smash/images/feature-mask.png', sizingMethod='image');
				}
			.feature-mask-t {
				top: 0;
				left: 3px;
				width: 798px;
				height: 2px;
			}
				.feature-mask-t div {
					margin-left: -3px;
				}
			.feature-mask-r {
				top: 0;
				left: 801px;
				width: 3px;
				height: 368px;
			}
				.feature-mask-r div {
					margin-left: -801px;
				}
			.feature-mask-b {
				top: 366px;
				left: 3px;
				width: 798px;
				height: 2px;
				background-position: -3px -366px;
			}
				.feature-mask-b div {
					margin-left: -3px;
					margin-top: -366px;
				}
			.feature-mask-l {
				top: 0;
				left: 0;
				width: 3px;
				height: 368px;
			}

	#feature button {
		display: none;
		position: absolute;
		top: 161px;
		width: 42px;
		height: 46px;
		margin: 0;
		padding: 0;
		border: 0;
		cursor: pointer;
	}	
		#feature button::-moz-focus-inner {
			border: 0;
		}
		#feature button.disabled {
			opacity: 0.35;
			-moz-opacity: 0.35;
			cursor: default;
		}
		#feature-previous {
			left: 58px;
			background: url(images/feature-arrow-left.png) 0 0 no-repeat;
		}
			* html #feature-previous {
				background-image: none;
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
					src='/wp-content/themes/smash/images/feature-arrow-left.png', sizingMethod='image');
			}
		#feature-next {
			right: 62px;
			background: url(images/feature-arrow-right.png) 0 0 no-repeat;
		}
			* html #feature-next {
				background-image: none;
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
					src='/wp-content/themes/smash/images/feature-arrow-right.png', sizingMethod='image');
			}
			body.ie #feature button#feature-previous.disabled {
				background-image: none;
				filter:alpha(opacity=35), progid:DXImageTransform.Microsoft.AlphaImageLoader(
					src='/wp-content/themes/smash/images/feature-arrow-left.png', sizingMethod='image');
			}
			body.ie #feature button#feature-next.disabled {
				background-image: none;
				filter:alpha(opacity=35), progid:DXImageTransform.Microsoft.AlphaImageLoader(
					src='/wp-content/themes/smash/images/feature-arrow-right.png', sizingMethod='image');
			}
		#feature button span {
			display: block;
			opacity: 0;
			-moz-opacity: 0;
			filter:alpha(opacity=0);
			*visibility: hidden;
		}

	#feature-navigation, #feature-navigation li {
		display: block;
		position: relative;
		list-style: none;
		margin: 0;
		padding: 0;
		text-align: center;
	}
		#feature-navigation {
			top: 383px;
			font-size: 26px;
			line-height: 6px;
		}
		#feature-navigation li {
			display: -moz-inline-box;
			display: inline-block;
			*display: inline;
			*zoom: 1;
			width: 10px;
			height: 6px;
			overflow: hidden;
			border: 1px solid #FFF;
			*margin-left: 6px;
		}
			#feature-navigation-0 {
				*margin-left: 0;
			}
		#feature-navigation button {
			display: block;
			position: relative;
			width: 10px;
			height: 6px;
			overflow: hidden;
			border: 0;
			margin: 0;
			padding: 0;
			outline: 0;
			background: transparent;
			cursor: pointer;
		}
			#feature-navigation button::-moz-focus-inner {
				border: 0;
			}
			#feature-navigation button.active {
				background: #FFF;
			}
			#feature-navigation button span {
				display: block;
				opacity: 0;
				-moz-opacity: 0;
				filter:alpha(opacity=0);
				*visibility: hidden;
			}

#page-content {
	position: relative;
	width: 810px;
	margin: 30px auto 0 auto;
	padding: 25px 0 66px 0;
}
	#page-content-top, #page-content-bottom {
		position: absolute;
		left: 0;
		width: 810px;
		overflow: hidden;
	}
		#page-content-top {
			top: 0;
			height: 25px;
		}
		#page-content-bottom {
			bottom: 0;
			height: 66px;
		}
	#page-content-top .img, #page-content-bottom .img {
		position: absolute;
		left: 0;
		width: 810px;
		height: 51px;
		background: url(images/content-top-bottom.png) 0 0 no-repeat;
	}	
		* html #page-content-top .img, * html #page-content-bottom .img {
			background-image: none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
				src='/wp-content/themes/smash/images/content-top-bottom.png', sizingMethod='image');
		}
		#page-content-top .img {
			top: 0;
		}
		#page-content-bottom .img {
			top: -25px;
		}
	#page-content #content {
		padding: 1px 30px;
		color: #000;
		background: url(images/content-middle.png) 0 0 repeat-y;
	}
		* html #page-content #content {
			background-image: none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
				src='/wp-content/themes/smash/images/content-middle.png', sizingMethod='scale');
			zoom: 1;
		}

	#page-content #main-column {
		float:left;
		width:500px;
		margin:0 30px 0 0;
	}

		
	#page-content #sidebar-column {
		float:left;
		width:200px;
		font-size:15px;
		margin-top:20px;
	}
	
		#sidebar-column h2 {
			font-size:18px;
		}
	
		#sidebar-column ul, #sidebar-column li {
			list-style: none;
		}
	
		#sidebar-column ul li ul {
			margin-left:0;
		}

#footer {
	position: absolute;
	bottom: 0;
	margin-bottom: -98px;
	width: 972px;
	padding: 0 26px 15px 26px;
	font-size: 11px;
	line-height: 16px;
}

	#footer p {
		font-size: 1em;
		color: #787878;
		margin: 0;
	}

	#contact-copyright {
		width: 254px;
		float: left;
		text-align: right;
		padding-top: 8px;
		margin-right: 32px;
	}
		#contact-copyright, #contact-copyright a {
			color: #787878;
			text-decoration: none;
		}

	#blog-feed {
		width: 400px;
		float: left;
		padding-top: 8px;

	}
		#blog-feed p {
			*display: inline;
		}
		#blog-feed, #blog-feed a {
			color: #849e1d;
			text-decoration: none;
		}
		#blog-feed ul, #blog-feed li {
			display: block;
			position: relative;
			list-style: none;
			margin: 0;
			padding: 0;
		}
			* html #blog-feed ul {
				margin-bottom: -16px;
			}
		#blog-feed .read-more {
			color: #787878;
			text-decoration: underline;
		}
		#blog-feed a.title {
			display: block;
			float: left;
			*display: inline;
			*float: none;
			padding-right: 1em;
		}
			* html #blog-feed a.title {
				width: 370px;
			}
		#blog-link {
			margin-bottom: -0.5em !important;
			margin-top: 0.5em !important;
			padding-bottom: 10px;
		}
			* html #blog-link {
				position: relative;
				top: 1.5em !important;
				margin-bottom: -1.5em !important;
				margin-top: 1.5em !important;
			}

	#sitemap-archives {
		padding-top: 16px;
		float: right;
	}
		#sitemap-archives, #sitemap-archives a {
			color: #787878;
		}

	#social-networks {
		width: 148px;
		height: 32px;
		overflow: hidden;
		float: right;
		text-align: right;
		color: red;
		font-size: 65px;
		line-height: 16px;
		white-space: nowrap;
		padding-right: 2px;
		*margin-top: -20px;
		*line-height: 32px;
		*height: 64px;
	}
		#social-networks a {
			display: -moz-inline-box;
			display: inline-block;
			width: 32px;
			height: 32px;
			overflow: hidden;
			text-decoration: none;
			cursor: pointer;
		}
			#social-networks a span {
				display: block;
				opacity: 0;
				-moz-opacity: 0;
				filter:alpha(opacity=0);
				*visibility: hidden;
			}
		#facebook {
			background: url(images/facebook.png) 0 0 no-repeat;
			margin-left: 0;
		}
			* html #facebook {
				background-image: none;
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
					src='/wp-content/themes/smash/images/facebook.png', sizingMethod='image');
			}
		#twitter {
			background: url(images/twitter.png) 0 0 no-repeat;
		}
			* html #twitter {
				background-image: none;
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
					src='/wp-content/themes/smash/images/twitter.png', sizingMethod='image');
			}
		#sharethis {
			background: url(images/sharethis.png) 0 0 no-repeat;
		}
			* html #sharethis {
				background-image: none;
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
					src='/wp-content/themes/smash/images/sharethis.png', sizingMethod='image');
			}

	#services-links {
		position:relative;
		top:10px;
		clear:both;
		text-align:center;
	}
		#services-links a {
			padding:0 5px;
		}
	
		#services-links a:link, #services-links a:visited {
			color: #787878;
			text-decoration:none;
		}

			#services-links a:hover {
				text-decoration:underline;
			}
/* Feature */

#feature .feature {
	position: relative;
	width: 804px;
	height: 368px;
	float: left;
}
	#feature .feature .background, #feature .feature ul,
		#feature .feature li, #feature .feature .call-to-action,
		#feature .feature a, #feature .feature .ie-image {
		display: block;
		list-style: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 804px;
		height: 368px;
		margin: 0;
		padding: 0;
	}
		#feature .feature li, #feature .feature .call-to-action {
			display: none;
		}

	#feature .feature li, #feature .feature .call-to-action {
		z-index: 100;
	}
	
	#feature .feature span {
		display: block;
		opacity: 0;
		-moz-opacity: 0;
		filter:alpha(opacity=0);
		*visibility: hidden;
	}
	
	
/* Clients */

img.clients-image {
/*	border:1px solid #ccc;*/
	margin:0 50px 50px 50px;
}

.client {
	text-align: center;
	margin: 0 auto;
	}

.client li {
	position:relative;
	float:left;
	margin: 0 20px 20px 0px;
	padding:20px 0 0 0;
	list-style:none;
	width:220px;
	height:250px;
	background:#fff;
	vertical-align: bottom;
}

	.client a img {
		border:none;
		}
		
	.client li span {
		position:absolute;
		top:230px;
		left:35px;
		color:#212121;
		font-size:12px;
		margin-top:10px;
	}
	
	
	/* Begin Calendar */
	#wp-calendar {
		empty-cells: show;
		margin: 10px auto 0;
		width: 155px;
		}

	#wp-calendar #next a {
		padding-right: 10px;
		text-align: right;
		}

	#wp-calendar #prev a {
		padding-left: 10px;
		text-align: left;
		}

	#wp-calendar a {
		display: block;
		}

	#wp-calendar caption {
		text-align: center;
		width: 100%;
		}

	#wp-calendar td {
		padding: 3px 0;
		text-align: center;
		}

	#wp-calendar td.pad:hover { /* Doesn't work in IE */
		background-color: #fff; }
	/* End Calendar */



	/* Begin Various Tags & Classes */
	acronym, abbr, span.caps {
		cursor: help;
		}

	acronym, abbr {
		border-bottom: 1px dashed #999;
		}

	blockquote {
		margin: 15px 30px 0 10px;
		padding-left: 20px;
		border-left: 5px solid #ddd;
		}

	blockquote cite {
		margin: 5px 0 0;
		display: block;
		}

	.center {
		text-align: center;
		}

	.hidden {
		display: none;
		}

	.screen-reader-text {
	     position: absolute;
	     left: -1000em;
	}

	hr {
		display: none;
		}

	a img {
		border: none;
		}

	.navigation {
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 60px;
		}
	/* End Various Tags & Classes*/


/* METHODOLOGY */

.methodology div {
	height:250px;
	overflow:hidden;
}
	.methodology p {
		margin:50px 0 0 0;
	}
	
	.methodology p.right {
		text-align:right;
	}
	
	.methodology img.left {
		float:left;
		margin:0 15px 15px 0;
	}
	
	.methodology img.right {
		float:right;
		margin:0 0px 15px 15px;
	}
	

	/* Captions */
	.aligncenter,
	div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.wp-caption {
		border: 1px solid #ededed;
		text-align: center;
		background-color: #fff;
		padding-top: 4px;
		margin: 10px;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	.wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none;
	}

	.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 17px;
		padding: 0 4px 5px;
		margin: 0;
	}
	/* End captions */
	
	/* Begin Form Elements */
	#searchform {
		margin: 10px auto;
		padding: 5px 3px;
		text-align: center;
		}

	#sidebar #searchform #s {
		width: 108px;
		padding: 2px;
		}

	#sidebar #searchsubmit {
		padding: 1px;
		}

	.entry form { /* This is mainly for password protected posts, makes them look better. */
		text-align:center;
		}

	select {
		width: 130px;
		}

	#commentform input {
		width: 170px;
		padding: 2px;
		margin: 5px 5px 1px 0;
		}

	#commentform {
		margin: 5px 10px 0 0;
		}
	#commentform textarea {
		width: 100%;
		padding: 2px;
		}
	#respond:after {
			content: "."; 
		    display: block; 
		    height: 0; 
		    clear: both; 
		    visibility: hidden;
		}
	#commentform #submit {
		margin: 0 0 5px auto;
		float: right;
		}
	/* End Form Elements */



	/* Begin Comments*/
	.alt {
		margin: 0;
		padding: 10px;
		}

	.commentlist {
		padding: 0;
		text-align: justify;
		}

	.commentlist li {
		margin: 15px 0 10px;
		padding: 5px 5px 10px 10px;
		list-style: none;

		}
	.commentlist li ul li { 
		margin-right: -5px;
		margin-left: 10px;
	}

	.commentlist p {
		margin: 10px 5px 10px 0;
	}
	.children { padding: 0; }

	#commentform p {
		margin: 5px 0;
		}

	.nocomments {
		text-align: center;
		margin: 0;
		padding: 0;
		}

	.commentmetadata {
		margin: 0;
		display: block;
		}
	/* End Comments */
	/* Begin Images */
	p img {
		padding: 0;
		max-width: 100%;
		}

	/*	Using 'class="alignright"' on an image will (who would've
		thought?!) align the image to the right. And using 'class="centered',
		will of course center the image. This is much better than using
		align="center", being much more futureproof (and valid) */

	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

	img.alignright {
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
		}

	img.alignleft {
		padding: 4px;
		margin: 0 7px 2px 0;
		display: inline;
		}

	.alignright {
		float: right;
		}

	.alignleft {
		float: left;
		}
	/* End Images */