/* 
------------------------------------------------------
Styles for New Skateboard Graphics
------------------------------------------------------
January 2008

Adapted Studio / Eric Ishii Eckhardt
eric at adaptedstudio.com
*/


body {
	background-color:#e7d0a9;
	background-image:url(../images/wood-texture1.jpg);
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:.89em;
	line-height:1.4;
	color:#424242;
}


p {
	font-size:12px;
	/*line-height:1.8;*/
}

a img {
	border:0;
}

.varnish {
	background-image:url(../images/varnish.png);
}

.temp-title {
	color:#fff8e6;
	font-weight:100;
}

a {
	color:#008aff;
	text-decoration:none;
}

#content p a {
	border-bottom:1px dotted #0053a1;
}
a:hover {
	background-color:#f4ff00;
}
#colMain {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	position:relative;
	margin-top:0px;
}

#header {
	position:relative;	
	margin-top:0px;
	clear:both;
}
#brand {
	height: 175px;	
	position:relative;
}

#blobs {
	width: 154px;
	height: 154px;
	background: url(/static/images/quick-link-all.png);
	/*
	margin: 10px auto; padding: 0;
	position: relative;
	*/
	padding: 0;
	position:absolute;
	top:-20px;
	left:850px;
}
#blobs li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#blobs a {display: block; /*border: solid 1px #f00;*/ }

#blob1 {left: 15px; top: 55px; width: 110px; height: 40px;}
#blob2 {left: 10px; top: 83px; width: 114px; height: 30px;}
#blob1 a {height: 40px;}
#blob2 a {height: 30px;}

#blob1 a:hover {background: url(/static/images/quick-link-all.png) -15px -209px no-repeat;}
#blob2 a:hover {background: url(/static/images/quick-link-all.png) -10px -391px no-repeat;}

/*
#blob1 a:hover {background: url(blobs.gif) -10px -307px no-repeat;}
#blob2 a:hover {background: url(blobs.gif) -77px -166px no-repeat;}
*/



#title-graphic {
	position:absolute;
	top:34px;
	left:10px;
}
#brand img{
	position:absolute;
	top:27px;
}
#boardSlider {
	height:250px;
	position:absolute;
	width:100%;
	top:169px;
}

.h-slider {
	/*overflow-x: auto;*/
}
.h-slider .case {
	background-color:white;
	/*width:4000px;
	height:500px;*/
	float:left;
}
.h-slider div {
	position:relative;
	float:left;
}

#sliderCase {
	height: 200px;
	width: 600px;
}

#slider {
	display: none; 
} 
#demo .flashCase {
	height: 150px;
	width: 150px;
}
		
#spread1 { display:block; }
#spread2 { display:none; }
#spread3 { display:none; }

/* !TITLES */
.slider-title-box {
	position:relative; 
	height:445px;
	margin-top:0px;
}

#nsg-title {
	background-image:url(/static/images/title-bar-plain.png);
	position:absolute;
	top:27px;
	left:15px;
	width:950px;
	height:40px;
}
#nsg-title h1{
	color:#FFFFFF;
	font-size:50px;
	margin:0px;
	padding:0px;
	line-height:1;
	display:none;
}
.nsg-sub-title {
	background-image:url(/static/images/title-bar-plain.png);
	position:absolute;
	top:80px;
	left:15px;
	width:950px;
	height:41px;
}
.nsg-sub-title h2{
	text-transform: uppercase;
	color: #707070;
	font-size:50px;
	margin:0px;
	margin-top:-3px;
	padding:0px;
	line-height:1;
	display:none;
}
#nsg-byline {
	background-image:url(/static/images/by-line.png);
	position:absolute;
	top:428px;
	left:10px;
	width:950px; 
	height:12px;
}
#nsg-byline  h3{ display:none; }

#nsg-announcement { background-image:url(../images/title-bar-announcements.png); }
#nsg-book {	background-image:url(../images/title-bar-book.png); }
#nsg-contact { background-image:url(../images/title-bar-contact.png); }
#nsg-weblog { background-image:url(../images/title-bar-weblog.png); }
#nsg-none { background-image:none; }
#nsg-none h2{ display:block; width:830px;}
#nsg-text { background-image:url(../images/title-front-text.png); height:74px; }

