/* Theme Name: Sidepane Theme URI: http://themify.me/themes/sidepane Version: 1.1.6 Author: Themify Author URI: http://www.themify.me --------- DO NOT EDIT THIS FILE. If you need to overwrite the CSS styling, create a new custom_style.css in the theme folder and it will automatically load in the . */ /************************************************************************************ RESET *************************************************************************************/ html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset { margin: 0; padding: 0; } img, fieldset { border: 0; } /************************************************************************************ GENERAL STYLING *************************************************************************************/ html { background: #c4ccd0 url(images/html-bg.jpg); } body { font: 13px/150% Arial, Helvetica, sans-serif; color: #333; } p { margin: 0 0 1.2em; padding: 0; } a { text-decoration: underline; outline: none; color: #042d64; } a:hover { text-decoration: none; color: #F30; } small { font-size: 87%; } em, i { } ul, ol { margin: 1em 0 1.4em 24px; padding: 0; } li { margin: 0 0 .5em 0; padding: 0; } h1, h2, h3, h4, h5, h6 { line-height: 1.4em; margin: 1.4em 0 .2em; color: #333; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; } h1 { font-size: 2em; } h2 { font-size: 1.6em; } h3 { font-size: 1.4em; } h4 { font-size: 1.2em; } h5 { font-size: 1.1em; } h6 { font-size: 1em; } input, textarea, select { font-size: 100%; font-family: Arial, Helvetica, sans-serif; } textarea { line-height: 150%; } input[type=text], input[type=password], textarea { background: #f8f8f8; border: solid 1px #999; padding: 4px 7px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2); box-shadow: 0 1px 1px rgba(0, 0, 0, .2); } textarea:focus, input[type=password]:focus, input[type=text]:focus { border-color: #042d64; background: #fff; color: #000; } input[type=reset], input[type=submit] { background: #042d64; color: #fff; border: none; padding: 4px 7px; cursor: pointer; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2); box-shadow: 0 1px 1px rgba(0, 0, 0, .2); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } input[type=reset]:hover, input[type=submit]:hover { background: #000; } /************************************************************************************ CONTENT *************************************************************************************/ #content { width: 600px; padding: 40px 0 100px 416px; } .post { margin: 0 0 50px; } .post-img img { padding: 5px; background: #fff; border: solid 1px #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .post-img.right img { margin-right: 0; margin-left: 20px; } .post-img.left img { margin-right: 20px; margin-left: 0; } .post-date { margin: 0; font: bold 14px/140% Arial, Helvetica, sans-serif; color: #666; } .post-title { font: bold 22px/120% Arial, Helvetica, sans-serif; letter-spacing: -.025em; margin: 0 0 2px; } .post-title a { text-decoration: none; } .post-meta { color: #666; font-size: 95%; } .post-meta a { text-decoration: none; } .post-meta a:hover { text-decoration: underline; } .post-meta span { margin-right: 10px; } .more-link { font-size: 85%; text-decoration: none; background: #666; padding: 2px 8px; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .more-link:hover { color: #fff; background: #000; } .page-title { font: bold 28px/120% Arial, Helvetica, sans-serif; letter-spacing: -.025em; margin: 0 0 15px; } /************************************************************************************ NEXT PREV NAVIGATION *************************************************************************************/ .next-prev-post { border-top: solid 1px #999; font-family: Georgia, "Times New Roman", Times, serif; margin: 40px 0 0; clear: both; } .next-prev-post span { width: 45%; } .next-prev-post a { text-decoration: none; font-size: 120%; font-weight: bold; margin: 15px 0 40px; display: block; } .next-prev-post a:hover { text-decoration: none; } .next-prev-post .prev a { float: left; } .next-prev-post .next a { float: right; text-align: right; } /************************************************************************************ COMMENTS *************************************************************************************/ .commentwrap { border-top: solid 1px #999; margin: 40px 0 20px; padding: 10px 0 0; position: relative; clear: both; } .next-prev-comment { position: absolute; top: 17px; right: 0; } .next-prev-comment a { color: #666; text-decoration: none; font-size: 85%; text-transform: uppercase; font-weight: bold; } .next-prev-comment a:hover { color: #333; } .next-prev-comment .next a { margin: 0 0 0 20px; } #comments, #respond h4 { font-size: 140%; } /* commentlist */ .commentlist { margin: 10px 0 0; padding: 0; list-style: none; border-top: solid 1px #bbb; } .commentlist li { margin: 0; padding: 15px 0 0; list-style: none; position: relative; } .commentlist .comment-author { margin: 2px 0 10px; } .commentlist .avatar { margin: 10px 0 10px 16px; background: #fff; border: solid 1px #999; padding: 4px; float: right; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .commentlist cite { font-size: 130%; font-weight: bold; font-style: normal; line-height: 140%; } .commentlist cite a { text-decoration: none; } .commentlist .comment-time { color: #666; } .commentlist .commententry { border-bottom: solid 1px #bbb; position: relative; min-height: 40px; padding-right: 80px; } .commentlist ul, .commentlist ol { margin: 0 0 0 40px; padding: 0; } .commentlist .comment-reply-link { position: absolute; bottom: -10px; right: 0; z-index: 10; padding: 1px 10px; background: #666; font-size: 85%; color: #fff; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .commentlist .comment-reply-link:hover { background: #333; text-decoration: none; } /************************************************************************************ COMMENT FORM *************************************************************************************/ #respond { margin: 20px 0 30px; padding: 10px 0 0; position: relative; clear: both; } #respond .cancel-comment-reply a { position: absolute; top: 18px; right: 0; font-size: 85%; text-decoration: none; padding: 2px 10px; color: #fff; background: #F30; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #respond .cancel-comment-reply a:hover { background: #333; } #commentform { margin: 15px 0 0; } #commentform input[type=text] { width: 206px; margin-right: 5px; } #commentform label { font-weight: bold; } #commentform label small { font-weight: normal; } #commentform textarea { width: 97%; height: 140px; } #commentform input#submit { padding: 7px 20px; font-weight: bold; } /************************************************************************************ SIDEBAR *************************************************************************************/ #sidebar-wrap { background: url(images/side-bg.png) repeat-y fixed; position: fixed; top: 0; left: 0; width: 400px; /*344*/ height: 100%; float: left; } #sidebar { width: 340px; padding: 40px 20px 30px 26px; color: #49a3c6; font-size: 93%; line-height: 135%; } #sidebar input[type=text], #sidebar input[type=password], #sidebar textarea { background: #49a3c6; border: none; padding-left: 10px; font: italic 100%/100% Georgia, "Times New Roman", Times, serif; -webkit-border-radius: 10em; -moz-border-radius: 10em; border-radius: 10em; -webkit-box-shadow: 0 -1px 1px rgba(0,0,0,.2); -moz-box-shadow: 0 -1px 1px rgba(0,0,0,.2); box-shadow: 0 -1px 1px rgba(0,0,0,.2); } #sidebar input[type=reset], #sidebar input[type=submit] { background: #000; } #sidebar a { color: #d6d6e1; text-decoration: none; } #sidebar a:hover { color: #fff; } #sidebar .widget { margin-bottom: 25px; } #sidebar .secondary { width: 130px; float: left; margin-right: 15px; } #sidebar .last { margin-right: 0; } .widgettitle { font: bold 13px/120% Georgia, "Times New Roman", Times, serif; color: #fff; margin: 0 0 7px; padding: 0; } .widgettitle a { text-decoration: none; } .widget ul { list-style: none; margin: 0; padding: 0; } .widget li { margin: 0; padding: 5px 0; clear: both; border-top: solid 1px #3788bd; } .widget ul ul { margin: 6px 0 -6px 0px; padding: 0; border-top: none; } .widget ul ul li { margin: 0; padding-left: 10px; border-top: solid 1px #3788bd; border-bottom: none; } /************************************************************************************ SITE LOGO *************************************************************************************/ #site-logo {margin-bottom: 13px;} #site-logo a { font: bold 28px/100% Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; } #site-description { font: italic 12px/120% Georgia, "Times New Roman", Times, serif; margin-bottom: 10px; } /************************************************************************************ MENU *************************************************************************************/ #main-nav-wrap { border: solid 1px #3788bd; border-width: 1px 0; margin: 0 0 25px; position: relative; } #main-nav-wrap .rss { position: absolute; top: 8px; right: 0; } #main-nav-wrap .rss a { background: url(images/rss.png) no-repeat left center; padding-left: 15px; font-size: 90%; } #main-nav { margin: 0; padding: 0; list-style: none; } #main-nav li { position: relative; float: left; margin: 0; padding: 2px 0; } #main-nav a { display: block; padding: 7px 4px; margin-right: 5px; color: #fff; font: normal 12px/100% Georgia, "Times New Roman", Times, serif; text-decoration: none; } #main-nav .current_page_item a, #main-nav .current-menu-item a {color: #b4d9e4;} #main-nav ul li a, #main-nav .current_page_item li a, #main-nav ul .current_page_item a, #main-nav ul .current-menu-item a { background: #fff; color: #666; display: block; width: 130px; padding: 8px 10px; font-size: 95%; } #main-nav ul li a:hover, #main-nav .current_page_item li a:hover, #main-nav ul .current_page_item a:hover { color: #000; background: #f4f4f4; } #main-nav ul { position: absolute; top: 30px; left: -10px; z-index: 100; list-style: none; margin: 0; padding: 0; display: none; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2); box-shadow: 0 1px 1px rgba(0,0,0,.2); } #main-nav ul li { margin: 0; padding: 0; } #main-nav ul a { margin-right: 0; } #main-nav ul ul { top: 3px; left: 145px; z-index: 3; } #main-nav li:hover > ul { display: block; } /************************************************************************************ FOOTER TEXT *************************************************************************************/ #footer-text { position: absolute; left: 33px; bottom: 10px; font-family: arial; font-size: 70%; } #footer-text a {color:#0066cc} /************************************************************************************ WIDGET STYLES *************************************************************************************/ /* recent comments widget */ .widget .recent-comments-list li { padding: 8px 0; } .widget .recent-comments-list .avatar { margin: 0 11px 0 0; float: left; background: #fff; padding: 3px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2); box-shadow: 0 1px 1px rgba(0,0,0,.2); } /* searchform widget */ .widget_search #s { width: 258px; } .secondary .widget_search #s { width: 113px; } .widget_search #s:focus { font-style: normal; } /* twitter widget */ .widget .twitter-list em { font: italic 100% Georgia, "Times New Roman", Times, serif; } /* flickr widget */ .widget .flickr_badge_image img { width: 41px; height: 41px; float: left; margin: 0 10px 10px 0; padding: 2px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2); box-shadow: 0 1px 1px rgba(0,0,0,.2); } /************************************************************************************ NAV DOCK *************************************************************************************/ #nav-dock { position: fixed; right: 15px; top: 40%; z-index: 100; } #nav-dock .dock-group { background: url(images/nav-dock-bg.png) no-repeat; margin-bottom: 15px; } #nav-dock a { display: block; position: relative; height: 23px; width: 22px; margin-bottom: 1px; font: 11px/100% Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: #fff; } #nav-dock span { height: 23px; width: 22px; background: url(images/nav-dock-up.png) no-repeat center center; display: block; position: absolute; top: 0; right: 0; } #nav-dock .down span { background-image: url(images/nav-dock-down.png); } #nav-dock a:hover span { background-color: #000; background-color: rgba(0,0,0,.5); -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } #nav-dock em { display: none; position: absolute; left: -85px; text-align: right; width: 80px; padding: 6px 5px 0 0; height: 17px; font-style: normal; background: #000; background: rgba(0,0,0,.5); } #nav-dock a:hover em { display: block; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } #nav-dock .comments span { background-image: url(images/nav-dock-comment.png); } #nav-dock .reply span { background-image: url(images/nav-dock-respond.png); } #nav-dock .prev a span { background-image: url(images/nav-dock-prev.png); } #nav-dock .next a span { background-image: url(images/nav-dock-next.png); } /************************************************************************************ CLEAR & ALIGNMENT *************************************************************************************/ .clear { clear: both; } .left { float: left; } .right { float: right; } .textleft { text-align: left; } .textright { text-align: right; } .textcenter { text-align: center; } /* clearfix */ .clearfix:after, .widget li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix, * html .widget li { zoom: 1; } /* IE6 */ *:first-child+html .clearfix, *:first-child+html .widget li { zoom: 1; } /* IE7 */ /************************************************************************************ WORDPRESS POST FORMATTING *************************************************************************************/ img.alignleft, img.aligncenter, img.alignright, img.alignnone { background: #fff; border: solid 1px #999; padding: 4px; margin-bottom: 15px; } .alignleft { float: left; margin-right: 20px; } .alignright { float: right; margin-left: 20px; } .aligncenter { text-align: center; display: block; margin-left: auto; margin-right: auto; } .wp-caption { text-align: center; background: #fff; border: solid 1px #999; padding: 5px 2px 0; margin-bottom: 15px; } .wp-caption-text { font: italic 1em/1.3em Georgia, "Times New Roman", Times, serif; margin: 6px 0; color: #777; }