/* @override http://paca.local/assets/css/styles.css */

/*  
Theme Name: Specify Concrete
Theme URI: http://www.baublitz.com/
Description: ExpressionEngine Custom CMS 
Version: 1.0
Author: Austin Siewert
Author URI: http://www.baublitz.com
*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;}
	
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}


/* Start Specify Concrete Styles */

/* ---------- @ Basic Elements ----------- */
body {min-width: 960px;margin:0 10px;color:#666;background: url(/assets/layout/bg-body2.jpg) repeat-x #FFF}
body#home{background-image: url(/assets/layout/bg-body.jpg)}


h1, h2, h3, h4, h5, h6 {font-family:"Myriad Pro", Tahoma, Arial}

h1 {margin:15px 0;font-size:32px;font-style:bold;color:#394B25}
#main-content h1 {padding-top: 30px;}
p {margin:10px 0;font: 13px/20px Verdana, Georgia;color: #333;}	

a {color: #428DD1;}	
a:hover {text-decoration: none;}

/* ---------- @ Generic Classes -----------*/

.wrapper {width:960px;margin:0 auto;position:relative;}	/* centers content */

.col-1, .col-2, .col-3, 
.col-4, .col-5, .col-6, 
.col-7, .col-8, .col-9, 
.col-10, .col-11, .col-12 {float:left;margin:14px;display:inline;}

.col-1 {width: 52px;}
.col-2 {width: 132px;}
.col-3 {width: 212px;}
.col-4 {width: 292px;}
.col-5 {width: 372px;}
.col-6 {width: 452px;}
.col-7 {width: 532px;}
.col-8 {width: 612px;}
.col-9 {width: 692px;}
.col-10 {width: 772px;}
.col-11 {width: 852px;}
.col-12 {width: 932px;}

.left {float:left;display:inline}
.right {float:right;display:inline}
.remove {display: none;}

p.right {text-align: right;display:block}

/* ---------- @ Header -----------*/

#header {height: 134px;background: url(/assets/layout/bg-header.png) repeat-x;}

#brand {
	position:relative;
	float:left;
	text-indent:-9999px;}

#brand a {position:relative;display:block;width:270px;height:103px;top: 37px;left: 14px;background: url(/assets/layout/logo.jpg) no-repeat;}

#header #util {position:absolute;top: 10px;left: 760px;}
#header #util li {text-indent: 0px;margin:0;}
#header #util #ico-home a {background-position: 0px 0px;}
#header #util li a {padding:0 15px 0 25px;height: 16px;font: 12px/16px 'Myriad Pro', Arial;color: #FFF;text-decoration: none;text-shadow: 1px 1px #000;background: url(/assets/layout/icon-util.png) no-repeat left center;cursor:pointer}
#header #util li a:hover {color:#D7DD38;}

#header #util #ico-home a {background-position: 0px 0px;border-right: 1px solid #385318;}
#header #util #ico-home a:hover {background-position: 0px -17px;}

#header #util #ico-contact a {padding-left: 40px;background-position: 15px -35px;border-left: 1px solid #879D6F;}
#header #util #ico-contact a:hover {background-position: 15px -53px;}

#header #nav {position:relative;float:right;width:645px;right:-10px;top:65px;}
#header li {display:inline;text-indent: -9999px;float:left;margin-left:8px;}
#header li a {display:block;height:30px;background: url(/assets/layout/nav.png) no-repeat;cursor:pointer}

/* My Comment
#header #nav-hme a {width: 67px;}
#header #nav-hme a:hover {background-position:0 -30px;}
#header #nav-hme a.current {background-position:0 -60px;}
*/

#header #nav-abt a {width: 80px;background-position:0px 0;}
#header #nav-abt a:hover {background-position:0px -30px;}
#header #nav-abt a.current {background-position:0px -60px;}

#header #nav-edu a {width: 146px;background-position:-92px 0;}
#header #nav-edu a:hover {background-position:-92px -30px;}
#header #nav-edu a.current {background-position:-92px -60px;}

#header #nav-news a {width: 54px;background-position:-250px 0;}
#header #nav-news a:hover {background-position:-250px -30px;}
#header #nav-news a.current {background-position:-250px -60px;}

#header #nav-events a {width: 63px;background-position:-316px 0;}
#header #nav-events a:hover {background-position:-316px -30px;}
#header #nav-events a.current {background-position:-316px -60px;}

#header #nav-prj a {width: 121px;background-position:-391px 0;}
#header #nav-prj a:hover {background-position:-391px -30px;}
#header #nav-prj a.current {background-position:-391px -60px;}

#header #nav-pro a {width: 119px;background-position:-526px 0;}
#header #nav-pro a:hover {background-position:-526px -30px;}
#header #nav-pro a.current {background-position:-526px -60px;}

/* My Comment
#header #nav-con a {width: 91px;background-position:-596px 0;}
#header #nav-con a:hover {background-position:-596px -30px;}
#header #nav-con a.current {background-position:-596px -60px;}
*/

/* ---------- @ Home Content ----------- */
#billboard {
	margin: 22px auto 34px auto;
	position: relative;
	height: 380px;
	padding-top: 22px;
	overflow: hidden;}
	
#billboard div {
	position: relative;
	margin: 0;
	height: 376px;
}

#billboard p {
	position: absolute;
	z-index: 300;
	bottom: 40px;
}

