/*
Theme Name: ANODE
Theme URI: http://anode.com
Description: Anode.com
Version: 1.0
Author: James and Tara Jo
Tags: anode
*/

.clear {clear:both;}

body * {margin:0; padding:0; border:none;text-indent:0;text-decoration: none;outline:none;}

.mobile-graphic {display:none;}


/* MAIN LAYOUT */

#top {width:1040px; margin:0 auto; padding:0 20px; position:relative;}
#main {
	float:left;
	width:780px;
	position:relative;
	padding:70px 0 0 0;
	}
	
#main-left {float:left;width:500px;}
#main-right {float:right;width:200px;}
.smaller {font-size:11px; line-height:16px;}


#sidebar {
	padding-top:70px;
	float:right;
	width:200px;
	}


/* BASICS */

body {
	margin:0;
	padding:0;
	font-family:"Helvetica Neue", helvetica, arial, sans-serif;
	font-size:13px;
	line-height:18px;
	color:#5a5a5a;
	}

h1 {font-size:40px; font-weight:bold; margin:20px 0 10px 0; color:#000;clear:both;line-height:45px;}
h2 {font-size:20px; font-weight:normal;line-height:25px;margin:20px 0 10px 0; color:#000; }
h3 {font-size:12px; text-transform:uppercase; margin-top:18px;}
h4 {font-size:13px; font-weight:bold;color:#000;margin-top:10px;}
h5 {font-size:11px; font-weight:normal;color:#5a5a5a;margin:0px; text-transform:uppercase;letter-spacing:1px;}

.caps {text-transform:uppercase;font-size:85%;letter-spacing:1px;}
#main p {margin-bottom:5px;}
#home h3 {text-transform:capitalize;font-weight:normal;}

img, object {border:none;}

#trigger, #trigger-mobile, #movieplayer {margin-bottom:20px;float:left;}

body a {color:#0066a4;font-weight:normal;}
body a:active {outline: none;}
body a:focus {-moz-outline-style: none;}

body a:hover {color:#398dcc;}



/* HOME */

#welcome {
	font-size:26px;
	line-height:29px;
	color:#7c7c7c;
	margin:0 0 40px 0;
	padding-bottom:10px;
	width:760px;
	border-bottom:1px solid #cdcdcd;
	}
#welcome strong {
		font-size:40px;
		color:#000;
		font-weight:bold;
		}

#category-description, #tag-description {
	border-bottom:1px solid #cdcdcd;
	color:#7c7c7c;
	padding-bottom:10px;
	margin-bottom:20px;
	font-size:20px;
	line-height:25px;
	width:760px;
	}

#category-description strong, #tag-description strong {
	font-weight:normal;
	color:#000;
	}


/* PANEL */

#panels {
	/*background: #fff;*/
	height: 200px;
	display: none;
	}

#panel-button a.panel-button {
	display:block;
	top:0;
	width:150px;
	padding-top:7px;
	height:23px;
	text-indent:-9999px;
	background:transparent url(images/panel-button.png) no-repeat 0 0;
	}

#panel-button a.panel-button.open {
	background-position: -150px 0;
	}

#panel-nav {
	float:left;
	margin:9px 0 0 170px;
	height:15px;
	width:200px;
	font-size:11px;
	z-index:5;
	display:none;
	}
	
/* Previous and Next are swapped in the code */

#prev {padding-left:5px;padding-right:3px;border-left:1px solid #eaeaea;}
#next {padding-right:3px;}
#arch {padding-left:5px;border-left:1px solid #eaeaea;}

#panel-nav.open {display:block;}


/* SIDEBAR NAV */

a#logo {
	display:block;
	margin:0 0 30px 0;
}

#sidebar ul {
	list-style:none;
}

#sidebar li.primary a {
	display:block;
	width:100px;
	height:25px;
	text-indent:-9999px;
	background:transparent url(images/nav.png) no-repeat 0 0;
	}


#sidebar li#n-work a    {background-position:0 0;}
#sidebar li#n-about a   {background-position:0 -50px;}
#sidebar li#n-contact a {background-position:0 -100px;}
            
