/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Georgia, 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: url('images/background-pipe.jpg') no-repeat;
	text-align: center;
	}

#page {
	text-align: left;
	background-image: none;
	}

#content {
	font-size: 1.5em;
	line-height: 1.5em;
	}



#footer {
	border: none;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: Mrs Eaves, Georgia, Times, Serif;	
	}

h1 {
	font-size: 2em;
	color: #330;
	text-align: left;
	}

h2 {
	font-size: 1.6em;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited {
	text-decoration: none;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}


small, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #333;
	text-decoration: none;
	}

a:hover {
	color: black;
	text-decoration: underline;
	}
	
li {
	margin-top: .5em;
}
/* --------------------------------------------------------------------------------------------------------------------------- Story View Typography----*/

#collect h2{
  width: 98px;
   height: 31px;
 background: url(images/collect.png) no-repeat;
text-indent: -9999px;
padding: 0;
margin:5px 0 0 0 ;
}

#share h2{
  width: 98px;
   height: 31px;
 background: url(images/share.png) no-repeat;
text-indent: -9999px;
padding: 0;
margin:5px 0 0 0 ;
}

#storyview h1 {
	line-height: 1em;
}

/* ------------------------------------------------------------------------------------------------------------------------- Library View Typography-----------*/

body#libraryview h1 {
	background-color: white;
}

body#libraryview h2 {
	padding: 10px 0 0 20px;
}
body#libraryview .entry p {
	margin: 5px 20px;
}


body#libraryview .post a.storypermalink {
	text-decoration: none;
/*	background: url(images/librarybackgroundthing.png) no-repeat;*/	
	background: #f2f2f2;
	border: 1px #333 dotted;
}


body#libraryview .post a.storypermalink:hover {
	text-decoration: none;
/*	background: url(images/librarybackgroundthing.png) no-repeat 0 -202px;	*/
	background: #FFF;
	border: 1px #333 solid;
	
	
}


/* -------------------------------------- Footer Typography-----------*/

#footer h2.morestories{
  width: 128px;
   height: 27px;
 background: url(images/morestories.png) no-repeat;
text-indent: -9999px;
padding: 0;
margin:0;
}

ul.morestories{
	
	margin: 10px 0 0 0;
	padding: 0;
	font: 1.5em Georgia, Times, Sans-Serif;
	list-style: none;
}

ul.morestories li a{
color: #999;
text-decoration: none;
}

ul.morestories li a:hover{
color: black;
text-decoration: none;
}


#footer h2.moredogsharks{
  width: 171px;
   height: 27px;
 background: url(images/moredogsharks.png) no-repeat;
text-indent: -9999px;
margin: 0 0 0 10px;
padding: 0;

}

ul.moredogsharks{
	margin:10px 0 0 0;
	padding: 0;
	font: 1.5em Georgia, Times, Sans-Serif;
	list-style: none;
}

ul.moredogsharks li a{
color: #999;
text-decoration: none;
}

ul.moredogsharks li a:hover{
color: black;
text-decoration: none;
}


#footer h2.dogsharksbooks{
  width: 176px;
   height: 27px;
 background: url(images/dogsharksbooks.png) no-repeat;
text-indent: -9999px;
margin: 0;
padding: 0;

}

ul.dogsharksbooks{
	
	font: 1.5em Georgia, Times, Sans-Serif;
	list-style: none;
	margin:10px 0 0 0;
	padding: 0;
}

ul.dogsharksbooks li a{
color: #999;
text-decoration: none;
}

ul.dogsharksbooks li a:hover{
color: black;
text-decoration: none;
}



/* End Typography & Colors */



/* --------------------------------------------------------------------------------------------------------------------------------------- Begin Structure */

.clear {
	clear: both;
}

body {
	margin: 0 0 20px 0;
	padding: 0;
	}

#page {

	margin: 10px auto;
	padding: 0;
	width: 1000px;
	}



#content {
	height: 600px;
	clear: both;
	width: 100%;
	padding: 20px 0px 0px 0px;
	}



