/*  
Theme Name: Nowhere Noir
Theme URI: http://www.nowhereskateboards.com
Description: Bandaged dude lurking in dark alleys
Version: 1
Author: Sally Carson
Author URI: http://www.fixpert.com/
*/


/* ----------------------------[ HTML ]----------------------------- */

body, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form {
	margin: 0;
	padding: 0;
	font-size: small;
	font-family: "Lucida Grande", Verdana, sans-serif;
	}

hr {
	border: 0;
	color: #333;
	background-color: #333;
	height: 1px;
	margin: 10px 0;
	}

p {
	color: #000;
	font-size: small;
	line-height: 1.5em;
	}

h1, h2, h3, h4, h5, h6 {
	color: #000;
	font-weight: bold;
	}

h1 { font-size: 155%; }
h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

a:link,
a:visited {
	color: #1950AB;
	}

a:hover,
a:active {
	color: #000;
	}

a img {border: none; }

/* ---------------------------[ PAGE CONSTRUCTION ]---------------------------- */

/* ---------------------------------------------------------------------------- */

#container {
	width: 800px;
	margin: 0 auto;
	text-align: center;
	}

#content {
	text-align: left;
	}

#primary_content {
	width: 577px;
	background: #ccc;
	border: 1px solid #666;
	margin: 10px 0 10px 20px;
	}

#primary_content_pages { /* no sidebar for Pages */
	width: 760px;
	background: #ccc;
	border: 1px solid #666;
	margin: 10px 0 10px 20px;
	}

body.rrail {
	background: #000 url(http://www.nowhereskateboards.com/wp-content/themes/fixpert/images/bg_rrail.gif) repeat-y 50% 50%;
	}

body.no_rrail {
	background: #000 url(http://www.nowhereskateboards.com/wp-content/themes/fixpert/images/bg.gif) repeat-y 50% 50%;
	}

body.rrail #sidebar {
	float: left;
	width: 180px;
	margin: 20px;
	}

body.no_rrail #sidebar {
	float: right;
	width: 180px;
	margin: 0 16px 0 20px;
	}
body.no_rrail #sidebar {
	margin: 0 6px 0 0;
	}


/* ---------[ blog_nav - box containing blog categories ]--------- */

#blog_nav {
        width: 172px;
        margin-bottom: 14px;
        }

#blog_nav img {
	background: #fff;
	border: 1px solid #444;
	margin: 3px 0;
	padding: 3px;
	}

#blog_nav h2 {
	font-size: 120%;
	background: #ededed;
	border: 1px solid #444;
	border-bottom: 1px solid #c9c9c9;
	padding: 10px;
	margin-top: 10px;
	}

#blog_nav ul {
	border: 1px solid #444;
	border-top: none;
	padding: 10px 0 10px 10px;
	background: #fff url(http://www.nowhereskateboards.com/wp-content/themes/fixpert/images/fade_up_cat.gif) bottom left no-repeat;
	}

#blog_nav li {
	list-style: none;
	background: url(http://www.nowhereskateboards.com/wp-content/themes/fixpert/images/post_icon.gif) top left no-repeat;
	padding-left: 20px;
	margin-bottom: 8px;
	}

#blog_nav li a {
	color: #0C3EA2;
	text-decoration: none;
	}


/* -------------[ FOOTER ]------------- */

#footer {
        clear: right;
        width: 760px;
	background: #000;
	color: #fff;
	font-size: x-small;
	text-align: center;
	padding: 20px;
        margin-top: 60px;
	}

#footer a {
	color: #fff;
	}

#footer a:hover {
	color: #bfd8f3;
	}


/* --------------------------------------------------------------------------- */
/* ---------------------------[ end PAGE CONSTRUCTION ]----------------------- */




/* --------------------------------------------------------------------------- */
/* ---------------------------[ NAV CONSTRUCTION ]---------------------------- */

#nav_zone {
	background: #000 url(http://www.nowhereskateboards.com/wp-content/themes/fixpert/images/masthead.gif) no-repeat top left;
	position: relative;
	width: 800px;
	height: 127px;
	padding: 0;
	margin: 0;
	}

#nav {
	position: absolute;
	top: 90px;
	left: 130px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 37px;
	display: inline;
	overflow: hidden;
	width: 490px;
	}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	float: left;
	padding: 37px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:37px; /* for IE5/Win */
	}
	
