/*  
Theme Name: Nocoast Original
Theme URI: http://www.nocoastoriginal.com/
Description: Theme for A Nocoast Original website.
Version: 1.5.
Author: Matt Omohundro
Author URI: http://www.mattomohundro.com/
*/

/**** GENERAL LAYOUT ****/

html, body {	
	height: 100%;
	width: 100%;}

body {
	font-family: Verdana, Helvetica, "Lucida Grande", Arial, "Trebuchet MS", Verdana, Sans-serif;
	color: #000;
	text-align: center;
	margin: 0;
	background: url(../images/bg.gif) top center repeat-y;
	background-color: #fff;}

#wrapper {
	width: 800px;
	min-height: 100%;
	background: #fff url(../images/wrapper_bg.gif) top center repeat-y;
	text-align: left;
	margin: 0 auto;
	padding: 0 0 2em 0;
	position: relative;}

* html #wrapper {
	height: 100%;}

#clearfooter{
	clear:both;
	width: 100%;
	height: 0;}
	
#footer {
	width: 800px;
	text-align: center; 
	background: #000000;
	padding: .5em 0;
	margin: -1.5em auto 0 auto;
	position: relative;}

body.gallery #wrapper {
	width: 800px;
	height: 100%;
	min-height: 800px;
	background: #FFFFFF;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	position: relative;}

a {
	color: #ea1c1e;
	text-decoration: none;}

a:hover {
	color: #666666;
	text-decoration: underline;}

html>body #wrapper{height:auto;}

#header {
	width: 800px;
	height: 200px;
	margin: 0;
	padding: 0;
	background-image: url(../images/header.jpg);
	border: 0;}

#header h1 {
	display: none;
	margin: 0;
	padding: 0;
	border: 0;}

ul#global_nav {
	width: 380px;
	height: 200px;
	margin: 0 0 0 420px;
	padding: 0;
	border: 0;
	background-image: url(../images/nav.gif);
	position: relative;}

ul#global_nav li { 
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;}

/* Hidden anchors for screen readers */
a.skippy {
display: none;}

ul#global_nav li, ul#global_nav a {
	height: 200px;
	display: block;}

ul#global_nav a {
	text-indent: -9999px;
	text-decoration: none;}

ul#global_nav li#home {left: 0; width: 80px;}
ul#global_nav li#gallery {left: 97px; width: 80px;}
ul#global_nav li#media {left: 200px; width: 80px;}
ul#global_nav li#shop {left: 300px; width: 63px;}

ul#global_nav li#home a:hover, body.home ul#global_nav li#home {background: transparent url(../images/nav.gif) 0 -200px no-repeat;}
ul#global_nav li#gallery a:hover, body.gallery ul#global_nav li#gallery {background: transparent url(../images/nav.gif) -97px -200px no-repeat;}
ul#global_nav li#media a:hover, body.media ul#global_nav li#media {background: transparent url(../images/nav.gif) -200px -200px no-repeat;}
ul#global_nav li#shop a:hover, body.shop ul#global_nav li#shop {background: transparent url(../images/nav.gif) -300px -200px no-repeat;}


#content {
	margin: 0;
	padding: 87px 10px 0 5px;
	width: 450px;
	
	float: left;
	background: transparent url(../images/bg_content.jpg) top left no-repeat;
  text-align: left;
  height: 100%;}





#content_gallery {
	margin: 0;
	padding: 87px 0 0 0;
	width: 800px;
	background: #FFFFFF url() top left repeat-x;
	text-align: center;
	height: auto;
	position: relative;}

#flashcontent {
	margin: -500;
	padding: 0 150px 0px 150px;
	width: 500px;
	margin-top: 80px;
	height: auto;
	border: 0;
	background: transparent;
	text-align: center;
	position: relative; 
	z-index: 1;}

#flashcontent_splatter {
	margin: -500px 0 0 0;
	height: 600px;
	width: 800px;
	background: transparent url(../images/gallery_splatter.gif) bottom right no-repeat;
	position:absolute;
	bottom: 0;
	z-index: 0;}


#flash_holder h2 {
	font-size: 1em;
	margin: 50px 0 0 0;
	color: #ffff00;}

html>body div#home_sb {
	margin: 0;
	padding: 87px 0 0 0;
	width: 325px;
	height: 87px;
	float: right;
	background: #fff url(../images/sidebar.jpg) top center no-repeat;
	min-height: 620px;
	height: 100%;
	text-align: center;}

/*temporary IE hack */
div#home_sb {
	margin: 0;
	padding: 87px 0 0 0;
	width: 325px;
	float: right;
	height: auto;
	background: #fff url(../images/sidebar.jpeg) top center no-repeat;
	text-align: center;}


* html div#home_sb {
	margin: 0;
	padding: 87px 0 0 0;
	width: 275px;
	float: right;
	height: auto;
	background: #fff url(../images/sidebar.jpeg) top center no-repeat;
	text-align: center;}

div#home_sb ul, div#home_sb ul.shop {
	margin: 0;
	padding: 1em 25px 35px 25px;
	width: 275px;
	color: #fff;
	background: none;}

* html div#home_sb ul, * html div#home_sb ul.shop {
	margin: 0;
	padding: 1em 0 35px 0;
	width: 275px;
	color: #fff;
	background: none;}


#home_sb ul li {
	margin: 0 0 35px 0;
	padding: 0;
	font-size: .8em;
	list-style-type: none;}

	#home_sb ul li.title {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: .8em;
	list-style-type: none;}

