/* -------------------------------------------------------------- Blueprint CSS Framework [bjorkoy.com/blueprint] * Screen & Projection Styles * This is the main CSS-file for the framework. Include this in the of every page. See the Readme file in this directory for further instructions. -------------------------------------------------------------- */ @import "reset.css"; @import "typography.css"; @import "grid.css"; /* Uncomment the line below to see the grid and baseline. (Assuming you've wrapped your columns in a container). */ .container{ border-top:3px solid #000;} #content{clear:both;} /* TOP -------------------------------------------------------------- */ #header{height:55px;background:url('../img/bg-header.gif') no-repeat;color:#fff;} #logo{margin:0;padding:0;} #toplinks{margin-top:10px;} #toplinks img{margin:5px 10px;} .accountlink a {font-weight: normal } /* MAIN NAV -------------------------------------------------------------- */ #navwrapper{ height:30px; background:#028ccc; border-top:1px solid #0378a5; border-bottom:1px solid #0378a5; position:relative; } #nav, .secondnav { padding: 0; margin: 0; list-style: none; line-height: 1; } #nav a { display: block; padding:0 10px; line-height:30px; } a.firstnav{ float:left; margin-right:0; } #nav li { float: left; position:relative; } .secondnav { position: absolute; width:150px; background: #069; left: -999em; border:1px solid #0378a5; z-index:100; } .secondnav li{width:150px;} .nav_arrow{ margin-right:15px; cursor:pointer; } #nav_home{ margin-right:15px; } #nav li.dropdown .secondnav { left: auto; top:30px; } /* SEARCH BOX -------------------------------------------------------------- */ #search .textinput{ width:210px; height:auto; border:2px solid #fff; } #search form div{margin-top:5px;} #search label{ padding:0 10px; display:block; float:left; color:#fff; } /* FOOTER -------------------------------------------------------------- */ .feedTitle a{ font-size:18px; font-weight:normal; color:black; text-decoration:none; } .feedTitle img{ display:none; } #devotions{ padding-top:30px; margin-top:30px; border-top:3px solid black; } #devotions h5{ text-align:center; margin-top:-41px; padding:0; } #devotions h5 span{ padding:0 10px 0 20px; background: #fff url(/favicon.ico) no-repeat left; } #devotions ul{ list-style:none; margin:0; padding:0; } #devotions .headline a{ font-size: 14px; font-weight:normal; } #devotions .fbsubscribelink, #creditfooter{display:none;} #footer{ margin-top:30px; border-top:3px solid; padding:18px 0; } #footer .last{ text-align:right !important; } /* SEARCH RESULTS PAGE -------------------------------------------------------------- */ .set_o_results h3{padding-bottom:5px;} .set_o_results .quiet{text-align:right;} /* COMMON FORM STYLES -------------------------------------------------------------- */ .textinput{ height:21px; border:1px solid #bbb; } textarea{ border:1px solid #bbb; display:block; } .hint{font-size:10px; color:#666;} input.error{ border:2px solid red; } #errormsg{ background:white; padding:10px; margin:10px 0; color:red; } input.text{ font-size:14px; border:1px solid #ddd; } .formtable td{ padding:5px; } #post_response{ display:block; } .wideform input:hover, .wideform textarea:hover{background:#ffc;} .wideform div{margin-bottom:10px;} .wideform label{display:block;font-size:14px;font-weight:bold} .wideform input,.wideform select{font-size:14px;padding:0;} .wideform .textinput, .wideform textarea{width:400px;} .wideform textarea {height:190px;padding:5px;} .wideform input:hover, .wideform textarea:hover{background:#edf8fe;} .wideform .hint{display:block;} .wideform.span-5 .textinput, .wideform.span-5 textarea{width:310px;} /* MISC COMMON STYLES -------------------------------------------------------------- */ .floatr{ float:right; margin-left:10px; } #remLen{ font-size:10px; display:block; } .dom_button{ color:#00adef; font-weight:bold; text-decoration:underline; cursor:pointer; } .warning{color:#a00;} .datatable{width:100%;} .datatable td,.datatable th { padding:5px;} .datatable tr.even{background:#edf8fe} .datatable tr.odd{background:#fff} .datatable td.deletecol{text-align:center} td.datecol{width:90px;} .caution{ background:#ffc; padding:10px;border:1px solid #ff0; } .caution small{ display:block;float:right; margin-top:-20px; font-size:10px; } /* YOUR PRAYERS / YOUR REQUESTS -------------------------------------------------------------- */ .datatable th.prayercol, .datatable td.prayercol{text-align:center;} .flagged{ background:#ffa !important; background-image: url(/img/icon-flag.gif) !important; background-repeat:no-repeat !important; background-position:5px center !important; } .p_removed{ background:#fdd !important; background-image: url(/img/icon-cancel.png) !important; background-repeat:no-repeat !important; background-position:5px center !important; } .req_removed{ color:#999; } .req_removed td{color:#ccc !important;} .req_removed td a{color:#ccc;font-weight:normal;text-decoration:none;cursor:default;} .req_removed .removed_msg{color:#777} .flagged td.datecol, .p_removed td.datecol{padding-left:28px;} .removed_msg{color:#c00;font-weight:normal;font-size:10px;font-style:italic;} .timesflagged{color:black;font-weight:bold;font-style:italic;} /* PRAYER REQUEST PAGE -------------------------------------------------------------- */ #you_own_it{ background:#ffc; text-align:center; margin:0; } #you_own_it p{margin:0;padding:0 10px 10px;} #you_own_it span{ display:block; font-weight:bold; padding:0; } #request_block{position:relative;} #request_title{ border-bottom:1px solid; position:relative; } .editrequest{ display:block; position:absolute; left:-50px; } .edit_button{ background:#069 !important; padding:1px 5px !important; line-height:14px !important; color:#fff !important; cursor:pointer; text-decoration:underline; font-size:10px !important; border-right:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #00adef; border-top:1px solid #00adef; text-transform:uppercase; } .edit_button:hover{background:#00adef;} #btn_edit_reqtitle{top:105px;} #btn_edit_reqbody{top:20px;} #form_editreqtitle{ color:white; background:#edf8fe; position:absolute; top:88px; width:100%; height:67px; } #form_editreqtitle .dom_button, #submit_reqtitle {margin-left:10px;font-size:14px;} #form_editreqtitle .text{ display:block; margin:3px 0; font-size:20px; width:55%; } #request_text{margin-bottom:20px} #form_editreqbody{ color:white; background:#edf8fe; position:absolute; top:10px; padding:5px; } #form_editreqbody .dom_button, #submit_reqbody {margin-left:10px;font-size:14px;} #form_editreqbody .textarea{ display:block; margin:3px 0; width:385px; height:200px; } #request_body{ position:relative; padding-top:18px; padding-bottom:20px; } .request_update textarea{width:100%;height:40px} .update_body{padding:5px;margin-bottom:10px;} .update_body:hover { background:#edf8fe; } .update_rusure{ position:absolute; background:#000; color:#fff; padding:5px; border:2px solid #000; } .update_rusure span{ padding:5px; } .updateform_box{background:#edf8fe;padding:5px;} #btn_newupdate{ float:right; text-align:right; padding-right:20px;} #form_newupdate{background:#edf8fe;padding:5px;} #form_newupdate textarea{width:100%;height:40px;} #request_flag{ position:absolute; right:0px; margin-top:18px; z-index:1; } #request_meta{ position:relative; margin-top:0px; margin-bottom:10px; } #request_postedby{ border-top:0 !important; } #request_meta .profilephoto{ border:3px solid #ccc; margin-top:0; } #request_meta div{ border-top:1px solid; padding-top:18px; clear:left; } #request_tags span, #request_follow a{ display:block; margin-top:10px; font-size:12px; line-height:18px; padding-left:30px; } #request_tags span { background:url(/img/icon-tag.gif) no-repeat;} #request_follow a#follow_rss { background:url(/img/icon-rss-sm.gif) no-repeat; } #request_follow a#follow_profile { background:url(/img/icon-profile.gif) no-repeat;} #request_meta p{ font-size:14px; line-height:22px; position:relative; } #pray{ border-top:3px solid #000; border-bottom:3px solid #000; background:#eee; padding-bottom:10px; position:relative; } #post_prayer h3, #post_prayer form, #ping_prayer form { margin-left:20px;} #pray textarea{ width:350px; height:86px; } #request_tags span#button_edittags{ background:none; position:absolute; top:-7px;left:40px; } #form_edittags{ z-index:1; position:absolute; background:#edf8fe; padding:5px; top:20px; left:0; width: 100%;/*310px;*/ } #edit_taglist{ display:block; margin-bottom:3px; width:100%; } #cancel_taglist{ background:none !important; display:inline !important; padding-left:10px !important; } #pray #remLen{margin-right:30px;} #whatisping{background:#ddd;padding:5px;margin:-10px 20px 10px 0;} .prayer{ position:relative; border-top:1px solid; padding-top:18px; z-index:0; } .prayer_meta p{ padding-left:30px; background:url(/img/icon-comment.gif) no-repeat; } .flagbox{background:black;color:white;padding:10px;} .flagbox .close {display:inline;float:right;margin-top:-30px;font-weight:normal;font-size:12px} .flagbox h3{color:white;margin-top:0;padding-top:0;display:inline;} #flagbox.flagbox{padding-top: 10px;top:0 !important;} /* YOU PAGE -------------------------------------------------------------- */ #you #content h1{font-size:60px;margin-top:10px;letter-spacing:-2px;} #you #content h1 img {margin-top:-10px;} .top_message{padding: 5px;text-align: center;position:absolute;width:150px;right:0;top:138px} .vitalstats {border-bottom:1px solid #ccc;} .vitalstats h3{font-size:14px;margin-top:-10px;} .vitalstats .warning {font-size:12px;} #new_requests .request_title {font-size:12px;font-weight:normal;} #you_links {padding:10px;background:#edf8fe;} #you_links a{padding-right:15px;font-size:10px;font-weight:normal;} #subscribe label{display:block;font-weight:bold;} #subscribe .textinput{width:100%;margin-bottom:5px;background:#fff !important;} .feed-button a {padding: 10px 15px 10px 35px;background: url("/img/feed-icon-28x28.png") no-repeat 0 50%;} .feed-button-small a {padding: 10px 15px 10px 20px;background: url("/img/feed-icon-14x14.png") no-repeat 0 50%;} /* HOME and YOU PAGE -------------------------------------------------------------- */ #subscribe h2{font-weight:normal;letter-spacing:-1px} #blogposts .feedTitle{margin-top:9px;} #blogposts .feedTitle a{color:#000;text-decoration:none;font-weight:normal;font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;margin: 0; padding: 9px 0;color:#111; clear:both;font-size: 28px; line-height: 36px;} #blogposts li{list-style:none;} #blogposts .headline a {font-size:18px;font-weight:normal;} #blogposts .date{color:#777;font-size:11px;} .fbsubscribelink,#creditfooter{display:none;} #blogposts .feed-button-small{margin-left:20px;} #blogposts .blog-link{margin-left:40px;}