/* Theme Name: CaseLogs Theme URI: http://gettemplate.com/ Description: WP theme by GetTemplate. Version: 1.0 Author: GetTemplate Author URI: http://gettemplate.com/ GetTemplate (c) 2008. All rights reserved. /* reset */ *{ margin: 0; padding: 0; } a img, iframe{ border: 0; } a:active{outline: none;} a:focus{-moz-outline-style: none;} h1, h2, h3, h4, h5, h6{ font-size: 90%; font-weight: normal; } ul, ol, dl, li, dt, dd{ list-style: none; } form, fieldset{ border: 0; } table{ border-collapse: collapse; } input, textarea, select, button { font-size: 100%; } select{ margin: inherit; } img#wpstats{display:none} /* LAYOUT */ body{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #6B6B6B; background: #303c40 url(images/bg_body.gif) repeat-x; } #Root{ width: 960px; margin: 0 auto; } #Head{ float: left; position: relative; height: 82px; width: 100%; background: url(images/bg_head.jpg) no-repeat; font-size: 12px;} #Head h1{ float: left; margin: 12px 0 0 0; width: 183px; height: 65px; background: url(images/logo.gif) no-repeat; } #Head h1 a{ display: block; width: 100%; height: 65px; text-indent: -5000px; } #Quick{ float: right; width: 300px; height: 25px; padding: 0 35px 0 0; background: url(images/bg_quicknav_r.gif) no-repeat right; color: #DDDEDE; overflow: hidden; } #Quick span{ float: right; height: 21px; padding: 4px 0 0 35px; background: url(images/bg_quicknav_l.gif) no-repeat; } #Quick a{ color: #DDDEDE; text-decoration: none; padding: 0 5px; } #Quick a:hover{ color: white; } #Nav { position: absolute; top: 53px; right: 0; padding: 0 10px 0 0; } #Nav ul{ float: left; margin: 0; padding: 0; height: 30px; } #Nav li{ float: left; height: 29px; padding: 0; background: #1e2b2e url(images/bg_nav_l.gif) no-repeat; } #Nav a{ float: left; height: 24px; padding: 5px 20px 0 20px; background: url(images/bg_nav_r.gif) no-repeat right; color: #c8cbcc; text-decoration: none; } #Nav a:hover{ color: white; } #Nav li.current_page_item{ height: 30px; background: #60c5f7 url(images/bg_nav_active_l.gif); } #Nav li.current_page_item a{ height: 25px; color: white; background: url(images/bg_nav_active_r.gif) no-repeat right; } #Content{ float: left; width: 100%; background: white url(images/bg_content.gif) repeat-y; } #Main{ float: left; width: 690px; padding:45px 0 30px 0; } #Side{ float: right; width: 210px; min-height: 445px; padding:45px 0 25px 27px; background: url(images/bg_side.jpg) no-repeat; font-size:0.9em; } * html #Side{ height: 490px; } #Footer{ float: left; width: 100%; height:45px; padding:20px 0 20px 0; color: #B0BCC1; text-align:center; background: url(images/bg_footer.gif) no-repeat; } #Footer img{ margin-bottom: 6px; } #Footer p{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; margin: 0 0 4px 0; } /* CONTENT */ .left{ float: left; } .right{ float:right;} .tl{ text-align: left; } .tr{ text-align: right; } .tc{ text-align: center; } .tj{ text-align: justify; } .clear{ font-size: 1px; height: 1px; clear: both; line-height: 1px; overflow: hidden; } .hidden{ display: none; } a{ color: #0f91e4; } a:visited{ color: #87aac0; } a:hover{ color: #cc0000; } p, ul{ margin: 0 0 20px 0; } h1{ font-size: 1.5em; color: #545454; margin: 0 0 12px 0; } h2{ font-size: 1.3em; color: #545454; margin: 0 0 10px 0; } h3{ font-size: 1.7em; color: #545454; margin:30px 0 6px 0; } h4{ font-size: 1.5em; color: #545454; margin:0px 0 6px 0; } h5{ font-size: 1.3em; color: #545454; font-weight:bold; margin:0px 0 6px 0; } /* POSTS */ .post{ margin:0 0 35px 0; } .post h2.title{ margin: 0; } .post .title a{ color: #545454; text-decoration: none; } .post .title a:hover{ color: #0f91e4; } .meta{ font-family: "MS Sans Serif", Geneva, sans-serif; font-size: 11px; color: #5c5c5c; } .meta a{ text-decoration: none; } .meta a:hover{ text-decoration: underline; } .topmeta{ margin: 0 0 15px 0; } /* Begin Images */ p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* Begin Form Elements */ /* Forms */ textarea.text{ } .submit{ padding: 5px 25px; } .entry form { margin: 0.7em 0 1.7em 0; text-align: center; }/* This one is mainly for password protected posts, makes them look better. */ select { width: 130px; } #commentform p { margin: 5px 0; } #commentform input { margin: 5px 5px 1px 0; } #commentform #author, #commentform #email, #commentform #url{ width: 170px; padding: 2px; padding: 2px; border: 1px solid #CCCCCC; } #commentform textarea { width: 540px; padding: 2px; border: 1px solid #CCCCCC; overflow: auto; } #commentform #submit { margin: 0; } /* End Form Elements */ /* Begin Comments*/ h3#comments { padding: 0; margin: 20px auto 20px ; font-size: 16px; background-image: none; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } .commentmetadata { font-weight: normal; } code { font: 1.1em 'Courier New', Courier, Fixed; } .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; padding-left:0;} .commentlist li { font-weight: bold; margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; background: #fafafa; border: 1px solid eeeeee; } .commentlist p { margin: 10px 5px 10px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #FAF7EF; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } .navigation { font-size: 12px; padding: 0; margin-bottom: 2em; float: left; width: 100%; text-align: right; } .navigation .alignleft{ width:100%; text-align: left;} .navigation .alignright{ width: 100%; text-align: right; } .pagetitle{ font-size: 13px; } /* End Various Tags & Classes*/ /* Side contents */ .ad250{ width: 310px; height: 269px; background: #f7f7f7 url(images/bg_ad250.gif) no-repeat; margin: 0 0 10px 0; } .ad250 div{ float: left; padding: 10px 0 0 10px; } .ad250 .here{ float: right; width: 40px; height: 269px; background: url(images/click_here_250.gif); text-indent: -5000px; } .ad125{ width: 310px; height: 144px; background: #f7f7f7 url(images/bg_ad.gif) no-repeat; margin: 0 0 10px 0; } .ad125 div{ float: left; padding: 10px 0 0 10px; font-size: 1px; } .ad125 .here{ float: right; width: 40px; height: 144px; background: url(images/click_here_125.gif); text-indent: -5000px; } #searchform{ position: relative; height: 54px; width: 310px; background: url(images/bg_search.gif) no-repeat; margin: 0 0 10px 0; } #searchform input{ position: absolute; left:225px; top:12px; width: 72px; height: 28px; color: white; font-weight:bold; text-transform: uppercase; background: #48a2de url(images/btn_search.gif) no-repeat; border:none; } #searchform input#s{ left: 20px; top: 19px; height: 17px; width: 186px; border: 0px none; background: white; color: #666; font-weight: normal; text-transform: none; } #Side h2{ border-bottom:1px solid #dddddd; font-size: 1.6em; margin:0 0 8px 0;} #calendar{ display: block; margin: 0 0 20px 0; padding: 0; width: 210px; background: #fafafa url(images/bg_sidebox_head.gif) no-repeat; } #calendar h2{ display: none; } #calendar_wrap{ display: block; width: 176px; margin: 0; padding: 15px 17px 17px 17px; background: url(images/bg_sidebox_footer.gif) no-repeat bottom; } /* Begin Calendar */ #wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt; } #wp-calendar caption { font: 9px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: center; margin-top: 5px; } #wp-calendar { empty-cells: show; margin: 0 auto 10px auto; width: 150px; } #wp-calendar th{ font-size:10px; color: Black; font-style: normal; text-transform: capitalize; } #wp-calendar #next a{ padding-right: 10px; text-align: right; } #wp-calendar #prev a{ padding-left: 10px; text-align: left; } #wp-calendar a { display: block; background: #98b50f; text-align: center; text-decoration: none; color: white; } #wp-calendar a:hover{ color: White; background: #8aa800; } #wp-calendar caption { text-align: center; width: 100%; font-size: 12px; } #wp-calendar td { font-size:10px; padding: 0; text-align: center; color: #505050; }