#primary-nav {
	position:absolute;
	right:5px;
	top:0px;
	font-size:12px;
	font-weight:900;
	color:#008aff;

	float:none;
	display:block; 
	position:relative;
}
#primary-nav ul{
	margin: 0px auto; 
	padding: 0;
	text-align:right;
	float:right;
	}
#primary-nav ul li {
	margin: 0; padding: 0; list-style: none;
	float:left;
	padding-left:10px;
	
	}
#primary-nav ul li, .nav a {
	height: 20px;
	display: block;
	}
	
.summary-box {
	width: 476px;
	float:left;
	position:relative;
	margin-top:20px;
	margin-right:26px;
}
.last {
	margin-right:0px;
}

#content .spread-box p a { border:0; padding-bottom:3px;}
#content .spread-box p a:hover { border:0; padding-bottom:3px; }
.spread-box p {
	width:230px;
	margin-right:12px;
	margin-left:0px;
	margin-top:12px;
	margin-bottom:0px;
	float:left;
}

/* Used on blog searches so far*/
.entry-list-title {
	font-family: Arial, Helvetica, sans-serif;
	margin-top:0px;
	padding:10px;
	font-weight:100;
	font-size:18px;
	text-transform:uppercase;
}
.search-term {
	font-size:21px;
	text-transform:none;
	font-weight:900;
}

.spread-box p img {
	border:1px solid #424242;
}
.spread-box p.even {
	margin-right:0px;
}
.announce-box p, .blog-box p, .open-box p {
	margin-left:10px;
	margin-top:0px;
	margin-bottom:0px;
}
.announce-box h4, .blog-box h4, .open-box h4 {
	margin:0px;
	margin-top:10px;
	margin-left:10px;
}
p.extracontent {
	margin-top:0px; padding-top:0px; font-size:10px; padding-bottom:10px;
}

.announce-box h4 a, .announce-box h4 a:hover, .blog-box h4 a, .blog-box h4 a:hover {
	color:#424242;
	font-weight:600;
	line-height:14px;
	margin-bottom:0px;
	background-color:#f4ff00;
}

h3 {
	color:#ffffff;
	padding:5px;
	padding-left:10px;
	margin:0px;
	text-transform:uppercase;
}

#footer {
	font-size:11px;
	margin-top:30px;
	color:#ffffff;
	text-transform:uppercase;
	clear:both;
	padding:10px;
	padding-top:5px;
	padding-bottom:5px;		
	position:relative;
}

#headerBg {
	height:445px;
	margin-top:0px;
}

.weblog #headerBg, .interior #headerBg {
	height:190px;
}

#links_head {
	margin-top:0px;
}
.sidebar h2 {
	margin-top:20px;
	margin-bottom:0px;
	color:#ffffff;
	font-size:25px;
	text-transform:uppercase;
}

.weblog .content {
	width:620px;
	float:left;
	margin-top:20px;
}

.first-post {
	margin-top:0px;
}
.n-post {
	margin-top:20px;
}
.post-header {
	padding:5px;
	padding-left:10px;
}

