/*  
Theme Name: Specify
Theme URI:
Description: A Wordpress theme for Specify Magazine (Greer Publications)
Version: June 2009
Author: Adrian Hayes
Author URI: http://www.clickitstudio.com

################### CSS TOC ###################

1 Reset
2 Layout
3 Nav
4 Headings
5 Lists
6 Images
7 Links
8 Forms
9 Tables
10 Typography 
11 Other
*/

/*
1 ################### Reset ###################
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 font-family: helvetica, arial, sans-serif, verdana;
 vertical-align: baseline;
}

html { margin-bottom: 1px; }

/*
2 ################### Layout ###################
*/

body {
 text-align: left;
 font-size: 62.5%;
 background: #fff;
 min-height: 101%;
 padding: 0;
}

#page {
 width: 960px;
 margin: 0 auto;
 font-size: 1em;
 padding: 0;
}

#SP-brand {
margin: 20px 0 0 0;
padding: 0;
width:324px;
}

#header-hold {
padding: 0;
margin: 0 auto;
width:100%;
background: url('images/regular/bg-strip.jpg') no-repeat center bottom;
}

#header {
padding: 0;
margin: 0 auto 25px auto;
width:960px;
height: 250px;
background: none;
}

#footer-hold {
padding: 0;
margin: 0 auto;
width:100%;
background: #111;
}

#footer {
padding: 40px 0 60px 0;
margin: 0 auto;
width:960px;
height: 170px;
background: none;
}

#nav-search {
padding: 0;
margin: 100px 0 0 66px;
width:570px;
float: left;
}

.nine-sixty {
padding: 0 0 25px 0;
margin: 0 0 25px 0;
width:960px;
float: left;
border-bottom: 1px solid #889095;
}

.nine-sixty-home {
padding: 0 0 25px 0;
margin: 0 0 25px 0;
width:960px;
float: left;
border-bottom: 1px solid #889095;
}

#resource {
padding: 30px;
margin: 0;
width:900px;
float: left;
background: #D2DCE3;
}

.main-col,
.main-col-home {
padding: 0;
margin: 0;
width:520px;
float: left;
}

.side-col {
padding: 0;
margin: 0 0 0 20px;
width:420px;
float: left;
}

#form-sub {
padding: 0;
margin: 0;
width:480px;
float: left;
}

#stack {
padding: 0;
margin: 85px 0 0 40px;
width:432px;
height: 221px;
float: left;
background: url('images/issues/current-issue.jpg') top left no-repeat;
}

#current-issue {
padding: 0;
margin: 150px 0 0 0;
width:220px;
height: 170px;
display: block;
background: url('images/issues/current-issue.png') top left no-repeat;
}

#snapshot {
padding: 10px;
margin: 0;
width:400px;
height:275px;
float: left;
display: block;
background: url('images/issues/bg-snapshot.jpg') center center no-repeat;
}

#snapshot img {
margin:10px 0 0 10px;

}

#title {
padding: 0;
margin: 10px 0 10px 0;
width:420px;
float: left;
text-align: center;
color: #00a1f2;
font: normal 1.4em helvetica, arial, sans-serif; 
}

#next-step {
padding: 0;
margin: 15px 0 0 20px;
width:400px;
height: 40px;
float: left;
text-align: center;
font: normal 1.1em helvetica, arial, sans-serif; 
}

#quick-hello {
padding: 0;
margin: 0;
width:400px;
float: left;
font: normal 1.1em helvetica, arial, sans-serif;
background: #D2DCE3;
}

#CEF {
padding: 0 30px 0 0;
margin: 0 30px 0 0;
border-right: 1px dotted #889095;
width: 214px;
float: left;
}

#ABC {
padding: 0 30px 0 0;
margin: 0 30px 0 10px;
border-right: 1px dotted #889095;
width: 214px;
float: left;
}

#ad-text {
 width: 960px;
 float: left;
}

