/*
Theme Name: Byword Smith, It's your boy.
Theme URI: http://www.bywordsmith.com/
Description: Official Byword Smith Wordpress theme.
Version: 3.0
Author: Avery Smith
Author URI: http://www.asmithstudio.com/
*/


/* Site Styles */

/* Set all inherit margin and padding values in all tags in all browsers to zero. */

*
{
	margin			:0;
	padding			:0;
}

body
{
	font-family		:Arial, Helvetica, sans-serif;
	color			:#666;
}

span.subdue
{
	color			:#999999; /* lighten up the contact section font color slightly*/
}


/* BEGIN SECTION BACKGROUND GRAPHIC */

body#home				{	background	:	url("/images/site_background_home.jpg") repeat-x #ffffff; 	}	 /* yellow */
body#media				{	background	:	url("/images/site_background_media.jpg") repeat-x #ffffff;	}	/* sky blue */
body#schedule			{	background	:	url("/images/site_background_schedule.jpg") repeat-x #ffffff;	}	/* green */
body#bio				{	background	:	url("/images/site_background_bio.jpg") repeat-x #ffffff; 	}	/* pink */
body#contact			{	background	:	url("/images/site_background_contact.jpg") repeat-x #ffffff;	}	/* light blue */
body#hopesandschemes	{	background	:	url("/images/site_background_hopesandschemes.jpg") repeat-x #ffffff;	}	/* yellow */

/* END SECTION FONT COLOR */

p
{
	font-size		:100%;
	margin-bottom	:10px;
}

body#hopesandschemes div.copy p
{
	font-size		:85%;
	margin-bottom	:20px;
}


a
{
	color			:#000; /* All links are black. */
}

strong
{
	color			:#000;
}

img
{
	border			:0;
}

/* only displayed on 404 page. */
h1
{
	font-size		:500%;
	background		:#fff;
	padding			:10px;
}

/* Headings used in varioua sections. */
h3
{
	font-family		:Trebuchet MS;
	color			:#fff;
	font-size		:150%;
	font-weight		:normal;
	margin-bottom	:20px;
}
body#hopesandschemes h3
{
	color			:#375977;
}
body#hopesandschemes h3 span
{
	background		:#fff;
}
h4
{
	color			:#003147;
	font-size		:130%;
	margin			:10px;	
}
h5
{
	color			:#003147;
	font-size		:110%;
	font-weight		:normal;
	margin-bottom	:10px;
}

/* Remove bottom margin for home layout. */
body#home object, body#home embed
{
	margin-bottom	:0;
}

ul
{
	list-style-type	:none;
}

/* BEGIN MAIN NAVIGATION STYLES */

div#layoutHeader ul#nav
{
	width			:672px;
	height			:80px;
}

div#layoutHeader ul#nav li
{
	float			:left;	/* Make li tags line up horizontally. */
}

/* Format the links. */
div#layoutHeader ul#nav li a
{
	display			:block;
	text-align		:center;
	height			:80px;
}

/* This style hides the text in the nav so the background images will show. */
div#layoutHeader ul#nav li a span
{
	line-height		:38px;
	display			:none; /* This rule can be overridden by a subsequent style sheet. Like a mobile style sheet or something. */
}

body#home				div#layoutHeader ul#nav {	background:url("/images/nav.gif") no-repeat;	}
body#media				div#layoutHeader ul#nav {	background:url("/images/nav.gif") no-repeat 0 -80px;	}
body#schedule			div#layoutHeader ul#nav {	background:url("/images/nav.gif") no-repeat 0 -160px;	}
body#bio				div#layoutHeader ul#nav {	background:url("/images/nav.gif") no-repeat 0 -240px;	}
body#contact			div#layoutHeader ul#nav {	background:url("/images/nav.gif") no-repeat 0 -320px;	}
body#hopesandschemes	div#layoutHeader ul#nav {	background:url("/images/nav.gif") no-repeat 0 -400px;	}


div#layoutHeader ul#nav li a.home			{	width:100px;	}
div#layoutHeader ul#nav li a.media			{	width:108px;	}
div#layoutHeader ul#nav li a.schedule		{	width:158px;	}
div#layoutHeader ul#nav li a.bio			{	width:166px;	}
div#layoutHeader ul#nav li a.contact		{	width:138px;	}

div#layoutHeader ul#nav li a:hover					{	border-left:1px dotted #000;	 border-right:1px dotted #000;	}
body#schedule div#layoutHeader ul#nav li a:hover	{	border-left:1px dotted #14c23f;	 border-right:1px dotted #14c23f;	}
body#bio	  div#layoutHeader ul#nav li a:hover	{	border-left:1px dotted #e18fb0;	 border-right:1px dotted #e18fb0;	}
/* END MAIN NAVIGATION STYLES */

