/* Author: M. Bond Author URI: http://www.brainboxonline.com Project: David Mitchell Description: Theme desgined by M. Bond from Brainbox */ /*--------------------------------------------------------------------------------------- --- RESETS ---------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe,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;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;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse;border-spacing: 0;} /* Class below is responsible for rounding in nonIE browser, if you want css to validate, remove line below --------- */ .rounded {-moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari */} /*--------------------------------------------------------------------------------------- --- BASICS ---------------------------------------------------------------------------------------*/ html { min-height:101%;} body {background-color:#F6EA94; color:#000; font-size:12px;font-family: Arial, Verdana, Helvetica, sans-serif;line-height:16px;} #wrapperbg {background:url(../img/gradient.png) repeat-y center center;overflow:hidden;} a {color:#004ea7;text-decoration:none;} a:hover {color:#004ea7;text-decoration:none;} a:active {color:#004ea7;text-decoration:none;} a:visited {color:#004ea7;text-decoration:none;} .left {float:left;} .right {float:right;} .clear {clear:both;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .padd10 {padding-right:10px;} h1 {font-size:30px;margin:0px;} h2 {padding-left:0px;text-decoration:none;font-weight:normal;font-size:20px;padding-top:10px;}/*{font-size:20px;margin:5px 0px;font-family: Arial, sans-serif;font-style: normal;font-weight: bold;text-transform: normal;letter-spacing: -1px;line-height: 1.2em;}*/ h3 {font-size:16px;margin:0px;font-family: Arial, sans-serif;font-style: normal;font-weight: bold;text-transform: normal;letter-spacing: -1px;line-height: 1.2em;} /* ------------------------------------------------------------------------------------ STRUCTURE */ #container_top {width:100%;} #content_top {width:1023px;margin: 0px auto;height:227px;} #content {width:1023px;margin:0px auto;border-left:0px solid #DDD;border-right:0px solid #DDD;text-align:left;} #top_menu {background:url(../img/menu_top.png) no-repeat top center;width:1023px;height:58px;margin-top:0px} #top_menu ul {margin:0px;padding:0px;list-style:none;font-size:18px;padding-left:5px;margin-left:5px;} #top_menu ul li {float:left;display:block;} #top_menu ul li a {float:left;height:58px;line-height:58px;text-decoration:none;color:#004ea7;display:block;padding:0px 22px 0px 21px;text-transform:uppercase;} #top_menu ul ul li {background:url(../img/drop.jpg) repeat-x;} #top_menu ul ul li a {text-transform:none;} li#newsletter {color:#FFFFFF; padding-left:17px;} #top_menu li#newsletter a {color:#FFFFFF; font-size:14px; padding-top:0px;} li#newsletter a {color:#FFFFFF;text-decoration:none;} li#newsletter a:hover {color:#FFFFFF;text-decoration:none;} li#newsletter a:active {color:#FFFFFF;text-decoration:none;} li#newsletter a:visited {color:#FFFFFF;text-decoration:none;} #footer {background:#323232;width:1023px;margin-top:10px;} #footer a {text-decoration:none;} #footer {background:#eee;} .section {padding-left:10px;} .section img {padding:5px;border:1px solid #eee;margin:9px;} .section p {padding:5px 0px;} /* ------------------------------------------------------------------------------------ CUSTOM */ /* Header --------- */ div#logo {background:url(../img/logo.jpg) no-repeat left bottom; width:1023px;height:170px;} /* First page promo top --------- */ div#upcoming-events {width:280px; padding-right:31px;padding-top:70px;} div#promodesc {width:332px;height:padding:10px;padding-left:0px;padding-top:30px;font-size:10px;} div#promodesc h1 {font-size:24px;font-family: Arial, sans-serif;font-style: normal;font-weight: normal;text-transform: normal;letter-spacing: -1px; line-height:24px;} div#promodesc h2 {font-size:14px;margin-top:10px;font-family: Arial, sans-serif;font-style: normal;font-weight: bold;text-transform: normal;letter-spacing: -1px;} div#promodesc p {margin-top:3px;width:260px;padding:0px;line-height:18px;font-size:13px;} #promodesc a {color:#FFFFFF;text-decoration:none;} #promodesc a:hover {color:#FFFFFF;text-decoration:none;} #promodesc a:avtive {color:#FFFFFF;text-decoration:none;} #promodesc a:visited {color:#FFFFFF;text-decoration:none;} div#promoimg {padding-left:50px; padding-top:25px;} div#promo {width:1023px;height:261px;background:url(../img/contentbg.png) no-repeat 0 0;color:#fff;} div#campaign {margin-top:128px;} ul#archivelist {font-size:14px;} /* Resources on home page with icons --------- */ div#features {background:url(../img/headlines.png) no-repeat;width:1023px;padding-bottom:0px;} /*div#features h2 {color:#004EA7;margin:0px;padding:15px; font-style:italic;}*/ div#side {float:right;width:305px;padding-right:31px;} div#resourcewrapper {width:305px;overflow:hidden;} div#resourcetitle { background:url(../img/sidebar-title.png) no-repeat; width:305px; /*height:92px;*/ overflow:hidden/* clear:floats*/ } div#resourcetitle-second { background:url(../img/sidebar-title2.png) no-repeat; width:305px; /*height:92px;*/ overflow:hidden/* clear:floats*/ } ul#feat { float: right; width:305px; margin-top:0px; margin-left:0px; padding-top:72px; padding-bottom:27px; } ul#feat li { float:right; display:block; width:305px; overflow:hidden; /*margin-bottom:5px;*/ } ul#feat li h3 { /* background:url(../img/button.png) no-repeat;*/ width:305px; height:34px;/* 28 + 15px = 43*/ padding-left:0px; padding-top:7px; font-size:16px; margin:0px; font-family: Arial, sans-serif; font-weight:normal; text-transform:uppercase; letter-spacing: -1px; line-height: 1.2em; overflow:hidden; } ul#feat li h3 a { color:#FFFFFF; } /* Twitter on home page with icons --------- */ div#twitter6 {padding-left:320px; width:800px; overflow:hidden;} ul#twitter_update_list {padding-left:40px; padding-top:40px; float:left; padding-right:320px; height:40px;} div#social-icons {position:relative; margin:-40px 0 0; padding-right:72px;} div#social-icons img {padding-right:10px;} /* From the Blog Homepage --------- */ div#recentonblog h2 {background:url(../img/headline-icon.png) no-repeat left;padding-left:40px;text-decoration:none;font-weight:normal;font-size:20px;padding-top:10px;} div#recentonblog h2 a {color:#004ea7;text-decoration:none;} div#recentonblog ul {padding-top:10px;} div#recentonblog ul li {margin:0px 0px 10px 0px;padding:5px 0px;border-bottom:1px dashed #eee;} div#recentonblog ul li p {padding-left: 10px;} div#recentonblog {width:600px;border-left:0px solid #eee;border-bottom:0px solid #eee;padding-left:40px;padding-right:0px;padding-bottom:0px;margin:0px;} span.date {color:#999;display:block;height:10px;margin-top:0px;font-size:9px;padding-left:10px;padding-bottom:10px;} a.more {color:#999;padding-right:10px; background:url(../img/more.jpg) no-repeat right center;text-decoration:none;} div#welcome {width:330px;} div#welcome h2 {color:#004ea7; font-size:36px;} div#social {background:url(../img/social.png) no-repeat 0 0; width:1023px;height:123px; padding:0px; margin:0px;} /* Footer --------- */ #bottomline {background:url(../img/footer.jpg) no-repeat bottom center;width:1023px; height: 112px; padding:0px 0px;color:#7fb3c9;overflow:hidden;} #bottomline a {color:#7fb3c9;text-decoration:none} #hamilton {height:50px;font-size:10px;} #hamilton p {padding-left:120px; padding-top:80px;} #footer-nav {padding-right:60px; padding-top:80px;} /* Blog Page --------- */ #blog {width:1023px;} #head {height:10px;} #head h2 {padding:10px;margin:0px;} #posts {width:570px;padding:0px;padding-left:40px;padding-top:20px;padding-right:10px;} .post_content {width:520px;min-height:100px;} .post_content .entry {padding:0px 10px 20px 0px;} .post_content h2 {background:url(../img/headline-icon.png) no-repeat left;padding-left:40px;color:#004ea7;} .post_content h2 a {text-decoration:none;color:#004ea7;} .post_content p {padding-left:10px;} .post {background:url(../img/post_bottom.jpg) no-repeat bottom center;padding-bottom:40px;} .post_meta {background:url(../img/whitedot.jpg) top repeat-x #eee;padding:2px 5px;border:1px solid #ddd;color:#a1a1a1;margin:5px 0px;} .post_meta a.categorylink {background:#fff;text-decoration:none;} .post_meta a {text-decoration:none;color:#323232;} .entry blockquote{font-size:13px;padding:0px 5px 0px 20px;margin:15px;} .post_date {margin-top:40px;background:url(../img/datebg.jpg) no-repeat;width:49px;height:56px;padding-top:6px;color:#868686;line-height:16px;} .post_date .day {font-family: Georgia, "Times New Roman", Times, serif;font-size:26px;text-align:center} .post_date .month {font-family: Georgia, "Times New Roman", Times, serif;font-size:12px;text-align:center} .post_date .hour {font-family: Georgia, "Times New Roman", Times, serif;font-size:14px;text-align:center;margin-top:-5px;} .pagination{margin-top:0px;} .pagination a, .pagination span{background: #fff;padding:5px;margin:2px;border:1px solid #d9d9d9;text-decoration:none;} .entry img {padding:5px; border:1px solid #eee;margin:5px;} .entry cite a {color:#999;text-decoration:none;} .entry a {color:#666;} .entry ul, .entry ol {margin: 3px 12px; list-style:circle; list-style-position:inside;} .entry h2.title a {text-decoration:none;color:#004ea7;font-size:24px;} .entry h2.title {background: none;padding-left:0px;text-decoration:none;font-weight:bold;font-size:24px;padding-top:5px;margin-bottom:5px;margin-top:.8em} /* Blog sidebar --------- */ .entry {width:520px; padding-left:40px;float:left;} #sidebar {padding-top:0px;padding-left:20px;padding-right:30px;margin-left:20px;width:305px;} #sidebar .widget {padding-bottom:10px;} #sidebar .widget img {float:left;padding:4px 4px 4px 4px;border:1px solid #ddd;margin:4px 8px 4px 0px} #sidebar #baner {margin:10px 0px} /*div#sidebar a {text-decoration:none;color:#004ea7;}*/ div#features2 {width:305px;padding-bottom:10px;} /* Resources on inside pages --------- */ div#features2 {width:305px;padding-bottom:10px;} div#features2 h2 {margin:0px;padding:20px 30px;} div#resourcewrapper2 {width:305px;overflow:hidden;} div#resourcetitle2 { background:url(../img/sidebar-title.png) no-repeat; width:305px; /*height:92px;*/ overflow:hidden/* clear:floats*/ } div#resourcetitle2-second { background:url(../img/sidebar-title2.png) no-repeat; width:305px; /*height:92px;*/ overflow:hidden/* clear:floats*/ } ul#feat2 { float: right; width:305px; margin-top:0px; margin-left:0px; padding-top:72px; padding-bottom:30px; } ul#feat2 li { float:right; display:block; width:305px; /*margin-bottom:5px;*/ } ul#feat2 li h3 { /* background:url(../img/button.png) no-repeat;*/ width:305px; height:34px;/* 28 + 15px = 43*/ padding-left:0px; padding-top:7px; font-size:16px; margin:0px; font-family: Arial, sans-serif; font-weight:normal; text-transform: uppercase; letter-spacing: -1px; line-height: 1.2em; } ul#feat2 li h3 a {color:#FFFFFF;} ul#feat2 li h3 a:hover { background:transparent; color:#FFFFFF; text-decoration:none; } /* Twitter on home page with icons --------- */ div#twitterwrapper2 {background:url(../img/sidebar-bg.jpg) top repeat-y; width:340px;overflow:hidden;} div#twittertitle2 {background:url(../img/sidebar-title.jpg) no-repeat; width:340px;} div#twitter3 {background:url(../img/sidebar-bottom.jpg) bottom no-repeat; width:340px;padding-top:15px;padding-bottom:35px;overflow:hidden;} div#twitter4 {padding-left:35px;padding-right:35px;} div#twitter5 {background:url(../img/avatar.jpg) no-repeat;overflow:hidden;} /* Contact Form --------- */ .message {display:none;} .contact {text-align:right; width:400px;} .contact ul {list-style-type:none;} .contact li {list-style-type:none;margin:5px 0px;} .contact li.special {display:none;} .contact label {float:left;padding-top:4px;} .contact input {width:260px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px;} .contact textarea {width:260px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px;} input#send {margin-top:30px;margin-right:10px;border:1px solid #606060;color:#fff;background:#232323;padding:3px;font-size: 10px;text-transform:uppercase;} #alert {margin-top:5px;width:390px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px 5px 5px 5px;} #contact_info{text-align:center;width:450px;margin-top:5px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px 5px 5px 5px;} /* Genreal Form --------- */ .form {text-align:right; width:400px;} .form ul {list-style-type:none;} .form li {list-style-type:none;margin:5px 0px;} .form li.special {display:none;} .form label {float:left;padding-top:4px;} .form input {width:260px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px;} .form textarea {width:260px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px;} .form select {width:272px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px;}