#sidebar li#n-work a:hover   {background-position:-200px 0;}
#sidebar li#n-about a:hover   {background-position:-200px -50px;}
#sidebar li#n-contact a:hover {background-position:-200px -100px;}


#tag-nav {margin:0 0 20px 0;}
#tag-nav li {margin-bottom:3px;}
#tag-nav li.current a {color:#5ab5ed;}

#recent-press ul {margin-bottom:10px;}
#recent-press li {margin-bottom:10px;}

#firesign-ad {margin-top:40px;}

#project-info {width:240px; margin-top:10px; margin-bottom: 20px; margin-right:20px; float:right;}
#project-info p a {font-size:13px;}
#project-info p a span {font-size:11px;font-weight:bold;}


/* SECTION INDICATOR */

#section-indicator a {
	left:0;
	display:block;
	top:0;
	width:150px;
	height:30px;
	text-indent:-9999px;
	background:transparent url(images/section-indicator.png) no-repeat 0 0;
	}
	
#section-indicator a#s-work {background-position:0 0;}
#section-indicator a#s-about {background-position:0 -30px;}
#section-indicator a#s-contact {background-position:0 -60px;}

#section-indicator a#s-work:hover {background-position:-150px 0;}
#section-indicator a#s-about:hover {background-position:-150px -30px;}
#section-indicator a#s-contact:hover {background-position:-150px -60px;}




/* PROJECT PAGES */

#project-info ul {list-style:none;}
#project-info strong {color:#000;}
#site-link {
font-style:italic;
margin-top:10px;
}


#portfolio-piece #main p {
/*	float:left;*/
	width:500px;
	margin-bottom:10px;
	}


/*#portfolio-piece #main p img {margin-top:10px;}*/

/*#portfolio-piece #main #project-content p img:first-child {margin-top:40px;}*/

#project-content {width:760px;}


/* Video + poster image border */


#movieplayer {display:none;}

#home video, 
#home .poster,
#portfolio-piece video, 
#portfolio-piece .poster {	
	float:left;
	border:1px solid #aeb0b3;
	margin-bottom:10px;
	}

#trigger-mobile {display:none;}



/* THUMBNAIL DISPLAY */

.project {
	float:left;
	width:240px;
	height:260px;
	margin:0 19px 30px 0;
	}

.project a img {
	border:1px solid #aeb0b3;
	margin:0 0 8px 0;
	}

.project a {font-weight:bold;}


/* ABOUT PAGE */

.col1 {width:360px;float:left; margin-left:0 !important; margin-right:0}
.col2 {width:360px;float:right;margin-left:0 !important; margin-right:0;}


#people, #awards {clear:both;margin:20px 0;}


.service {
/*	float:left;*/
	width:370px;
/*	height:180px;*/
	margin:0 20px 20px 0;
	}
	
.service h2, .service h2 a, .award h2 {font-size:13px;margin:0;font-weight:normal;}

.person {float:left;width:95px;margin:0 15px 20px 0;	position:relative;}
.person h2 {font-size:12px;line-height:15px;margin:2px 0;}
.person h3 {font-size:9px;letter-spacing:1px;line-height:12px;margin:0;}


#people img  a {cursor:pointer;}

#map {width:430px;}
#map img {
	float:left;
	margin-top:18px; 
	border:1px solid #aeb0b3;
}
#map-direction {
	width:200px;
	float:right;
	margin-left:18px;
}
#map-direction a{
	padding-left:20px;
	clear:both;
	display:block;
	background:url(http://anode.com/wpanode/wp-content/uploads/2010/11/download-pdf.png) no-repeat;
}
#map-direction h3{
	padding-bottom:5px;
}
	

/* tooltip bios */

#simpleTooltip {
	position:absolute;
	top:-200px;
	background:transparent url(images/bio-bg.png) no-repeat left top;
	font-size:11px;
	width:285px;
	height:240px;
	line-height:18px;
	color:#5a5a5a;
	padding:17px 20px 20px 45px;
	}

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


#clients {
	}