/* BEGIN SUB NAVIGATION STYLES */
ul#subnav
{
	background		:url("/images/subnav_background.png") no-repeat;
	width			:209px;
	height			:313px;
	margin-left		:26px;
	padding-top		:23px;
}


ul#subnav li
{
	background		:url("/images/subnav_background_middle.png") 11px 0 no-repeat;
}

ul#subnav li.last
{
	
}

ul#subnav li a
{
	display			:block;
	line-height		:47px;
	padding			:0 20px;
	text-align		:center;
	font-family		:"Verdana";
	font-size		:115%;
	font-weight		:bold;
	color			:#2a445a;
}


ul#subnav li a.on, ul#subnav li a:hover
{
	background		:url("/images/subnav_background_middle_on.png") 11px 0 no-repeat;
}


/* END SUB NAVIGATION STYLES */


/*
 * BEGIN BILLBOARD STYLES 
 * Billboard graphics for "Home", "Media", "Schedule", "Bio" and "Contact"
 */

div#billboard
{
	width			:800px;
	height			:278px;
}

body#home				div#layoutBody	div#billboard 	{	background	:url("/images/billboard_home.gif")					no-repeat;	height:422px;	}
body#media 				div#layoutBody	div#billboard	{	background	:url("/images/billboard_media.gif")					no-repeat;	}
body#schedule 			div#layoutBody	div#billboard	{	background	:url("/images/billboard_schedule.gif")				no-repeat;	}
body#bio				div#layoutBody	div#billboard	{	background	:url("/images/billboard_bio.gif")					no-repeat;	}
body#contact			div#layoutBody	div#billboard	{	background	:url("/images/billboard_contact.gif")				no-repeat;	}
body#hopesandschemes	div#layoutBody	div#billboard	{	background	:url("/images/billboard_hopesandschemes.jpg")		no-repeat;	height:359px; margin-bottom:-81px;	}

/* END BILLBOARD STYLES */

/* Center the site layout in the browser. */
div#container
{
	width			:800px;
	margin-left		:auto;
	margin-right	:auto;
}

/* Styles for the basic layout body. */
div#layoutBody
{
	width			:auto;
	margin-bottom	:37px;
}

div#layoutBody div.insert
{
	margin-top		:20px;
	width			:672px;
	border			:1px dotted #666666;
}

/* Styles for the mainColumn module. */
div#layoutMainColumn
{
	width			:465px;
}

div#layoutMainColumn div.copy
{
	background		:#fff;
	padding			:10px 8px 10px 10px;
}

div#hopesandschemes div#layoutMainColumn div ul
{
	border-top		:1px dotted #035caf;
	margin			:20px 0;
}
div#hopesandschemes div#layoutMainColumn div ul li
{
	line-height		:40px;
	padding-left	:60px;
	border-bottom	:1px dotted #035caf;
	background		:url("/images/hand-bullet.png") left center no-repeat;
}

div#layoutMainColumn div.copy-dotted
{
	border			:1px dotted #666666;
	padding			:10px 8px 10px 10px;
}

div#layoutMainColumn div.video
{
	display			:block;
	font-size		:80%;
	text-align		:center;
	margin-bottom	:30px;
}

table.credits
{
	text-align		:center;
	width			:100%;
	font-size		:90%;
}
table.credits tr td
{
	width			:49%;
	vertical-align	:top;
}

table.email
{
	margin-bottom	:10px;
}

table.home
{
	/*width			:674px;*/
	border-bottom	:1px dotted #666;
	margin-bottom	:20px;
}

table.home tr td
{
	/*padding			:0 20px 20px 0;*/
	vertical-align	:top;
}

table.home tr td form input.dvd
{
	float			:left;
	margin			:-18px 0 20px;
}

table.home tr td.last
{
	padding-right	:0;
	background-color:#ffffff;
	width			:410px;
	text-align		:center;
}

table.home tr td.last img
{
	float			:none;
	margin			:30px 0 20px;
}

table.home tr td.last p
{
	text-align		:left;
	margin			:20px 20px 10px 30px;
}

table.home tr td.last div#paypal
{
	text-align		:left;
	margin			:15px 20px 10px 20px;
}

table.home tr td.last div#paypal form
{
	float			:left;
}

table.hopesandschemes
{
	margin			:-10px 0 10px;
	width			:100%;
}


table.hopesandschemes tr td
{
	padding-top		:20px;
	width			:50%;
	vertical-align	:top;
}