.postcontent, .news-item {
	padding:1px;
	position:relative;
	padding-right:10px;
	padding-left:10px;
	margin-top:8px;
}
.postcontent p {
	margin-top:8px;
	/*line-height:1.4;*/
}
.post h2 {
	float:left;
	margin-top:2px;
	margin-bottom:0px;
}
.post .byline {
	font-size:10px;
	text-transform:uppercase;
}
.date {
	float:left;
	margin-top:4px;
	margin-left:12px;
}
a.date, a:hover.date{
	color:#595959;
}
h3 a { color:#ffffff; }
h3 a:hover { background-color:transparent; }

h2 a, h2 a:hover {
	color:#ffffff;
	text-transform:uppercase;
	font-weight:100;
	font-size:18px;
}
h2 a:hover { background-color:#008aff; }
#nsg-title:hover { background-color:#008aff; }
.flex-content-chunk { margin-top:0px; padding:1px 12px; }

.content-head {
	padding:12px;
	margin-bottom:5px;
}
.weblog .sidebar {
	float:left;
	padding:10px;
	padding-top:5px;
	margin-left:10px;
	width:320px;
	margin-top:20px;
}
.weblog .sidebar form {
	position:relative;
	height: 40px;
	margin-top:20px;
}
.weblog .sidebar form .searchfield{
	position:absolute;
	top:8px;
}
.submitbutton {
	position:absolute;
	left:265px;
}

/* !COMMENTS */
.comment-head {
	float:none;
	clear:both;
	display:block;
	color:#ffffff;
	font-weight:100;
	text-transform:uppercase;
	padding:12px;
	margin-bottom:5px;
}

.comment-tab {
	float:left; 
	margin-top:20px; 
	padding:12px; 
	text-transform:uppercase;
}

.preview-header { text-transform:uppercase;}
.preview .sidebar { display:none; }
.commentblock {}

.comment-item-body, .comment-item-head {
	float:left;
	margin:0px;
	padding:4px 12px;
}
.comment-item-body, .comment-item-body p {
	font-size:12px;
	line-height:1.4;
}

.comment-item-head {
	font-size:12px;
	font-weight:100;
	text-transform: uppercase;
	margin-top:20px;
}
.comment-buttons {
	margin-top:0px;
	float:right;
	margin-right:12px;
}
.comment-buttons input{
	float:right;
	margin-left:12px;
}
.commentblock p.comment textarea{
	width:100%;
	border:1px solid gray;
}
.commentblock p.comment{
	float:none;
	clear:both;
	padding:0 12px;
}
.commentblock label{
	text-transform: uppercase;
	color:#ffffff;
	font-weight: 900;
}
.commentblock p.error label{
	color:red;
}
.commentblock p.comment label{
	width:100%;
	float:none;
	display:block;
}
.commentblock p.name, .commentblock p.url, .commentblock p.email {
	width:194px;
	margin-left:12px;
	float:left;
}
.name input, .url input, .email input {
	width:182px;
	border:1px solid gray;
}

/* !THE BOOK */
div.colContentLeft {
	float:left;
	width:455px;
}
div.colContentRight {
	float:right;
	width:455px;
}
div.colContentTripleLeft {
	float:left;
	width:295px;
}
div.colContentTripleMid {
	float:left;
	width:295px;
	margin-left:35px;
}
div.colContentTripleRight {
	float:left;
	width:295px;
	margin-left:35px;
}

div.panes_case { position:relative; display:block; width:100%;}
div.img_case { background-color:#ffffff; padding:12px; }
.shortarticle div.img_case p{ font-size:12px; }
div.panes { display:none; position:relative; width:100%; }
div.show_pane { display:block; }
div#slider .slideritem { width:310px; margin-left:0px; height:210px;}
.inneritem { position:relative; float:left; }
.zoom { 
	background-image: url(../images/zoom-blue.png);
	cursor:pointer; 
	position:absolute; 
	width:42px; 
	height:42px; 
	top:160px; 
	left:276px;
	
}
a.zoom:hover { background-color:transparent; }

.bookpage .zoom {
	top:165px;
}
.bookpage div#slider .slideritem {
	padding-top:5px;
	height:200px;
}
.longarticle div#slider .slideritem, .shortarticle div#slider .slideritem { 
	height:217px;
	width:312px;
}
.longarticle .zoom, .shortarticle .zoom {
	top:175px;
}
.shortarticle .zoom {
	background-image: url(../images/zoom-yellow.png);
}
div.overlay{
	width:100%;
	height:100%;
	padding:0px;
	position:absolute;
	top:0px;
}
div.slider_selected {
	background-image:url(../images/overlay.png);
}
		
/* !NEWS ITEM */
.news-headline {
	color:#ffffff;
	font-size:28px;
	text-transform:uppercase;
	font-weight:900;
	line-height:1;
	margin-top:8px;
	margin-bottom:0px;
}
.news-item p {
	margin-top:4px;
	margin-bottom:4px;
}

.weblog .sidebar ul{
	padding:0px;
	margin:0px;
}
.weblog .sidebar li{
	padding:0px;
	margin:0px;
	list-style-type:none;
	padding-top:4px;
	padding-bottom:4px;
}


.book_nav {
	width: 433px; height: 27px;
	background:url(../images/book-nav-off.png);
	margin: 0px; 
	padding: 0;
	position: absolute;
	top:140px;
}

.book_nav li {
	margin: 0; padding: 0; list-style: none;
	position: absolute; top: 0;
}

.book_nav li a span {
	display:none;
}
.book_nav li, .book_nav a {
	height: 30px; 
	display: block;
	}

.book_link_1 {left: 0; width: 146px;}
.book_link_2 {left: 146px; width: 97px;}
.book_link_3 {left: 243px; width: 121px;}
.book_link_4 {left: 364px; width: 69px;}

.book_link_1 a:hover, .book_link_1.on {
	background: transparent url(../images/book-nav-on.png) 0 0px no-repeat;}
.book_link_2 a:hover, .book_link_2.on {
	background: transparent url(../images/book-nav-on.png) -146px 0px no-repeat;}
.book_link_3 a:hover, .book_link_3.on {
	background: transparent url(../images/book-nav-on.png) -243px 0px no-repeat;}
.book_link_4 a:hover, .book_link_4.on {
	background: transparent url(../images/book-nav-on.png) -364px 0px no-repeat;}
   
.newspage .news-body p{
	font-size:16px;
}
.newspage .news-body .extra-link {
	font-size:12px;
}

.news-headline a{ color:#ffffff; }
.news-headline a:hover{ background-color:#008aff; }

.newspage .news-date{
	font-size:10px;
	font-weight:900;
}
 


/***********************************
*									*
* SLIDER STYLES 					*
*									*
************************************/

#sliderCase {
height: 200px;
width: 600px;
}

#slider {
display: none; 
} 

#demo .flashCase {
height: 150px;
width: 150px;
}
	
