/*
Theme Name: SpiderWebShade
Theme URI: 
Description: A custom WordPress theme.
Version: 1.0
Author: Matt Crupe
Author URI: http://www.vibrantvisual.com/
Tags: black, dark, custom, fixed width, two columns

*/

* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Tahoma, Verdana, Arial;
	font-size: 14px;
	color: #222222;
	background: #000000 url(images/backgroundPage.jpg) top center no-repeat;
}

h1 {
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
}

h1 a {
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}

p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	line-height: 19px;
}

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

a:hover { text-decoration: underline; }

a img { border: none; }

a:focus, a:hover, a:active { outline:none }

.alignleft {
	float: left;
	display: inline;
}

ul { margin: 0px 0px 15px 30px; }

ul li { margin-bottom: 10px; }

ol { margin: 0px 0px 15px 30px; }

ol li { margin-bottom: 10px; }
	
#containerSite {
	width: 1028px;
	margin: auto;
}

#content {
	float: left;
	display: inline;
	width: 1028px;
	padding-bottom: 30px;
}

#nav {
	float: right;
	display: inline;
}

	#nav ul {
		float: left;
		display: inline;
		list-style-type: none;
		margin: 33px 0px 0px 0px;
		padding: 12px 0px 12px 0px;
		border-left: 1px solid #525252;
	}
	
	#nav ul li {
		list-style-type: none;
		list-style-position: outside;
		background: url(images/bullet.png) 0px 9px no-repeat;
		line-height: 28px;
		margin: 0px;
		padding-left: 15px;
	}
	
	#nav ul li a {
		font-size: 19px;
		color: #d6d6d6;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	
	#nav ul li:hover { background: url(images/bulletHover.png) 0px 9px no-repeat; }

#sidebar {
	float: right;
	display: inline;
	width: 242px;
	margin-top: 26px;
}

	#sidebar #sidebarRSS {
		float: left;
		display: inline;
		margin-left: 199px;
	}
	
		#sidebar #sidebarRSS p {
			margin: 0px;
			padding: 0px;
		}
	
	#sidebar .sidebarModHeader {
		float: left;
		display: inline;
		width: 242px;
		height: 21px;
		background: url(images/sidebarModHeader.png) no-repeat;
		padding: 2px 0px 0px 9px;
	}
	
	#sidebar .sidebarModBody {
		float: left;
		display: inline;
		width: 201px;
		background: #d6d6d6;
		border-left: 1px solid #6f6f6f;
		border-right: 1px solid #6f6f6f;
		padding: 20px 20px 7px 19px;
	}
	
		#sidebar .sidebarModBody p {
			font-size: 16px;
			text-align: justify;
		}
	
		#sidebar .sidebarModBody .button {
			float: left;
			display: inline;
			margin-bottom: 10px;
		}
		
			#sidebar .sidebarModBody .button p { margin: 0px; }
			
		#sidebar .sidebarModBody .cform { 
			width: 203px;
			margin: 0px;
		}
			
		#sidebar .sidebarModBody label { display: none; }
		
		#sidebar .sidebarModBody input,
		#sidebar .sidebarModBody input:focus {
			width: 193px;
			height: 28px;
			color: #646464;
			padding: 0px 5px 0px 5px;
			background: url(images/sideBarModInputBg.jpg) no-repeat;
			outline: none;
		}
		
		#sidebar .sidebarModBody textarea,
		#sidebar .sidebarModBody textarea:focus {
			overflow: auto;
			width: 193px;
			height: 86px;
			padding: 5px;
			color: #646464;
			background: url(images/sideBarModTxtAreaBg.jpg) no-repeat;
			outline: none;
			resize: none;
		}
		
		#sidebar .sidebarModBody div.cf_info {
			color: #333;
			display: none;
			padding: 5px 10px!important;
			width: 183px;
			line-height: 1.3em;
		}
		
		#sidebar .sidebarModBody input.sendbutton {
			width: 70px;
			height: 29px;
			color: #ffffff;
			font-weight: bold;
			text-transform: uppercase;
			background: url(images/btnSubmit.jpg) no-repeat;	
		}
		
		#sidebar .sidebarModBody .linklove {
			width: 203px;
			margin: 10px auto 10px!important;
			padding: 0!important;	
			text-align: right!important;
		}
		
		#sidebar .sidebarModBody ol.cf-ol li	{
			background: none!important; 
			margin: 2px 0!important; /*some themes may interfere otherwise*/
			padding: 0 0px 4px 0px; 
			list-style: none!important; 
			text-align: left;
		}
		
		#sidebar .sidebarModBody ol.cf-ol li.cf_li_err {
			background: #FFDFDF url(images/li-err-bg.png) repeat!important;
			border-color: #DF7D7D;
			border-style: solid;
			border-width: 1px 0pt;
			padding: 5px 0!important;
			margin: 5px 0!important;
		}
		
		#sidebar .sidebarModBody .cform input.cf_error,
		#sidebar .sidebarModBody .cform input.cf_error:hover {
			color:#646464;
			border-right: none;
		}
		
		#sidebar .sidebarModBody div.success {
			background: url(images/li-err-bg-green.png) repeat!important;
			display:block;
			border-color:#0eb41a;
			border-style:solid;
			border-width:1px 0pt;
		}
		
		#sidebar .sidebarModBody div.failure {
			display:block;
			background:#FFDFDF url(images/li-err-bg.png) repeat!important;
			border-color:#DF7D7D;
			border-style:solid;
			border-width:1px 0pt;
		}
		
		#sidebar .sidebarModBody div.waiting {
			background: url(backgroundWaitingContact.jpg) no-repeat;
			color:#AAAAAA;
			font-style: italic;
			display:block;
			font-size: 13px;
		}
	
	#sidebar .sidebarModFooter {
		float: left;
		display: inline;
		width: 242px;
		height: 7px;
		margin-bottom: 20px;
		background: url(images/sidebarModFooter.png) no-repeat;
	}
	
	#sidebar .sidebarModTestimonialHeader {
		float: left;
		display: inline;
		width: 242px;
		height: 7px;
		background: url(images/sidebarModTestimonialHeader.png) no-repeat;
	}
	
	#sidebar .sidebarModTestimonialBody {
		float: left;
		display: inline;
		width: 202px;
		background: #d6d6d6;
		padding: 5px 20px 7px 20px;
		font-size: 14px;
		font-style: italic;
	}
	
		#sidebar .sidebarModTestimonialBody p { line-height: 17px; }
	
		#sidebar .sidebarModTestimonialBody .byline {
			float: left;
			display: inline;
			color: #980202;
			font-style: normal;
		}
	
	#sidebar .sidebarModTestimonialFooter {
		float: left;
		display: inline;
		width: 242px;
		height: 30px;
		margin-bottom: 20px;
		background: url(images/sidebarModTestimonialFooter.png) no-repeat;
	}

