/* Theme Name: Liberty Disaster Relief Theme URI: http://LibertyDisasterRelief.com Description: Liberty Disaster Relief Version: 1.0 Author: Neal Chester Author URI: http://ikwebdesigner.com */ /* CSS 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, font, img, ins, kbd, q, s, samp, small, strike, 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; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; border-collapse:collapse; border-spacing:0; border-padding:0; text-decoration:none} a:focus {outline:none} /* CSS */ ::-moz-selection{background:#C8E4F2; color:navy} /* Firefox */ ::selection{background:#C8E4F2; color:navy} /* Safari and Opera */ body{font-family: "lucida sans", "lucida grande", sans-serif; text-align:center; background: white url(/wp-content/themes/liberty/img/bg.jpg) repeat-x;} /* Header */ #header {background: url(/wp-content/themes/liberty/img/header.jpg) no-repeat center top; width:100%; height:143px; float:left; } #header .contain a {text-indent:-3000em; width:220px; height:80px; position:absolute; display:block; top:30px;} /* Container */ #nav, #pagetop, .contain { width:958px; margin:0 auto; text-align:left; position:relative; display:block; clear:both; z-index:1;text-align:left} /* Navigation */ #nav { display:block; width:958px; height:54px; } #nav li{ list-style-type: none; display:inline; } #nav a{ display:block; list-style-type: none; float:left; text-indent:-1000em; height:54px; background-position: left top;} a#home{ width:110px; background-image: url(/wp-content/themes/liberty/img/nav01.jpg) } a#about{ width:120px; background-image: url(/wp-content/themes/liberty/img/nav02.jpg)} a#help{ width:155px; background-image: url(/wp-content/themes/liberty/img/nav03.jpg)} a#store{ width:135px; background-image: url(/wp-content/themes/liberty/img/nav04.jpg)} a#events{ width:105px; background-image: url(/wp-content/themes/liberty/img/nav05.jpg)} a#resources{ width:175px; background-image: url(/wp-content/themes/liberty/img/nav06.jpg)} a#contact{ width:158px; background-image: url(/wp-content/themes/liberty/img/nav07.jpg)} #nav a:hover{ background-position: left center; } #nav a.current, #nav a.current:hover{ background-position: left bottom; cursor:default;} #pagetop {border:none ! important; background: url(/wp-content/themes/liberty/img/page-tip.png) no-repeat; height:40px} #pagetop hr {display:none} /* For Contain */.pagebg {background: url(/wp-content/themes/liberty/img/page-bg.png) repeat-y; min-height:500px} /* ------------------------------------------------------ CONTENT ---------------------------------------------------------------*/ #content {width:576px; float:left; display:inline; position:relative; z-index:5; margin-left:54px; min-height:300px;} #content h1, #content h2, #content h3, #content p, #mediaspace, #sidebar .sidecontent, #content ol, #content ul, #content hr, #content blockquote{font-size:13px; color: #333; line-height:20px; margin-bottom:14px;} #content h1, #content h2, #content h3 {font-weight:bold;color:#3383B4;} #content h1 {margin-top:-5px;margin-bottom:28px;font-size:30px;line-height:38px;position:relative;letter-spacing:-1px;} #content h2 {font-size:18px;} #content h3 {font-size:14px; font-weight:bold; color:black; margin-bottom:3px !important;} #content ol {margin-left:24px} #content ul li{list-style-type: none; padding-left:24px; background: url(/wp-content/themes/liberty/img/bulletlist.png) no-repeat 10px 7px} #content .space li{margin-bottom:14px} /*--- Space between multi-lined list items ----*/ #content hr {border:none; height:19px; display:block; background: white url(/wp-content/themes/liberty/img/hr.gif) no-repeat center center; margin:28px 0px} *html #content hr {background:none; border-top:solid 1px #ebeff3; height:1px;} *:first-child+html #content hr {background:none; border-top:solid 1px #ebeff3; height:1px;} #content blockquote {background:url(/wp-content/themes/liberty/img/quotes.gif) no-repeat left 5px; padding-left:30px;} #content abbr {border-bottom:dotted 1px black;cursor:help} #content p.wp-caption-text { text-align:center; font-style:italic; font-size:10px ! important; line-height:18px ! important; width:100% ! important; color:#666 ! important; float:left ! important; margin:10px 0px ! important} #content table.chart { width:100%; margin:10px 0px 24px; background:#ebeff3; cursor:default; font-size:12px; line-height:18px;} #content table.chart th {font-weight:bold; } #content table.chart td, #content table th {text-align:center; padding:6px; border: solid 1px #ebeff3; } #content table.chart caption {padding-bottom:14px;} /* ------------------------------------------------------ LINKS ------------------------------------------------------ */ #content a, .gallerynav .l a, .gallerynav .r a {text-decoration:underline; color:#a88c1e;} #content a:hover {color:black; background-color:#ffffcc; text-decoration:none;} #content a:active{color:#cc0000; border-color:#cc0000} /* --------------------------------------------- Sidebar Menu ------------------------------------------------- */ #sidebar {float:right; width:258px; display:inline; margin-right:28px; position:relative} #sidebar hr{display:none} #sidebar .donate a{ margin:-4px -4px 34px 0px; width:258px; height:71px; background:url(/wp-content/themes/liberty/img/donate-large.gif) no-repeat center top; text-indent:-3000em; cursor:pointer; display:block} #sidebar .donate a:hover {background-position: center bottom} #stickypad { width:206px; padding:0px 26px; overflow:hidden; background:url(/wp-content/themes/liberty/img/stickynote.jpg) no-repeat left bottom; margin-bottom:34px; cursor:default; color:#7c7856; margin-right:-4px; max-height:500px} #stickypad h2 { font-size:18px; line-height:24px; text-align:center; margin:17px 0px 17px; letter-spacing:-1px; padding-bottom:17px; border-bottom:dashed 1px #c1ba87; font-weight:bold;} #stickypad ul {list-style-type:none; float:left; display:block; margin-bottom:60px; font-family:"Trebuchet MS", sans-serif} #stickypad li { font-size:13px; font-style:italic; line-height:20px; padding-left:27px; margin-bottom:25px; display:block; width:180px; background:url(/wp-content/themes/liberty/img/checkbox.png) no-repeat left 1px; text-decoration:none;} #stickypad li:hover,#stickypad li:focus {background:url(/wp-content/themes/liberty/img/checkbox-hover.png) no-repeat left 1px;} #newsletter { width:222px; height:108px; padding:14px; background:url(/wp-content/themes/liberty/img/newsletter-bg.gif) no-repeat; color:#6e849a; position:relative; right:-4px; position:relative; font-size:12px; cursor:default} #newsletter legend {font-weight:bold; text-transform:uppercase; display:block; margin-bottom:8px;} #newsletter input {width:170px; border:solid 1px #ced7e1; padding:5px; margin-bottom:7px; font-size:11px;} #newsletter input:focus {border-color:black} #newsletter .go { background:url(/wp-content/themes/liberty/img/newsletter-go-button.gif) no-repeat; cursor:pointer; border:none ! important; text-indent:-3000em; width:28px; height:27px; position:absolute; right:14px} #newsletter a {color:#6e849a; height:16px; line-height:16px; background:url(/wp-content/themes/liberty/img/rss.png) no-repeat; padding-left:20px; display:block} #newsletter a:hover {text-decoration:none} /* ------------------------------------------------------ Footer Styles ------------------------------------------------- */ #footer{ text-align:left; display:block; float:left; width:100%; height:212px; color:white; font-size: 11px; line-height:20px; color:#436e90; background: url(/wp-content/themes/liberty/img/footer-bg.gif) repeat-x left top; position:relative;} #footer a {text-decoration:none; color:#436e90;} #footer a:hover, #footer a:focus{color:black; text-decoration:underline;} address, .footlinks, .tree, .credits {top:60px; position:absolute} .pagefoot { background: url(/wp-content/themes/liberty/img/page-foot.png) no-repeat; height:66px; display:block; border:none ! important; margin-top:0px;} .footlinks {right:4px; width:575px; text-align:right;} .footlinks a {padding-left:20px; background:url(/wp-content/themes/liberty/img/bulletlist.png) no-repeat 5px center;} address {width:340px; left:4px; font-style:normal} address b {text-transform:uppercase; color:#3399cc;} a.tree {width:58px; height:55px; background:url(/wp-content/themes/liberty/img/tree.png) no-repeat; top:147px; right:4px; display:block; text-indent:-3000em} .credits {color:#93a3b2; top:170px; left:4px} .credits a{color:#93a3b2 ! important} .credits a:hover{color:black ! important} /* ----------------------- Contact Form ----------------------- */ #contactform { display:block; padding:18px 0px; overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; color:#333} #contactform br {clear:both} #contactform b { float:left; margin-right:10px; display:block; width: 120px; text-align:right ! important; font-size: 12px; font-weight:bold;} #contactform label {clear:both; display:block; } #contactform .input { width:434px; padding:5px; float:left ! important; font:13px/18px Arial; margin-bottom:15px; color:navy; border:solid 1px #D9D5B7; border-top-color:#A88C1E;} #contactform .input:focus {border-color:black; background-color:#ffffee} #contactform .send{ display:block; cursor:pointer; border:none; float:right; margin-right:0px;} #contactform .send:hover {background:black; color:white} .donatefield { width:130px; color:#006600; padding-left:18px; font:bold 16px/27px arial; height:27px; border:solid 1px #339900; background:#ffffee url(/wp-content/themes/liberty/img/dollar-sign.png) no-repeat 7px center} /* ----------------------- Comments ----------------------- */ #comments {background:url(/wp-content/themes/liberty/img/grayline.gif) repeat-x center center; margin:28px 0px; text-align:center; width:100%} #comments h1 { background: white url(/wp-content/themes/liberty/img/comment-mark.jpg) no-repeat center right; font-size:18px; border:solid 10px white; padding-right:35px; margin:0px !important; display:inline} ol.commentlist {margin:0px ! important;} .commentlist li{ border-bottom:solid 1px #ebeff3; width:576px; padding:0px 0px 18px 0px; margin-bottom:18px; list-style-type:none; margin:0px 0px 28px 0px} .avatar, .usercomment, .commentlist li, #comments {float:left; display:block;} .avatar {width:70px;} .avatar img{width:50px; height:50px; border:3px double #EBEFF3} .usercomment {width:506px;} .usercomment cite {color:#999999 ! important; margin-bottom:5px; display:block} .usercomment cite b, .usercomment cite a{color:#000 !important} .commenticon {background: white url(/wp-content/themes/liberty/img/comment.png) no-repeat center left; padding-left:20px} /*----------------------------------------------------- Extras ------------------------------------------------*/ a.bluebutton { color:white ! important; text-decoration:none ! important; padding:7px; font-weight:bold; text-transform:uppercase; -webkit-border-radius:5px; -moz-border-radius:5px; background-color:#3383B4} a.bluebutton:hover {background-color:#000 ! important; color:white !important} .time {height:20px; line-height:20px; background: transparent url(/wp-content/themes/liberty/img/time.png) no-repeat left center; padding-left:20px;} .commentrss {float:right; text-align:right} .commentrss a { background:url(/wp-content/themes/liberty/img/rss.png) no-repeat right center; font-size:10px ! important; padding:2px 20px 2px 0px; font-weight:normal} .homepic { position:absolute; right:-9px; top:-9px; z-index:2; width:172px; height:258px; display:block; background:url(/wp-content/themes/liberty/img/home-hand.png) no-repeat; float:right} *html .homepic {background:url(/wp-content/themes/liberty/img/home-hand.gif) no-repeat; right:0px} #ribbon { width:657px; height:57px; background: url(/wp-content/themes/liberty/img/ribbon.png) no-repeat; font-size:14px; position:relative; line-height:50px; color:white; margin:32px 0px 32px -60px} #ribbon b {padding-left:40px; display:block; width:580px; overflow:hidden; white-space: nowrap} #ribbon a {color:white ! important; background:none ! important; font-style:italic} .bloglist li { padding:0px 0px 18px 0px !important; background:none !important; border-bottom:solid 1px #ebeff3; margin-bottom:18px;} /* Social Media and Subscribe Button */ .socialmedia{margin-bottom:14px; font-size:11px; float:left; clear:both; width:100%} .socialmedia a {border:none ! important; color:#cc0000 ! important; padding-bottom:2px} .socialmedia a:hover {color:#000 ! important} .subscribe {float: right; width: 225px; text-align:right} .subscribe a {background: url(/wp-content/themes/liberty/img/rss.png) no-repeat right top; padding-right:20px;} /* Page cuts */ .pages {text-transform:uppercase; text-align:right; font-weight:bold; padding-top:14px; border-top: dotted 1px #C1D1D5; font-size:14px} .pages a {color:#0071E3 ! important;} /* Page Gallery */ #gallery-1 img {border: 3px solid #ebeff3 ! important} #gallery-1 img:hover {border-color: #333 ! important} .gallery-caption {display:none} /* Attachment Gallery */ .gallerynav {position:relative; margin-top:33px; padding-top:20px; border-top:solid 1px #ebeff3 } .gallerynav a{text-decoration:none ! important} .gallerynav .l img, .gallerynav .r img {width:120px; height:80px} .gallerynav .l {float:left; width:120px;} .gallerynav .r {float:right; width:120px; text-align:right} /* --------------------------- Standard content styles ---------------------------*/ .hide, #hide {display:none;} .hidden, #hidden {visibility:hidden} .clear, #clear{ clear:both;} .nowrap {white-space: nowrap} .center{text-align:center ! important;} .justify{text-align:justify;} .right{text-align:right;} .strike {text-decoration:line-through;} .highlight {background:#ffffcc} .small, small {font-size:11px; line-height:18px;} .column{width:46%; float:left} .column + .column {padding-left:19px; margin-left:20px; border-left:solid 1px #ebeff3} .orange {color:#cc9900} .blue {color: #006699} .red {color:#cc0000} .black {color:#000 ! important} .box {background:#EBEFF3; padding:5px;} p.box {padding:10px; border:solid 1px #f2f5f6; background-color: #ffffee; margin-left:-1px;} h2.box {margin-left:-5px; color:#333 ! important} img.border {border:solid 5px #f2f5f6; background:white; margin-left:-5px;} img.alignleft{float:left; margin-right:14px;} img.alignright{float:right; margin-left:14px;} .valign {vertical-align:middle ! important} .edit {position:absolute; right:0px; top:0px; font-size:11px ! important;} .edit a {color:#999 ! important} #tooltipstyle{ background: #fffbe8; color:#000; border:solid 1px #444; padding:7px; width:150px; font-size:11px; line-height: 15px; text-align:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-box-shadow: 2px 2px 2px #dfdedf; -webkit-box-shadow: 2px 2px 2px #dfdedf; position: absolute; left: -300px; display: block; z-index: 100;} #tooltippointer{ position:absolute; left:-300px; z-index:101; display:block;}