#blobs {
	 width: 154px;
	 height: 154px;
	 background: url(/static/images/quick-link-all.png);
	 /*
	 margin: 10px auto; padding: 0;
	 position: relative;
	*/
	padding: 0;
	position:absolute;
	top:-20px;
	left:850px;
}
#blobs li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#blobs a {display: block; /*border: solid 1px #f00;*/ }

#blob1 {left: 15px; top: 55px; width: 110px; height: 40px;}
#blob2 {left: 10px; top: 83px; width: 114px; height: 30px;}
#blob1 a {height: 40px;}
#blob2 a {height: 30px;}

#blob1 a:hover {background: url(/static/images/quick-link-all.png) -15px -209px no-repeat;}
#blob2 a:hover {background: url(/static/images/quick-link-all.png) -10px -391px no-repeat;}


		 	  
.cloud_link_1 { font-size:9pt; }
.cloud_link_2 { font-size:10pt; }
.cloud_link_3 { font-size:11pt; }
.cloud_link_4 { font-size:12pt; }
.cloud_link_5 { font-size:13pt; }
.cloud_link_6 { font-size:14pt; }
.cloud_link_7 { font-size:15pt; }
.cloud_link_8 { font-size:16pt; }
.cloud_link_9 { font-size:17pt; }
.cloud_link_10 { font-size:18pt; }
.cloud_link_11 { font-size:19pt; }
.cloud_link_12 { font-size:20pt; }
.cloud_link_13 { font-size:21pt; }
.cloud_link_14 { font-size:22pt; }
.cloud_link_15 { font-size:23pt; }
.cloud_link_16 { font-size:24pt; }
.cloud_link_17 { font-size:25pt; }
.cloud_link_18 { font-size:26pt; }
.cloud_link_19 { font-size:27pt; }
.cloud_link_20 { font-size:28pt; }
.cloud_link_21 { font-size:29pt; }
.cloud_link_22 { font-size:30pt; }
.cloud_link_23 { font-size:31pt; }
.cloud_link_24 { font-size:32pt; }