#billboard p a, #rcc p a {
	color: #FFF;
	font: bold 16px/24px Arial;
	display: block;
	background: #000;
	padding: 10px 20px;
	text-decoration: none;
	text-transform: uppercase;
}

#billboard p a:hover, #rcc p a:hover {
	background: #afd683;
	color: #000;
}

#billboard p a span, #rcc p a span {
	color: #428DD1;
	font-family: Georgia;
	font-style: italic;
	margin-left: 20px;
	text-transform: lowercase;
	text-decoration: underline;
}

#billboard p a:hover span, #rcc p a:hover span {
	text-decoration: none;
}

#rcc {
	margin-left: 0px;
}
	
#billboard img {
	position: absolute;
	left: 16px;
	border: 1px solid #000;
	box-shadow: 5px 5px 5px #666;
	-moz-box-shadow: 5px 5px 5px #666;
  	-webkit-box-shadow: 0px 0px 7px #666;
  	
}


.prof-edu li {margin: 4px 25px;font: 14px "Myriad Pro", Tahoma, Arial;list-style: square;}

/* ---------- @ Content -----------*/

#billboard, #main-content {background: url(/assets/layout/bg-shadow.jpg) no-repeat top center;}
#main-content {margin-top: 23px;}
#home #main-content {margin-top: 0px;padding-top:15px;}

