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

@font-face {
	font-family: 'BerlinSansFBDemiBold';
	src: url('brlnsdb-webfont.eot');
	src: local('Berlin Sans FB Demi Bold'), url('media/brlnsdb-webfont.woff') format('woff'), url('media/brlnsdb-webfont.ttf') format('truetype'), url('media/brlnsdb-webfont.svg#webfont79mzZtNH') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BastardusSansRegular';
	src: url('bastardussans-webfont.eot');
	src: local('Bastardus Sans Regular'), url('media/bastardussans-webfont.woff') format('woff'), url('media/bastardussans-webfont.ttf') format('truetype'), url('media/bastardussans-webfont.svg#webfont15UIMYZG') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'OCRAStdRegular';
    src: url('media/ocrastd-webfont.eot');
    src: url('media/ocrastd-webfont.eot?#iefix') format('embedded-opentype'),
         url('media/ocrastd-webfont.woff') format('woff'),
         url('media/ocrastd-webfont.ttf') format('truetype'),
         url('media/ocrastd-webfont.svg#OCRAStdRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


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 {
	
	}
	
	
.sidebar small {
	position: relative;
	top: -10px;
}

.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: 0 10px;
	text-align: center; /* Center Everything */
}
	.feature-item p {margin: 0 ; text-align: left;} /* Exept text inside a paragraph */
	.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;
}

.jwsharethis {

}


/* Specific post CSS -icky, I know */

	#post-589 {}
		#post-589 h1 {
			background: none repeat scroll 0 0 #000000;
			color: lime;
			font-family: 'VT323';
			font-size: 42px;
			margin: 0 auto;
			text-align: center;
		}
		
	#post-589 h2 {
		
	}
	
	.wl-link {
		    background: none repeat scroll 0 0 #D91E4C;
			border: 1px solid #FFFFFF;
			border-radius: 6px 6px 6px 6px;
			box-shadow: 0 0 4px #000000;
			color: #FFFFFF;
			font-family: 'OCRAStdRegular';
			line-height: 50px;
			margin: 5px;
			padding: 2px;
			text-decoration: none;
			text-transform: uppercase;
			position: relative
	}
		.wl-link:hover {
			color: #FFF200;
			border: 1px solid ;
		}
		
		.wl-link:active {
			top: 3px;
		}
	
	.wl-list {
	    font-weight: bold;
		margin-left: 35px;
		width: 333px;
		display: inline-block;
	}
		.wl-list li {
			padding: 2px;
		}
		
		
		
		#wl-contest-details {
		    display: inline-block;
			width: 385px;	
		}
			#wl-contest-details li {
				 float: left;
				height: 100px;
				text-align: center;
				width: 176px;
			}
		#wpcf7-f595-p596-o1 {
		    display: block;
			width: 635px;
			margin: 0 auto;
		}
		#wpcf7-f595-p596-o1 p {
		    font-size: 16px;
			margin: 20px;
			text-align: right;
		}
		#wpcf7-f595-p596-o1 input {
			border: 1px solid lime;
			border-radius: 7px 7px 7px 7px;
			box-shadow: 0 0 2px lime;
			float: right;
			font-size: 16px;
			padding: 3px 6px;
			margin-left: 10px;
		}
		#wpcf7-f595-p596-o1 .file-37 {
			    display: block;
				float: right;
				height: 26px;
				position: relative;
				width: 66px;
		}
			#wpcf7-f595-p596-o1 .file-37:before {
			    background: none repeat scroll 0 0 #7EA8E7;
				border-radius: 10px 10px 10px 10px;
				box-shadow: 0 0 6px;
				color: #FFFFFF;
				content: "upload";
				cursor: pointer;
				font-family: 'BerlinSansFBDemiBold';
				font-size: 18px;
				margin: 2px;
				padding: 4px;
			}
			
			#wpcf7-f595-p596-o1 .file-37:after {}
		#wpcf7-f595-p596-o1 .file-37 input {
			    left: 0;
				opacity: 0;
				position: absolute;
				width: 100px;
		}
		#wpcf7-f595-p596-o1 select {}
		#wpcf7-f595-p596-o1 textarea {
		    background: none repeat scroll 0 0 #000000;
			border: medium none;
			color: lime;
			font-family: 'OCRAStdRegular';
			margin: 5px;
			padding: 8px;
		}
		#wpcf7-f595-p596-o1 .wpcf7-submit {}
.seasonal-bg {
	min-height: 100%;
	min-width: 1024px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}
	@media screen and (max-width: 1024px){
	img.seasonal-bg {
		left: 50%;
		margin-left: -512px; }
}


/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/
.anythingSlider                         { width: 320px; height: 367px; position: relative; margin: 0 auto; }
.anythingSlider .wrapper                { width: 320px; overflow: auto; height: 343px; margin: 0; position: absolute; top: 0; left: 0; }

                                        /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; border-top: none; border-bottom: 3px solid #999; margin: 0; }
.anythingSlider .wrapper ul li          { display: block; float: left; padding: 0; height: 340px; width: 320px; margin: 0; }
.anythingSlider .arrow                  { display: none; height: 200px; width: 67px; background: url(media/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: -250px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

.thumbNav                               { position: relative; top: 342px; text-align: center; }
.thumbNav li                            { display: inline; }
.thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #999 url(media/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-radius: 0 0 5px 5px ;}
.thumbNav a:hover                       { background-image: none; }
.thumbNav a.cur                         { background: #999; }

.start-stop                             {display: none; z-index: 10; background: green; background-image: url(media/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 5px; top: 342px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
.start-stop.playing                     { background-color: red; }
.start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }