/* Theme Name: Tanjun Theme URI: http://bizzthemes.com/ Description: Developed & Designed by Zeljan Topic. Version: 1.0.1 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 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 Login Box Featured Domain Lookup THEME SHORTCODES Pricing table shortcode CONTAINER and GRID Options General Grid Styling HEADER Area NAVIGATION Area FEATURED Area MAIN Area FOOTER Area CSS3 Options BOX-SHADOW TEXT-SHADOW ----------------------------------------------*/ /* GENERAL STYLING Options ------------------------------------------------------------------------------------------------------------------ */ /* Body fonts and links -------------------------------------------------------------------- */ body{ color: #444444; font: 12px/20px Helvetica, Arial, sans-serif; background: #759190 url(lib_theme/images/bg-main.png); } * { padding: 0; margin: 0; } a{ color:#186487; text-decoration:none } a:hover{ text-decoration:underline } /* Body typography -------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-family: Georgia, Times, serif; font-weight:normal; margin:5px 0 15px 0; } h1 { font-size: 24px; line-height: 28px; color: #3b2313; } h2 { font-size: 20px; line-height: 22px; color: #81b097; } 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; margin:0 5px 5px 5px } .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 0 12px } /* GENERAL WIDGET Options ------------------------------------------------------------------------------------------------------------------ */ /* General Widget Styling -------------------------------------------------------------------- */ .widget { padding:10px 0 5px 0; margin:0; line-height:23px } .widget p { line-height:21px } .widget h3.widget-title { margin: 5px 0 15px 0; font-style: normal; font-weight: bold; font-size: 19px; color: #81b097; } .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 { font-style: italic; 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 8px 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 -13px } .headline_meta span.auth { background-position:0 -25px } .headline_meta span.tag { background-position:0 -37px } .headline_meta span.cat { background-position:0 -50px } .headline_meta span.edit { background-position:0 -62px } span.read-more { clear:both; font-family: Georgia, Times, serif; padding:0 0 5px 0; display:block } span.read-more a { font-style: italic; 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 } /* Post formats ------------------- */ .pformats { padding: 10px 0; overflow: auto; } .post-gallery img { padding: 5px; margin: 0 8px 0 0 } .post-gallery img:hover { background-color: #302F2B } .post-aside { padding: 0 } h2.link-title a { background: url(lib_theme/images/pf-link.png) no-repeat center right; padding-right: 25px } .post-quote { margin:0; font-family: 'Droid Serif', arial, serif } .post-quote blockquote { background:url(lib_theme/images/quote-mark.png) no-repeat top left; border: none; padding: 0 10px 0 40px; margin: 0 0 0 35px } /* Side pages list ------------------- */ .sidepages { padding:15px; background-color: #f2f2f2 } .sidepages h4 { padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #ECECEC; } .sidepages ul { margin:0.5em 0 0 0 } .sidepages ul li a { color: #999 } .sidepages ul li.current_page_item a { color: #333 } .sidepages ul li.current_page_item li a { color: #999 } /* 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:13px; display:inline; padding:0 2px; margin:0 } ul.lpag li a { padding:3px 7px; color:#666; border:1px solid #DDDDDD } ul.lpag li a:hover { background-color:#EDEEEF; text-decoration:none } ul.lpag li.active a, ul.lpag li.current span { padding:3px 7px; background-color:#EBEBEB; color:#000000; border:1px solid #dedede; } .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:10px 0; word-spacing: 0.5em; clear:both } .page-link a { background: #ffffff; padding:3px 7px; color:#666; border:1px solid #DDDDDD; } .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; color:#333333; 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 #E2E2E2; padding:3px } #comments .comment .text-right { margin-left:75px } #comments .comment .text-right .comm-reply{ background:#F9F9F9; font-size:12px; color:#999999; padding:5px 10px; margin:0; border:1px solid #E2E2E2 } #comments .comment .text-right .comm-reply span.comment-author{ font-weight:bold; color:#000000 } #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 { background:#ffffff; padding:10px; border:solid #E2E2E2; 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 } /* 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 solid #F7F7F5; 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 solid #F7F7F5; padding:10px 0; margin:0 } .widget_rss ul li a.rsswidget { font-family: Georgia, Times, serif; 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 0 10px 0 } .widget_social .socialwidget .ico-facebook, .widget_social .socialwidget .ico-twitter, .widget_social .socialwidget .ico-flickr, .widget_social .socialwidget .ico-youtube { background:url(lib_theme/images/social-sprites.png) no-repeat 0 0; margin: 5px 5px 15px 5px; padding: 0 0 0 42px; line-height: 32px; display: block; float: left; width: 85px } .widget_social .socialwidget .ico-facebook { background-position: 0 0 } .widget_social .socialwidget .ico-twitter { background-position: 0 -32px } .widget_social .socialwidget .ico-flickr { background-position: 0 -64px } .widget_social .socialwidget .ico-youtube { background-position: 0 -96px } /* 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: 10px 0; background: none repeat scroll 0 0 #F2F2F2; width: 99%; position: relative; border: none } .widget form.search input { padding: 10px 8px; width:82%; margin:0; border:1px solid #F2F2F2; background: none; color:#CCCCCC; } .widget form.search input:focus { color:#333333; background: #fff; border: 1px solid #B5D9E2 } .widget form.search button { background-position: 7px -7px; background-color: transparent; width: 30px; height: 30px; position: absolute; top:3px; right:3px; 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 { font-family: Georgia, Times, serif; background:none; border:none; padding:0 } .widget .nav-menu a { display:block; padding:10px 13px; line-height:20px; font-size:17px; color:#3b2313; letter-spacing: -0.06em; 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 0 5px 0 } .widget .nav-menu li:hover { background-color:#F2F2F2 } .widget .nav-menu li.current-menu-item a { color:#81b097; border-bottom:5px solid #3b2313 } .widget .nav-menu li.current-menu-item li a { border:none; background:none; color:#555555 } .widget .nav-menu li ul { border:none; padding:0; margin:0 } .widget .nav-menu li li.current-menu-item, .widget .nav-menu li.current_page_item { background: none; border:none } .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 { position:absolute; display:none; width:180px; background:#F2F2F2; border:1px solid #f1f1f1 } .widget .nav-menu li ul li { background:#F2F2F2; list-style:none; border:none; padding:0; margin:0 } .widget .nav-menu li ul li a { color:#555555; padding:8px; width:164px; line-height:18px; font-size:12px; font-weight:normal } .widget .nav-menu li ul li:hover { background:#fff } .widget .nav-menu li ul li.current-menu-item li a, .widget .nav-menu li.current-menu-item li a:hover { color:#000000; background:none } .widget .nav-menu li.current-menu-item li a, .widget .nav-menu li.current-menu-item li a:hover { background:none } .widget .nav-menu li ul { padding:5px; } .widget .nav-menu li ul ul { margin: -5px 0 0 90px } .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 ------------------- */ .widget_slider { background: #3b2313 url(lib_theme/images/bg-main.png); color:#FFFFFF; padding:0 !important; margin:0 } .widget_slider .format_text { padding:20px } .slider-area { z-index:1; padding:0 } .loopedSlider { position:relative; width:100%; z-index:0; margin:0 auto; } .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 { color:#F49300; padding:5px 0 15px 0; margin:0; text-transform:none; font-size: 22px; } .loopedSlider .slider-inner { margin:0 } .loopedSlider .slider-inner img.alignnone { margin:0 } .loopedSlider .slider-inner img.simage { float:left; margin-right:20px; display: block; clear: both } .loopedSlider .slider-inner .svideo iframe, .loopedSlider .slider-inner .svideo object { float:left; margin-right:20px; display: block; clear: both } .loopedSlider .slider-inner p { color: #D8D8D8; margin: 0 0 0.5em } .loopedSlider .slider-inner p a { color: #fff } .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:100; display: none } .loopedSlider .nxt { position:absolute; top:0; right:0; z-index:100; display: none } .loopedSlider .prev a, .loopedSlider .nxt a { outline:none } /* Slider Pagination ------------------- */ .loopedSlider ul.pagination { float:left; left:50%; margin:15px auto 10px auto; position: relative } .loopedSlider ul.pagination li { float:left; padding:0 4px; margin:0; position:relative; right:50%; list-style:none } .loopedSlider ul.pagination li:first-child { padding:0 0 0 10px } .loopedSlider ul.pagination li:last-child { padding:0 10px 0 0 } .loopedSlider ul.pagination a { border: medium none; display: block; height: 11px; text-indent: -9999px; width: 10px } .loopedSlider ul.pagination li a { display:block; width:15px; height:0; padding-top:16px; background-image:url(lib_theme/images/pagination_dark.png); background-position:0 0; float:left; overflow:hidden } .loopedSlider ul.pagination li.current a { background-position:0 -17px; } /* Feedback Widget -------------------------------- */ /* Feedback Content ------------------- */ .widget_feedback { } .feedback-area { z-index:1; padding:0 } .loopedFeedback { position:relative; width:100%; z-index:0; margin:0 auto; } .loopedFeedback .feedback-inner { z-index:100; overflow:hidden; padding:10px 5px 5px 5px } .loopedFeedback .feedback-inner div.slide { background:url(lib_theme/images/quote-mark.png) no-repeat top left } .loopedFeedback .feedback-inner { margin:0; font-family: Georgia, Times, serif; } .loopedFeedback .feedback-inner .quote { font-style: oblique; border: none; padding: 0 10px; margin: 0 0 0 35px } .loopedFeedback .feedback-inner cite { font-style: normal; font-size: 10px; text-transform: uppercase; letter-spacing: 0.07em; } .loopedFeedback .feedback-inner .author { text-align:right; padding: 0 10px 0 0 } .loopedFeedback .feedback-inner cite { margin:0 10px 0 0 } /* Feedback Pagination ------------------- */ .loopedFeedback ul.pagination { float:left; left:50%; margin:5px auto; position: relative } .loopedFeedback ul.pagination li { float:left; padding:0 3px; margin:0; position:relative; right:50%; list-style:none } .loopedFeedback ul.pagination li:first-child { padding:0 0 0 10px } .loopedFeedback ul.pagination li:last-child { padding:0 10px 0 0 } .loopedFeedback ul.pagination a { border: medium none; display: block; height: 11px; text-indent: -9999px; width: 10px } .loopedFeedback ul.pagination li a { display:block; width:15px; height:0; padding-top:15px; background-image:url(lib_theme/images/pagination.png); background-position:0 0; float:left; overflow:hidden } .loopedFeedback ul.pagination li.current a { background-position:0 -15px; } /* 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%; } /* Welcome message -------------------------------- */ h2.welcome-message { text-align: center; font-family: Georgia, Times, serif; font-size: 30px; line-height: 38px; padding: 0 50px 20px 50px; margin: 0 } /* Featured Posts -------------------------------- */ .featured_post a.buttons { margin: 5px 0 0 0 } /* CONTAINER and GRID Options ------------------------------------------------------------------------------------------------------------------ */ /* General Grid Styling -------------------------------------------------------------------- */ .body-inner { background-color: #fdfdfd; position: relative; width: 960px; margin: 30px auto } .foot-logo { position: absolute; right: -125px; bottom: 10px } .search-sprite { background-image: url(lib_theme/images/search-sprites.png); background-repeat:no-repeat } /* HEADER Area -------------------------------------------------------------------- */ #header_area { background: transparent; padding:0 } #header_area .header_two .widget.nav-menu { float: right; margin:10px 0 } #header_area .widget { padding: 15px } /* FEATURED Area -------------------------------------------------------------------- */ #featured_area { z-index:1; padding:0 } #featured_area .grid_24 { margin:0; width: 960px } #featured_area .widget { padding: 15px } /* MAIN Area -------------------------------------------------------------------- */ #main_area { z-index:1; padding:0 } #main_area .widget { margin: 0 15px 15px 15px } #main_area .main_one { } /* FOOTER Area -------------------------------------------------------------------- */ #footer_area { z-index:1; padding:0; background: #3b2313 url(lib_theme/images/bg-main.png); color:#f2f2f2 } #footer_area .container_24 { overflow:hidden } #footer_area .widget { padding: 15px; color: #D8D8D8 } #footer_area .widget h3 { color:#F49300 } #footer_area .widget a { color: #FFFFFF } #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 ------------------------------------------------------------------------------------------------------------------ */ /* BOX-SHADOW -------------------------------------------------------------------- */ #comments .comment .avatar-wrap img, .widget .wid_author img, .flickr img, .post-gallery img { box-shadow: 0 0 6px #EFEFEA; -moz-box-shadow: 0 0 6px #EFEFEA; -webkit-box-shadow: 0 0 6px #EFEFEA; } .body-inner { box-shadow: 0 0 5px 0 #555; -moz-box-shadow: 0 0 5px 0 #555; -webkit-box-shadow: 0 0 5px 0 #555; } .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; } /* TEXT-SHADOW -------------------------------------------------------------------- */ .widget #twitter ul li span.date a { text-shadow: #ffffff 1px 1px 1px; }