/*   
Theme Name: Dynamo Labs
Theme URI: http://benjamin-hernandez.com/dynamo/
Description: A search engine optimized website framework for WordPress.
Author: Ben Hernández
Author URI: http://benjamin-hernandez.com/
Version: 1.0
Tags: threaded-comments, microformats
.
The Dynamo Labs Theme for WordPress is copyright Benjamin Hernandez http://benjamin-hernandez.com/
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/


/* Import a basic layout */
@import url('styles/1c-b.css');

/* Reset default browser styles */
@import url('styles/reset.css');

/* Rebuild default browser styles */
@import url('styles/rebuild.css');

/* Basic WordPress Styles */
@import url('styles/wp.css');





#main {
	margin-left: 20px;
	width: 740px;
}


#footer img {
	margin-right: 10px;
	float: left;
}

#footer p {
float:left;
color:#fff;
width:400px;
font-size:11px;
}
#blogarea{
	margin-top: -50px;
}
/* =Header
-------------------------------------------------------------- */

#masthead {
	width: 800px;

}

#sub-header{
	margin-top: -30px;
}
#header h1 {
	background:url(images/dynamolabs.jpg) no-repeat;
	display:inline;
	height:170px;
	width:200px;
	float:left;
	margin-left:-24px;
}

#header h1 a {
text-indent:-999px;
display:block;
background:url(images/dynamolabs.jpg) no-repeat;
height:170px;
width:200px;

}

#header h1 a:hover {
background:url(images/dynamolabs.jpg) 0 -5px no-repeat;
}


#header h2 {
width:618px;
height: 27px;
display:inline;
float:right;
margin-top: -98px;
text-align:center;
padding-left:10px;
font-family: 'Lucida Grande',Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
text-shadow: silver;
font-weight: normal;
font-size: 2.47em;
}

#header h3 {
width:618px;
height: 27px;
display:inline;
float:right;
text-align:left;
padding-right:10px;
margin-top: -100px;
}


/* =Blog
-------------------------------------------------------------- */
#content {
	float: left;
	margin-left: 20px;
	width: 740px;
}
#blogpost {
	background:url(images/blog_bg.jpg);
	background-repeat: no-repeat;
	float: left;
	margin-left: 43px;
	min-height: 600px;
}
#single-blogpost {
	background:url(images/blog_bg.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 740px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 30px;
	margin-right: -63px;

}	
.thepost {
	width: 690px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}
.entry-content {
	width: 690px;
}

.thecomm {
	background:url(images/comm_bg.jpg);
	background-repeat: no-repeat;
	width: 43px;
	height: 35px;
	float: left;
	margin-left: -63px;
	margin-top: 5px;
}
.comments-link {
	margin-left:10px;
	margin-top: 7px;
}
.thecomm2 {
	background:url(images/comm_bg.jpg);
	background-repeat: no-repeat;
	width: 43px;
	height: 35px;
	float: left;
	margin-left: -63px;
	margin-top: 5px;
}
.comments-link2 {
	margin-left:7px;
	margin-top: 7px;
}

#nav-above {
	margin-bottom: 0px;
	margin-left: 23px;

}
.nav-previous {
	float: left;
	
}

.nav-next {
	float: right;
	
}

/* =Comments Page
-------------------------------------------------------------- */
#comments {
	float: left;
	margin-left: 40px;
	margin-bottom: 30px;
	margin-top: 42px;
	width: 740px;
}
comments-link {
	color:#fff;
}

.clear {
clear:both;
width:100%;
display:block;
height:1px;
}

.intro {
margin-top:20px;
width: 740px;

}

.intro .left {
width:440px;
float:left;
}

.intro .right {
width:280px;
float: right;

background:none;
}

.intro .right b {
color:#fff;
font-styl
:italic;
}

.intro .right img {
float:left;
width:57px;
padding:0 15px 8px 0;
}

.intro .right p {
font-size:12px;
margin:0;
}

.intro hr {
	clear:none;
	width: 280px;
	margin-top: 20px;
}

.page {
background:url(images/page_bg.jpg);
background-repeat: no-repeat;
width: 780px;
min-height: 480px;
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
}

.pressPage {
background:url(images/page_bg.jpg);
background-repeat: no-repeat;
width: 780px;
/* height: 480px; */
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
}

