/*   
Theme Name: H74 2009
Theme URI: http://www.hydro74.com/
Description: Digital Chaos Perfected.
Version: 1.0
Author: Jason Walker
Author URI: http://two24studios.com/
*/
	
/* Reset Styles */
	
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0;}
fieldset, img { border: 0;}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal;font-weight:normal;}
ol, ul { list-style:none;}
caption ,th { text-align:left;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
abbr, acronym { border:0;}	
a { outline: none;}

/* End Reset */

/* Global Styles */

body { background: #000 url(images/bg.jpg) repeat top center;}

.clear { clear: both;}

#layout {
width: 888px;
margin: 0px auto;
padding: 10px 0;
background: #000;
}

#header {
width: 868px;
height: 299px;
margin: 0 10px;
background: url(images/header.jpg) no-repeat top center;
}

#header h1 a {
display: block;
width: 868px;
height: 299px;
text-indent: -999em;
}

#nav {
width: 868px;
height: 22px;
margin: 0 10px;
padding: 5px 0 0 0;
}

#nav li {
float: left;
height: 22px;
text-indent: -999em;
}

#nav_portfolio a {
display: block;
width: 71px;
height: 22px;
background: url(images/nav_bg.jpg) no-repeat 0 0;
}

#nav_portfolio a:hover { background: url(images/nav_bg.jpg) 0 -22px;}

#nav_about a {
display: block;
width: 50px;
height: 22px;
background: url(images/nav_bg.jpg) no-repeat -71px 0;
}

#nav_about a:hover { background: url(images/nav_bg.jpg) -71px -22px;}

#nav_clients a {
display: block;
width: 56px;
height: 22px;
background: url(images/nav_bg.jpg) no-repeat -121px 0;
}

#nav_clients a:hover { background: url(images/nav_bg.jpg) -121px -22px;}

#nav_contact a {
display: block;
width: 68px;
height: 22px;
background: url(images/nav_bg.jpg) no-repeat -177px 0;
}

#nav_contact a:hover { background: url(images/nav_bg.jpg) -177px -22px;}

#nav_shop a {
display: block;
width: 42px;
height: 22px;
background: url(images/nav_bg.jpg) no-repeat -245px 0;
}

#nav_shop a:hover { background: url(images/nav_bg.jpg) -245px -22px;}

#nav_twitter a {
display: block;
width: 55px;
height: 22px;
background: url(images/nav_bg.jpg) no-repeat -287px 0;
}

#nav_twitter a:hover { background: url(images/nav_bg.jpg) -287px -22px;}

#main_3col {
width: 868px;
margin: 0 10px;
}

#main_2col {
width: 868px;
margin: 0 10px;
}

#blog_home, #about_home, #clients_home, #contact_home {
float: left;
width: 375px;
padding: 10px;
}

#portfolio_home {
float: left;
width: 610px;
padding: 10px;
}

#portfolio_home a {
color: #129ef0;
text-decoration: none;
}

#portfolio_home a:hover { color: #fff;}

#portfolio_home img { margin: 0 0 20px 0;}

#portfolio_home p {
margin: 10px 0 20px 5px;
color: #666;
font: normal normal 12px Arial, Helvetica, sans-serif;
text-align: left;
}

#portfolio_home li {
float: left;
width: 117px;
padding: 0 5px 0 0;
text-align: center;
text-transform: uppercase;
}

#portfolio_home li a { color: #666;}

#portfolio_home li ul {
margin: 5px 0 0 10px;
padding: 5px 0 0 0;
border-top: 1px dashed #333;
font: normal normal 11px Arial, Helvetica, sans-serif;
}

#portfolio_home li ul li {
float: none;
text-align: left;
text-transform: none;
}

#portfolio_home li ul li a { color: #999;}

#portfolio_home ul {
font: normal bold 12px Arial, Helvetica, sans-serif;
}

#about_home p, #clients_home p { margin: 0 0 10px 0;}

#blog_title {
width: 375px;
height: 29px;
margin: 10px 0;
background: url(images/blog_title.jpg) no-repeat left;
text-indent: -999em;
}

#error_title {
width: 375px;
height: 29px;
margin: 10px 0;
background: url(images/404_title.jpg) no-repeat left;
text-indent: -999em;
}

#featured_title {
width: 610px;
height: 29px;
margin: 10px 0;
background: url(images/featured_title.jpg) no-repeat left;
text-indent: -999em;
}

