/* Theme Name: Firma Theme URI: http://bizzthemes.com/ Description: Developed & Designed by Zeljan Topic. Version: 1.2.0 Tags: white, three-columns, fixed-width, translation-ready Author: BizzThemes Author URI: http://bizzthemes.com/ License: GPL version 3 License URI: http://gplv3.fsf.org/ */ /* IMPORTANT NOTE! If you wish to make custom changes to your theme, DO NOT EDIT THIS FILE. Instead, use the custom.css template to define custom styles. This way, you will still be able to take advantage of future upgrades to the theme without worrying about overwriting your style changes. */ /* Import RESET styling for grid framework */ 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,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} /* Import TEXT styling for grid framework*/ body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px} /* Import 960 GRID styling for grid framework*/ body{min-width:960px}.container_24{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;margin-left:5px;margin-right:5px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16,.push_17,.pull_17,.push_18,.pull_18,.push_19,.pull_19,.push_20,.pull_20,.push_21,.pull_21,.push_22,.pull_22,.push_23,.pull_23{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_24 .grid_1{width:30px}.container_24 .grid_2{width:70px}.container_24 .grid_3{width:110px}.container_24 .grid_4{width:150px}.container_24 .grid_5{width:190px}.container_24 .grid_6{width:230px}.container_24 .grid_7{width:270px}.container_24 .grid_8{width:310px}.container_24 .grid_9{width:350px}.container_24 .grid_10{width:390px}.container_24 .grid_11{width:430px}.container_24 .grid_12{width:470px}.container_24 .grid_13{width:510px}.container_24 .grid_14{width:550px}.container_24 .grid_15{width:590px}.container_24 .grid_16{width:630px}.container_24 .grid_17{width:670px}.container_24 .grid_18{width:710px}.container_24 .grid_19{width:750px}.container_24 .grid_20{width:790px}.container_24 .grid_21{width:830px}.container_24 .grid_22{width:870px}.container_24 .grid_23{width:910px}.container_24 .grid_24{width:950px}.container_24 .prefix_1{padding-left:40px}.container_24 .prefix_2{padding-left:80px}.container_24 .prefix_3{padding-left:120px}.container_24 .prefix_4{padding-left:160px}.container_24 .prefix_5{padding-left:200px}.container_24 .prefix_6{padding-left:240px}.container_24 .prefix_7{padding-left:280px}.container_24 .prefix_8{padding-left:320px}.container_24 .prefix_9{padding-left:360px}.container_24 .prefix_10{padding-left:400px}.container_24 .prefix_11{padding-left:440px}.container_24 .prefix_12{padding-left:480px}.container_24 .prefix_13{padding-left:520px}.container_24 .prefix_14{padding-left:560px}.container_24 .prefix_15{padding-left:600px}.container_24 .prefix_16{padding-left:640px}.container_24 .prefix_17{padding-left:680px}.container_24 .prefix_18{padding-left:720px}.container_24 .prefix_19{padding-left:760px}.container_24 .prefix_20{padding-left:800px}.container_24 .prefix_21{padding-left:840px}.container_24 .prefix_22{padding-left:880px}.container_24 .prefix_23{padding-left:920px}.container_24 .suffix_1{padding-right:40px}.container_24 .suffix_2{padding-right:80px}.container_24 .suffix_3{padding-right:120px}.container_24 .suffix_4{padding-right:160px}.container_24 .suffix_5{padding-right:200px}.container_24 .suffix_6{padding-right:240px}.container_24 .suffix_7{padding-right:280px}.container_24 .suffix_8{padding-right:320px}.container_24 .suffix_9{padding-right:360px}.container_24 .suffix_10{padding-right:400px}.container_24 .suffix_11{padding-right:440px}.container_24 .suffix_12{padding-right:480px}.container_24 .suffix_13{padding-right:520px}.container_24 .suffix_14{padding-right:560px}.container_24 .suffix_15{padding-right:600px}.container_24 .suffix_16{padding-right:640px}.container_24 .suffix_17{padding-right:680px}.container_24 .suffix_18{padding-right:720px}.container_24 .suffix_19{padding-right:760px}.container_24 .suffix_20{padding-right:800px}.container_24 .suffix_21{padding-right:840px}.container_24 .suffix_22{padding-right:880px}.container_24 .suffix_23{padding-right:920px}.container_24 .push_1{left:40px}.container_24 .push_2{left:80px}.container_24 .push_3{left:120px}.container_24 .push_4{left:160px}.container_24 .push_5{left:200px}.container_24 .push_6{left:240px}.container_24 .push_7{left:280px}.container_24 .push_8{left:320px}.container_24 .push_9{left:360px}.container_24 .push_10{left:400px}.container_24 .push_11{left:440px}.container_24 .push_12{left:480px}.container_24 .push_13{left:520px}.container_24 .push_14{left:560px}.container_24 .push_15{left:600px}.container_24 .push_16{left:640px}.container_24 .push_17{left:680px}.container_24 .push_18{left:720px}.container_24 .push_19{left:760px}.container_24 .push_20{left:800px}.container_24 .push_21{left:840px}.container_24 .push_22{left:880px}.container_24 .push_23{left:920px}.container_24 .pull_1{left:-40px}.container_24 .pull_2{left:-80px}.container_24 .pull_3{left:-120px}.container_24 .pull_4{left:-160px}.container_24 .pull_5{left:-200px}.container_24 .pull_6{left:-240px}.container_24 .pull_7{left:-280px}.container_24 .pull_8{left:-320px}.container_24 .pull_9{left:-360px}.container_24 .pull_10{left:-400px}.container_24 .pull_11{left:-440px}.container_24 .pull_12{left:-480px}.container_24 .pull_13{left:-520px}.container_24 .pull_14{left:-560px}.container_24 .pull_15{left:-600px}.container_24 .pull_16{left:-640px}.container_24 .pull_17{left:-680px}.container_24 .pull_18{left:-720px}.container_24 .pull_19{left:-760px}.container_24 .pull_20{left:-800px}.container_24 .pull_21{left:-840px}.container_24 .pull_22{left:-880px}.container_24 .pull_23{left:-920px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1} /*---------------------------------------------- STYLE.CSS FILE STRUCTURE: GENERAL STYLING Options Body fonts and links Body typography Body definition lists Body tables Body input fields and .button styling Google button Body fixes and alignments Body images and captions GENERAL WIDGET Options General Widget Styling Specific Widget Styling Loop and Query Posts Widgets Content Display Pagination Options Comments Loop Widget Comments Form Widget Twitter Updates Widget RSS Widget Flickr Photostream Widget Social Widget Contact Form Widget Search Form Widget Posts Calendar Widget Rich Textarea Widget Navigation Menu Widget First level menu items Drop-down menu items Logo Widget Slider Widget Slider Content Slider Back/Forward Slider Pagination Latest News Widget THEME SHORTCODES Pricing table shortcode CONTAINER and GRID Options General Grid Styling HEADER Area FEATURED Area MAIN Area FOOTER Area CSS3 Options BORDER-RADIUS BOX-SHADOW TEXT-SHADOW Linear BACKGROUND ----------------------------------------------*/ /* GENERAL STYLING Options ------------------------------------------------------------------------------------------------------------------ */ /* Body fonts and links -------------------------------------------------------------------- */ @media screen { @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url('http://themes.googleusercontent.com/static/fonts/opensans/v3/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff'); } } @media screen { @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url('http://themes.googleusercontent.com/static/fonts/opensans/v3/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff') format('woff'); } } body{ color: #444444; font-size: 12px; font-family: 'Open Sans', sans-serif; background: #fff url(lib_theme/images/bg-main.png); } * { padding: 0; margin: 0; } a{ color:#245aa2; text-decoration:none } a:hover{ text-decoration:underline } /* Body typography -------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:15px 0 } h1 { font-size: 24px; line-height: 28px } h2 { font-size: 20px; line-height: 22px } h3 { font-size: 16px; line-height: 20px } h4 { font-size: 14px; line-height: 18px } h5 { font-size: 12px; line-height: 18px } h6 { font-size: 10px; line-height: 16px } p strong, li strong { color: #555; } blockquote { padding:0 15px; margin:15px 0 15px 15px; border-left:3px solid #ccc; display:block } blockquote, blockquote p { font-style:italic; line-height:23px } code { background:#F0F0F0 } abbr, acronym { cursor:help } /* Body definition lists -------------------------------------------------------------------- */ dl { font-size:14px; width:100%; border-collapse:collapse; margin:0 0 20px } dl dt { color:#555; font-weight:bold; font-size:12px; padding:8px 10px; vertical-align:middle } dl dd { border:1px solid #D1D1CF; color:#333; padding:10px } ul { padding:0 0 0 .7em; margin:0.5em 0 0.5em 0 } ul li{ list-style:square; list-style-image:url('lib_theme/images/list-bullet-trans.png'); margin:0 0 .4em .8em } ol li{ list-style:decimal; margin:0 0 .4em .5em } #wpadminbar li { list-style:none } /* hide list styling for WP 3.1 admin bar */ /* Body tables -------------------------------------------------------------------- */ table { font-size:14px; width:100%; text-align:right; border-collapse:collapse; margin:0 0 20px } table caption { margin:15px 0 } table th { border:1px solid #D1D1CF; color:#555; font-weight:bold; font-size:12px; padding:8px 10px; vertical-align:middle } table td { border:1px solid #D1D1CF; color:#333; padding:10px } table td sup { font-weight:normal; font-size:10px; color:#555555 } table td img { position: relative; vertical-align:middle } /* Body input fields and .button styling -------------------------------------------------------------------- */ input, textarea { background-color:#F9F9F9; padding: 4px; margin-bottom: 4px; font-size: 1em; font-family:inherit; color: #444444; border: 1px solid #aaa; border-right-color: #ddd; border-bottom-color: #ddd; } input:focus, textarea:focus { background-color: #ffffff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; } input[type="submit"], a.button { background:#555555; border:none; color:#ffffff; font-size:13px; text-decoration:none; margin:0; padding:4px 8px } input[type="submit"]:hover, a.button:hover { text-decoration:none; background-color:#777777 } /* Google button -------------------------------------------------------------------- */ .btn { font-size:100%/1.2; font-family:inherit; display:inline-block; background:none; margin:0; padding:3px 0; border-width:0; overflow:visible; text-decoration:none; color:#333 } a.btn span { color:#333 } a.btn { text-decoration:none } * html button.btn { padding-bottom:1px } html:not([lang*=""]) button.btn { margin:0 -3px } .btn span { background:#ECECEC url(lib_theme/images/bg-button.gif) repeat-x 0 0; z-index:1; margin:0; padding:3px 0; border-left:1px solid #ccc; border-right:1px solid #C4C4C4 } * html .btn span { padding-top:0 } .btn span span { background:none; position:relative; padding:3px .4em; border-width:0; border-top:1px solid #ccc; border-bottom:1px solid #C4C4C4 } .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span { cursor:pointer; border-color:#888888 !important; color:#000 } .btn:active span { background-position:0 -395px; outline:none } .btn:focus, .btn:active { outline:none } /* Body fixes and alignments -------------------------------------------------------------------- */ .fl, .alignleft{ float: left } .fr, .alignright{ float: right } .ac{ text-align: center } .ar{ text-align: right } .al{ text-align: left } .fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .clearfix { display: inline-block } * html .clearfix { height: 1% } .clearfix { display: block;} /* Body images and captions -------------------------------------------------------------------- */ img.alignleft, img.left { float: left; margin:10px 25px 10px 0 } img.alignright, img.right { float: right; margin:10px 0 10px 25px } img.aligncenter, img.center { display: block; margin:10px auto; float: none; clear: both; } img.alignnone, img.block { display: block; clear: both; margin:10px 0; } img.frame { background: #eee; border-style: solid; border-color: #ddd; } img.stack { clear: none !important; } img[align="left"] { float: left; clear: left; } img[align="right"] { float: right; clear: right; } img[align="middle"] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; } .wp-caption { background:#ffffff; border:1px solid #D8D8D8; color:#666666; margin:0 0 10px 0 } .wp-caption img { margin:5px 5px 0 5px; border:none !important; padding:0 !important } .wp-caption-text { text-align:center; font-size:11px } .wp-caption.alignleft { float: left; margin:0 15px 10px 0 } .wp-caption.alignright { float: right; margin:0 0 10px 15px } .wp-caption.aligncenter { margin-right: auto; margin-left: auto; float: none; clear: both; } .wp-caption.alignnone { clear: both; } dl.gallery-item img { padding:5px; border:1px solid #e6e6e6 !important; background:#ffffff } .gallery .gallery-caption { color: #888; font-size: 12px; margin:0 10px 5px 10px !important } /* GENERAL WIDGET Options ------------------------------------------------------------------------------------------------------------------ */ /* General Widget Styling -------------------------------------------------------------------- */ .widget { padding:10px 0 5px 0; margin:0; line-height:20px; clear: both } .widget p { line-height:20px } .widget h3.widget-title { margin: 15px 0; font-size: 14px; font-style: normal; font-weight: bold; color: #d44937 } .widget h3 img { vertical-align:middle; border:0; padding:0; margin:0 10px 0 0 } .widget h3 img.rss-feed { float:right; margin:4px 0 } /* Specific Widget Styling -------------------------------------------------------------------- */ /* Loop and Query Posts Widgets -------------------------------- */ /* Content Display ------------------- */ .content-area { z-index:1; margin:0 0 20px 0 } .headline_area { word-wrap: break-word } .archive_headline h1, .archive_headline h2, .archive_headline h3 { border-bottom:1px solid #ECECEC; padding-bottom:10px; margin-bottom:10px; } .query_headline { border-bottom:1px solid #ECECEC; margin-bottom:10px; } .query_headline h3 { margin: 5px 0 10px 0; } h1.entry-title, h2.entry-title { margin: 0 0 5px 0; } h1.entry-title a, h2.entry-title a { letter-spacing:-0.1px; line-height: 26px; } .post_box { padding: 10px 0 0 0; margin: 0; position: relative } .post_box ol { margin: 1em 8px; padding: 0 0 0 0.5em; } .post_box.bsize-1 { } .post_box.bsize-2, .post_box.bsize-3, .post_box.bsize-4 { margin-right:6%; display:inline; float:left; position:relative } .post_box.bsize-2 { width:47% } .post_box.bsize-3 { width:29.3% } .post_box.bsize-4 { width:20.5% } .post_box.last { margin-right:0 } .post_box img.thumbnail { margin-bottom:10px } .post_date { position: absolute; top: 10px; left: 0; width: 30px; padding: 0 0 20px 0; border-right: 1px #ECECEC solid } .post_date span { line-height:19px; display: block; text-align: left; text-transform: uppercase; } .post_date .month { font-size: 11px; color: #BCB4A7 } .post_date .day { font-weight: bold; font-size: 14px; color: #3C342C } .post_content { padding-left: 45px } .headline_meta { line-height: 15px; margin:0 0 10px 0; color:#848D9A; } .headline_meta a { color:#848D9A; } .headline_meta span { font-size:11px; padding: 0 16px 0 18px; margin:0; background:url(lib_theme/images/ui-sprites.png) no-repeat 0 0; } .headline_meta span.date { background-position: 0 0 } .headline_meta span.comm { background-position: 0 -16px } .headline_meta span.auth { background-position: 0 -32px } .headline_meta span.tag { background-position: 0 -48px } .headline_meta span.cat { background-position: 0 -64px } .headline_meta span.edit { background-position: 0 -80px } span.read-more { clear:both; padding:0 0 5px 0; display:block } span.read-more a { font-size: 11px; margin:0 } .single-sep { border-bottom:1px solid #F7F7F5; margin:5px 0 } .format_text p { margin-bottom:10px } .sticky { background: #f2f7fc; border-top: 4px solid #000; margin-left: -20px; margin-right: -20px; padding: 18px 20px } /* Side pages list ------------------- */ .sidepages { } .sidepages h3 { } .sidepages ul { margin:0.5em 0 0 0 } .sidepages ul li a { } .sidepages ul li.current_page_item a { font-weight: bold } .sidepages ul li.current_page_item li a { font-weight: normal } /* Pagination Options ------------------- */ .pagination_area { padding:15px 0; text-align:center; margin:5px 0 0 0; position:relative } ul.lpag { list-style:none; padding:0; margin:0 } ul.lpag li { font-size:12px; font-weight: bold; display: inline-block; padding:0; margin: 0 3px } ul.lpag li a { padding: 4px 9px; color:#727272; text-shadow: #fff 0 1px 0; border-style: solid; border-width: 1px; border-color: #DADADA #C7C7C7 #AFAFAF #C7C7C7; background-color: #EEEEEE } ul.lpag li a:hover { background-color: #F7F7F7; background-image: none; text-decoration:none } ul.lpag li.active a, ul.lpag li.current span { padding: 4px 10px; background:#444; color:#F0F0F0; border:none; text-shadow: black 0 1px 0; } .pagination_loading { background:url(lib_theme/images/ajax-loader.gif) no-repeat 0 0; width:16px; height:11px; position:absolute; right:15px; top:22px; display:none } .page-link { color: #000; font-weight: bold; margin:20px 0 10px 0; word-spacing: 0.5em; clear:both } .page-link a { background: #ffffff; padding:5px 10px; color:#666; border:1px solid #bbb; } .page-link a:link, .page-link a:visited { font-weight:normal; text-decoration: none } .page-link a:active, .page-link a:hover { background-color:#EDEEEF; } /* Comments Loop Widget -------------------------------- */ .widget-bizz-comments-loop { } h3.tcomm, h2.post-form { font-size:22px; padding:10px 0; margin:20px 0 } #respond h3.tcomm { border:none; padding:0; margin:10px 0 0 0 } #comments { padding:0 0 20px 0; background:transparent; position:relative } #comments ol.commentlist, #comments ol.commentlist li { padding:0; margin:0; background:none; border:none } #comments .comment { margin-top:10px !important; width:100%; list-style-type:none } #comments li.pingback, #comments li.trackback { background:#f2f2f2 !important; margin:15px 0 10px 75px !important; list-style: none; padding:10px 10px 0 10px !important; border:1px solid #E2E2E2 !important } #comments .pingback a.comment-reply-link, #comments .trackback a.comment-reply-link { display:none } #comments .comment a { padding:1px 0 } #comments .comment small { font-size: 11px } #comments .comment .comment-container { padding:3px 0 } #comments .comment .avatar-wrap { float:left } #comments .comment .avatar-wrap img { background:#ffffff; border:1px solid #ccc; padding:3px } #comments .comment .text-right { margin-left:75px } #comments .comment .text-right .comm-reply{ font-size:12px; padding:5px 10px; margin:0; background-color: rgba(255, 255, 255, 0.5); border: 1px solid #ccc } #comments .comment .text-right .comm-reply span.comment-author{ font-weight:bold } #comments .comment .text-right .comm-reply .fr{ margin:0 } #comments .comment .text-right .comm-reply small a{ font-weight:normal } #comments .comment .text-right .comm-reply.authcomment, #comments li.bypostauthor .text-right .comm-reply { border:1px solid #FFAA00 } #comments .comment .text-right .comment-entry { padding:10px; border-width:0 1px 1px 1px } #comments .comment .text-right .comment-entry p { padding:0 0 10px 0; margin:0; line-height:23px } #comments .comment .text-right .comment-entry p.comment-moderation { font-style:oblique } #comments .comment .text-right .comment-entry ol, #comments .comment .text-right .comment-entry ul { margin: 1em 8px; padding: 0 0 0 1em; } #comments .comment .text-right .comment-entry ul li { list-style:square } #comments ul.children { padding:0 0 0 25px; margin:0; list-style:none; border:none; background:none } p.commpadd{ padding:0; margin:0 0 10px 0 } .cancel-comment-reply { } .cancel-comment-reply a#cancel-comment-reply-link { background:#FFF7D7; border:1px solid #FAD163; padding:4px 6px } #comments_wrap .navigation { margin:15px 0 0 0 } #comments_wrap .navigation a { padding:5px 8px; color:#000000; font-size:12px; background-color:#dddddd; border:1px solid #777777; text-decoration:none } #comments_wrap .navigation a:hover { opacity:0.86 } p.comments-closed { margin: 10px 0; color: #999 } /* Comments Form Widget -------------------------------- */ .widget-comments-form { padding:0 } form#commentform { padding:5px 0 0 0 } #respond { padding:15px 0 0 0; margin:0 } #respond a{ padding:1px 0 } #respond p{ padding:5px 0; margin:0 } #respond textarea { margin:0; padding:4px; width:97% } p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px } p.commpadd label{ padding:0 0 0 5px } /* Twitter Updates Widget -------------------------------- */ .widget #twitter .loading { background:transparent url(lib_theme/images/ajax-loader.gif) no-repeat center center; width:16px; height:11px } .widget #twitter ul { list-style:none; margin:0; padding:0 } .widget #twitter ul li { list-style:none; list-style-image:none; border-bottom:1px dotted #ccc; padding:10px 0; margin:0 } .widget #twitter ul li span { display:block } .widget #twitter ul li span.date { padding:5px 0 0 0; margin:0 } .widget #twitter ul li span.date a { color: #666; font-size: 10px; text-transform: capitalize; } #twitter .follow-text { background:url(lib_theme/images/twitter-32-trans.png) no-repeat left top; margin:14px 0 0 5px; padding:3px 0 10px 43px; font-size:11px } /* RSS Widget -------------------------------- */ .widget_rss ul { list-style:none; margin:0; padding:0 } .widget_rss ul li { list-style:none; list-style-image:none; border-bottom:1px dotted #ccc; padding:10px 0; margin:0 } .widget_rss ul li a.rsswidget { display: block; font-size: 14px } .widget_rss ul li span { display:block } .widget_rss ul li span.rss-date { padding: 5px 0; margin: 0; font-size: 10px; text-transform: capitalize; } /* Flickr Photostream Widget -------------------------------- */ .flickr_badge_image{ float:left; list-style:none; margin:0 8px 0 0 } .flickr img{ padding:5px } .flickr img:hover{ background-color:#302F2B } /* Social Widget -------------------------------- */ .widget_social .socialwidget { padding: 0 } .widget_social .socialwidget .ico-facebook, .widget_social .socialwidget .ico-twitter, .widget_social .socialwidget .ico-flickr, .widget_social .socialwidget .ico-youtube, .widget_social .socialwidget .ico-linkedin, .widget_social .socialwidget .ico-google { margin: 0 0 10px 0; line-height: 32px; display: block; width: 120px } .widget_social .socialwidget .ico-facebook span, .widget_social .socialwidget .ico-twitter span, .widget_social .socialwidget .ico-flickr span, .widget_social .socialwidget .ico-youtube span, .widget_social .socialwidget .ico-linkedin span, .widget_social .socialwidget .ico-google span { background:url(lib_theme/images/social-sprites.png) no-repeat 0 0; margin: 0 10px 0 0; line-height: 32px; float: left; width: 32px; height: 32px } .widget_social .socialwidget .ico-facebook span { background-position: -32px 0 } .widget_social .socialwidget .ico-facebook:hover span { background-position: 0 0 } .widget_social .socialwidget .ico-twitter span { background-position: -32px -32px } .widget_social .socialwidget .ico-twitter:hover span { background-position: 0 -32px } .widget_social .socialwidget .ico-flickr span { background-position: -32px -64px } .widget_social .socialwidget .ico-flickr:hover span { background-position: 0 -64px } .widget_social .socialwidget .ico-youtube span { background-position: -32px -96px } .widget_social .socialwidget .ico-youtube:hover span { background-position: 0 -96px } .widget_social .socialwidget .ico-linkedin span { background-position: -32px -128px } .widget_social .socialwidget .ico-linkedin:hover span { background-position: 0 -128px } .widget_social .socialwidget .ico-google span { background-position: -32px -160px } .widget_social .socialwidget .ico-google:hover span { background-position: 0 -160px } /* Contact Form Widget -------------------------------- */ .cform .screenReader { left:-9999px; position:absolute; top:-9999px } .cform ol.forms { list-style:none; width:100% } .cform ol.forms li { list-style:none; margin:0; padding:0; position:relative; width:100% } .cform ol.forms label { } .cform ol.forms label span { color:red; margin:0 0 0 2px } .cform ol.forms input.txt, .cform ol.forms textarea { padding:5px; width:95% } .cform ol.forms input.txt:focus, .cform ol.forms textarea:focus { } .cform ol.forms input.txt { } .cform ol.forms textarea { height:180px } .cform ol.forms li .error { font-size:10px; display:block; font-weight:bold; color:red } .cform ol.forms li.screenReader { margin-bottom: 0; } .cform ol.forms li.buttons .submit { } .cform ol.forms li.inline { margin:10px 0; padding:0 } .cform ol.forms li.inline input { margin:0 8px 0 0 } .cform ol.forms li.inline label { } /* Search Form Widget -------------------------------- */ .widget form.search { margin: 15px 0 10px 0; position: relative; border: none } .widget form.search input { padding: 6px; width:92%; margin:0; font-size: 13px; border:1px solid rgba(0, 0, 0, 0.2); background: none repeat scroll 0 0 #fff; color:#CCC; } .widget form.search input:focus { color:#999; background: #fff; border: 1px solid #B5D9E2 } .widget form.search button { background:url(lib_theme/images/search-button.png) no-repeat 0 0; width: 20px; height: 20px; position: absolute; top:6px; right:10px; border:none; margin:0; padding:0; } .widget form.search button:hover { cursor: pointer } /* Posts Calendar Widget -------------------------------- */ #calendar_wrap { width:100%; padding:0; margin:0 } table#wp-calendar { width:100%; border-collapse: collapse; margin:0 } table#wp-calendar caption { margin:0; font-size:16px; font-weight:bold; text-align:right; vertical-align:middle; padding:10px 0 } table#wp-calendar th, table#wp-calendar td { padding:5px; text-align:center; color:#525040; font-weight:normal; } table#wp-calendar th { width: 14%; border:dotted #D1CFCD; border-width:1px 0; background-color:#ffffff; padding:10px 0 } table#wp-calendar td { width: 14%; border:none; background-color:#ffffff } table#wp-calendar td a { font-weight: bold; } table#wp-calendar td a:hover { } table#wp-calendar td#today { background-color:#EAEAEA } table#wp-calendar td#next, table#wp-calendar td#prev { width: 45%; letter-spacing: 1px; } table#wp-calendar td#next { text-align: right; } table#wp-calendar td#prev { text-align: left; } table#wp-calendar td#prev, table#wp-calendar td#next { background:transparent; border:none } table#wp-calendar tfoot td.pad { background:transparent; border:none } /* Rich Textarea Widget -------------------------------- */ .rich_btn { margin:15px 0 0 0 } /* Navigation Menu Widget -------------------------------- */ /* First level menu items ------------------- */ .widget .nav-menu, .widget .nav-menu ul { z-index:2; margin:0; padding:0; list-style:none; line-height:1; } .widget .nav-menu { padding:0; border: 1px solid #151e2d; background: #414547; } .widget .nav-menu a { display:block; padding:6px 18px; line-height:20px; font-size:12px; color:#ddd; border-top:3px solid rgba(0, 0, 0, 0); text-decoration:none } .widget .nav-menu li { list-style:none; float: left; width: auto; padding:0; margin:0 } .widget .vertical .nav-menu li { clear:both; margin:0 } .widget .nav-menu li:hover { background-color:#555 } .widget .nav-menu li.current-menu-item a, .widget .nav-menu li.current_page_item a { color:#fff; border-color: #d44937 } .widget .nav-menu li.current-menu-item li a, .widget .nav-menu li.current_page_item li a { border:none; background:none; color:#555555 } .widget .nav-menu li li.current-menu-item a, .widget .nav-menu li li.current_page_item a { background: #555 } .widget .nav-menu .sf-sub-indicator { padding-left:5px } .widget .nav-menu a span.desc { clear: both; font-size: 11px; letter-spacing:0; text-transform: lowercase } .widget .nav-menu li.current-menu-item a span.desc { color:#ffffff } .widget .nav-menu li.current-menu-item li a span.desc { color:#000000 } /* Drop-down menu items ------------------- */ .widget .nav-menu li ul { border:none; padding:0; margin:1px 0 0 0; position:absolute; display:none; width:180px; background:#fff; border:1px solid #DFDFDF } .widget .nav-menu li li { background:#fff; list-style:none; border:none; padding:0; margin:0 } .widget .nav-menu li li a { color:#555555; padding:8px; width:164px; line-height:18px; font-size:12px; font-weight:normal } .widget .nav-menu li li:hover { background: none repeat scroll 0 0 #5e121f; } .widget .nav-menu li li:hover a { color: #fff } .widget .nav-menu li li:hover li a { color: #555 } .widget .nav-menu li li li:hover a { color: #fff } .widget .nav-menu li li li.current-menu-item a, .widget .nav-menu li li li.current_page_item a { color: #fff } .widget .nav-menu li li.current-menu-item li a, .widget .nav-menu li li.current_page_item li a { background: none } .widget .nav-menu li li.current-menu-item li:hover a, .widget .nav-menu li li.current_page_item li:hover a { color: #fff } .widget .nav-menu li ul ul { margin: -38px 0 0 180px; } .widget .nav-menu li:hover ul ul, .widget .nav-menu li.sfhover ul ul, .widget .nav-menu li:hover ul ul ul, .widget .nav-menu li.sfhover ul ul ul { left:-999em; } .widget .nav-menu li:hover ul,.widget .nav-menu li li:hover ul,.widget .nav-menu li li li:hover ul,.widget .nav-menu li.sfhover ul,.widget .nav-menu li li.sfhover ul,.widget .nav-menu li li li.sfhover ul { left:auto; } .widget .nav-menu li:hover,.widget .nav-menu li.hover { position:static; } /* Logo Widget -------------------------------- */ .logo-spot { margin:0 } .logo-spot h1.logo { padding:0; margin:0 } .logo-spot h1.logo a { border:none; outline:none } .logo-spot a,.logo-spot a:link,.logo-spot a:hover,.logo-spot a:active{ outline:none; background:none } .logo-spot .blog-title { text-align:left; font-size:30px; margin:5px 0 10px 0; padding:0 } .logo-spot .blog-description{ text-align:left; font-size:17px; margin:0; padding:0 } /* Slider Widget -------------------------------- */ /* Slider Content ------------------- */ .loopedSlider { position:relative; width:100%; z-index:0; margin:0 auto; padding: 15px 0 0 0 } .loopedSlider .slider-inner { z-index:100; overflow:hidden; padding:0; margin:0; border:0 } .loopedSlider .slider-inner div.slide { padding:0 } .loopedSlider .slider-inner h3.stitle { padding:0 0 15px 0; margin:0; text-transform:none } .loopedSlider .slider-inner { margin:0 } .loopedSlider .slider-inner img.alignnone { margin:0 } .loopedSlider .slider-inner img.ximage, .loopedSlider .slider-inner .xvideo iframe, .loopedSlider .slider-inner .xvideo object { display: block; clear: both } .loopedSlider .slider-inner img.simage, .loopedSlider .slider-inner .svideo iframe, .loopedSlider .slider-inner .svideo object { float:left; margin-right:20px } .loopedSlider .slider-inner p { margin: 0 0 0.5em } .loopedSlider .slider-inner a.buttons { margin: 10px 0 0 0 } .loopedSlider .slider-inner .fix { padding:0; margin:0; height:0 } /* Slider Back/Forward ------------------- */ .loopedSlider .prev { position:absolute; top:0; left:0; z-index:101; display: none } .loopedSlider .nxt { position:absolute; top:0; right:0; z-index:101; display: none } .loopedSlider .prev a, .loopedSlider .nxt a { outline:none } /* Slider Pagination ------------------- */ .loopedSlider ul.pagination { font-size: smaller; float:left; left:50%; margin:20px auto 10px auto; position: relative } .loopedSlider ul.pagination li { float:left; right:50%; position:relative; list-style:none; font-size:12px; font-weight: bold; display: inline-block; padding:0; margin: 0 3px } .loopedSlider ul.pagination li a { padding: 4px 9px; color:#727272; text-shadow: #fff 0 1px 0; border-style: solid; border-width: 1px; border-color: #DADADA #C7C7C7 #AFAFAF #C7C7C7; background-color: #EEEEEE } .loopedSlider ul.pagination li a:hover { background-color: #F7F7F7; background-image: none; text-decoration:none } .loopedSlider ul.pagination li.current a { padding: 4px 10px; background:#444; color:#F0F0F0; border:none; text-shadow: black 0 1px 0; } /* Latest News -------------------------------- */ .news-item { border-bottom: 1px dotted #ccc; padding: 6px 0 2px 0 } .news-item h3{ font-size: 12px; margin: 0 0 3px 0; padding: 0 } .news-item .byline { text-transform: capitalize; font-size: 10px; color: #666; margin: 2px 0 4px 0; padding: 0 } .news-item img { padding: 1px; background: #fff; border: 1px solid #bbb; margin-top: 5px } .news-item span.read-more { display: block; margin: 5px 0 0 0 } /* THEME SHORTCODES ------------------------------------------------------------------------------------------------------------------ */ /* Pricing table shortcode -------------------------------- */ .pricing_table { overflow:hidden } .pricing_table table{ width:100%; text-align:center; border-collapse:collapse; margin:0; border:1px solid #DDDDDD; background-color: #fff } .pricing_table ul{ margin:0 15px; padding:0 } .pricing_table li{ list-style:none; list-style-image: none; padding:5px 0; margin:0 } .pricing_table td{ vertical-align: middle; border-color: #E8E8E8; border-bottom-color: #E8E8E8; border-top-color: #E8E8E8; padding: 15px } .pricing_table td:first-child{ border-left:none } .pricing_table td:last-child{ border-right:none } .pricing_table tr:last-child td{ border-bottom-color:#E8E8E8; } .pricing_table td.price { padding:10px 15px 15px 15px; color:#888; font-size:18px; line-height:25px } .pricing_table td.price small { font-size:14px; } .pricing_table td.price big { font-family: Georgia, Times, serif; color:#CE6712; font-size:30px; font-weight:normal } .pricing_table tr.title td{ font-family: Georgia, Times, serif; padding: 20px 0; font-size:27px; color:#444; border-top:none; border-bottom-color:#E8E8E8 } .pricing_table tr.description td{ font-family: Georgia, Times, serif; padding:10px 30px; font-size:12px; color: #999; border-bottom-color:#E8E8E8 } .pricing_table tr.even td { background-color:#f8f8f8 } .pricing_table .wrap-b { float: left; position: relative; left: 50%; } .pricing_table a.buttons { margin: 0; position: relative; left: -50%; } /* CONTAINER and GRID Options ------------------------------------------------------------------------------------------------------------------ */ /* General Grid Styling -------------------------------------------------------------------- */ .foot-logo { text-align: center; padding: 20px 0 30px 0 } /* HEADER Area -------------------------------------------------------------------- */ #header_area { padding:0 } #header_area .widget { padding: 15px 15px 0 15px } /* FEATURED Area -------------------------------------------------------------------- */ #featured_area { z-index:1; padding:0 } #featured_area .widget { padding: 15px 15px 0 15px } /* MAIN Area -------------------------------------------------------------------- */ #main_area { z-index:1; padding: 15px 0 0 0 } #main_area .container_24 { background: url(lib_theme/images/sidebar-sep.png) repeat-y 719px 0; margin-bottom: 15px; } #main_area .no_sidebar { background: none; } #main_area .main-wrap { overflow:hidden; background: url(lib_theme/images/main-sep.png) repeat-y top center } #main_area .widget { padding: 0; margin: 0 15px 15px 15px; border-top: 1px dotted #ccc } /* FOOTER Area -------------------------------------------------------------------- */ #footer_area { z-index:1; padding:15px 0 0 0; background: url(lib_theme/images/foot-shadow.png) no-repeat top center; } #footer_area .container_24 { overflow:hidden; background: url(lib_theme/images/footer-sep.png) repeat-y top center; } #footer_area .widget { padding: 0; margin: 0 15px 20px 15px; color: #787878; border-top: 1px dotted #ccc } #footer_area .widget h3 { color:#787878 } #footer_area .widget a { color: #a7a7a7 } #footer_area ul { padding:0 } #footer_area ul ul { padding:0 0 0 .7em } #footer_area ul li{ list-style:none; list-style-image:none; margin:0 0 .4em 0 } /* CSS3 Options ------------------------------------------------------------------------------------------------------------------ */ /* BORDER-RADIUS -------------------------------------------------------------------- */ .loopedSlider ul.pagination li img, .news-item img, .page-link a { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } ul.lpag li a, ul.lpag li.current span, .loopedSlider ul.pagination li a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .widget form.search input, .widget .nav-menu, .comm-reply { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* BOX-SHADOW -------------------------------------------------------------------- */ #comments .comment .avatar-wrap img, .widget .wid_author img, .flickr img, .post-gallery img { -webkit-box-shadow: 0 0 6px #EFEFEA; -moz-box-shadow: 0 0 6px #EFEFEA; box-shadow: 0 0 6px #EFEFEA; } .widget form.search input:focus { -webkit-box-shadow: 0 0 5px #a7d6e3; -moz-box-shadow: 0 0 5px #a7d6e3; box-shadow: 0 0 5px #a7d6e3; } .widget form.search input, .page-link a, ul.lpag li.active a, ul.lpag li.current span, .loopedSlider ul.pagination li.current a { -webkit-box-shadow: 0 0 2px white, inset 0 0 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 2px white, inset 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 0 0 2px white, inset 0 0 5px rgba(0, 0, 0, 0.15); } .widget .nav-menu li ul { -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .comm-reply { -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); } .news-item img { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); } /* TEXT-SHADOW -------------------------------------------------------------------- */ .widget #twitter ul li span.date a, .widget_rss ul li span.rss-date, .news-item .byline, #footer_area .widget a, .widget h3.widget-title { text-shadow: #ffffff 1px 1px 1px; } /* Linear BACKGROUND -------------------------------------------------------------------- */ .widget .nav-menu { background: -webkit-gradient(linear, left top, left bottom, from(#414547), to(#35393b)); background: -webkit-linear-gradient(#414547, #35393b); background: -moz-linear-gradient(center top, #414547 0%, #35393b 100%); background: -moz-gradient(center top, #414547 0%, #35393b 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#414547,endColorstr=#35393b); } ul.lpag li a, .loopedSlider ul.pagination li a { background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#eaeaea)); background-image: -webkit-linear-gradient(top, #FAFAFA, #eaeaea); background-image: -moz-linear-gradient(top, #FAFAFA, #eaeaea); background-image: -ms-linear-gradient(top, #FAFAFA, #eaeaea); background-image: linear-gradient(top, #FAFAFA, #eaeaea); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FAFAFA', EndColorStr='#eaeaea'); }