/* ------------------------------------------------------------------------------------------------------------ Home Page (movieandportraitnavonly) YouTube --*/
body#theHomePage{
	background: url('images/background-pipe.jpg') no-repeat 0px -100px;	
}

body#theHomePage #content{
	padding: 5px 0 100px 0;
	height: 405px;
}


body#theHomePage #content .thevideoplayer {	
		margin: 0px auto;
		padding: 0;
		float: none;
		width: 640px;
		}

body#theHomePage #content .portrait-nav {
	margin: 0 0 0 0px;
	padding: 0 0 0 0;
	width:640px;
}





body#movieandportraitnavonly #content{
	padding: 5px 0 100px 0;
	height: 505px;
}		

body#movieandportraitnavonly #content .thevideoplayer {	
		margin: 0px auto;
		padding: 0;
		float: none;
		width: 853px;
		}

body#movieandportraitnavonly #content .portrait-nav {
	margin: 0 0 0 90px;
	padding: 0 0 0 0;
	width:853px;
}


/* ------------------------------------------------------------------------------------------------------------------------ Character Pages Portrait Only--*/


body#characterportraitonly #content{
	padding: 20px 0 85px 0;
	height: 505px;
}		

body#characterportraitonly #content .thevideoplayer {	
		margin: 0px auto;
		padding: 0;
		float: none;
		width: 853px;
		}

body#characterportraitonly #content .portrait-nav {
	margin: 0 0 0 90px;
	padding: 0 0 0 0;
	width:648px;
	display: hidden;
}


/* ------------------------------------------------------------------------------------------------------------------------------------- Story View-----------*/
body#storyview	.post {
		float: left;
		width: 300px;
		padding-bottom: 1em;
/*		height: 373px;
		background: url(images/backgroundthing.png) no-repeat; */		
		background: #FFF;
		}
		
		.post h1, .post p{
			margin: 20px 15px 0px 32px;
		}
		
		.postmetadata {
			clear: both;
		}
		

	.thevideoplayer{	
	float: right;
		width: 640px;
		}
		
		#share {
			width: 45%;
			float: right;
		}
			#twitter{
				float: left;
				width: 64px;
				height: 64px;
				background: url(images/twitter.png) no-repeat;	
				text-indent: -99999px;
			}
			#email{
				float: left;
				width: 66px;
				height: 66px;
				background: url(images/email.png) no-repeat;	
				text-indent: -99999px;
				margin-left: 5px;
			}
		
		#collect {
			width: 45%;
			float: left;
		}
			#feedreader{
				float: left;
				width: 58px;
				height: 57px;
				background: url(images/rss.png) no-repeat;	
				text-indent: -99999px;
			}
			

			#delicious{
				float: left;
				width: 57px;
				height: 57px;
				background: url(images/delicious.png) no-repeat;	
				text-indent: -99999px;
				margin-left: 5px;
			}

/* ------------------------------------------------------------------------------------------------------------------------------------ Library View-----------*/

.librarygrid {
	margin: 0px auto;
	padding: 0 0 0 80px;
	width: 725px;
	float: none;

}

	body#libraryview .post {
		float: left;
		height: 250px;
		width: 250px;
		margin: 0px 0px 30px 30px;
		padding: 0;	

	}
	
	body#libraryview .post a.storypermalink {
		height: 255px;
		width: 255px;
		display: block;
		position: absolute;
		padding: 0;
		margin: 0;
	}

	/* ------------------------------------------------------------------------------------------------------------------------------------- Footer -----------*/


#footer {

	width: 100%;
	clear: both;
	margin-left: 20px;
	margin-top: 10px;
	}

.footerblock{
	float: left;
	width: 270px;
	padding: 0 0 0 80px;
	
}

.centerfooterblock{
	float: left;
	width: 320px;
	border-left: solid #ccc 1px;
	border-right: solid #ccc 1px;
	padding: 0 0 0 0px;
	
}



#dogsharksslider{
	width: 320px;
	height: 125px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#dogsharksslider ul, #dogsharksslider li{
	margin:5px 0 0 0;
	padding:0;
	list-style:none;
	}