#apparel_title {
width: 610px;
height: 29px;
margin: 10px 0;
background: url(images/apparel_title.jpg) no-repeat 0 0;
text-indent: -999em;
}

#illustration_title {
width: 610px;
height: 29px;
margin: 10px 0;
background: url(images/illustration_title.jpg) no-repeat 0 0;
text-indent: -999em;
}

#posters_title {
width: 610px;
height: 29px;
margin: 10px 0;
background: url(images/posters_title.jpg) no-repeat 0 0;
text-indent: -999em;
}

#print_title {
width: 610px;
height: 29px;
margin: 10px 0;
background: url(images/print_title.jpg) no-repeat 0 0;
text-indent: -999em;
}

#typography_title {
width: 610px;
height: 29px;
margin: 10px 0;
background: url(images/typography_title.jpg) no-repeat 0 0;
text-indent: -999em;
}

#ideology_title {
width: 375px;
height: 29px;
margin: 10px 0;
background: url(images/ideology_title.jpg) no-repeat left;
text-indent: -999em;
}

#services_title {
width: 375px;
height: 29px;
margin: 10px 0;
background: url(images/services_title.jpg) no-repeat left;
text-indent: -999em;
}

#history_title {
width: 375px;
height: 29px;
margin: 10px 0;
background: url(images/history_title.jpg) no-repeat left;
text-indent: -999em;
}

#clients_title {
width: 375px;
height: 29px;
margin: 10px 0;
background: url(images/clients_title.jpg) no-repeat left;
text-indent: -999em;
}

.entry {
margin: 0 0 20px;
color: #fff;
font: normal normal 12px/16px Arial, Helvetica, sans-serif;
text-align: justify;
}

.entry h3 {
margin: 0 0 5px 0;
color: #129ef0;
font-size: 14px;
font-weight: bold;
}

.entry h3 a {
color: #129ef0;
text-decoration: none;
}

.entry h3 a:hover {
color: #444;
text-decoration: none;
}

.entry a {
color: #129ef0;
text-decoration: none;
}

.entry a:hover { text-decoration: underline;}

