/*
Theme Name: StandSound Blue
Theme URI: http://martythornley.com/
Description: A custom WordPres theme for Stand Sound.
Version: 1.0 (wp 2.9)
Author: Marty Thornley
Author URI: http://martythornley.com
*/

/* 1) RESET some things for a good starting point - based on yahoo reset */
@import "style/css/reset.css";	

/* 2) Bring in all basic style from default theme, but cleaned up and simplified */
@import "style/css/default.css";

/* 3) Add our own style on top of it all */

/*
This is 90% of what you will need to edit to style this theme.
By importing default.css before it all, we can overwrite anything in there and shouldn't ever need to open that file.
If you keep your changes to section 4 below, it will be easier to upgrade the theme, should you ever want to.
If you don't care about that, then edit away!
*/

/* BASIC FONTS */

body						{ color: /* #A7A597 */ #4a4a4a; text-align: left; font-size: 12px; font-family: "Century Gothic", Helvetica, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 		{ font-weight: normal; clear:both; }

/* LINKS */

a, h2 a:hover, h3 a:hover 	{ color: #0B5487; text-decoration: none; }
a:hover 					{ color: #0B5487; text-decoration: underline; }



/* PAGE WIDTH  */

#page 						{ width: 1000px; }

/* BACKGROUND IMAGES ***********************************/

/* images commented out to prevent 404 errors */ 

body 			{ background: #F2F3F5 url('style/images/bg_body.jpg') repeat-x top center; }

#page 			{ background: transparent url('style/images/bg_page.png') repeat-y top center; }
#header 		{ background: transparent url('style/images/bg_header.jpg') no-repeat top center; }
#content 		{ background: transparent /* url('style/images/bg_content.jpg') no-repeat top center */; clear: both; }
#sidebar 		{ background: transparent /* url('style/images/bg_sidebar.jpg') no-repeat top center */; }
#footer 		{ background: transparent /* url('style/images/bg_footer.jpg') no-repeat top center */; }



/* STRUCTURE ********************************************/

#content, #footer	{ overflow: hidden; }

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

#page 			{ margin: 20px auto; padding: 0; text-align: left;  margin: 0 auto;  }
#header			{ width: 1000px; height: 180px; position: relative; }
#content 		{ font-size: 1.2em; padding: 0 53px; }
#sidebar 		{ display:inline; float:right; margin:0 38px 0 0; width:210px;}
#footer 		{ border: none;  padding: 0; clear: both; }

body.home #header	{ height: 440px; }
body.home #logo		{}

body.page-id-20 #content, body.single #content, body.archive #content { width: 653px; float: left; display: inline; padding:0 20px 0 53px;}

/* MORE FONTS */

h2					{ font-size: 1.4em; color: #02365A; }

/* Personnel Pages */

body.page-id-10	#content li a, body.page-template-page-personnel-subPages-php .right li a		{ color: #4a4a4a; }
body.page-id-10 .half	{ margin:0 0 0 113px; width:301px; }

body.page-template-page-personnel-subPages-php #content h2 { margin: 0; }

/* EASY FANCY STYLES *************************************/

.right 			{ float: right; display: inline; }

.left 			{ float: left; display: inline; }

.clear			{ clear: both; overflow:hidden; }

.round3			{ -moz-border-radius:3px; -webkit-border-radius:3px; }
.round5			{ -moz-border-radius:5px; -webkit-border-radius:5px; }
.round10		{ -moz-border-radius:10px; -webkit-border-radius:10px; }

.half 			{ width: 420px; }

.section		{ clear: both; overflow: hidden; height: auto; }

/* LOGO & HOME PAGE */
#logo				{ background:url("style/images/logo.jpg") no-repeat scroll left top transparent; float:left; height:204px; margin:80px 0 0 33px; width:201px; }
body.home #logo		{ background:url("style/images/logo-big.jpg") no-repeat scroll 0 0 transparent; float:left; height:305px; margin:93px 0 0 66px; width:344px; }

#logo a						{ display: block; width: 100%; height: 100%; }

ul#tagline					{ clear:right; float:right; font-size:16px; letter-spacing:1px; margin:180px 50px 0 0; width:366px; }
ul#tagline li				{ text-align: right; margin: 17px 0; }

/* FOR TEMP PAGE */

#pageBottom					{ background: transparent url('style/images/bg_pageBottom.png') no-repeat top center; height: 172px; margin:0 auto ; width:1000px;}
#placehold					{ height: 360px; width: 100%; clear:both; display: block; }

#placehold, #pageBottom				{ color:#0B5487; font-size:11px; letter-spacing:2px; text-align:center; }
#placehold ul#address				{ float:right; padding:237px 78px 0 0; width:321px; }
#placehold ul a, #pageBottom ul a	{ color:#02365A; }
#placehold ul a:hover				{ text-decoration: underline; }

#pageBottom ul						{ margin:0 auto;  width:627px; }
#pageBottom ul.left					{ margin:25px 0 0 59px;text-align:left;  }
#pageBottom ul.right				{ margin:25px 59px 0 0;text-align:right;  }

#pageBottom ul li					{ display: inline; float: left; padding:102px 10px 0;}
#pageBottom p						{ clear:both; display:block; font-size:11px; margin:0; padding:20px 0 0; }
#pageBottom p.design				{ padding:5px 0 0; font-size:10px;}

/* PERSONNEL PAGES */

.personnelImage						{ width: 167px; float: left; height: 600px; margin:90px 30px 0 0;}
.personnelContent					{ width: 438px; float: left; display: inline; }
.previousProjects					{ width: 225px; float: right; display: inline; }
.projectsImage						{ width: 120px; float: left; height: 200px; display: inline; }
.projectsLinks						{ width: 80px; float: left; display: inline; margin:0 0 0 20px; }


body.page-template-page-projects-individual-php .personnelImage					{ width: 167px; float: left; height: 600px; margin:60px 30px 0 0;}
.personnelImage	.projectsImage					{ width: 100%; float: none; margin:0; height: auto; }

body.page-template-page-projects-individual-php .projectsLinks ul li				{ display: block; clear: both; margin:0; }
body.page-template-page-projects-individual-php .projectsLinks						{ width: 80px; float: left; display: inline; margin:0; }


.previousProjects h3				{ margin: 0 0 10px; border-bottom: 1px solid; }

.projectsLinks ul li				{ display: block; clear: both; margin: 20px 0; }

 .personnelImage h3					{ margin: 0 20px 10px 0; border-bottom: 1px solid; }

 .personnelImage h2					{ margin: 0 0 10px 0; }	

.personnelImage img,.projectsImage img					{ width: 100%; }

/* NEWS PAGE */

.post-thumbs						{ width: 160px; float: left; display: inline; margin:24px 0 0; text-align:center; }
.post-text							{ float: right; display: inline; width: 460px; }

.comments-link						{float: right; clear: both; margin: 15px 0 0 0; }

.post-thumbs img					{ padding: 2px; border: 1px solid #5a5a5a; margin: 0 auto; }

/* SPECIFIC TO BLOGSTARTER ********************************/

body.error404 #content	{ width: 650px; float: left; display: inline; }
body.error404 #sidebar	{ width: 250px; float: right; display: inline; }

#topMenu			{ position: relative; width: 566px; float: left; z-index: 99; float:right; margin:0px 10px 0 0; } 	/* Keep z-index high to prevent issues with drop down menu */

#socialMenu			{ height: 35px; clear: bloth; width: 100%; overflow: hidden; }
ul#socialLinks		{ float: right; display: block; clear:both; } 								/* List of social links */
ul#socialLinks li	{ display: inline; float: left;  height:24px; padding:2px 17px 6px 0px; }
#searchBox			{ width: 300px; float: right; display: inline;} 				/* holds search form */

ul#socialLinks li#twitterLI a,ul#socialLinks li#facebookLI a	{ display: block; width: 100%; height: 100%; }

ul#socialLinks li#twitterLI		{ background: transparent url(style/images/twitter.png) no-repeat scroll 0px 2px; width: 24px; }
ul#socialLinks li#facebookLI	{ background: transparent url(style/images/facebook.png) no-repeat scroll 0px 2px; width: 24px; }
ul#socialLinks li#rssLI			{ background: transparent url(style/images/rss.png) no-repeat scroll 0px 2px; width: 24px; }

ul.footerNav		{ width: 33%; float: left; display: inline; text-align: center;}

/* LISTS */

#content ul				{ margin: 0 0 0 10px; }


/* WORDPRESS STYLES ****************************************/

.date			{  width: 100%; float: left; clear: both; }
.postmetadata	{  width: 100%; float: left; clear: both; }

/* IMAGES - NEEDED FOR ALIGNMENTS TO WORK CORRECTLY */

img.alignright 		{ float:right; margin:0 0 10px 10px; }
img.alignleft 		{ float:left; margin:0 10px 10px 0; }
img.aligncenter 	{ display: block; margin-left: auto; margin-right: auto; }
a img.alignright 	{ float:right; margin:0 0 10px 10px; }
a img.alignleft 	{ float:left; margin:0 10px 10px 0; }
a img.aligncenter 	{ display: block; margin-left: auto; margin-right: auto; }
p img 				{ margin:0 10px; }

/* SIDEBAR */

#sidebar ul								{ }
#sidebar ul li 							{ margin-bottom:2px; }
#sidebar ul li li						{}
#sidebar ul li li li					{}

.sidebar ul ul, .sidebar ul ol 			{ margin:5px 0 0 5px; }
.sidebar ul ul ul.children				{ margin:0 0 10px 4px; padding:0 6px; }

.sidebar ul ul li, .sidebar ul ol li	{ }
.sidebar ul ul ul.children li			{ }

.sidebar #searchform #s 				{ }
.sidebar #searchsubmit 					{ }

.sidebar h2 							{ }
.sidebar h3 							{ }

/* COMMENTS */

.wpcf7, .commentsWrapper	{ float:right; margin:10px; padding:10px; width:95%; }

.wpcf7 form					{}
.wpcf7 form	p				{ text-align: center; }
.commentsSection			{}
#respond					{}
form#commentform			{}
ol.commentlist				{ margin: 8px 0 0; }
ol.commentlist li			{ margin:8px 0; padding:6px 6px 6px 12px; font-size:1em; font-weight: normal; }

.commentlist li, #commentform input, #commentform textarea
							{ font-size: 1em; }
#commentform textarea 		{ padding:2px; width:100%; }
#commentform input 			{ }
.commentlist li .avatar 	{ float:right;  padding:2px; }

.commentlist li div.avatar	{ width: 40px; height: 40px; } 
.commentlist li h5			{ display: inline; }
	
/* POSTS / The LOOP */

.post						{ overflow:hidden; }

.postmetadata				{ text-align: left; clear:both; margin:10px 10px 20px 0; }
.navigation					{ clear:both; display:block; height:40px; margin:10px 0; width:100%; }

.postmetadata a				{ }

.wp-caption					{ background:none repeat scroll 0 0 #CCCCCC;
border:1px solid #666666;
float:left;
height:232px;
margin:10px;
padding:10px;
text-align:center;}
.post .wp-caption img		{}

.navigation					{ clear:both; height:40px; margin:10px 39px;}

/* FORMS */

.entry form 				{ text-align:left; }

form#searchform				{ width:190px; margin:0; padding:0; text-align: left;  }

input#searchsubmit			{ background: transparent; border:0 none; cursor: pointer; font-size:1em; }
input#s						{ padding:2px; width:104px; }

div.more-link				{ text-align: right; }

.textwidget	a img			{ margin: 4px 0; }

.textwidget	a:hover img 	{ }

.textwidget	a				{ }
.textwidget	a:hover			{ }

/* EXTRAS for Standard Plugins */

div.breadcrumb				{ margin: 10px 0 0 40px;  } 
div.breadcrumb a			{ font-size:1.1em; letter-spacing:1.2px; }

div.more-link				{ text-align: right; }

/*** END WORDPRESS STYLES ***************************************/

/*** SUPERFISH STYLES *******************************************
/
/	Keep z-index of #topMenu high to prevent issues with drop down menu
/ 	If drop downs are getting stuck behind other elements on the page, the z-index needs to be higher
/	If you move dropdowns to another element, make sure that element has a high z-index value
/
*/

/*** SUPERFISH - EDIT COLORS  ***/

.sf-menu li#personnel ul		{ width: 148px; }
.sf-menu li#personnel ul ul		{ left: 148px; }

.sf-menu a 						{ padding: 4px 8px; text-decoration:none; font-weight:bold; text-transform: capitalize; border: 1px solid transparent; letter-spacing:0.6px;}

.sf-menu > li > a				{ font-size:1.1em; font-weight:normal; text-transform:uppercase; }

.sf-menu a, .sf-menu a:visited  { color: #0B5487; }
.sf-menu li 					{ background: transparent; }
.sf-menu li li 					{ background: #F1F0EB; }
.sf-menu li li li 				{ background: #F1F0EB; }

.sf-menu li:hover, .sf-menu li:hover > a, .sf-menu li.sfHover, .sf-menu li.sfHover > a,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #02365A; outline: 0; color: #ffffff;}

.sf-menu li li:hover, .sf-menu li li.sfHover, 
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active { background: #02365A; outline: 0; color: #ffffff; }

.sf-menu li li.sfHover > a		{ color: #ffffff; }

.sf-menu > li > a:hover 				{ }

/*** SUPERFISH - SHOULDN'T NEED TO TOUCH ***/

.sf-menu 				{ float: left; margin-bottom: 1em; }

.sf-menu, .sf-menu * 	{ margin: 0; padding: 0; list-style: none; }
.sf-menu 				{ line-height: 1.0; float:right; margin: 0 9px 0 0; }
.sf-menu ul 			{ position: absolute; top: -999em; width: 10em; } 			/* left offset of submenus need to match (see below) */
.sf-menu ul li 			{ width: 100%; }
.sf-menu li:hover 		{ visibility: inherit; } 									/* fixes IE7 'sticky bug' */
.sf-menu li 			{ float: left; position: relative; }
.sf-menu a 				{ display: block; position: relative; }

.sf-menu li:hover ul,
.sf-menu li.sfHover ul 			{ left: 0; top: 26px; z-index: 99; } 				/* top value used to match top ul list item height */

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul 	{ top: -999em; }

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul 	{ left: 10em; top: 0; }								 /* left value used to match ul width */ 

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul 	{ top: -999em; }

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul 	{ left: 10em; /* match ul width */ top: 0; }

/*** SUPERFISH - arrows ***/

.sf-menu a.sf-with-ul 			{   }		/* trigger IE7 hasLayout so spans position accurately */
.sf-sub-indicator 				{ position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; }

/*** SUPERFISH - apply hovers to modern browsers ***/

a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator 	{ background-position: -10px -100px; }			/* arrow hovers for modern browsers*/ 

/*** SUPERFISH - point right for anchors in subs ***/

.sf-menu ul .sf-sub-indicator 		{ background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator 	{ background-position: 0 0; }

/*** SUPERFISH - apply hovers to modern browsers ***/

.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; 		/* arrow hovers for modern browsers*/ }

/*** SUPERFISH - shadows for all but IE6 ***/

.sf-shadow ul 						{ background: url('style/images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
.sf-shadow ul.sf-shadow-off 		{ background: transparent; }

/* 4) ADD CUSTOM STYLE HERE  ******************************/
.entry ul { text-indent:0px; }