#dogsharksslider, #dogsharksslider li{ 
	width:320px;
	height:125px;
	overflow:hidden; 
	}
span#prevBtn a{
	float: left;
	text-align: left;
	margin: 10px 0 0 20px;
	width: 75px;
	height: 15px;
	background: url(images/overhere.png) no-repeat;
	text-indent: -99999px;
	overflow: hidden;

}
span#nextBtn a{
	float: right;
	margin: 10px 20px 0 0;
	width: 80px;
	height: 15px;
	background: url(images/overthere.png) no-repeat;
	text-indent: -99999px;
	overflow: hidden	
}

span#nextBtn a:hover, span#prevBtn a:hover {
	background-position: 0 -15px;
}


a.thumbanchor{
	width: 320px;
	height: 125px;
	margin: 0;
	padding: 0px;
	display: block;
}

a:hover.thumbanchor .thumbdogshark{
	border: dotted 1pt black;
	background-position: 0px -106px;
}





.thumbdogshark {
	border: dotted 1pt #ccc;
	margin: 0 0 0 10px;
	width: 104px;
	height: 104px;
	padding:0;
	float: left;
	text-indent: -99999px;		
}
.otto {
	background: url(images/thumb-otto.png) no-repeat;
}
.rake {
	background: url(images/thumb-rake.png) no-repeat;
}
.hazel {
	background: url(images/thumb-hazel.png) no-repeat;
}
.dusty {
	background: url(images/thumb-dusty.png) no-repeat;
}
.snag {
	background: url(images/thumb-snag.png) no-repeat;
}
.zuzu {
	background: url(images/thumb-zuzu.png) no-repeat;
}
.buck {
	background: url(images/thumb-buck.png) no-repeat;
}

.thumbdescription {
	width: 180px;
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
}


.firstfooterblock{
	float: left;
	width: 320px;
	
}

p#copyright {
	margin: 10px 0 0 0;
	text-align: center;
	padding: 20px 35px 0 0px;
	display: block;
	clear: both;
	}
	
	
	

	
	
	
/* End Structure */




/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

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

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
	}
/* End Images */



	
/* ------------------------------------------------------------------------------- Main Navigation List */