#clients ul {list-style:none;}
#clients li {margin-bottom:10px;}


#page #main ul {
margin:10px 0 15px 20px;
      }

#page h4 {color:#5a5a5a;}


/* FOOTER */


#footer {
	clear:both;
	width:1040px;
	border-top:1px solid #cdcdcd;
	padding-top:10px;
	margin-top:50px;
	}

#footer p {float:left; width:180px; height:60px;font-size:11px;line-height:13px;}
#footer p.firesign {width:300px;}
#footer p.firesign a {height:50px;display:block;padding-left:55px; background:transparent url(images/fs-logo.png) no-repeat 0 0;}



/* WHAT'S UP ARCHIVE */

body#whats-up .project-content {border-bottom:1px dotted #ccc; padding-bottom:20px;margin-bottom:20px;width:1040px;height:200px;}




/* WHAT'S UP STYLES */


/* Season switcher, added October 2010*/

#season-styles h2 {display:none;}

#season-styles p#seasons-type {
	text-indent:-9999px;
	color:#fff;
	background:url(images/seasons-type.png) no-repeat 0 20px;
	height:200px;
	width:380px;
	/*display:block;*/
	float:left;
	}

#season-styles ul {float:right;width:660px;}
#season-styles li {float:left;list-style:none;}
#season-styles li a {
	display:block;
	width:200px;
	height:185px;
	margin-right:-50px;
	text-indent:-9999px;
	background:transparent url(images/season-buttons.png) no-repeat 0 0;	
	}

#season-styles li a#season-spring {background-position:0 0;}
#season-styles li a#season-summer {background-position:-200px 0;}
#season-styles li a#season-autumn {background-position:-400px 0;}
#season-styles li a#season-winter {background-position:-600px 0;}


/*Animate on hover and mouseout (Won't work on Firefox 3)*/
#season-styles li a, 
#season-styles li a:hover {
	-webkit-transition: background 0.25s ease-in-out;
	-moz-transition: background 0.25s ease-in-out;
	-o-transition: background 0.25s ease-in-out;
	transition: background 0.25s ease-in-out;
	}

#season-styles li a#season-spring:hover {background-position:0 -5px;}
#season-styles li a#season-summer:hover {background-position:-200px -10px;}
#season-styles li a#season-autumn:hover {background-position:-400px -10px;}
#season-styles li a#season-winter:hover {background-position:-600px -10px;}

p#season-cancel {display:none;float:left;margin-left:34px;font-size:10px;}


/* CASE STUDY */

.w1, #portfolio-piece #main p.w1, #portfolio-piece #main div.w1 {width:240px;}
.w1point5, #portfolio-piece #main p.w1point5, #portfolio-piece #main div.w1point5 {width:360px;}
.w2 {width:500px;}

.left {float:left;}
.right {float:right;}

.section {border-top:1px solid #a5a5a5; padding-top:20px; padding-bottom:20px; clear:both; float:left; width:760px;}
.section img {width:auto; margin-bottom:10px;}
.section h2 {font-weight:bold;}

.section .icon {margin-right:5px;}
.section .icon img {margin:0 5px 0 0;}


#portfolio-piece #main p.caption {font-size:11px; line-height:15px; font-weight:bold;}

h4.case-study {width:500px; font-size:20px; font-weight:normal; color:#5a5a5a; line-height:25px; margin-top:20px;}
h4.case-study strong {font-weight:bold;}



/* EMMA EMAIL SIGNUP */

#e2ma_signup_message {font-size:12px; text-transform:capitalize; margin-top:18px; font-weight:normal;}
.e2ma_signup_form_element {border:1px solid #cdcdcd; }
.e2ma_signup_form_label {text-transform:capitalize; margin-top:5px;}
.e2ma_signup_form_required_footnote {font-size:11px;font-style: italic;}
#e2ma_signup_submit_button {background-color:#0066a4; margin-top:5px; padding:3px; color:white;}
#e2ma_signup_reset_button {background-color:#0066a4; padding:3px; color:white;}
.e2ma_signup_form_button {cursor:pointer; font-weight:bold;}