table.hopesandschemes tr td.right
{
	padding-left	:13px;
}

table.hopesandschemes tr td.full
{
	width			:100%;
}

/* Styles for the rightColumn module. */

div#layoutSideColumn
{
	float			:right;
	width			:270px;
	font-size		:75%;
}

/* move the hopes and schemes side bar up some */
body#hopesandschemes div#layoutSideColumn
{
	margin-top		:-160px;
}


div#layoutMainColumn div.insert,
div#layoutSideColumn div.insert
{
	margin-top		:0;
	width			:auto;
}

body#hopesandschemes div#layoutSideColumn div.insert
{
	width			:198px;
	margin			:5px 0 0 31px;
	padding			:5px;
}

body#hopesandschemes div#layoutSideColumn div.paypal
{
	margin-left		:35px;
	margin-bottom	:10px;
	width			:200px;
	text-align		:center;
}

body#hopesandschemes div#layoutSideColumn div.paypal form.dvd
{
	margin-bottom	:5px;
}

body#hopesandschemes div#layoutSideColumn div.openindie
{
	margin-left		:10px;
	margin-bottom	:30px;
}

body#media div#layoutSideColumn div.insert
{
	text-align		:center;
	margin-bottom	:20px;
}

body#media div#layoutSideColumn div.insert img.poster
{
	margin			:10px 0;
}

div#layoutSideColumn div.insert div.dottedBorder
{
	border-bottom	:1px dotted #666666;
}

div#layoutSideColumn table
{
	margin-bottom	:5px;
}

div#layoutSideColumn table tr td
{
	padding			:0 20px 20px 0;
}

div#layoutSideColumn table tr td.last
{
	padding-right	:0; /* remove padding because this is the furthest td to the right */
}

/*
 * This is rule is set so that the phone number is only displayed as a link when seen on a mobile phone. *
 * This can be overridden by a subsequent style sheet. Like a mobile style sheet or something.
 */
 
ul li.device
{
	display			:none;
}

div#layoutFooter
{
	background:url("/images/dotted_divider.gif") top left no-repeat;
	width			:auto;
	text-align		:center;
	padding-top		:20px;
	margin-bottom	:20px;
	font-size		:80%;
}

/**
 * Customizing the postmetadata class and the comments area
 */

.postmetadata
{
	margin-top		:10px;
}

h4#comments,
#respond h4
{
	color			:#666;
	font-weight		:normal;
	margin-left		:0;
}

#respond textarea
{
	width			:100%;
}

.postmetadata,
#comments-template
{
	font-size		:75%;
}

#comments-template
{
	margin-top		:20px;
}

ol.commentlist
{
	border			:1px dotted #666666;
	border-bottom	:none;
	margin-bottom	:10px;
}

ol.commentlist li
{
	list-style-type	:none;
	border-bottom	:1px dotted #666666;
	padding			:10px 10px 5px;
}

div.navigation
{
	width			:auto;
	height			:30px;
	font-size		:70%;
	color			:#fff;
}

div.navigation div
{
	float			:left;
}

div.navigation div.alignright
{
	margin-left		:10px;
	padding-left	:10px;
	border-left		:1px dotted #ffffff;
}

/* EXTRA STYLES */

div.divider
{
	width			:auto;
	padding-bottom	:10px;
	border-bottom	:1px dotted #666;
	margin-bottom	:10px;
}

div.addthis
{
	margin			:20px 0;
	border			:1px dotted #666;
	padding			:10px;
	font-size		:75%;
	height			:16px;
}

body#home div.addthis
{
	width			:654px;
}


body#media div.addthis
{
	font-size		:100%;
}

a.album
{
	width			:209px;
	display			:block;
	margin			:-2px 0 0 31px;
}

a.poster
{
	width			:209px;
	display			:block;
	margin			:20px 0 0 31px;
}

div.gallery div.frame
{
	width			:465px;
	height			:380px;
	margin-bottom	:20px;
	background		:url("/images/frame.png") no-repeat;
}

div.gallery div.frame iframe
{
	width			:300px;
	height			:222px;
	overflow		:hidden;
	border			:none;
	margin			:78px 0 0 0;
}

div.gallery table.thumbnails 
{
	width			:100%;
	border-bottom	:1px dotted #000;
	border-right	:1px dotted #000;
}

div.gallery table.thumbnails tr td
{
	width			:25%;
	padding			:10px 0 10px 7px;
	border			:1px dotted #000;
	border-bottom	:none;
	border-right	:none;	
}

div.gallery table.thumbnails tr td a
{
	float			:left;
}


body#media div#layoutMainColumn div.addthis
{
	font-size		:75%;
}