/*
---------------------------------------------------------------------------------

	WHICH DIGI?
	global screen styles

	created: nov '09
	updated: ---
	
	design and code by:
	matthew brown / www.thingsthatarebrown.com

---------------------------------------------------------------------------------
*/


body { font-family: "Helvtica Neue", arial }
body { background: url('../img/bg.png') repeat-y center #efefef }


h1,h2,h3,h4 {margin:0;padding:0;line-height:1em;}
h3 { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
h3 span { font-size: 18px; font-weight: normal; color: #666; }

a { }
a:hover { text-decoration: none; }
p { margin: 0; font-size: 15px; line-height: 20px }

#topbar .grid_12 { height: 8px; background: #dafbff;}

#topbar, #header, #cameras, #explanations, #extras, #whatisthis { border: solid #ddd; border-width: 0 4px; }

#header { height: 180px; background: url('../img/header-bg.png') no-repeat center; }
#header a#logo { height: 159px; display: block; background: url('../img/logo.png') no-repeat center; text-indent: -9999px;  outline: none }
#header a#logo:hover { opacity: 0.92;
-moz-opacity: 0.92;
filter:alpha(opacity=92); }
#header a.addthis_button { margin: 50px 0 0 20px; display: block; } 		
#header a#ttab-birdy { margin: 50px 0 0 0; display: block; } 		

#fuji a.image { margin-top: 50px; margin-bottom: 65px; width: 361px; height: 256px; display: block;  text-indent: -9999px; background: url('../img/fuji.jpg') no-repeat; float: right; margin-right: 20px; }
#nikon a.image { margin-bottom: 10px; width: 370px; height: 360px; display: block; text-indent: -9999px; background: url('../img/nikon.jpg') no-repeat; float: left; margin-left: 20px; }

#cameras div { height: 480px; text-align: center;  }
#cameras a { outline: none }
#cameras a:hover { background-position: bottom }
#cameras a:active { background-position: bottom; opacity: 0.8;
-moz-opacity: 0.8;
filter:alpha(opacity=80); }

#cameras a h2 { font-size: 48px; letter-spacing: -2.5px; color: #333  }
#cameras a:hover h3 span {  text-decoration: none;  }
#cameras a h3 { color: #333  }
#cameras a p strong { font-size: 24px; letter-spacing: -1px; color: #f07e22;  }
#cameras a p { font-size: 18px; color: #5e5e5e;  }
#cameras a:hover h2 { color: #000; }
#cameras a:hover span { text-decoration: underline;  }


#explanations  { padding-bottom: 60px; }
#explanations .inner { background: #e9faff; padding: 20px 30px; }
#explanations h3 { border-bottom: 1px solid #ccc; margin-bottom: 16px; padding-bottom: 6px; font-size: 24px; letter-spacing: -1px; }
#explanations #fuji-explain .inner { margin-left: 30px; }
#explanations #nikon-explain .inner { margin-right: 30px; }
#explanations ul { margin: 0; }
#explanations li { margin: 0; list-style: none; font-size: 14px; line-height: 19px; margin-bottom: 1.25em; }
#explanations li h4 { font-size: 18px; display: block; margin-bottom: 2px; line-height: 1em; color: #206296; }
#explanations .moreinfo a { display: block; padding: 0 0 0 15px; background: url('../img/arrow.png') no-repeat 2px; text-decoration: none; color: #333; }
#explanations .moreinfo a:hover { text-decoration: underline }


#explanations #fuji-explain a.buythis { margin-left: 30px; }

a.buythis { display: block; background: url('../img/buybar.png') no-repeat center #d5edf4; width: 400px; padding: 15px; color: #206296; text-indent: -9999px; }
a.buythis:hover { opacity: 0.7;
-moz-opacity: 0.7;
filter:alpha(opacity=70); }

#extras { padding-top: 30px; }
#extras .grid_3 { text-align: center; }

#whatisthis { padding-bottom: 60px; padding-top: 60px; border-top: 1px dotted #ccc; }
#me img { border: 1px solid #ccc }
#wt-text a { color: #206296 }
#wt-text p { margin-bottom: 1em; }