#home_sb ul.shop li {
	margin: 0 0 1.5em 0;
	padding: 0;
	font-size: 1em;
	list-style-type: none;}

#home_sb ul.shop li a {
	color: #fff;
	text-decoration: underline;}

#home_sb ul.shop li a:hover {
	color: #ffff00;
	text-decoration: none;}

a.sb_img {
	color: #fff;
	text-decoration: none;}


#home_sb ul li.nc_stuff {
	margin: 0 0 25px 0;
	padding: 0 0 30px 0;
	font-size: .8em;
	list-style-type: none;
	border-bottom: 1px solid #fff;}

img.noborder a, img.noborder {
	padding: 0;
	border: 0;
text-decoration: none;
color: #000;}

img.shop {
	margin: 1.5em 0 0 0;
	padding: 0;
	border: 0;}




/**** TYPOGRAPHY ****/

h1 {
	font-family: Verdana, Helvetica, "Lucida Grande", Arial, "Trebuchet MS", Verdana, Sans-serif; 
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size: 18px;
	line-height: 1.25em;
	color: #ffff00;}

h2.gal {
	font-family: Verdana, Helvetica, "Lucida Grande", Arial, "Trebuchet MS", Verdana, Sans-serif; 
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 18px;
	line-height: 1.25em;
	color: #ffff00;
	text-align: center;}

h2.shop {
	font-size: 1em;
	margin: .75em 0 0.5em 0;
	line-height: 1em;
	color: #000;
	padding: 0;}

p {
	margin: 0 0 1.25em 0;
	padding: 0;
	font-size: .8em;
	line-height: 1.75em;
	text-align: left;}

p.center {
	text-align: center;}

p.right {
	text-align: right;}
	
#footer p {
	margin: 0;
	padding: 0;
	font-size: .6em;
	line-height: 1.25em;
	color: #CCCCCC;
	text-align: center;}

#footer p a {
	color: #CCCCCC;
	text-decoration: none;}

#footer p a:hover {
	color: #CCCCCC;
	text-decoration: underline;}




/****** sIFR STUFF ******/



/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	letter-spacing: -3px;
}


/* End sIFR stuff */


/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 115px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	color: #fff;
	background: #000;
	border: 1px solid; 
	border-color: #ea1c1e #ea1c1e #ea1c1e #ea1c1e;
	}



#commentform #submit {
	margin: .5em 0 2em 0;
	}
/* End Form Elements */

/*SHOP FORM */

form.shop, div.post {
	margin: 1em 0 1.5em 0;
	padding: 0 0 2.5em 0;
	border-bottom: 1px dashed #fff;}


* html body.home div.post {
	margin-top: -767px;
	width: 450px;
	}

/* CONTACT FORM CSS */

form.contactform  {
margin: 0;
text-align: left;}
	
form.contactform  ul {
font-size: .8em;
line-height: 1.6em;
list-style: none;
margin: 1em 0 0 0;
padding: 0;}

div.submit_buttons {
margin: 0 25px 0 0;
} 
	

form.contactform ul li {
margin: 0 0 1.75em 0;
padding: 0;
background: none;
clear: left;}

form.contactform ul li.nofloat {
margin: 0 0 .5em 0;
clear: none;
display: block;}
	
form.contactform li label, .like_label {
display: block;
width: 6em;}

form.contactform li label.longer, .like_label2 {
display: block;
width: 14em;} 
	
/* \*/ form.contactform  li label, .like_label, form.contactform  li label.longer, .like_label2 {
float: left;
margin-right: 0.3em;
text-align: left;} /* */
	
form.contactform  li.check label {
float: none;
display: inline;
margin: 0;
text-align: left;
width: auto !important}
	
form.contactform fieldset{
border: 0;
margin:0;
padding:0 25px 25px 0;}

form.contactform input.textinput {
	padding: 0.03em 0 0.03em .45em;
width: 20em;
color: #fff;
background: #000;
border: 1px solid; 
border-color: #ea1c1e #ea1c1e #ea1c1e #ea1c1e;
margin: 0;}


form.contactform :root legend {
margin-bottom: 0;}
	
html>body .hide_label2 {
text-indent: -9999px}

/* IE Hacks */
.hide_label2, .hide_me {
position: absolute;
left: -9000px}

form.contactform textarea, #commentform textarea  {
color: #fff;
background: #000;
border: 1px solid; 
border-color: #ea1c1e #ea1c1e #ea1c1e #ea1c1e;
width: 90%;
padding: .75em;
margin: .5em 0 0 0;}


/* Begin Comments*/
.alt {
	margin: 0;
	padding: 1em;
	background: transparent;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	font-weight: normal;
	font-size: .8em;
	}


#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}





.commentlist cite, .commentlist cite a {
	color: #E35020;
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	font-style: normal;
	letter-spacing: 1px;
	}

	.commentlist cite {
		font-size: .8em;}

.commentlist cite a:hover, .commentmetadata a:hover {
	color: #E35020;  
	text-decoration: underline;}

.commentlist p {
	font-size: .9em;
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	margin: 10px 5px 10px 0;
	}

#commentform p {
	font-family: Verdana, Arial, Sans-Serif;
	}

.commentmetadata, .commentmetadata a {
	font-weight: normal;
   color: #4d6d7e;
   text-decoration: none;
	}

	small {
	font-size: 0.8em;
	line-height: 1.5em;
	}

.postmetadata {
	margin: 2em 0 1em 0;
	}

span.comment {font-size: .8em}
/* End Comments */