#leftColFront {
	float: left;
	display: inline;
	width: 773px;
	margin: 30px 0px 0px 7px;
}

#leftCol {
	float: left;
	display: inline;
	width: 766px;
	margin: 37px 0px 0px 0px;
}

#slideshow {
	float: left;
	display: inline;
	width: 773px;
	height: 362px;
}

	#slideshow #movie {
		margin: 17px 0px 0px 18px;
	}

#posts {
	float: left;
	display: inline;
	width: 753px;
	margin-top: 5px;
}

	#posts .reviews { margin-top: 5px; }

	#posts .products .productModHeader {
		float: left;
		display: inline;
		width: 766px;
		height: 8px;
		background: url(images/productsModHeader.png) no-repeat;
	}
	
	#posts .products .productModFooter {
		float: left;
		display: inline;
		width: 766px;
		height: 8px;
		background: url(images/productsModFooter.png) no-repeat;
	}
	
	#posts .products .blogPost {
		float: left;
		display: inline;
		width: 724px;
		padding: 7px 20px 7px 20px;
		background: #d6d6d6;
		border-left: 1px solid #6f6f6f;
		border-right: 1px solid #6f6f6f;
	}
	
	#posts .products .blogPost h1,
	.products .blogPost h1 a {
		float: left;
		display: inline;
		font-size: 18px;
		font-weight: bold;
		color: #980202;
		width: 724px;
		padding-bottom: 7px;
		border-bottom: 1px solid #a3a3a3;
		text-decoration: none;
	}
	
	#posts .products .blogPost h1 a:hover { text-decoration: none; }
	
	#posts .products .postContent {
		float: left;
		display: inline;
		width: 724px;
		margin: 15px 0px 0px 0px;
	}
	
	#posts .products .price {
		float: left;
		display: inline;
		font-size: 18px;
		font-weight: bold;
		margin-right: 30px;
	}
	
	#posts .products .nam {
		font-size: 12px;
		font-weight: normal;
		font-style: italic;
	}
	
	#posts .products .paypal {
		float: left;
		display: inline;
		width: 203px;
		height: 38px;
		margin-right: 10px;
	}
	
	#posts .products .googleCheckout {
		float: left;
		display: inline;
		width: 203px;
		height: 38px;
	}