.staff-member {
padding: 30px;
margin: 0 0 0 0;
border-right: 1px solid #b0b8be;
width: 259px;
height: 140px;
background: #dae5ec;
float: left;
}

.staff-member-last {
padding: 30px;
margin: 0 0 0 0;
width: 260px;
height: 140px;
background: #dae5ec;
float: left;
}

.staff-member:hover,
.staff-member-last:hover {
background: #d2dce3;
}

#media-pack {
padding: 30px;
margin: 0 0 0 0;
border-right: 1px solid #b0b8be;
width: 419px;
height: 140px;
background: #d2dce3;
float: left;
}

#feature-listings {
padding: 30px;
margin: 0 0 0 0;
width: 420px;
height: 140px;
background: #d2dce3;
float: left;
}


.boxit {
float:left;
width:920px;
margin: 0 0 100px 0;
padding: 0 0 100px 0;
background: url('images/hr.gif') bottom left repeat-x;
}

#credits {
 float: left;
 width: 168px;
 margin: 0 20px 0 0;
 padding: 0 20px 0 0;
 border-right: 1px dotted #333;
}

#site-map {
 float: left;
 width: 100px;
 margin: 0 20px 0 0;
 padding: 0 20px 0 0;
 border-right: 1px dotted #333;
}

#site-location {
 float: left;
 width: 175px;
 margin: 0 20px 0 0;
 padding: 0 20px 0 0;
 border-right: 1px dotted #333;
}

#logo-hold {
 width: 385px;
 float: left;
 display: inline;
 margin: 0;
 padding: 0;
 background: none;
}

#footer p {	
 margin: 0 0 2px 0;
 padding:0;
 font-size: 1.2em;
 line-height: 1.7em;
 color: #555;
}

h1#btn-subscribe a {
 width: 358px;
 height: 36px;
 background: url('images/regular/button-subscribe.gif') top left no-repeat;
 display: block;
 font: normal 18px helvetica, arial, sans-serif;
 letter-spacing: 0;
 border: 0;
 text-align: left;
 margin: 0;
 padding: 20px 0 0 40px;
 color: #000;
}

h1#btn-subscribe a:hover {
 background: url('images/regular/button-subscribe.gif') bottom left no-repeat;
 padding: 20px 0 0 40px;
 border: 0;
 color: #000;
}

h1#CEFF a {
 width: 214px;
 height: 50px;
 background: url('images/regular/CEF.jpg') top left no-repeat;
 display: block;
 text-indent: -9999px;
 border: 0;
 margin: 0;
 padding: 0;
}

h1#CEFF a:hover {
 background: url('images/regular/CEF.jpg') bottom left no-repeat;
 padding: 0;
 border: 0;
}

h1#ABCC a {
 width: 70px;
 height: 50px;
 background: url('images/regular/ABC.jpg') top left no-repeat;
 display: block;
 text-indent: -9999px;
 border: 0;
 margin: 0;
 padding: 0;
}

h1#ABCC a:hover {
 background: url('images/regular/ABC.jpg') bottom left no-repeat;
 padding: 0;
 border: 0;
}

#map {
float:left;
width: 960px;
height: 500px;
margin: 0;
padding: 0;
background: #fff;
color: #333;
z-index:1;
font-size: 1.3em;
line-height: 1.3em;
border: none;
}

.hello {
float:left;
width: 530px;
margin: 0 0 260px 0;
padding: 0 20px 0 0;
background: #fff;
border-right: 1px dotted #333;
}


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

/*
3 ################### Nav ###################
*/

h1#logo a {
 width: 324px;
 height: 83px;
 background: url('images/regular/logo.gif') bottom left no-repeat;
 display: block;
 text-indent: -9000px;
 border: 0;
 margin: 96px 0 0 0;
 padding: 0;
}

h1#logo a:hover {
 background: url('images/regular/logo.gif') top left no-repeat;
 padding: 0;
 border: 0;
}