.tab {
background:url(images/tab.png);
display:block;
width:45px;
height:40px;
line-height:35px;
text-align:center;
color:#fff;
font-weight:700;
float:left;
margin:0 0 0 -70px;
}

a {
text-decoration:none;
color:#4B6E89;
font-weight:700;
}

a.comments-link {
text-decoration:none;
color:#fff;
font-weight:700;
}
a.more:hover {
	color:#4B6E89;
}

a.more {
background:url(images/more_button.png);
height:47px;
width:284px;
display:block;
text-align:center;
line-height:42px;
color:#fff;
font-size:1.3em;
}

a.more:hover {
background:url(images/more_button_hover.png);
}


a.logoLink {
	display: block;
	width: 444px;
	height: 122px;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	background: url(images/logo_1.png) no-repeat 0 0;
	float: left;
}  
    
a:visited.logoLink {  
    background-position: 0 0;  
}  
  
a:hover.logoLink {  
    background-position: 0 -122px;  
}  
  
a:active.logoLink {  
    background-position: 0 -122px;  
} 





a.blog {
background:url(images/blogbutton_sprite.png)no-repeat 0 -1px;
height:44px;
width:140px;
overflow: hidden;
display:block;
text-align:center;
color:#fff;
font-size:1.3em;
float:right;
}

a.blog:hover {
background-position: 0 -48px;
}
a.blog:active {
background-position: 0 -48px;
}



body {
color:#444;
background:#999;
}

h1 a,h2 a,h3 a,a:hover,.black {
color:#000;
}

h1 a:hover,h2 a:hover,h3 a:hover,.gray {
color:#777;
}

hr {
background:url(images/hr_bg.gif) 0 0 repeat-x;
height:2px;
display:block;
border:none;
}
hr2 {
background:url(images/hr_bg.gif) 0 0 repeat-x;
height:2px;
display:block;
border:none;
padding-top: -16px;
margin-bottom:20px;
}
hr_a {
background:url(images/hr_bg.gif) 0 0 repeat-x;
height:2px;
width: 730px;
display:block;
border:none;
clear:both;
float: left;
margin-right: 20px;
padding-top: 5px;

}
hr_b {
background:url(images/hr_bg.gif) 0 0 repeat-x;
height:2px;
width: 690px;
display:block;
border:none;
clear:both;
float: right;
margin-right: 20px;
margin-top: 30px;
margin-bottom: 60px;
}



p {
margin:1em 0;
}


ul#sub_nav {
top:0;
background:#fff url(images/menu_bg.jpg) no-repeat;
width:400px;
height:60px;
float:right;
list-style:none;
margin:0 -18px 0 0;
padding:0;
}

ul#sub_nav li a,ul#sub_nav_fixed li a {
text-align:center;
width:60px;
line-height:50px;
display:block;
color: #3f3f3f;
float:left;
margin:0 25px 0 0;
}

ul#sub_nav li a:hover,ul#sub_nav_fixed li a:hover,ul#sub_nav a.selected ul#sub_nav_fixed a.selected {
background:url(images/menu_tab.jpg) top no-repeat;
color:#5D93DD;
}

ul#sub_nav_fixed {
top:0;
background:url(images/menu_bg.png) no-repeat;
width:400px;
height:60px;
float:right;
list-style:none;

padding:0;
}

.team {
clear: both;
width: 743px;
margin-bottom: 190px;

}

.team a {
width: 92px;
height: 144px;
display: block;
float: left;
overflow: hidden;
text-indent: -299px;
}

a.amer {background: url(images/jennifer.jpg);}
a.amer:hover {background: url(images/jenniferHover.jpg);}

a.ben {background: url(images/ben.jpg);}
a.ben:hover {background: url(images/benHover.jpg);}

a.blake {background: url(images/blake.jpg);}
a.blake:hover {background: url(images/blakeHover.jpg);}

a.david {background: url(images/tyler.jpg);}
a.david:hover {background: url(images/tylerHover.jpg);}

a.justin {background: url(images/dylan.jpg);}
a.justin:hover {background: url(images/dylanHover.jpg);}

a.philip {background: url(images/kristine.jpg);}
a.philip:hover {background: url(images/kristineHover.jpg);}

a.rick {background: url(images/brit.jpg);}
a.rick:hover {background: url(images/britHover.jpg);}

a.tyler {background: url(images/aaron.jpg);}
a.tyler:hover {background: url(images/aaronHover.jpg);}