/* Theme Name: Custom Vision of Rights Theme Theme URI: http://www.cubedroute.com Description: Custom Vision of Rights Theme Version: 1.0 Author: Cubedroute Author URI: http://cubedroute.com/ Tags: NA Notes: */ /*-------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------- NB Info -----------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------------*/ /* Website: Vision For Rights Module: Main::Stylesheet . Copyright: 2009 Cubedroute Initials: JK Creation Date: 14-May-2009 Last update: 14-May-2009 Notes: Design: Grid 960 / 12 col with 10 px Gutter Colour Pal: /*------------------------------------------- Eliminate chance spacing issues by reset -------------------------------------------*/ html, body, div, span, object, h1, h2, h3, h4, p, a, address, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, thead, tr, th, td, blockquote {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit; font-family:inherit;vertical-align:baseline;} body {line-height:1.5; margin: 0; padding: 0;} /*Unitless for proper inheritance */ table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} a img {border:none;} ul {list-style:none;} em { font-style:italic;} /*------------------------------------------------------------ GENERAL PAGE DECLARATIONS/ Typography (Style & Colour) --------------------------------------------------------------*/ body { color: #333; font:13px/1.231 Georgia; line-height: 18px; background:#fff;} h1, h2, h3, h4, h5, h6 {font-family: Georgia, "Times New Roman", Times, serif; color:#333333; font-weight:normal; } h1 {font-size:197%; margin-bottom:0.5em;} h2 {font-size:174%; margin:0 0 13px 0; line-height:1.2em;} h3 {font-size:167%; margin-bottom:0.75em; line-height:1.2em;} h4 {font-size:146.5%; margin-bottom:1.25em; } li {font-size:100%; line-height: 1.7em; margin: 0.8em 0 0 0; } p { font-size:100% padding: 0; margin:0 0 1.5em; line-height: 1.7em; } a:hover {color:#000; padding: 0; text-decoration: none; border-bottom:1px dotted #000; cursor:pointer;} a {color:#C7114E;text-decoration:none; outline:none; } ul#skiplinks {display: none;} /*-------------------------------------- Core structure (Grid in mind) ---------------------------------------*/ #wrap{ margin-left: auto; margin-right: auto; width: 940px; background:#fff;} #topStrip{position:relative; margin:0 auto; width:940px; height:20px; background:#C7114E; margin-top:0; margin-bottom:0; padding:0 0 0 0; } #header {position:relative; width:940px; height:276px; margin-bottom:0; margin-top:0; border-top:21px solid #C7114E;} #banner { width:940px; height:170px; position:relative; display:inline; margin-top:0;} #logo{ position:relative; float:left; height:168px; width:266px; margin-left:35px; margin-top:56px; padding-bottom:0; overflow:hidden; margin-bottom:0;} #tagLine { width: 300px; float:left; height:71px; width:546px; margin-top:142px; margin-left:50px;} #footer {position: relative; width:940px; padding:10px 0 0 0; height:70px; overflow: hidden; text-align:left; border-top:3px solid #000; font-size:95%;} /*-------------------------------------- The Grid Master ---------------------------------------*/ #cont{ margin-left: auto; margin-right: auto; width: 940px; padding-bottom:20px; padding-top:50px; border-top:7px solid #000;} .col_1,.col_2,.col_3,.col_4,.col_5,.col_6,.col_7,.col_8,.col_9,.col_10,.col_11,.col_12,.col_13,.col_14,.col_15,.col_16 {display:inline; float:left; margin-left:10px; margin-right:10px;} #cont .col_1 { width: 40px;} #cont .col_2 { width: 100px;} #cont .col_3 { width: 160px;} #cont .col_5 { width: 280px;} #cont .col_6 { width: 340px;} #cont .col_7 { width: 400px;} #cont .col_8 { width: 460px;} #cont .col_9 { width: 520px;} #cont .col_10 { width: 580px;} #cont .col_11 { width: 640px;} #cont .col_13 { width: 760px;} #cont .col_14 { width: 820px;} #cont .col_15 { width: 880px;} /*Left Side*/ .padL_1Col {padding-left: 60px;} .padL_2Col {padding-left: 120px;} .padL_3Col {padding-left: 180px;} .padL_4Col {padding-left: 240px;} .padL_5Col {padding-left: 300px;} .padL_6Col {padding-left: 360px;} .padL_7Col {padding-left: 420px;} .padL_8Col {padding-left: 480px;} .padL_9Col {padding-left: 540px;} .padL_10Col {padding-left: 600px;} .padL_11Col {padding-left: 660px;} .padL_12Col {padding-left: 720px;} .padL_13Col {padding-left: 780px;} .padL_14Col {padding-left: 840px;} .padL_15Col {padding-left: 900px;} .firstLeftElement { margin-left:0;} .lastRightElement { margin-right:0;} /*Right Side*/ /*-------------------------------------- Header Specific Stylin ---------------------------------------*/ #logo h1 { color:#FFFFFF; background:#eee;} #logo h1 {text-indent:-5000px;} #logo h1 a{ display:block; background:url(images/generic/logo.png) 0 0 no-repeat; height:159px;} #logo h1 a:hover{background:transparent url(images/generic/logo.png) 0 -159px no-repeat; border-bottom:none !important;} h2.tagline {text-indent:-5000px; background:url(images/generic/tag.gif) 0 0 no-repeat; height:71px;} #nav {position: absolute; top:0; right:0; margin:0 0 0 0; clear:left; text-transform:uppercase; height:54px;} #nav, #nav ul { padding: 0; margin:0 0 0 0; list-style: none;} #nav a { display: block; color:#C7114E; } #nav li { float: left; list-style:none; margin-right:1px; margin-top:0; } #nav ul li { text-indent:-5000px;} #nav ul li a:hover { border-bottom:none !important;} #nav ul li a {height:54px;display:block;} #nav ul li.home a {width:59px; background: url(images/nav/navSprite.png) 0 0 no-repeat; } #nav ul li.home a:hover, #nav ul li.home a#active{background:transparent url(images/nav/navSprite.png) 0 -54px no-repeat;} #nav ul li.about a {width:66px; background: url(images/nav/navSprite.png) -59px 0 no-repeat; } #nav ul li.about a:hover, #nav ul li.about a#active{background:transparent url(images/nav/navSprite.png) -59px -54px no-repeat;} #nav ul li.news a {width:136px; background: url(images/nav/navSprite.png) -125px 0 no-repeat; } #nav ul li.news a:hover, #nav ul li.news a#active{background:transparent url(images/nav/navSprite.png) -125px -54px no-repeat;} #nav ul li.resources a {width:98px; background: url(images/nav/navSprite.png) -261px 0 no-repeat; } #nav ul li.resources a:hover, #nav ul li.resources a#active{background:transparent url(images/nav/navSprite.png) -261px -54px no-repeat;} #nav ul li.contact a {width:70px; background: url(images/nav/navSprite.png) -359px 0 no-repeat; } #nav ul li.contact a:hover, #nav ul li.contact a#active{background:transparent url(images/nav/navSprite.png) -359px -54px no-repeat;} #banner div.banner { border:1px solid #000; padding:2px 2px 2px 2px; float:left; display:inline;} #banner div.banner a:hover, #banner div.banner a:focus { border-bottom:none !important;} #newletter { width:278px; background:#C7114E; float:right;display:inline; height:162px; color:#fff;} #newletter h3 { color:#fff; font-style:italic; font-size:18px; margin-left:20px; margin-top:15px;} #subscribe { padding:10px 20px 10px 20px;} #subscribe label { font-family:Arial, Helvetica, sans-serif; font-size:16px; margin-bottom:15px; display:block;} #subscribe input.txt { width:230px; padding:3px 3px 3px 3px; border:1px solid #fff;} .panelList { border-top:3px solid #EEEEEE;} .panelList h2 { padding-top:14px; padding-bottom:12px; font-size:18px; margin-bottom:0;} .panelList ul { margin-top:0;} .panelList ul li {border-top:1px solid #EEEEEE; height:33px; padding:6px 0 0 3px; margin-top:0; font-size:16px;} .panelList ul li span.date { width:120px; display:block;} .panelList ul li a { color:#333;} #sidebar { border-top:3px solid #EEEEEE;} #sidebar h2 { padding-top:14px; padding-bottom:12px; font-size:18px; margin-bottom:0;} #sidebar ul li {border-top:1px solid #EEEEEE; padding:6px 0 0 3px; margin-top:0; } #search { background:#EEEEEE; height:45px;} #search input.txt { width:230px; padding:6px 3px 6px 3px; border:1px solid #fff; margin:5px 5px 5px 5px;} #search button { height:30px; width:80px; text-indent:0; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:underline;} h2.search {background:#EEEEEE; padding-left:5px; line-height:1em; font-style:italic; text-align:center;} /*------------------------------------------- Pages as opposed to Posts -------------------------------------------*/ .page { } .intro { width:515px; margin-left:32px; color: #1a1a1a; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 1.6;} .intro p:first-line { font-weight: bold; } .resourceList { border-top:3px solid #eeeeee; margin-top:40px;} .resourceList h2 { font-size:14px; font-weight:bold; padding-top:8px;} .resourceItem { border-top:1px solid #eeeeee; padding-left:80px; background:url(images/generic/pdf.gif) 20px 8px no-repeat;} .resourceItem h3 {font-size:16px; font-weight:normal; padding-top:8px;} /*------------------------------------------- Buttons! slight overhead but worth it :) -------------------------------------------*/ button.button { margin: 0 0 0 0; padding: 0; background: transparent; outline: none; cursor: pointer; } .button { width: 36px; height: 18px; background-position: 0 0; background-repeat: no-repeat; border: none; text-indent: -5000px;} .button:hover { background-position: 0 -18px; outline: none;} .button.static:hover { background-position: 0 0; outline: none;} button#btn_signup { width: 36px; background-image: url(images/btns/join.gif); margin-top:13px; margin-left:200px;} /*-------------------------------------- Blog stuff ---------------------------------------*/ div.post { border-bottom:3px dotted #EEEEEE; margin-bottom:30px;} div.post h2 { font-size: 2em; font-weight: normal;} .postMeta { margin-bottom:5px; font-size:13px; color:#999;} .date { float:left; width:200px; text-align:left;} .comments { float:right; text-align:right; background:url(images/generic/icon-comment.gif) no-repeat; padding-left:20px;} .comments a { color:#999999;} .meta {padding:10px 10px 10px 10px; background: #eee; font-size: 12px; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px;} .meta p { margin-bottom:5px;} .meta .highlight { font-style:italic; font-weight:bold; font-size:14px;} #commentsContainer { padding:20px 0 20px 0; } ul.commentlist{ margin: 10px 0 20px 0; list-style: none; font-size: 12px; line-height: 20px;} ul.commentlist p{ margin-bottom:10px;} ul.commentlist cite{ font-style: normal; font-weight: bold;} ul.commentlist li{ padding: 10px 10px 10px 10px; } ul.commentlist li.even{ padding: 10px 10px 0 10px !important; background:#eee; border:1px solid #eee; } form#commentform { padding-top:10px; margin-top:10px;} form#commentform textarea{ width:536px; border:1px solid #CDCDCB;} form#commentform input{ width:250px; border:1px solid #CDCDCB; padding:3px 3px 3px 3px;} .imhcLogo { position:absolute; bottom:0; right:20px;} .imhcLogo a { display:block; text-indent:-5000px; background-image: url(images/generic/imhcLogo.jpg); height:68px; width:85px;} .imhcLogo a:hover {border-bottom:none !important;} a.pdf {background:url(images/generic/pdfSmall.gif) no-repeat; padding-left:25px; } /*-------------------------------------- Misc helper classes ---------------------------------------*/ .greyBox { padding:10px 10px 10px 10px; background:#eee;} .cleaner {clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;} /*clearfix*/ .cf:after {content: ".";display: block; clear: both;visibility: hidden; line-height: 0; height: 0;} .cf {display: inline-block;} html[xmlns] .cf {display: block;} * html .cf {height: 1%;} /*end clearfix*/