h4#logo-small a {
 width: 69px;
 height: 16px;
 background: url('images/regular/logo-small.gif') top left no-repeat;
 display: block;
 text-indent: -9000px;
 border: 0;
 margin: 0;
 padding: 0;
}

h4#logo-small a:hover {
 background: url('images/regular/logo-small.gif') bottom left no-repeat;
 border: 0;
}

#sister-sites-hold {
background: none;
width: 100%;
margin: 0;
padding: 0;
height: 34px;
position: fixed;
z-index:4;
}

#sister-sites {
width: 145px;
margin: 0 0 0 803px;
padding: 0;
height: 34px;
}


#nav-hold {
background: url('images/bg-nav.png') top left repeat-x;
width: 100%;
margin: 30px 0 30px 0;
padding: 0;
height: 145px;
position: fixed;
z-index:2;
}

.hold-inner {
width: 920px;
margin: 0px 0 0 40px;
padding:0;
z-index:3;
}

#nav {
background: none;
width: 488px;
margin: 0;
padding: 0;
height: 35px;
float: right;
}

ul#scroll {
 float: left;
 margin: 3px 0 0 10px;
 padding: 0;
}

ul#scroll li {
display: inline;
outline: none;
list-style: none;
}

ul#scroll li a {
outline: none;
margin:0 10px 0 10px;
text-decoration: none;
text-transform: none;
color: #000;
font-size: 1.2em;
font-weight: bold;
border: none;
}

ul#scroll li a:hover {
color: #666;
}

ul#nav {
 float: left;
 margin: 32px 0 0 0;
 padding: 0;
 height: 35px;
 width: 570px;
}

ul#nav li {
 display: block;
 float: left;
}

ul#nav li a {
 display: block;
 outline: none;
 height: 35px;
 background: url('images/regular/nav.gif') top left no-repeat;
 margin: 0 0 0 50px;
 text-align: center;
 vertical-align:bottom;
 border: none;
 text-indent: -9999px;
 padding: 0;
}

ul#nav li a:hover {
 border: none;
}

ul#nav li#Home a { width:70px; background-position: 0 0; }
ul#nav li#Subscribe a { width:100px; background-position: -108px 0; }		
ul#nav li#Resources a { width:110px; background-position:-247px 0; }
ul#nav li#Contact a { width:90px; background-position:-398px 0; }

/* Hover */
ul#nav li#Home a:hover { background-position: 0 -35px; }
ul#nav li#Subscribe a:hover { background-position: -108px -35px; }
ul#nav li#Resources a:hover { background-position:-247px -35px; }
ul#nav li#Contact a:hover { background-position:-398px -35px; }

/* Hover over-ride */
#nav-search.Home ul#nav li#Home a { background-position: 0 -70px; }
#nav-search.Subscribe ul#nav li#Subscribe a { background-position: -108px -70px; }
#nav-search.Resources ul#nav li#Resources a { background-position: -247px -70px; }
#nav-search.Contact ul#nav li#Contact a { background-position: -398px -70px; }

ul#logo-list {
 height: 104px;
 float: left;
 display: inline;
 margin: 0;
 padding: 0;
 background: none;
}

ul#logo-list li {
 display: block;
 float: left;
}

ul#logo-list li a {
 display: block;
 outline: none;
 height: 104px;
 background: url('images/regular/logo-list.jpg') no-repeat 0 0;
 text-indent: -9009px;
 margin: 0 3px 0 0;
 border: none;
 padding: 0;
}

ul#logo-list li#l-abc a { width:70px; background-position: 0 0; margin: 0 22px -2px 0; }
ul#logo-list li#l-iip a { width:86px; background-position: -121px 0; margin: 0 22px -2px 0; }		
ul#logo-list li#l-greer a { width:165px; background-position: -228px 0; margin: 0 17px -2px 0; }