a.logo {
	margin: 0;
	height: 88px;
	width: 225px;
 	background: url(images/dogsharks-logo.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	float: left;	
	}

.nav {
    width: 587px;
    height: 52px;
 /*  background: url(images/mainnav.png) no-repeat;*/
    position: relative;
    top: 8px;
    left: 100px;
	float: left;
}

.nav li {
	display: inline;
}


.nav li a:link, .nav li a:visited {
    position: absolute;
    top: 0;
    height: 52px;
    text-indent: -9000px;
    overflow: hidden;
}

	
			.nav .home a:link, .nav .home a:visited {
 				left: 0px;
				width: 147px;
				background: url(images/mainnav.png) no-repeat 0px 0px;	
			}
			.nav .home a:hover, .nav .home a:focus {
				background: url(images/mainnav.png) no-repeat 0px -53px;
			}
			.nav .home a:active {
				background: url(images/mainnav.png) no-repeat 0px 0px;
			}
			.current-home .home a:link, .current-home .home a:visited {
				background: url(images/mainnav.png) no-repeat 0px 0px;
				cursor: default;
			}
/* 
			.nav .stories a:link, .nav .stories a:visited {
				left: 147px;
				width: 168px;
				background: url(images/mainnav.png) no-repeat -147px 0px;	
			}
			.nav .stories a:hover, .nav .stories a:focus {
				background: url(images/mainnav.png) no-repeat -147px -53px;
			}
			.nav .stories a:active {
				background: url(images/mainnav.png) no-repeat -147px 0px;
			}
			.current-stories .stories a:link, .current-stories .stories a:visited {
				background: url(images/mainnav.png) no-repeat -147px 0px;
				cursor: default;
			}	
*/
/*  This is disabled until there is a shop, don't forget to adjust left position of each item following it once you add it back in*/

			.nav .shop a:link, .nav .shop a:visited {
				/*left: 315px;*/
				left: 147px;
				width: 132px;
				background: url(images/mainnav.png) no-repeat -315px 0px;
			}
			.nav .shop a:hover, .nav .shop a:focus {
				background: url(images/mainnav.png) no-repeat -315px -53px;
			}
			.nav .shop a:active {
				background: url(images/mainnav.png) no-repeat -315px 0px;
			}
			.current-shop .shop a:link, .current-shop .shop a:visited {
				background: url(images/mainnav.png) no-repeat -315px 0px;
				cursor: default;
			}
			



			.nav .about a:link, .nav .about a:visited {
				/*left: 315px;*/
				left: 279px;
				width: 155px;
				background: url(images/mainnav.png) no-repeat -447px 0px;
			}
			.nav .about a:hover, .nav .about a:focus {
				background: url(images/mainnav.png) no-repeat -447px -53px;
			}
			.nav .about a:active {
				background: url(images/mainnav.png) no-repeat -447px 0px;
			}
			.current-about .about a:link, .current-about .about a:visited {
				background: url(images/mainnav.png) no-repeat -447px 0px;
				cursor: default;
			}


			.nav .contact a:link, .nav .contact a:visited {

				left: 438px;	
				/*left: 340px;  for use with home and contact as only navigation items*/
				width: 157px;
				
				background: url(images/mainnav.png) no-repeat -602px 0px;
			}
			.nav .contact a:hover, .nav .contact a:focus {
				background: url(images/mainnav.png) no-repeat -602px -53px;
			}
			.nav .contact a:active {
				background: url(images/mainnav.png) no-repeat -602px 0px;
			}
			.current-contact .contact a:link, .current-contact .contact a:visited {
				background: url(images/mainnav.png) no-repeat -602px 0px;
				cursor: default;
			}



/* ------------------------------------------------------------------------------- Portrait Navigation List */


.portrait-nav {
    width: 853px;
    height: 100px;
    position: relative;
    top: 0px;
    left: 0px;

}

.portrait-nav li {
	display: inline;
}


.portrait-nav li a:link, .portrait-nav li a:visited {
    position: absolute;
    top: 0;
    height: 100px;
    text-indent: -9000px;
    overflow: hidden;
}


	.portrait-nav .ottonav a:link, .portrait-nav .ottonav a:visited {
		left: 0px;
		width: 77px;
		background: url(images/dogsharks-portraitnav.png) no-repeat 0px 0px;	
	}
	.portrait-nav .ottonav a:hover, .portrait-nav .ottonav a:focus {
		background: url(images/dogsharks-portraitnav.png) no-repeat 0px -105px;
	}
	.portrait-nav .ottonav a:active {
		background: url(images/dogsharks-portraitnav.png) no-repeat 0px -105px;
	}
	.current-ottonav .ottonav a:link, .current-ottonav .ottonav a:visited {
		background: url(images/dogsharks-portraitnav.png) no-repeat 0px -105px;
		cursor: default;
	}


	.portrait-nav .rakenav a:link, .portrait-nav .rakenav a:visited {
		left: 77px;
		width: 96px;
		background: url(images/dogsharks-portraitnav.png) no-repeat -77px 0px;	
	}
	.portrait-nav .rakenav a:hover, .portrait-nav .rakenav a:focus {
		background: url(images/dogsharks-portraitnav.png) no-repeat -77px -105px;
	}
	.portrait-nav .rakenav a:active {
		background: url(images/dogsharks-portraitnav.png) no-repeat -77px -105px;
	}
	.current-rakenav .rakenav a:link, .current-rakenav .rakenav a:visited {
		background: url(images/dogsharks-portraitnav.png) no-repeat -77px -105px;
		cursor: default;
	}

	.portrait-nav .hazelnav a:link, .portrait-nav .hazelnav a:visited {
		left: 173px;
		width: 92px;
		background: url(images/dogsharks-portraitnav.png) no-repeat -173px 0px;	
	}
	.portrait-nav .hazelnav a:hover, .portrait-nav .hazelnav a:focus {
		background: url(images/dogsharks-portraitnav.png) no-repeat -173px -105px;
	}
	.portrait-nav .hazelnav a:active {
		background: url(images/dogsharks-portraitnav.png) no-repeat -173px -105px;
	}
	.current-hazelnav .hazelnav a:link, .current-hazelnav .hazelnav a:visited {
		background: url(images/dogsharks-portraitnav.png) no-repeat -173px -105px;
		cursor: default;
	}
	
	
	.portrait-nav .dustynav a:link, .portrait-nav .dustynav a:visited {
		left: 265px;
		width: 89px;
		background: url(images/dogsharks-portraitnav.png) no-repeat -265px 0px;	
	}
	.portrait-nav .dustynav a:hover, .portrait-nav .dustynav a:focus {
		background: url(images/dogsharks-portraitnav.png) no-repeat -265px -105px;
	}
	.portrait-nav .dustynav a:active {
		background: url(images/dogsharks-portraitnav.png) no-repeat -265px -105px;
	}
	.current-dustynav .dustynav a:link, .current-dustynav .dustynav a:visited {
		background: url(images/dogsharks-portraitnav.png) no-repeat -265px -105px;
		cursor: default;
	}


	.portrait-nav .snagnav a:link, .portrait-nav .snagnav a:visited {
		left: 354px;
		width: 89px;
		background: url(images/dogsharks-portraitnav.png) no-repeat -354px 0px;	
	}
	.portrait-nav .snagnav a:hover, .portrait-nav .snagnav a:focus {
		background: url(images/dogsharks-portraitnav.png) no-repeat -354px -105px;
	}
	.portrait-nav .snagnav a:active {
		background: url(images/dogsharks-portraitnav.png) no-repeat -354px -105px;
	}
	.current-snagnav .snagnav a:link, .current-snagnav .snagnav a:visited {
		background: url(images/dogsharks-portraitnav.png) no-repeat -354px -105px;
		cursor: default;
	}







	.portrait-nav .zuzunav a:link, .portrait-nav .zuzunav a:visited {
		left: 443px;
		width: 106px;
		background: url(images/dogsharks-portraitnav.png) no-repeat -443px 0px;	
	}
	.portrait-nav .zuzunav a:hover, .portrait-nav .zuzunav a:focus {
		background: url(images/dogsharks-portraitnav.png) no-repeat -443px -105px;
	}
	.portrait-nav .zuzunav a:active {
		background: url(images/dogsharks-portraitnav.png) no-repeat -443px -105px;
	}
	.current-zuzunav .zuzunav a:link, .current-zuzunav .zuzunav a:visited {
		background: url(images/dogsharks-portraitnav.png) no-repeat -443px -105px;
		cursor: default;
	}
	


	.portrait-nav .bucknav a:link, .portrait-nav .bucknav a:visited {
		left: 549px;
		width: 99px;
		background: url(images/dogsharks-portraitnav.png) no-repeat -549px 0px;	
	}
	.portrait-nav .bucknav a:hover, .portrait-nav .bucknav a:focus {
		background: url(images/dogsharks-portraitnav.png) no-repeat -549px -105px;
	}
	.portrait-nav .bucknav a:active {
		background: url(images/dogsharks-portraitnav.png) no-repeat -549px -105px;
	}
	.current-bucknav .bucknav a:link, .current-bucknav .bucknav a:visited {
		background: url(images/dogsharks-portraitnav.png) no-repeat -549px -105px;
		cursor: default;
	}



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


#halloween body{
		background: url('images/background-pipehalloween.jpg') no-repeat;
}


/*
Theme Name: Dogsharks_r3
Theme URI: http://wordpress.org/
Description: The third iteration of the Dogsharks website, built on research and architecture performed by Thoughtfaucet early in 2009.
Version: 3
Author: Gahlord Dewald, Thoughtfaucet
Author URI: http://thoughtfaucet.com/
Tags: 
	The CSS, XHTML and design is copyright Dogsharks, LLC all rights reserved

*/