/*  
Theme Name: KCDC
Theme URI: http://www.kcdcskateshop.com/
Description: KCDC Skatehop in Williamsburg, NY.
Version: 2.0
Author: Shields and Squires, LLC
Author URI: http://shieldsandsquires.com/

	This theme was designed and built by Shields and Squires, LLC,
	for use exclusively on kcdcskateshop.com

*/



* { margin:0px; padding:0px; }
body { font-family:Courier, monospace; height:100%; }
embed, object {margin:10px 0px; display:block;}
p { margin-bottom:20px; display:block; }
#pressPage p { float:left; margin-bottom:0px; }
#pressPage a { float:left; }

#kcdcContent { position:relative; width: 975px; height:100%; min-height:100%; }
	html > body #kcdcContent { height:auto; }

#logoLeft { position:absolute; padding-bottom: 20px; width:140px; left:0px; top:0px; background-color:#fff; margin-right:10px; text-align:center; z-index:2; }
#logoFix { position:fixed; width:145px; height:600px; background-color:none; top:0px; left:0px; z-index:1; }

#kcdcRight { float:left; width:815px; margin: 0 0 80px 150px; }
	#navigationArea { height:135px; display:block; width: 815px;}
	#topSpaceInfo { height:40px; display:block; background-color:#fff; }
	#topCartInfo { height:40px; display:block; background-color:#fff; }
	#navTop { display:block; text-align:right; font-size:11px; color:#a9a9a9; margin-bottom:20px; font-family:"Courier New", Courier, monospace; line-height:25px; text-transform:uppercase; letter-spacing: .1em; margin-top: -2px; }
		#navTop a { color:#a9a9a9; text-decoration:none; }
		#navTop img {
		margin-top:2px;
		padding-right:2px;
		vertical-align:middle;
		}
		#navTop li {
		display:inline;
		list-style-type:none;
		margin-left:5px;
		}
		#navTop input {
		background-color:#FFFFFF;
		border:1px solid #D1D1D1;
		color:#919191;
		font-family:"Courier New",Courier,monospace;
		font-size:11px;
		line-height:18px;
		margin-top:3px;
		padding:0px 6px;
		}
		html > body #navTop input { padding:4px 6px 4px 6px; }
		#navTop input:focus {
		color:#A1A1A1;
		}
		#navTop input.topSubmit {
		background-color:#919191;
		border:medium none;
		color:#FFFFFF;
		margin-left:-8px;
		margin-right:5px;
		}
	#setBackgrounds { float:right; background-color:#fff; padding:0 5px 7px 7px; }
	#navTopLeft { background-color: #fff; text-align: right; float:right; width:315px; padding-bottom:5px; padding-left:5px; padding-top: 3px;}
	html > body #navTopLeft { width:305px; }
		.cartSend { font-size:12px; color:#282C74;font-family:"Courier New", Courier, monospace; line-height:16px;padding:4px 5px; border:solid 1px #d1d1d1; background-color:#E5E5E5; }
		.cartSend:FOCUS { color:#a1a1a1; }
		.cartSpace2 { display:block; margin:10px 0; font-size:11px; }
		.cartSpace { display:block; margin-bottom:10px; }
			.cartSpace select {
				background:#E5E5E5 none repeat scroll 0%;
				border:medium none;
				font-family:"Courier New", Courier, monospace;
				font-size:12px;
				line-height:1.2em;
				padding:5px;
				padding-right:0px;
			}
	#nav { display:block; width:676px; padding:10px 16px 10px 20px; font-size:17px; color:#282c74; margin-bottom:3px; margin-left: 0px; font-family:Futura, "Century Gothic", sans-serif; text-transform: uppercase; font-weight: normal; background-color:#fff;}
		#nav li { list-style-type:none; display:inline; }
	html > body #nav { width:640px; }
	#subnav { padding:8px 20px 6px 20px; height: 16px; font-size:14px; color:#2395e7; background-color:#fff; float:left;  margin-left: 0px; }
		#subnav li { list-style-type:none; display:inline; vertical-align:middle; }
	#subnav2 { padding:8px 20px 6px 20px; height: 16px; font-size:14px; color:#2395e7; float:left;  margin-left: 0px; }
		.clearNav { clear:both; display:block; height:10px; overflow:hidden; }
		a.navText { color:#282c73; text-decoration:none; }
		a.navText:HOVER { color:#2395e7; text-decoration:none; }
		a.navSpacers { color:#282c73; }
		a.navText2 { color:#2395e7; border-bottom:solid 1px #2395e7; text-decoration:none; font-weight:800; }
			#subnav span a { color:#2395e7; }
			#subnav span a:HOVER { color:#282c73; border-bottom:solid 1px #282c73; text-decoration:none; font-weight:800; }
			#subnav span.current-cat a { color:#282c73; border-bottom:solid 1px #282c73; text-decoration:none; font-weight:800; }
			.current-cat-parent { display:none; }
		.navarrow { margin:0 8px 0 0; margin-bottom:-2px; }
	#rightNav { width:180px; text-align:left; float:right; margin:-10px 73px 0 0;}
		#rightNav h2 {  font-family:Futura, "Century Gothic", sans-serif; color:#161c63; font-weight:600; font-size:13px; display:block; text-align:left; text-transform:uppercase; letter-spacing:0px; padding:10px 10px 5px 7px; margin-bottom: 10px; border-bottom: 1px dotted #161c63;}
		#rightNav a { color:#161c63; text-decoration:none; }
		#rightNav li { background:#fff; list-style-type:none; margin-top:0px; margin-bottom:10px; font-size:12px; padding: 2px 5px 5px 5px;}
		.friendZone { border:solid 10px #fff; margin-bottom:10px; }
		#recentComments { text-align:left; background-color:#fff; color:#00aeef; padding:0px; font-size:12px; margin-bottom:10px;  }
		#searchFormHolder { background-color:#fff; padding:10px; margin-bottom:10px; display:block; }
		#searchForm div { width:120px; text-align:right; display:block; }
		#searchForm input { color:#282c73; padding: 3px; font-weight: 600; margin: 5px 5px 4px 3px;}
		#s { width:; margin-bottom:5px; font-family:"Courier New", Courier, monospace; font-size:12px; }
	.postTabs { width:20px; height:350px; position:absolute; margin-left:510px; margin-top:-10px; text-align: right;}
		.postTabs a { margin:0px; padding:0px; line-height:100%; }
		.postTabs img { margin:0px; padding:0px; }
	.pagePost, .post { display:block; position:relative; width:550px; background-color:#fff; font-size:13px; padding:10px 20px; text-align:left; color:#282c74; margin-bottom:10px; margin-left: -10px; line-height: 150%;}
	.pagePost a img.size-full { float:none; }
	html > body .pagePost, html > body .post { width:510px; }
	.pagePost img, .post img { max-width:510px; height:auto; }
	.pagepost ul li {list-style-type: inside; margin-left: 15px;}
	#commentArea { text-align:left; padding: 15px; clear:left; }
		#commentArea p { margin:0px 0px 10px 0; }
		
		#newsField { margin:0px 0 40px 10px; }
		#newsField h1 { font-size:24px; color:#282c74; display:block; line-height: 30px; margin:15px 0 20px 0; text-align: center; padding: 0px 15px;}
			#newsField h1 a {  text-decoration:none; color:#282c74; }
		#newsField h2 { font-size:15px; color:#282c74; text-transform:uppercase; display:block; margin-bottom:14px; margin-top:15px;}
			#newsField h2 a {  border-bottom:solid 1px #282c74; text-decoration:none; color:#282c74; }
			#newsField hr { border:0; background-color:#2395e7; height:1px; margin-bottom:7px; }
		#newsField a { color:#282c73; }
		#newsField a:HOVER { color:#2395e7; }
		#newsField img { margin-bottom:12px; margin-top: 10px; border: solid 0px #e3e3e3; display:block;}
		#newsField .noMargin { margin:0px 0px 0px -1px; border: none;}
		#newsField indent { font-size:13px; color:#282c74; display:block; line-height: 18px; margin:15px 0 20px 0; text-align: center; padding: 0px 45px;}
	#mailingList { position:absolute; top:645px; width:120px; text-align:center; }
		#mailingList .input { font-size:10px; font-family:Arial,Helvetica,sans-serif; color:#1d3675; border:solid 1px #1d3675; width:100px; padding:2px; margin-bottom:5px; }
		#mailingList .submit { font-size:10px; font-weight:bold font-family:Arial,Helvetica,sans-serif; color:#1d3675; border:solid 1px #1d3675; padding:2px; }
	.authorText { margin-top:20px; margin-bottom:15px; color:#2395e7; font-size:11px; text-transform: uppercase; font-weight: bold; text-decoration: none; text-align: center;}
		.authorText a { text-decoration:none; color:#2395e7; }
		.authorText a:HOVER { text-decoration: underline; }
	.dateText { margin:10px 0 0px 0; color:#2395e7; font-size:11px; text-transform: uppercase; font-weight: bold; text-decoration: none; text-align: center;}
	.imageFrame { padding-right:0px; }
	.clearBoth { clear:both; height:1px; }
	
	.sep { height:3px; clear:left; display:block; margin:10px 0px; background-color:#282c74;}
	.storeClear { display:block; margin-top:10px; }
	td { color:#282C74; }
	select { color:#282C74; }
	.submitButton { margin-top:15px; }
.commentmetadata { font-size 11px; text-transform: uppercase; margin-bottom: 10px; margin-top: 10px; text-decoration: none; }
.post_lg { font-size 24px; text-transform: uppercase; margin-bottom: 3px; text-decoration: underline; }
.mediatemple { margin:10px 0 0 10px; }

#pressTable td { text-align:center; }
#bgDiv { width:1px; height:1px; }
#recent-comments, #archives, #search { background-color:#fff; margin-top:10px; }
#comment {width: 100%;}
.navigation { margin: 0 0 30px -10px; position:relative; background-color:#fff; height:14px; width:540px; padding:5px; font-size:11px; font-family:"Courier New", Courier, monospace; }
html > body .navigation { width:540px; }
.navigation div { margin-bottom:30px; }
.navigation a { text-transform:uppercase; }
.navigation .copyrightText {margin-bottom:40px;}
#newsfield .searchTitle { background-color:#fff; width:550px; padding:7px 12px 7px 13px; font-size:16px; font-weight:bold; color:#282C74; margin:0 0 15px -5px; display:none;}
.copyrightText { text-align:right; color:#282C73; display:block;}
.commentlist li { list-style-type:none; }
.adSpace { margin-bottom:10px; }

/*	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) */

p {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.aligncenter {
	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;
	}

.alignright {
	float: right;
	}

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