.home {min-height: 225px;}
.home h3 {margin:0 0 15px 0;padding:10px 0 0 10px;display: block;height:50px;color:#FFF;font: 18px "Helvetica CondensedBold", "Myriad Pro", Myriad, Arial;text-transform:uppercase;}

.home img {border: 5px solid #A0C873;margin-left:5px;}

.darkGrey {background: #71A73E;} /* Now Shades of Lime Green - Disregard the class names */
.medGrey {background: #98BB3D;}
.lightGrey {background: #D7DD38;}

.home-ir {
	text-indent: -9999px;
	background: url(/assets/layout/bg_home_headings.jpg) no-repeat left top;
}

.home-ir.fp {
	background-position: right top;
}

.fp-title {margin-bottom:5px;font:bold 18px "Lucida Grande", Georgia;}

#static h2, #static h3 {margin-top: 40px;}
.callout {margin: 0px 0px 15px 0px !important;color: #00AEBF;font-family: Georgia;font-style: italic;}


#static ul, #static ol {margin: 10px 30px;}
#static li {color: #333;list-style-image: url(/assets/layout/bg-li.png);font:12px Verdana;}
#static ol li {list-style-type: upper-alpha;list-style-image: none;}
#static ol li ol li {list-style-type: upper-roman;list-style-image: none;}

#sidebar {min-height: 500px;background: url(/assets/layout/bg-sidebar.jpg) no-repeat top left;}
#sidebar h3 {margin:20px 0 10px 20px;padding-bottom:3px;font-size:16px;border-bottom:1px dotted #A0C873}
#sidebar ul {margin: 0 5px 15px 30px;font-family:"Myriad Pro", Tahoma, Arial}
#nav-sub li {float:left;display:block;width:100%;font-size: 14px;line-height:26px;min-height:25px}
#nav-sub li.here {margin-left: -30px;padding-left: 30px;background: url(/assets/layout/bg-li.here.png) no-repeat top left;}
#nav-sub li.here a {color: #000;text-decoration:none;}
#nav-sub ul li a {color: #428DD1 !important;text-decoration:underline !important;}	
#nav-sub ul li a:hover {text-decoration: none !important;}
#nav-sub ul li.here {background-color: #B0D784;background-image:none;}

#rel_projects li {position: relative;float: left;margin-bottom:5px;font-size:14px;}
#rel_projects span {line-height: 36px;}
#rel_projects img {position: relative;margin-right: 5px;padding: 2px;border:1px solid #394B25;background-color:#A0C873}
#links li {margin:2px 0;float:left;font-size: 12px;display:block;width:100%;}

#search {margin-left: 20px;border: 1px dotted #A0C873;border-top: none;padding-bottom: 5px;}
.bump #search {
	border: none !important;
	margin: 10px 0 0 0 !important;
}
#search label,
#search span {float: left;margin: 3px 7px;display: inline;}
#search label {font: 14px "Myriad Pro", Tahoma, Arial;}

a.external {padding-right: 15px;background: url(/assets/layout/external_link.gif) no-repeat right}

#google-map {width: 271px;height: 275px;margin:0 0 10px 22px;}

.project-type,
.next-prev {margin:10px 0 10px 22px;font: 10px Arial;text-transform: uppercase;}

#print-btn {position:absolute;right:0;top:0px;}
#print-btn a {display:block;padding-left:28px;height:24px;background: url(/assets/layout/8.png) no-repeat top left;}

.class-meta {font-size: 10px;text-transform: uppercase;font-weight: bold;color: #666;}

#main-content li {font: 12px/22px Verdana;margin-left: 35px;list-style: square;color: #333;}

/* ---------- @ Project Profiles -----------*/
.projects {margin: 10px 0;}
.projects h2 {border-bottom: 1px dotted #A0C873;}

.project-info {padding-left: 150px;}

#static img,
.projects img,
.projects a img {padding:5px;border: 1px solid #A0C873;background:#CCC;}
#static a:hover img, .projects a:hover img {border: 1px solid #CCC;background:#A0C873;}
#static a.no-bdr img, #static a.no-bdr img {border:none !important;background: none !important;}

#static img.left, .projects img.left {margin:8px 10px 2px 0;}
#static img.right, .projects img.right {margin:8px 0 8px 10px;}

.project-type {margin-left: 0;}

#project-details li {font-size: 13px;margin:4px 0;}
#project-details span {font-weight: bold;}

#state-wide {margin-left: 30px;text-indent: -9999px;}
#state-wide a {
	display: block;
	width: 237px;
	height: 148px;
	overflow: hidden;
	background: url(/assets/layout/state-wide.jpg);
}

#state-wide a:hover {background-position: -0 -148px;}

/* ---------- @ Find a Producer ----------*/
#filter {margin-bottom: 20px;}

#filter a {
	float: left;
	font-size: 10px;
	background: #F1F7E9;
	border: 1px solid #AFD683;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0 5px 8px 0;
	padding: 3px 8px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;}
#filter a:hover {color: #FFF;border-color: #F1F7E9;background: #428DD1;}
#filter li.current a {color: #333;border-color: #428DD1;background: #C6E2A7;}

#producer li {float:left;width:194px;height:120px;padding:5px;font:12px "Myriad Pro", Tahoma, Arial;}
#main-content .list p {margin: 0;padding: 5px;font-size:12px}
.even {background: #F1F7E9;}
.hidden, .tooltip {display:none;}

#tooltip {
	position: absolute;
	width:200px;
	font-size:12px;
	color:#000;
	z-index: 3000;
	border: 1px solid #428DD1;
	background-color: #F1F7E9;
	padding: 10px 5px;
	opacity: 0.95;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;}

#tooltip h3, #tooltip div { margin: 0; }


/* ---------- @ Tabs ----------*/
ul.tabs {
	margin: 20px 0 0 0 !important;
	padding: 0;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;}
	
ul.tabs li {
	float: left;
	margin: 0 !important;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;}
	
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 3px 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;}
	
ul.tabs li a:hover {background: #ccc;}

html ul.tabs li.active, html ul.tabs li.active a:hover  { 
	/*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {border: 1px solid #999;border-top: none;overflow: hidden;clear: both;float: left; width: 100%;background: #fff;}
.tab_content {padding: 20px 20px 20px 20px;}
.tab_content ul {margin:0 !important;}

/* ---------- @ Product Info Sheets ----------*/

#references {font: 12px Arial;border:1px solid #578226;border-left:none;border-right:none;}
#references td {padding:5px 3px;}
#references thead {font-weight:bold;}
.disclaimer {font: italic 12px Arial;color:#6C6C6C}

/* ---------- @ Float Clearing -----------*/

.clearfloat:after {display:block;visibility:hidden;clear:both;height:0;content:".";}	
.clearfloat {display:inline-block}
.clearfloat {display:block}

#subscribe {width:960px;margin-top: 10px;}
#subscribe p {text-indent: -9999px;margin:0;}
#subscribe p a {display:block;width: 960px;height: 20px;overflow: hidden;background: url(/assets/layout/subscribe.png) no-repeat top right;border-bottom:3px solid #666;}
#subscribe p a:hover,
#subscribe p a.sent {background-position: 760px -20px;border-bottom:3px solid #A0C873;}

#subscribe-form {position:relative;width:960px;margin:0 auto;padding:10px 15px;z-index:500;}
#listrak td {padding:5px;}
#theForm {margin:0;font-family:"Myriad Pro", Tahoma, Arial;background:#666;}
#theForm span {float:left;margin-right:10px;padding:10px;color:#FFF;}
#confirmation {color:#FFF;font:24px/42px "Myriad Pro", Tahoma, Arial;text-align:center;text-transform:uppercase;background:#A0C873}
#close {position:absolute;right:10px;top:8px;}
#close a {color:#FFF;font-size:10px;text-decoration:none;}
#close a:hover {color:#A0C873;}


/* ---------- @ Polls -----------*/
.lg-poll .submit {margin-left: 20px;}

.lg-poll .lg-poll-results { }

.lg-poll .lg-poll-results ul {
	margin: 0 0 18px 0;
	font-size: 11px;
}

.lg-poll .lg-polls-answers {margin-left:0 !important;}
.lg-poll .lg-polls-answers li {margin-left:0;list-style:none !important;}

.lg-poll .lg-poll-results li {
	border: 1px solid #fff;
	color:#000 !important;
	list-style-type: none !important;
	margin-bottom: 2px;
	margin-left: 65px;
	margin-right: 76px;
	padding: 2px;
	position: relative;
}

.lg-poll .lg-poll-results li .answer {
	left: -65px;
	position: absolute;
	text-align: right;
	width: 60px;
}

.lg-poll .lg-poll-results li .answer-total-votes {
	position: absolute;
	right: -30px;
	width: 71px;
	font-size:8px;
}

.lg-poll .lg-poll-results li .percentage small {display: block;font-size: 11px;padding-left: 5px}
.lg-poll .lg-poll-results li.a-0 {border-color: #5966B4;}
.lg-poll .lg-poll-results li.a-0 .percentage {background: #5966B4;}
.lg-poll .lg-poll-results li.a-1 {border-color: #6DA742;}
.lg-poll .lg-poll-results li.a-1 .percentage {background: #6DA742;}
.lg-poll .lg-poll-results li.a-2 {border-color: #743722;}
.lg-poll .lg-poll-results li.a-2 .percentage {background: #743722;}
.lg-poll .lg-poll-results li.a-3 {border-color: #F37D54;}
.lg-poll .lg-poll-results li.a-3 .percentage {background: #F37D54;}
.lg-poll .lg-poll-results li.a-4 {border-color: #73A25A;}
.lg-poll .lg-poll-results li.a-4 .percentage {background: #73A25A;}
.lg-poll .lg-poll-results li.a-5 {border-color: #9CCB21;}
.lg-poll .lg-poll-results li.a-5 .percentage {background: #9CCB21;}

.lg-poll .has_voted {
	color: #C53534 !important;
	font-weight: strong !important;
	font-family: Arial !important;
}

.poll-total-votes {
	color: #000 !important;
	font-size:10px;
	margin-right: 20px;
	text-align:right;
}

.lg-poll-results {display:none;}



/* ---------- @ Footer -----------*/
	
#footer {
	position:relative;
	margin: 0 auto;
	padding: 10px 0 70px 0;
	width:960px;
	background: url(/assets/layout/bg-shadow-up.jpg) no-repeat bottom left}

#footer p {font: 10px Arial;line-height: 50px;}

.paca a {text-indent:-9999px;margin-left:5px;display:inline-block;width:83px;height:50px;background: url(/assets/layout/paca-logo.png) no-repeat;cursor:pointer;}
#pcpc {position: absolute;left:185px;text-indent:-9999px;margin-left:5px;display:inline-block;width:214px;height:50px;background: url(/assets/layout/pcpc.png) no-repeat;}

#rss {float: right;margin:-33px 10px 0 0;}
#rss a {
	text-indent: -9999px;
	display: block;
	width: 273px;
	height: 56px;
	background: url(../assets/layout/btn-rss.jpg) no-repeat;}
#rss a:hover {background-position: 0 -56px;}

/**** noscript ****/
#att {position: absolute;width: 100%;height: 2.5em;top:0;line-height: 2.5em;background-color: #fffeb8;border-bottom: 1px solid;text-align:center !important;}	
#att p {padding: 6px 26px;display: inline;background: transparent url(layout/att.png) no-repeat 0 46%;}


/* ----------- @ Eblast -------------*/
body#blast {background-image: none;background-color: #CCD4F1;}
#blast #header {height: 347px;background: url(/assets/layout/cents_header.jpg) no-repeat;}
#blast #header p {position: absolute;top:89px;left:405px;color:#122462;text-transform:uppercase;font:bold 14px Arial;}
#blast #main-content {background-color: #FFF;margin-top:0px;}
#blast .bump {margin:10px 0px 10px 33px;width:250px;}
#blast div.green {padding-bottom:10px;background-color: #E8EC99;}
#blast div.navy {padding-bottom:10px;background-color: #CCD4F1;}

#blast .bump h3 {margin:0 !important;padding:5px 0px 5px 10px !important;color:#FFF;display: block;font-family:Georgia, "Times New Roman", Times, serif;font-style:normal;}
#blast .green h3 {background-color: #6DA742;}
#blast .navy h3 {background-color: #122462;}

#blast .no-border {border:none !important;padding: 0 !important;}

#blast div.bump p, #blast div.bump li {margin:10px;color:#666;}
#blast .green a {color:#6DA742;}
#blast .navy a {color:#C5354F;}

#blast #article-1 em {color:green;font-family:Georgia;}
#blast #article-1 small em {font-size:10px;color:#666 !important;}

#sidebar .results p, #sidebar .results em {
	color: #122462 !important;
	font-style: italic;
	font-weight: bold;
}

#blast .greenbox {
	border:1px solid #679533;
	color:#fff;
	font: italic bold 24px Georgia;
	margin:20px;
	padding:2px;
	text-align:center;	
}

#blast .greenbox span {
	background:#679533;
	display:block;
	padding:5px;
}

#blast .greenbox a {
	color: #E9EB91;
}