/* Hover */
ul#logo-list li#l-abc a:hover { width:70px; background-position: 0 -104px; }
ul#logo-list li#l-iip a:hover { width:86px; background-position: -121px -104px; }		
ul#logo-list li#l-greer a:hover { width:165px; background-position: -228px -104px; }

/*
4 ################### Headings ###################
*/


h1 {
 font: bold 3em Helvetica;
 text-transform: none;
 letter-spacing: -0.06em;
 color: #000;
 margin: 0 0 10px 0;
}


.main-col h2, h2 {
 font: bold 4em Helvetica;
 text-transform: none;
 letter-spacing: -0.04em;
 color: #00a1f2;
 margin: 0 0 10px 0;
 line-height: 1.2em;
}

.main-col-home h2 {
 font: bold 4em Helvetica;
 text-transform: none;
 letter-spacing: -0.04em;
 color: #00a1f2;
 margin: 0 0 10px 0;
 line-height: 1.2em;
}

h3 {
 font: normal 2.4em Helvetica;
 text-transform: none;
 letter-spacing: -0.02em;
 color: #333;
 margin: 0 0 15px 0;
 line-height: 1.2em;
}

h4 {
 font: bold 1.8em Helvetica;
 text-transform: none;
 letter-spacing: -0.06em;
 color: #1b1b1b;
 margin: 0 0 18px 0;
}

h5 {
 font: bold 1.2em Helvetica;
 text-transform: none;
 letter-spacing: -0.06em;
 color: #333;
 margin: 0 0 10px 0;
}

/*
5 ################### Lists ###################
*/

ul.staff-details {
margin: 0 0 20px 0;
}


ul.staff-details li {
 list-style: none;
 margin-bottom: 6px;
 line-height: 1.2em;
 font-size: 1.3em;
 margin-left: 0;
 color: #555;
}

ul.staff-details li.email {
 list-style: none;
 margin: 18px 0 8px 0;
 line-height: 115%;
 font-size: 1.3em;
 padding: 0 0 1px 24px;
 background: url('images/regular/icon-email.gif') no-repeat 0 2px;
}

ul.staff-details li.greer {
margin: 0 0 8px 0;
}

ul.s-loc li,
ul.s-map li a {
 list-style: none;
 margin: 0 0 0 0;
 padding: 3px 0px 0px 0;
 line-height: 1.6em;
 font-size: 1.3em;
 color: #888;
 font-size: 1.2em;
 display: block;
 text-transform: none;
 background: none;
}

ul.s-loc li a {
color: #888;
}

ul.s-loc li a:hover {
color: #f7f7f7;
}

ul.s-map li a:hover {
color: #f7f7f7;
}

ul#list-resource li a {
display: inline;
float: left;
margin:0;
padding: 0;
border: none;
width: 200px;
height: 283px;
}

ul#list-resource li#info-pack a {
 background: url('images/resources/info-pack.jpg') top left no-repeat;
 display: block;
 margin: 0 20px 0 0;
}

ul#list-resource li#info-pack a:hover {
 background: url('images/resources/info-pack.jpg') top right no-repeat;
}

ul#list-resource li#features-list a {
 background: url('images/resources/features-list.jpg') top left no-repeat;
}

ul#list-resource li#features-list a:hover {
 background: url('images/resources/features-list.jpg') top right no-repeat;
}

/*
6 ################### Images ###################
*/

/*
7 ################### Links ###################
*/

a, a:visited {
 color: #00a1f2;
 padding:0 0 1px 0;
 border-bottom: 1px dotted #333;
 text-decoration: none;
}

a:hover, a:active {
 color: #000;
 padding:0 0 1px 0;
 border-bottom: 1px solid #333;
}

#map a:hover, a:active {
 color: #000;
 padding:0;
 border-bottom: 1px solid #333;
}

#footer p a {
 color: #555;
 padding:0 0 1px 0;
 border-bottom: 1px dotted #555;
 text-decoration: none;
}