.post .entry,
.postpage .content {
	float: left;
	display: inline;
	line-height: 17px;
	padding-bottom: 20px;
}

	.entry img.alignleft {
		float: left;
		margin: 5px 15px 10px 0px;
	}
	
	.entry img.aligncenter {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	
	.entry img.alignright {
		float: right;
		margin: 5px 0px 10px 15px;
	}
	
	.entry p { margin-bottom: 15px; }
	
	.entry .pageContent {
		float: left;
		display: inline;
		width: 724px;
		margin-bottom: 0px;
		padding: 15px 20px 5px 20px;
		background: #d6d6d6;
		border-left: 1px solid #6f6f6f;
		border-right: 1px solid #6f6f6f;
	}

.postTitle {
	float: left;
	display: inline;
	width: 729px;
	min-height: 21px;
	margin-left: 18px;
	padding: 2px 0px 0px 9px;
	background: url(images/postHeader.png) no-repeat;
}

#pageTitle {
	float: left;
	display: inline;
	width: 757px;
	min-height: 21px;
	padding: 2px 0px 0px 9px;
	background: url(images/pageHeader.png) no-repeat;
}

#pageModFooter {
	float: left;
	display: inline;
	width: 766px;
	height: 8px;
	background: url(images/productsModFooter.png) no-repeat;	
}

.postBottom {
	float: left;
	display: inline;
	width: 738px;
	height: 7px;
	margin-left: 18px;
	background: url(images/postFooter.png) no-repeat;
}

.blogPost {
	float: left;
	display: inline;
	width: 756px;
	padding-bottom: 10px;
	background: url(images/postBackground.jpg) right top repeat-y;
}

.date {
	float: left;
	display: inline;
	width: 57px;
	height: 60px;
	font-weight: bold;
	font-size: 17px;
	margin-top: 15px;
	padding-top: 4px;
	color: #00000;
	text-align: center;
	background: url(images/backgroundDate.png) no-repeat;
}

	.date .m {
		font-size: 11px;
		line-height: 13px;
	}

.postContent {
	float: left;
	display: inline;
	width: 668px;
	margin: 15px 0px 0px 15px;
}

	.postContent p img {
		background-color: white;
		border: 1px solid darkGray;
		display: block;
		margin: 0px 0px 5px 0px;
		padding: 4px;
	}

.postContent .addthis {
	float: left;
	display: inline;
	width: 125px;
	margin: 15px 0px 0px 0px;
}

	.postContent .addthis img { border: none; }

.postContent .comments {
	float: left;
	display: inline;
	margin: 13px 0px 0px 10px;
}

	.postContent .comments a {
		font-size: 12px;
		font-style: italic;
	}
	
	.postContent .comments img { border: none; }
	
.postContent .installation {
	float: right;
	display: inline;
	margin: 13px 0px 0px 10px;
}

	.postContent .installation a {
		font-size: 12px;
		margin-top: 3px;
	}
	
#compatChart {
	float: left;
	display: inline;
	width: 766px;
	width: 33px;
	margin: 10px 0px 15px 0px;
}

	#compatChart a {
		float: left;
		display: inline;
		width: 766px;
		height: 33px;
		background: url(images/products-v1_03.png) no-repeat;
		font-weight: bold;
		font-size: 18px;
		padding-top: 7px;
		text-align: center;
		color: #ffffff;
	}
	
	#compatChart a:hover { text-decoration: none; }
	
	#compatChart p { margin: 0px; }

.editable-btns-fit-title {
	top: 10px !important;
	right: 8px !important;
	width: 115px;
}

.addable-btn {
	left: 4px !important;
	top: 2px !important;
}

.postpage {
	float: left;
	display: inline;
}

#respond {
	float: left;
	display: inline;
	margin: 20px 0px 0px 72px;
}

