/* ---------------------------------------------------------- Unemployed Workers CSS Managed by: Blue State Digital TABLE OF CONTENT 01 - GLOBAL BROWSER RESET 02 - COMMON STYLE 03 - LAYOUT 04 - HOMEPAGE 05 - SUBPAGES 06 - FRAMEWORK 07 - UTILITY COLOR GUIDE (Main Site Colors and their Hex Codes) red: #690927 brighter red: #9e090d turquoise: #436576 ---------------------------------------------------------- */ /* 01 =GLOBAL BROWSER RESET ---------------------------------------------------------- */ /* YUI Reset version: 2.7.0 */ html { color: #000; background: #FFF; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: inherit; font-weight: inherit; } del,ins { text-decoration: none; } li { list-style: none; } caption, th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } abbr,acronym { border: 0; font-variant: normal; } sup { vertical-align: baseline; } sub { vertical-align: baseline; } /*because legend doesn't inherit in IE */ legend { color: #000; } input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } /*@purpose To enable resizing for IE */ /*@branch For IE6-Win, IE7-Win */ input,button,textarea,select { *font-size: 100%; } /* 02 =COMMON STYLE ---------------------------------------------------------- */ body { background:#f5f4f4; font-family:"Myriad Pro MS", Helvetica, arial, sans-serif; } .base h1 { color:#690927; font-size:24px; margin:0 0 15px; } .base h2 { color:#690927; margin:10px 0; font-size:18px; } .base h3 { color:#690927; font-size:14px; font-weight:bold; } .base h4 { color:#242942; font-size:14px; font-weight:bold; } #framework h1 { color:#690927; font-size:24px; margin:0 0 15px; } #framework h2 { color:#690927; margin:10px 0; font-size:18px; } #framework h3 { color:#690927; font-size:14px; font-weight:bold; } #framework h4 { color:#242942; font-size:14px; font-weight:bold; } .base p { color:#3f3f3f; font-size:14px; font-family:"myriad pro", helvetica, arial, sans-serif; margin:0 0 10px; } #framework p { color:#3f3f3f; font-size:14px; font-family:"myriad pro", helvetica, arial, sans-serif; margin:0 0 10px; } a { text-decoration:none; font-family:"myriad pro", helvetica, arial, sans-serif; color:#690927; outline:none; } a:hover {text-decoration:underline;} blockquote { padding:10px 20px 5px 20px; background:#fef2d7; margin:10px 30px; } .base ul, ol { font-family:"myriad pro", helvetica, arial, sans-serif; font-size:14px; } .base ul { margin:0 0 10px 20px; } .base ol { margin:0 0 10px 20px; } .base ul li {list-style-type:disc;} .base ol li {list-style-type:decimal;} .base li ol {font-style:italic;} .base li ul {font-style:italic;} form { font-family:"Myriad Pro MS", Helvetica, arial, sans-serif; } p.date { color:#3f3f3f; font-style:italic; } /* 03 =LAYOUT ---------------------------------------------------------- */ #container { width:960px; margin:0 auto; background:#fff; -moz-box-shadow:0px 0px 10px #e1e1e1; -webkit-box-shadow:0px 0px 10px #ddd; box-shadow:0px 0px 10px #ddd; } #header { background:url(/page/-/uew/images/header-logo.png) no-repeat; background-color:#436576; height:135px; position:relative; } #header a#logo { position:absolute; top:0; width:526px; height:137px; outline:none; text-indent:-999em; } #header form#quicksignup { position:absolute; left:550px; width:400px; top:50px; } #header form#quicksignup legend {display:none;} #header form#quicksignup fieldset {position:relative;} #header form#quicksignup input { border:1px solid #fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:12px; padding:3px 2px 3px 3px; color:#949494; } #header form#quicksignup input#splash-email {width:180px;} #header form#quicksignup input#splash-zip {width:100px;} #header form#quicksignup input#submit { background:#d4dbff; border:1px solid #d4dbff; color:#211826; } #nav { height:40px; background-color: #51041c; background-image: -moz-linear-gradient(top, #690927, #9e090d); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #690927),color-stop(1, #9e090d)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#690927', EndColorStr='#9e090d'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#690927', EndColorStr='#9e090d')"; } #nav a {color:#fff;} #nav ul { padding:11px 0 0 0; } #nav ul li { display:inline; padding:10px 27px 10px; border-right:1px solid #9e090d; } #nav ul li.last { display:inline; padding:10px 0px 11px 42px; border:none; } #nav ul li:last-child {border-right:none;} #footer { width:960px; margin:0 auto 30px; text-align:center; padding:15px 0 15px 0; color:#fef3d9; font-size:12px; background:#436576; } #footer a {color:#fef3d9;} #footer a#nelp { font-size:22px; font-family:"impact", helvetica, sans-serif; } /* 04 =HOMEPAGE ---------------------------------------------------------- */ #holder {padding:15px;} #rotator {width:612px;} .rotate-entry {position:relative;} .rotate-entry img {border:#690927 2px solid} .rotate-caption { position:absolute; background:rgb(105, 9, 39); background:rgba(154, 12, 14, 0.8); width:492px; padding:5px 15px;top:245px; left:0px; color:#fff; max-height:80px; overflow:hidden;} .rotate-caption a { color:#fff; font-weight:bold; } .rotate-caption {font-family:helvetica, arial; font-size:27pt; font-style:italic} #feature-side {width:295px;} #home-tout { background:url(/page/-/uew/images/bg-issues.png) no-repeat; height:164px; margin:0 0 15px; position:relative; } #home-tout a {color:#fff;} #home-tout ul { width:900px; position:absolute; left:75px; top:50px; } #home-tout ul li { width:440px; list-style-type:disc; color:#fff;} #blog_title {margin:0 0 10px; padding:0 0 5px; font-size:22px;} #non-standard { width:590px; background:#fff; padding:15px; background-color: #ffffff; background-image: -moz-linear-gradient(top, #ffffff, #59778a); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #59778a)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#59778a'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#59778a')"; } #non-standard h2 { color:#690927; font-size:24px; border-bottom:1px solid #c8c8c8; padding:0 0 5px; margin:0 0 15px; } .home p { font-size:14px; color:#3f3f3f; } .blog-entry.home { margin:0 0 10px; } .blog-entry.home .blog-thumb {width:70px;} .blog-entry.home.feature .blog-thumb {width:125px;} .blog-entry.home.feature .blog-info {width:435px;} .blog-entry.home.feature h3 { color:#690927; font-family:"myriad pro",helvetica, arial, sans-serif; font-weight:bold; font-size:22px; } .blog-entry.home .blog-info {width:500px;} .blog-entry.home h3 { color:#690927; font-family:"myriad pro",helvetica, arial, sans-serif; font-weight:bold; } .blog-entry a {color:#690927;} #feature-side { background-color: #fff; /* background-image: -moz-linear-gradient(top, #fee0ac, #fef2d7); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fee0ac),color-stop(1, #fef2d7)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fee0ac', EndColorStr='#fef2d7'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fee0ac', EndColorStr='#fef2d7')"; */ } #feature-side li { text-align:center; padding:15px 0; border-bottom:1px solid #690927; } #side-social { text-align:center; margin:15px 0 0 0; } #side-social h3 { margin:0 0 15px; color:#690927; } #side-social a { margin:0 15px; } /* 05 =SUBPAGES ---------------------------------------------------------- */ body.interior #body {padding:15px;} body.interior #holder { width:592px; float:left; } body.interior #feature-side { width:245px; padding:0 10px; } #left_side {width:280px; float:left} h2.faq {margin:0 0 10px 0} #left_side #faq {padding-bottom:10px} #left_side a.read_more {font-size:11px;} #header_quote {padding-bottom:10px} #right_side {width:300px; float:right} #resource_blog {clear:both} /* 05a =SIDEBAR ---------------------------------------------------------- */ #sidebar {width:290px;} .side-box { padding:15px; font-size:14px; color:#690927; /* background-color: #fef7e8; background-image: -moz-linear-gradient(top, #fef7e8, #fef2d7); /* FF3.6 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fef7e8),color-stop(1, #fef2d7)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fef7e8', EndColorStr='#fef2d7'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fef7e8', EndColorStr='#fef2d7')"; */ margin:0 0 15px; font-family:"myriad pro", helvetica, arial, sans-serif; } .side-box h2 { margin:0 0 10px; text-align:center; border-bottom:1px solid #690927; padding:0 0 5px; font-size:22px; } .side-box#actions li { text-align:center; padding:15px 0; border-bottom:1px solid #690927; } form#cse-search-box { background:url(http://nelp.bluestatedigital.com/page/-/uew/images/search-bg.png); border:none; height:40px; width:265px; position:relative; } form#cse-search-box input#quick-search { border:none; position:absolute; height:20px;top:10px; left:10px; width:210px; color:#000; } form#cse-search-box input#search-submit { position:absolute; top:7px; left:225px; border:none; width:35px; height:25px; background:none; text-indent:-999em; cursor:pointer; } .side-box#twitter { margin:0 0 0 0; background:#fff; } .side-box#twitter h2 { background:url(http://www.nelp.org/page/-/unemployedworkers/images/twitter_header.jpg) no-repeat; height:51px; text-indent:-999em; } .side-box .tweet { margin:0 0 10px; } .tweet a {color:#436576} .side-box .side-date {color:#a6a29b;} .side-news { margin:0 0 15px; } #blog .blog-entry { border-bottom:1px solid #c8c8c8; margin:0 0 20px; } #blog .blog-entry.last {border-bottom:none;} #blog .blog-thumb {width:70px;} #blog .blog-info {width:500px} /* 06 =FRAMEWORK ---------------------------------------------------------- */ #framework label.field { font-size:14px; line-height:1.5 !important; } #framework select {font-size:14px;} /* 07 =UTILITY ---------------------------------------------------------- */ .cufon-bold {text-transform:uppercase;} .cufon-loading .cufon { visibility: hidden !important; } .stretcher { clear: both; height: 1px; visibility: hidden; } .nomargin { margin-bottom: 0px; } .floatl { float: left; margin: 0; padding: 0 10px 10px 0; } .floatr { float: right; margin: 0; padding: 0 0 10px 10px; } .floatl-nomargin { float: left; margin: 0; padding: 0; } .floatr-nomargin { float: right; margin: 0; padding: 0; } .clear { clear:both; height:0; margin:0; font-size: 1px; line-height: 0; } .required { color: red; } i, em { font-style: italic; } b, strong { font-weight: bold; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;} sup { bottom: 1ex; } sub { top: .5ex; } .hide {display:none;} .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} .clearfix {display:block;} /* color guide ------------------- COLOR GUIDE (Main Site Colors and their Hex Codes) red: #690927 brighter red: #9e090d turquoise: #436576 ------------*/