#footer p a:hover {
 color: #f7f7f7;
 border-bottom: 1px dotted #f7f7f7;
}


a.skip {
display: none;
}

a.your-ad {
 width: 125px;
 height: 125px;
 padding: 5px;
 margin: 0 24px 0 0;
 border: 1px dotted #666;
 display: inline-block;
}

a.your-ad-last {
 width: 125px;
 height: 125px;
 padding: 5px;
 margin: 0 0 0 3px;
 border: 1px dotted #666;
 display: inline-block;
}
/*
08 ################### Forms ###################
*/

select {
border: 1px solid #9C9C9C;
height: 30px;
vertical-align: middle;
padding: 0;
margin: 0;
}

/*
09 ################### Tables ###################
*/

/*
10 ################### Typography ###################
*/


p {	
 font-size: 1.4em;
 padding: 0;
 margin:0;
 color: #000;
 line-height: 1.8em;
}

#CEF p, #ABC p {
 font-size: 1.2em;
 padding: 0;
 margin:0;
 color: #000;
 line-height: 1.8em;
}

#ad-text p {	
 font-size: 1.1em;
 padding: 0;
 margin:0 0 20px 0;
 color: #000;
 line-height: 1.8em;
 text-align: center;
}

p.details {
 font-size: 1.2em;
 font-style: italic;
 line-height: 1.5em;
 padding: 0;
 margin: 0
}

.asterix {
 font: 2.2em Baskerville, Georgia, serif;
 color: #e43323;
 line-height: 1.5em;
 padding: 0;
 margin: 0
}


#map a {	
 color: #00aef0;
 line-height: 1.3em;
 border: none;
}

/*
11 ################### Other ###################
*/

acronym {
 border-bottom: 1px dotted #333;
 cursor: help;
}

hr {
 display: block;
 height: 10px;
 background: url('images/regular/hr.gif') no-repeat top left;
 border: 0;
 margin:0 0 15px 0;
}

.number {
 font-size: 2.4em;
}

.left {
 float: left;
}

.clearfloats { clear:both; height:0; font-size: 1px; line-height: 0px; }

strong {
 font-weight: bold;
 color: #1b1b1b;
}

em {
 font-style: italic;
}

.alignleft {
 float: left;
}

.alignright {
float: right;
}

.clearfix:after, .colrow:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

ul, li{margin:0; padding:0; list-style:none; text-decoration:none; }

ul.news {
margin: 20px 0 0 0;
padding: 0;
}

ul.news li {
font: normal 1.1em helvetica, arial, sans-serif;
line-height: 1.4em;
margin: 0 0 10px 0;
padding: 0;
}

ul.news li.in-the-news {
font: bold 1.3em helvetica, arial, sans-serif;
line-height: 1.4em;
margin: 0 0 10px 0;
padding: 15px 0 0 0;
border-top: 1px solid #889095;
}


.menu_head {
border:1px solid #998675;
}

.menu_body {
display:none;
width:145px;
border-right:1px solid #998675;
border-bottom:1px solid #998675;
border-left:1px solid #998675;
cursor:pointer;
margin:0;
}

ul.menu_body li {background:#68caef; cursor:pointer; text-decoration:none; }
ul.menu_body li.alt {background:#afdeef; cursor:pointer; text-decoration:none; }
ul.menu_body li a {color:#FFFFFF; text-decoration:none; padding:10px; display:block; cursor:pointer;}
ul.menu_body li a:hover { color: #000; cursor:pointer; text-decoration:none; }


.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 30px 20px 140px 20px;	
	font-weight: bold;
	font-size: 13px;	
	font-family: arial;	
	cursor: pointer;
	border: 0px solid #334143;
	background: #000000;
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
   border-width: 0px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}

br.c { clear: both; }

.images img {
margin: 0 0 18px 0;
}

#form {
background: #eee;
width: 200px;
height: 200px;
}

.captify {
margin: 0 30px 0 0;
}