#respondProduct {
	float: left;
	display: inline;
	margin: 20px 0px 0px 0px;
}

	#respond h3,
	#respondProduct h3{
		font-size: 13px;
	}

	#respond form,
	#respondProduct form{ margin-top: 10px; }

	#respond p,
	#respondProduct p {
		margin: 0px 0px 5px 0px;
		font-size: 13px;
	}
	
	#respond form p,
	#respondProduct form p {
		margin: 0px;
		padding: 0px;
		font-size: 13px;
		width: 100%;
	}
	
	#respond input[type=text],
	#respondProduct input[type=text] {
		float: left;
		display: inline;
		width: 320px;
		padding: 0px 5px 0px 5px;
		background: #ffffff;
		border-top: none;
		border-left: 1px solid #b4b4b4;
		border-right: 1px solid #b4b4b4;
		border-bottom: none;
		outline: none;
		font-size: 12px;
	}
	
	#respond .inputTop,
	#respondProduct .inputTop {
		float: left;
		display: inline;
		width: 332px;
		height: 6px;
		background: url(images/modInputTop.jpg) no-repeat;
	}
	
	#respond .inputBottom,
	#respondProduct .inputBottom {
		float: left;
		display: inline;
		width: 332px;
		height: 6px;
		margin-bottom: 5px;
		background: url(images/modInputBottom.jpg) no-repeat;
	}
	
	#respond .txtAreaTop,
	#respondProduct .txtAreaTop {
		float: left;
		display: inline;
		width: 451px;
		height: 6px;
		background: url(images/modTextAreaTop.jpg) no-repeat;
	}
	
	#respond textarea,
	#respondProduct textarea {
		float: left;
		display: inline;
		width: 444px;
		padding: 0px 0px 0px 5px;
		background: #ffffff;
		border-top: none;
		border-left: 1px solid #b4b4b4;
		border-right: 1px solid #b4b4b4;
		border-bottom: 1px solid #ffffff;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 12px;
		outline: none;
	}
	
	#respond .txtAreaBottom,
	#respondProduct .txtAreaBottom {
		float: left;
		display: inline;
		width: 451px;
		height: 6px;
		background: url(images/modTextAreaBottom.jpg) no-repeat;
	}
	
	#respond ol,
	#respondProduct ol {
		float: left;
		display: inline;
		margin: 0px;
		list-style-type: none;
	}
	
	#respond ol p,
	#respondProduct ol p {
		margin: 0px;	
		padding-bottom: 10px;
	}
	
	#respond .commentText,
	#respondProduct .commentText {
		width: 636px;
		margin: 0px;
		padding: 0px 10px 0px 10px;
		background: #ffffff;
		border-left: 1px solid #b4b4b4;
		border-right: 1px solid #b4b4b4;
		clear: both;
	}
	
	#respond .commentTop,
	#respondProduct .commentTop {
		float: left;
		display: inline;
		width: 658px;
		height: 7px;
		margin: 10px 0px 0px 0px;
		background: url(images/modCommentTop.jpg) no-repeat;
	}
	
	#respond .commentBottom,
	#respondProduct .commentBottom {
		float: left;
		display: inline;
		width: 658px;
		height: 18px;
		background: url(images/modCommentBottom.jpg) no-repeat;
	}
	
	#respond cite,
	#respondProduct cite {
		float: left;
		display: inline;
		width: 638px;
		margin: 0px 0px 0px 20px;
		font-size: 12px;
	}
	
	#respond em,
	#respondProduct em {
		font-size: 12px;
		color: #888888;
	}
	
	#respond .label,
	#respondProduct .label {
		float: right;
		display: inline;
		font-size: 12px;
		margin: 0px;
		padding: 0px;
		color: red;
	}
	
	#respond input[type=submit],
	#respondProduct input[type=submit] {
		float: left;
		display: inline;
		width: 70px;
		height: 29px;
		border: none;
		margin-top: 10px;
		padding: 0px;
		font-size: 13px;
		font-weight: bold;
		color: #ffffff;
		text-transform: uppercase;
		background: url(images/btnSubmit.jpg) no-repeat;
	}
	
	#respond .quote p,
	#respondProduct .quote p { line-height: 16px; }
	
#footer {
	float: left;
	display: inline;
	width: 100%;
	background: #4b4a4a url(images/backgroundFooterRepeat.png) repeat-x;
}

	#footer #container {
		width: 1020px;
		margin: auto;
	}
	
		#footer #container #content {
			float: left;
			display: inline;
			width: 1020px;
			padding-bottom: 30px;
			background: url(images/backgroundFooter.jpg) no-repeat top right;
		}
	
			#footer #container #content #nav {
				float: left;
				display: inline;
			}
		
			#footer #container #content #nav ul {
				float: left;
				display: inline;
				list-style-type: none;
				margin: 20px 0px 10px 25px;
				padding: 5px 0px 5px 0px;
				border-left: 1px solid #272626;
			}
			
			#footer #container #content #nav ul li {
				list-style-type: none;
				list-style-position: outside;
				background: url(images/bulletFooter.png) 0px 9px no-repeat;
				line-height: 24px;
				margin: 0px;
				padding-left: 15px;
			}
			
			#footer #container #content #nav ul li a {
				font-size: 14px;
				color: #d6d6d6;
				font-weight: bold;
				text-decoration: none;
				text-transform: uppercase;
				letter-spacing: 1px;
			}
			
			#footer #container #content #nav ul li:hover { background: url(images/bulletHover.png) 0px 9px no-repeat; }
			
			#footer #container #content #rightSide {
				float: right;
				display: inline;
				margin-top: 27px;
				text-align: right;
				font-size: 12px;
				color: #b3b2b2;
			}
			
				#footer #container #content #rightSide ul {
					float: right;
					display: inline;
					margin-bottom: 5px;
					list-style-type: none;
				}
				
				#footer #container #content #rightSide ul li {
					float: left;
					display: inline;
					margin-left: 5px;
				}
				
				#footer #container #content #rightSide a {
					color: #b3b2b2;
					text-decoration: none;
				}

.clear { clear: both; }

.post { float: left; display: inline; }