#nav a:hover {
	background-position: 0 -37px;
	}

#nav a:active, 
#nav a.selected {
	background-position: 0 -74px;
	}


/* -------------[ TABS ]------------- */

#thome a  {   /* SALLY == Maybe this should be the entire nowhere dude head */
	width: 72px;
	background: url(http://www.nowhereskateboards.com/wp-content/themes/fixpert/images/tabs/home.gif) top left no-repeat;
	}

#tparks a  {
	width: 72px;
	background: url(http://www.nowhereskateboards.com/wp-content/themes/fixpert/images/tabs/parks.gif) top left no-repeat;
        }

#tblog a  {
	width: 61px;
	background: url(http://www.nowhereskateboards.com/wp-content/themes/fixpert/images/tabs/blog.gif) top left no-repeat;
	}

#tshop a  {
	width: 61px;
	background: url(http://www.nowhereskateboards.com/wp-content/themes/fixpert/images/tabs/shop.gif) top left no-repeat;
	}

#tabout a  {
	width: 71px;
	background: url(http://www.nowhereskateboards.com/wp-content/themes/fixpert/images/tabs/about.gif) top left no-repeat;
	}

#tcontact a  {
	width: 83px;
	background: url(http://www.nowhereskateboards.com/wp-content/themes/fixpert/images/tabs/contact.gif) top left no-repeat;
	}

#tlinks a  {
	width: 70px;
	background: url(http://www.nowhereskateboards.com/wp-content/themes/fixpert/images/tabs/links.gif) top left no-repeat;
	}

/* ---------------------------[ end NAV CONSTRUCTION ]---------------------------- */

/* --------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------- */
/* --------------------------------[ BLOG ENTRIES ]---------------------------- 
			entries is a div that wraps around any area containing a blog post, or
			a listing of blog posts with excerpts
			*/

#entries {
	margin: 20px;
	width: 540px;
	}

#entries p {
	margin-bottom: 20px;
	font-size: 95%;
	}

.one-entry {
	background: #fff;
	padding: 10px;
	border: 1px solid #999;
	margin-bottom: 20px;
	}

.one-entry ul, 
.one-entry ol {
	margin: 0 0 20px 20px;
	}

.one-entry blockquote {
	margin: 0 0 20px 10px;
	padding-left: 10px;
	border-left: 2px solid #aaa;
	}

.one-entry h1 a:link,
.one-entry h1 a:visited {  /* h1 is the post title on single post page */
	color: #369;
	text-decoration: none;
	}

.one-entry h1 a:hover,
.one-entry h1 a:active {
	color: #000;
	text-decoration: underline;
	}

.one-entry h1 {
	margin-bottom: 10px;
	}


.one-entry h2 {  /* h2 is the post title on pages listing multiple posts */
	margin-bottom: 8px;
	}

.one-entry h2 a {
	}

/* --------------------------------[ end BLOG ENTRIES ]--------------------------- */
/* ------------------------------------------------------------------------------- */




/* --------------------------------------------------------------------------- */
/* ----------------------------[ COMMENTS and FORMS ]---------------------------- 
			comment_area describes the div around the entire comment area, where
			users submit new comments, and where existing comments are listed
			*/

#content div.comment_area {
	border-top: 1px solid #ccc;
	margin-top: 20px;
	}

#content div.comment_area h3.discuss { /* 5 responses so far */
	color: #000;
	margin: 16px 0;
	}

#content div.comment_area h3.prompt { /* say it loud */
	color: #000;
	margin: 16px 0;
	padding-top: 6px;
	border-top: 1px solid #999;
	}

#content div.one-entry div.comment_area ol li p,
#content div.one-entry div.comment_area ol li cite,
#content div.one-entry div.comment_area ol li a,
#content div.one-entry div.comment_area ol li,
#content div.one-entry div.comment_area p {
	font-size: small;
	}

#content div.one-entry div.comment_area ol li cite { /* John Doe said on */
	font-style: normal;
	}

#content div.one-entry div.comment_area ol li span.commentmetadata a { /* date comment was posted */
	}

#content div.one-entry div.comment_area ol li { /* odd number comments darker bg color */
	background: #eee;
	padding: 10px;
	}

