/*
Theme Name: That Computer Store
Theme URI: http://thatcomputerstore.net
Description: Custom theme for That Computer Store
Version: 1.0
Author: MianoVision
Author URI: http://thatcomputerstore.net
Tags: That Computer Store
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body {
	background: url(media/bkgd_site2.jpg) repeat-y center top #4e7fb6;
	color: #333333;
	font-family: Tahoma,"Arial Narrow",Arial,Helvetica,sans-serif;
}
	body.mceContentBody {background: #fff !important;}

a {
	border-bottom:1px solid #CBCBCB;
	color:#666666;
	margin:0;
	padding:0;
	text-decoration:none;
}
	a:hover {
		border-bottom: 2px solid #333;
		color: #333;
	}
	a:active {
		position: relative;
		top: 1px;
	}

h3 {
	color:#FFFFFF;
	font-family:Tahoma,"Arial Narrow",Arial,Helvetica,sans-serif;
	font-size:17px;
	font-weight:bolder;
	margin:2px 0;
	padding:3px 7px;
	text-transform:lowercase;
}

	h3.clouds {
		background-color:#7EA8E7;
		background-image:url(media/topicheader_clouds.gif);
		background-position:right top;
		background-repeat:no-repeat;
	}
	h3.grass {
		background-color:#81CC3C;
		background-image:url(media/topicheader_grass.gif);
		background-position:right bottom;
		background-repeat:no-repeat;
	}
	h3.laptop {
		background-color:#CACACA;
		background-image:url(media/topicheader_laptop.gif);
		background-position:right top;
		background-repeat:no-repeat;
	}
	h3.radio {
		background-color:#CACACA;
		background-image:url(media/topicheader_radio.gif);
		background-position:right top;
		background-repeat:no-repeat;
	}
	h3.gray {
		background-color:#666666;
		background-image:url(media/topicheader_gray.jpg);
		background-position:right top;
		background-repeat:repeat-x;
		color:#FFFFFF;
	}
	h3.sidebar {
		background-color:#999999;
		background-image:url(media/topicheader_laptop.gif);
		background-position:right top;
		background-repeat:no-repeat;
	}
h4 {
	clear:both;
	color:#444444;
	font-size:16px;
	font-weight:bold;
	padding:5px;
}
h5 {
	color:#009900;
	font-size:16px;
	font-weight:100;
	padding:5px;
}

h6 {
	border-left:3px solid #3366CC;
	border-top:1px solid #3366CC;
	clear:both;
	color:#3366CC;
	font-size:14px;
	font-weight:bold;
	margin-left:5px;
	margin-top:20px;
	padding:5px;
}

img.alignright {
	 margin: 10px 0 10px 10px;
	 padding:0 10px;
	 border-left: 1px solid #777777;
}
img.alignleft {
	margin: 10px 10px 10px 0;
	padding:0 10px;
	border-right: 1px solid #777777;
}
.pagewrap {
	width: 960px;
	margin: 0 auto;
	padding: 5px;
	background: #ffffff;
	overflow: auto;
	position: relative;
}

.header {
	background:url("media/header_top_bg.jpg") repeat scroll 0 0 transparent; 
	height:200px;
	position: relative;
}
	.tcs-logo {
		bottom:3px;
		left:9px;
		position:absolute !important;
	}
		a.tcs-logo-link:active {
		position: absolute !important;
		bottom: -3px;
		
		}
.content {
	font-size: 12px;
}
	.content-left {
		width: 718px;
		float: left;
		padding-right: 5px;
	}
	.content-right {
		width:635px;
		float: left;
		padding-left: 5px;
	}
	.content-single {
		width: 960px;
		
	}
	.content p {
		line-height:150%;
		padding:3px 5px;
	}
	.content h4 {font-size: small; margin-top: 5px;}
	
.sidebar {
	background: #eeeeee;
	font-size: 12px;
	margin-bottom: 5px;
}

	.sidebar-left {
		float: left;
		width: 320px;
		background: #eeeeee;
		
	}
	
	.sidebar-right {
		float: left;
		width: 236px;
	}
	
	.sidebar h2 {
		background-color:#999999;
		background-image:url(media/topicheader_laptop.gif);
		background-position:right top;
		background-repeat:no-repeat;
		color: #ffffff;
		margin: 2px 0;
		padding: 3px 7px;
		text-transform: lowercase;
		font-size: 17px;
	}
	.sidebar li ul li {
		background: #f5f5f5;
		border-top: 1px dotted #999999;
		border-bottom: 1px dotted #999999;
		line-height: 130%;
		margin: 5px 7px;
		padding: 5px;
		list-style: none;
	}	
		.sidebar li ul li {}
		.sidebar li ul li a {
			font-size: x-small;
			font-weight: bold;
			color: #333333;
		}
	.date {
		font-size: x-small;
		font-weight: bold;
	}
	.sidebar p {margin-left: 70px;}
	.member-logo {margin: 0 auto; padding: 5px;}
	
.footer {
	background: url(media/bkgd_footer.jpg) right bottom;
	border-top: 2px solid #555555;
	color: #ffffff;
	font-size: 11px;
	line-height: 150%;
	padding: 10px 5px 5px;
	text-align: center;
	clear: both;
}
	.footer a {
		color: #ffffff;
		font-weight: bold;
		border:none;
	}
		.footer a:hover { border-bottom: 2px solid #ffffff;}
		
	.footer-nav {}
		.footer-nav li {
			display:inline;
			padding:4px 7px;
			text-transform:uppercase;
		}

.top-nav {
	background: #666666;
	text-align: center;
	height: 26px;
	border-top: 2px solid #ffffff;
	border-bottom: 3px solid #ffffff;
	
}
	.top-nav li {
		display: inline;
		padding: 4px 14px;
		text-transform: uppercase;
		font-size: 11px;
		font-weight: bold;
		position: relative;
		top: 1px;
	
	}
	.top-nav a {
		color: #ffffff;
		border:none;		
	}
	
	
.services {
	margin: 10px 30px 10px 50px;
}
	.services li {
		list-style-type:circle;
		padding-bottom:10px
	}
.quick-info {

}
	.quick-info li {
	
	}
	
.news-post {
	background: #f5f5f5;
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	line-height: 130%;
	margin: 5px 7px;
	padding: 5px;
	list-style: none;
	overflow: auto;
}
	.news-post p {margin-left: 70px;}
	.post-image {
		float:right;
		margin-left:10px;
	}

.image-404 {
	margin: 0;
	padding: 0;	
}


.dotted {
	border:2px dotted #81CC3C;
	display:table;
	margin:5px auto;
	padding:5px;
	position:relative;
	text-align:center;
}
.breadcrumb {}
.submenu {}
.post-edit-link {}
.google-search {
	margin:15px 105px;
	width:754px;	
}
	.google-search-box {
		border-radius: 5px;
		-moz-border-radius:5px;
		color:#333333;
		font-family:Arial,sans-serif;
		font-size:22px;
		margin:5px;
	}
	.google-search-button {
		font-family:Arial,sans-serif;
		font-size:20px;
		text-align:center;
	}
	
.feature-item {
	margin: 10px;
}
	.feature-item p {margin: 0 ;}
	.feature-item img {}
	.feature-title {
		color:#333333;
		font-size:14px;
		font-weight:bold;
		margin:5px 0;
		padding:0;
	}
	
#comment {
	color:#666666;
	font-family:Arial;
	font-size:14px;
	height:120px;
	margin:0 10px;
	padding:3px;
	width:700px;
	border-bottom:1px dotted #999999;
	border-top:1px dotted #999999;
	background: #f5f5f5;
	border-left: 0 ;
	border-right: 0 ;
}
#submit {
	margin: 3px 15px;
}

.commentlist {}
	.commentlist li {
	color:#666666;
	font-family:Arial;
	font-size:14px;
	padding:3px;
	margin: 10px 7px;
	border-bottom:1px dotted #999999;
	border-top:1px dotted #999999;
	background: #f5f5f5;
	border-left: 0 ;
	border-right: 0 ;
	font-size: 12px;
	}
		.commentlist li p {
			margin-left: 70px;
			
		}
.w3c {
	position: absolute;
	right: 5px;
	bottom: 5px;
}