.entry a:visited { color: #f0f;}

.entry blockquote {
margin: 0 0 10px;
padding: 0 0 0 10px;
border-left: 2px solid #333;
color: #666;
font-weight: bold;
text-align: justify;
}

.entry img { margin: 0 0 10px;}

.entry ol {
margin: 0 0 10px 20px;
list-style: inside decimal;
color: #999;
}

.entry p { margin: 0 0 10px 0;}

.entry strong { font-weight: bold;}

.entry ul {
margin: 0 0 10px 20px;
list-style: inside disc;
color: #999;
}

.entry_date {
color: #666;
font: normal normal 11px Arial, Helvetica, sans-serif;
text-align: left;
}

.entry_date span { color: #ccc;}

.entry_tags {
color: #666;
font: normal normal 11px Arial, Helvetica, sans-serif;
text-align: left;
}

.entry_tags a { color: #333;}

.entry_date p, .entry_tags p { margin: 0;}

.top_paragraph { margin: 20px 0 0 0;}

#e2ma_signup_form_container { margin: 10px 0 0 0;}

.e2ma_signup_form_label, .e2ma_signup_form_required_footnote {
color: #999;
font-size: 10px;
text-transform: uppercase;
}

.e2ma_signup_form_required_asterix { color: #f00;}

.e2ma_signup_form_element input {
width: 195px;
height: 19px;
margin: 0 0 5px 0;
padding: 6px 0 0 5px;
background: #333;
border: none;
color: #fff;
}

#e2ma_signup_form_button_row { margin: 10px 0 0 0;}

.alignleft {
float: left;
font: normal normal 12px Arial, Helvetica, sans-serif;
}

.alignleft a {
padding: 5px;
background: #222;
color: #ccc;
text-decoration: none;
}

.alignleft a:hover {
background: #129ef0;
color: #000;
}

.alignright {
float: right;
font: normal normal 12px Arial, Helvetica, sans-serif;
}

.alignright a {
padding: 5px;
background: #222;
color: #ccc;
text-decoration: none;
}

.alignright a:hover {
background: #129ef0;
color: #000;
}

.nextbutton {
float: right;
margin: 0 0 10px 0;
padding: 5px;
background: #222;
}

.previousbutton {
float: left;
margin: 0 0 10px 0;
padding: 5px;
background: #222;
}

.featured_work {
float: left;
width: 200px;
margin: 0 5px 10px 0;
}

.featured_work h3 {
margin: 5px 0 0 5px;
color: #129ef0;
font: normal bold 12px Arial, Helvetica, sans-serif;
}

.featured_work h3 a {
color: #129ef0;
text-decoration: none;
}

.featured_work img { margin: 0 !important;}

.featured_work p {
margin: 0 0 5px 5px !important;
color: #fff;
font: normal normal 12px Arial, Helvetica, sans-serif;
text-align: left;
}

.featured_end { margin-right: 0;}

.featured_spacer {
clear: both;
width: 610px;
height: 20px;
margin: 0 0 15px 0;
background: url(images/bg.jpg) repeat top center;
}

.sub_title {
margin: -10px 0 10px 5px;
color: #ccc;
font: normal bold 12px Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

.apparel_item {
float: left;
width: 305px;
height: 389px;
}

.portfolio_nav { padding: 0 0 50px 0;}

.clients_col1 {
float: left;
width: 188px;
color: #fff;
font: normal normal 12px/16px Arial, Helvetica, sans-serif;
}

.clients_col2 {
float: left;
width: 187px;
color: #fff;
font: normal normal 12px/16px Arial, Helvetica, sans-serif;
}

.clients_col1 h3, .clients_col2 h3 {
padding: 0 0 0 10px;
color: #129ef0;
font-weight: bold;
text-transform: uppercase;
}

.clients_col1 ul, .clients_col2 ul { padding: 0 0 20px 10px;}

#recent_updates {
float: left;
width: 215px;
padding: 10px;
}

#recent_updates li { 
margin: 0 0 20px 0;
color: #129ef0;
font: normal bold 10px Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
}

#recent_updates li a {
display: block;
color: #129ef0;
text-decoration: none;
}

#recent_updates li img { padding: 0 0 2px 0;}

#recent_updates ul { padding: 10px 0;}

#recent_title {
width: 215px;
height: 29px;
margin: 10px 0;
background: url(images/recent_title.jpg) no-repeat left;
text-indent: -999em;
}

#sidebar {
float: left;
width: 218px;
padding: 10px;
}

#portfolio_nav {
width: 216px;
margin: 10px 0;
}

#portfolio_nav li {
width: 216px;
height: 29px;
text-indent: -999em;
}

#portfolio_apparel a {
display: block;
width: 216px;
height: 29px;
background: url(images/apparel_title.jpg) no-repeat 0 0;
}

#portfolio_apparel a:hover { background: url(images/apparel_title.jpg) no-repeat 0 -29px;}

#portfolio_illustration a {
display: block;
width: 216px;
height: 29px;
background: url(images/illustration_title.jpg) no-repeat 0 0;
}

#portfolio_illustration a:hover { background: url(images/illustration_title.jpg) no-repeat 0 -29px;}

#portfolio_posters a {
display: block;
width: 216px;
height: 29px;
background: url(images/posters_title.jpg) no-repeat 0 0;
}

#portfolio_posters a:hover { background: url(images/posters_title.jpg) no-repeat 0 -29px;}

#portfolio_print a {
display: block;
width: 216px;
height: 29px;
background: url(images/print_title.jpg) no-repeat 0 0;
}

#portfolio_print a:hover { background: url(images/print_title.jpg) no-repeat 0 -29px;}

#portfolio_typography a {
display: block;
width: 216px;
height: 29px;
background: url(images/typography_title.jpg) no-repeat 0 0;
}

#portfolio_typography a:hover { background: url(images/typography_title.jpg) no-repeat 0 -29px;}

#most_recent {
width: 216px;
margin: 75px 0 0 0;
}

#most_recent h2 {
width: 216px;
height: 58px;
margin: 10px 0;
background: url(images/mostrecent_title.jpg) no-repeat left;
text-indent: -999em;
}

#most_recent li { 
margin: 0 0 20px 0;
color: #129ef0;
font: normal bold 10px Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
}

#most_recent li a {
display: block;
color: #129ef0;
text-decoration: none;
}

#most_recent li img { padding: 0 0 2px 0;}

#most_recent span { display: block;}

#most_recent ul { padding: 10px 0;}