#content .comment_area ol.commentlist li.alt { /* even number comments lighter bg color */
	background: #fff;
	}

ul.commentlist {
	list-style: none;
	}

#content div.one-entry div.comment_area ol { /* the ordered list is the entire list of existing comments */
	margin-left: 0;
	}

#content div.one-entry div.comment_area ol li { /* one list item is one individual existing comment */
	list-style: none;
	margin-left: 0;
	}

/* ------------------[ Form Elements - User Comment Submission ]------------------ 
			commentform is the id assigned to the html FORM element where
			users submit their comments underneath blog posts
			*/

#commentform input {
	width: 170px;  
 	padding: 2px;
	margin: 5px 5px 1px 0;
	} 

#commentform textarea {
        border: 1px solid #9eb0c3;
	width: 99%;
 	background:#eaf0f6;
	}

#commentform textarea:focus {
	background:#fff;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}

#commentform p {
	margin: 5px 0;
	}


/* ----------------------------[ end COMMENTS and FORMS ]----------------------------  */
/* ----------------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------------- */
/* -----------------------------------[ IMAGES ]-----------------------------------
			Use 'class="alignright"' to align the image to the right 
			Use 'class="alignleft"' to align the image to the left
			Use 'class="centered' to center the image
			*/
	
img.centered {
	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;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}

/* -------------[ Flickr Badge ]------------- */

#flickr {
        border-top: 1px solid #333;
        margin-top: 20px;
        }

#flickr img {
        background:#ddd;
        padding: 1px;
        margin: 4px;
	float: left;
	border: 1px solid #666;
	}

#flickr img:hover {
        background:#666;
	border: 1px solid #000;
	}

#flickr h2 {
	margin: 4px 0 12px 0;
        }

#flickr h2 a {
        color: #000;
	font-size: medium;
        text-decoration: none;	
        }


/* -------------[ RSS in sidebar ]------------- */
#rss {
        clear: left;
        border-top: 1px solid #333;
        margin-top: 20px;
        }

#rss h2 {
	margin: 4px 0 12px 0;
        font-size: 120%;
        }

#rss img {
        }


/* ----------------------[ H2 IMAGE REPLACEMENT ]---------------------- 
			These are the slab serif headers at the top of the page 
			when you're in that section 
			*/

h2#shop_ir {
	background: url(http://www.nowhereskateboards.com/wp-content/themes/fixpert/images/shop_h2.gif) top left no-repeat;
	text-indent: -8000px;
	width: 64px;
	height: 26px;
	margin: 10px 0 0 20px;
	}

h2#posts_ir {
	background: url(http://www.nowhereskateboards.com/wp-content/themes/fixpert/images/posts_h2.gif) top left no-repeat;
	text-indent: -8000px;
	width: 175px;
	height: 20px;
	margin: 10px 0 0 20px;
	}

h2#photos_ir {
	background: url(http://www.nowhereskateboards.com/wp-content/themes/fixpert/images/photos_h2.gif) top left no-repeat;
	text-indent: -8000px;
	width: 92px;
	height: 20px;
	margin: 10px 0 0 20px;
	}

h2#blog_ir {
	background: url(http://www.nowhereskateboards.com/wp-content/themes/fixpert/images/blog_h2.gif) top left no-repeat;
	text-indent: -8000px;
	width: 63px;
	height: 26px;
	margin: 10px 0 0 20px;
	}

h2#about_ir {
	background: url(http://www.nowhereskateboards.com/wp-content/themes/fixpert/images/about_h2.gif) top left no-repeat;
	text-indent: -8000px;
	width: 80px;
	height: 20px;
	margin: 10px 0 0 20px;
	}

h2#contact_ir {
	background: url(http://www.nowhereskateboards.com/wp-content/themes/fixpert/images/contact_h2.gif) top left no-repeat;
	text-indent: -8000px;
	width: 105px;
	height: 21px;
	margin: 10px 0 0 20px;
	}

h2#links_ir {
	background: url(http://www.nowhereskateboards.com/wp-content/themes/fixpert/images/links_h2.gif) top left no-repeat;
	text-indent: -8000px;
	width: 77px;
	height: 21px;
	margin: 10px 0 0 20px;
	}

/* ------------------------------[ end IMAGES ]--------------------------------  */
/* ----------------------------------------------------------------------------- */