#contact_title {
width: 216px;
height: 29px;
margin: 10px 0;
background: url(images/contact_title.jpg) no-repeat left;
text-indent: -999em;
}

#contact_info {
padding: 0 0 20px 0;
color: #fff;
font: normal normal 12px/16px Arial, Helvetica, sans-serif;
text-align: left;
}

#contact_info a {
color: #129ef0;
text-decoration: none;
}

#contact_info a:hover { color: #fff;}

#contact_info li {
float: left;
width: 20px;
height: 20px;
text-indent: -999em;
}

#contact_info span {
color: #ffff;
font-weight: bold;
}

#icon_fb a {
display: block;
width: 20px;
height: 20px;
background: url(images/networking_icons.jpg) no-repeat 0 0;
}

#icon_fb a:hover { background: url(images/networking_icons.jpg) no-repeat 0 -20px;}

#icon_bh a {
display: block;
width: 20px;
height: 20px;
background: url(images/networking_icons.jpg) no-repeat -20px 0;
}

#icon_bh a:hover { background: url(images/networking_icons.jpg) no-repeat -20px -20px;}

#icon_ms a {
display: block;
width: 20px;
height: 20px;
background: url(images/networking_icons.jpg) no-repeat -40px 0;
}

#icon_ms a:hover { background: url(images/networking_icons.jpg) no-repeat -40px -20px;}

#icon_li a {
display: block;
width: 20px;
height: 20px;
background: url(images/networking_icons.jpg) no-repeat -60px 0;
}

#icon_li a:hover { background: url(images/networking_icons.jpg) no-repeat -60px -20px;}

#contact_info p { padding: 0 0 0 8px;}

#contact_info ul { padding: 5px 0 0 20px;}

#contact_info strong {
color: #129ef0;
font-weight: bold;
}

#newsletter_title {
width: 216px;
height: 29px;
margin: 10px 0;
background: url(images/newsletter_title.jpg) no-repeat left;
text-indent: -999em;
}

#newsletter_info {
margin: 0 0 20px 0;
font: normal normal 12px Arial, Verdana, Helvetica, sans-serif;
color: #fff;
}

#twitter_title {
width: 216px;
height: 29px;
margin: 10px 0;
background: url(images/twitter_title.jpg) no-repeat left;
text-indent: -999em;
}

#twitter_updates { padding: 0 0 20px 0;}

#twitter_updates a {
color: #666;
text-decoration: none;
}

#twitter_updates a:hover { color: #fff;}

#twitter_updates span a {
color: #129ef0;
text-decoration: none;
}

#twitter_updates li {
margin: 0 0 10px 0;
}

#twitter_updates ul {
margin: 0 0 0 8px;
color: #eaeaea;
font: normal normal 11px Arial, Helvetica, sans-serif;
text-align: justify;
}

#fonts_title {
width: 216px;
height: 29px;
margin: 10px 0;
background: url(images/fonts_title.jpg) no-repeat left;
text-indent: -999em;
}

#fonts_info { padding: 0 0 20px 0;}

#fonts_info a {
display: block;
color: #129ef0;
font: normal bold 10px Arial, Helvetica, sans-serif;
text-decoration: none;
text-transform: uppercase;
}

#fonts_info a:hover { color: #fff;}

#fonts_info span {
display: block;
padding: 0 0 0 8px;
}

#supports_title {
width: 216px;
height: 29px;
margin: 10px 0;
background: url(images/supports_title.jpg) no-repeat left;
text-indent: -999em;
}

#supports_info {
font: normal bold 10px Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

#supports_info li { padding: 0 0 0 8px;}

#supports_info li a {
color: #129ef0;
text-decoration: none;
}

#supports_info li a:hover { color: #fff;}

#supports_info li a:visited { color: #f0f;}

#footer {
width: 868px;
height: 100px;
margin: 0 10px;
border-top: 1px dashed #111;
color: #666;
font: normal normal 11px Arial, Helvetica, sans-serif;
}

#footer_details {
float: left;
width: 300px;
height: 70px;
padding: 30px 0 0 0;
}

#footer_details a {
color: #333;
text-decoration: none;
}

#footer_nav {
float: left;
width: 568px;
height: 70px;
padding: 30px 0 0 0;
text-align: right;
}

#footer_nav a {
padding: 0 2px;
color: #129ef0;
text-decoration: none;
}

#footer_nav a:hover { text-decoration: underline;}