/* Theme Name: Bestia Version: 1.1 Author: IulianN. Author URI: http://themes.iulzi.com/ Description: A Creative Portfolio and Blog WordPress Premium Theme by IulianN. License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html */ html,body,h1,h2,h3,h4,h5,h6,form,li,ul,ol,p,input,select,legend,textarea,fieldset { margin:0; padding:0;} ul, ol { list-style-type: none; } :focus { outline: 0;} ins { text-decoration: none; } del { text-decoration: line-through; } img { border:none;} h1,h2,h3,h4,h5,h6 { font-family: 'PT Sans Narrow', serif; font-weight:400;line-height:28px; color:#2f3231; } h1 { font-size: 26px; } h2 { font-size: 24px; } h3 { font-size: 22px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } code, pre { display: block; background-image:url(images/pre_bg.gif); background-repeat:repeat; border: 1px solid #dddddd; margin: 14px 0; overflow:hidden; padding: 18px; color:#666; line-height: 18px; } code:hover, pre:hover { overflow:scroll;} .clear { clear:both; display:block;} .cbottom { margin-bottom:40px;} .sleft { float:left;} .sright { float:right;} /*----------------------------------------------------------------------------- --------------------------------- Layout -------------------------------------- -----------------------------------------------------------------------------*/ * { margin: 0; padding: 0;} a:link, a:visited { color: #2f3231; text-decoration: none; } a:hover { color: #09C; } html body { font-size:13px; font-family: "Droid Sans", "Helvetica Neue", Arial, Helevtica, Verdana, san-serif; line-height:1.5em; position:relative; color:#666; } #container-top { width:100%; height:64px; background:url(images/bg-header.png) repeat-x; position:relative; z-index:100; } #container { margin: 0 auto; padding: 0; min-width: 920px; max-width: 1200px; background:#fff url(images/bg-footer-top.png) top no-repeat; } #content { margin: 0; padding: 50px 20px; } #header { margin: 0 auto; padding: 0; min-width: 920px; max-width: 1200px; height:49px; } #header-content { margin: 0; padding: 0 20px; } .logo { width:210px; height:40px; float:left; } #contentfull { width:99%; outline:1px solid #e8e6e6; border:6px solid #f6f6f6; background: url(images/bg-fullwidth.jpg); position:relative; } #sidebar { float:right; width: 410px; z-index:99; position:relative; padding-left:10px; } #bg-left { width:100%; background:url(images/bg-body-left.png) repeat-y left; margin-top:-14px; margin-bottom:-13px; } #bg-right { width:100%; background:url(images/bg-body-left.png) repeat-y right; margin-top:-14px; margin-bottom:-13px; } /*----------------------------------------------------------------------------- ----------------------------------- Slider ------------------------------------ -----------------------------------------------------------------------------*/ /*------ Slider Full Screen ------*/ .tf_bg { width:100%; height:100%; position:fixed; top:0px; left:0px; } .tf_bg img { position:absolute; top:0px; left:0px; width:100%; z-index: 1; display:none; } .tf_content { position:absolute; margin-top:180px; background:url(images/footer-top.png); margin-left:20px; z-index:100; display:none; } .tf_content h1 { color:#fff; padding:0; margin:0; padding:20px; width:480px; font-family: 'Just Another Hand', cursive, Arial, serif; font-weight: 400; font-size:40px; line-height:1em; text-shadow:2px 2px 1px #000; -moz-box-shadow:1px 1px 5px #202020; -webkit-box-shadow:1px 1px 5px #202020; box-shadow:1px 1px 5px #202020; border:2px solid #fafafa; } .tf_thumbs { position:absolute; z-index:12; right:50px; margin-top:145px; border:4px solid #fff; -moz-box-shadow:1px 1px 5px #202020; -webkit-box-shadow:1px 1px 5px #202020; box-shadow:1px 1px 5px #202020; -webkit-box-reflect: below 5px -webkit-gradient( linear, left top, left bottom, from(transparent), color-stop(0.6, transparent), to(rgb(18, 18, 18)) ); } .tf_thumbs img { display:block; } .tf_loading { position:fixed; top:50%; left:50%; margin:-30px 0px 0px -100px; width:200px; height:60px; background:#FFF url(images/loading-full.gif) no-repeat center center; z-index:999; opacity:0.7; } .tf_next, .tf_prev { width:35px; height:14px; position:absolute; right:320px; z-index:100; cursor:pointer; background:transparent url(images/nav.png) no-repeat top left; opacity:0.5; } .tf_next { background-position:0px -14px; margin-top:320px; } .tf_prev { background-position:0px 0px; margin-top:150px; } .tf_next:hover, .tf_prev:hover { opacity:0.9; } .tf_zoom, .tf_fullscreen { width:20px; height:20px; position:absolute; top:6px; right:6px; cursor:pointer; z-index:100; opacity:0.6; background:transparent url(images/icons.png) no-repeat top left; } .tf_zoom { background-position:0px -20px; } .tf_fullscreen { background-position:0px 0px; } .tf_zoom:hover, .tf_fullscreen:hover{ opacity:0.9; } /*------ Slider Home ------*/ #slides { margin: 0 auto; padding: 0; min-width: 920px; max-width: 1200px; background-color:#f0f0f0; } #slides .slides_container img { width:100%; height:500px; } #slides .slides_container { width:100%; height:500px; } #slides .pagination { position: absolute; z-index: 10; margin: -30px 0 0 100px; } #slides .pagination li { float:left; margin:0 1px; list-style:none; } #slides .pagination li a { display:block; width:30px; height:0; padding-top:8px; background-image:url(images/pagination.png); background-position:0 0; float:left; overflow:hidden; } #slides .pagination li.current a { background-position:0 -10px; } /*------ Slider Home Blog------*/ #slidesblog { margin: 0 auto 40px auto; padding: 0; min-width: 920px; max-width: 1200px; height:500px; background-color:#f0f0f0; } #slidesblog .slides_container a img { display:block; } #slidesblog .slides_container { width:100%; overflow:hidden; position:relative; display:none; } #slidesblog .slides_container a { width:100%; height:500px; display:block; } #slidesblog .pagination { position: absolute; z-index: 10; margin: -30px 0 0 30px; } #slidesblog .pagination li { float:left; margin:0 1px; list-style:none; } #slidesblog .pagination li a { display:block; width:30px; height:0; padding-top:8px; background-image:url(images/pagination.png); background-position:0 0; float:left; overflow:hidden; } #slidesblog .pagination li.current a { background-position:0 -10px; } .slides_container div.slide { min-width: 920px; max-width: 1200px; height:500px; display:block; } #slidesblog .caption { z-index:500; position:absolute; top:70px; left:30px; height:30px; padding:10px 20px 10px 20px; background-color:#000; filter: alpha(opacity=65); opacity: 0.65; text-shadow:none; } #slidesblog .caption h2 a { color:#FFF;} #slidesblog .caption h2 a:hover { color:#09C;} #slidesblog .caption h2 { font-size:22px; color:#FFF; } #slidesblog .caption2 { z-index:500; position:absolute; top:120px; left:30px; height:30px; padding:10px 20px 0 20px; background-color:#FFF; filter: alpha(opacity=65); opacity: 0.65; text-shadow:none; } /*------ Slider widgetized 1 + Caption ------*/ #widgetslider { margin: 0 auto; padding: 0; min-width: 920px; max-width: 1200px; height:500px; background-color:#f0f0f0; } #widgetslider .slides_container a img { display:block; } #widgetslider .slides_container { width:100%; overflow:hidden; position:relative; display:none; } #widgetslider .slides_container a { width:100%; height:500px; display:block; } #widgetslider .pagination { position: absolute; z-index: 10; margin: -30px 0 0 30px; } #widgetslider .pagination li { float:left; margin:0 1px; list-style:none; } #widgetslider .pagination li a { display:block; width:30px; height:0; padding-top:8px; background-image:url(images/pagination.png); background-position:0 0; float:left; overflow:hidden; } #widgetslider .pagination li.current a { background-position:0 -10px; } .slides_container div.slide { min-width: 920px; max-width: 1200px; display:block; } #widgetslider .caption { z-index:500; position:absolute; top:70px; left:30px; height:30px; padding:10px 20px 10px 20px; background-color:#000; filter: alpha(opacity=65); opacity: 0.65; text-shadow:none; } #widgetslider .caption h2 a { color:#FFF;} #widgetslider .caption h2 a:hover { color:#09C;} #widgetslider .caption h2 { font-size:22px; color:#FFF; } #widgetslider .caption2 { z-index:500; position:absolute; top:120px; left:30px; height:30px; padding:10px 20px 0 20px; background-color:#FFF; filter: alpha(opacity=65); opacity: 0.65; text-shadow:none; } /*------ Slider adv template ------*/ #slides_adv { margin: 0 auto 30px auto; padding: 0; min-width: 470px; max-width: 680px; background-color:#f0f0f0; } #slides_adv li { background:none; list-style:none; } #slides_adv .slides_container img { width:100%; height:250px; margin-top:-0px; } #slides_adv .slides_container { width:100%; height:250px; } #slides_adv .pagination { position: absolute; z-index: 10; margin: -30px 0 0 50px; } #slides_adv .pagination li { float:left; list-style:none; margin-left:-20px; } #slides_adv .pagination li a { display:block; width:30px; height:0; padding-top:8px; background-image:url(images/pagination.png); float:left; overflow:hidden;} #slides_adv .pagination li.current a { background-position:0 -10px; } /*------ Slider Project / Single portfolio page ------*/ #slides_project { width:700px; float:left; z-index:99; position:relative; background-color:#f0f0f0; } #slides_project .slides_container img { width:700px; height:700px; } #slides_project .slides_container { width:700px; height:700px; } #slides_project .pagination { position: absolute; z-index: 10; margin: -30px 0 0 100px; } #slides_project .pagination li { float:left; margin:0 1px; list-style:none; } #slides_project .pagination li a { display:block; width:30px; height:0; padding-top:8px; background-image:url(images/pagination.png); background-position:0 0; float:left; overflow:hidden; } #slides_project .pagination li.current a { background-position:0 -10px; } .project-right { position:relative; padding:0 0 0 720px;} .project-right h2 { font-size:24px; border-bottom: 3px double #f1f1f1; padding: 0 5px 5px 0; margin-bottom: 8px; color:#2f3231;} /*------- Box slider for Widgetized 4 --------*/ .box-slider { width:335px; height:340px; margin:-340px 0 0 -385px; position:absolute; z-index:10; background-color:#FFF; } .box-slider h1 { padding:20px; color: #09C; font-family: 'Just Another Hand', cursive, Arial, serif; font-weight: 400; font-size:32px;} .box-slider p { padding:0 20px 15px 20px; font-family: 'Buda', sans-serif; font-style: normal; font-weight: 300; font-size: 16px; line-height: 1.4; } .bg-slider-top { width:335px; height:10px; background:url(images/bg-top-slider.png) top center no-repeat; position:absolute; z-index:10; margin:-345px 0 0 -385px;} .buttons-b1 { width:auto; height:auto; padding:10px 20px; line-height:29px;} .middle-b1 { width:45px; height:30px; float:left; background:url(images/line-or.png); text-align:center; margin-right:1px;} .left-b1 { width:124px; height:33px; float:left; background:url(images/buttons-b1.png) top right; text-align:center; } .left-b1:hover { background-position: bottom right; } .left-b1 a { font-weight:bold; line-height:32px; } .right-b1 { width:124px; height:33px; float:left; background:url(images/buttons-b1.png) top right; text-align:center; } .right-b1:hover { background-position: bottom right; } .right-b1 a { font-weight:bold; line-height:32px;} /*----------------------------------------------------------------------------- ------------------------------------- Home ------------------------------------ -----------------------------------------------------------------------------*/ .post-portfolio { width:210px; margin:0 20px 30px 0; float:left; } .post-portfolio p { margin-top:10px; font-size:12px; color:#999; } .post-portfolio h2 { font-size:16px; line-height:1.3em; padding: 5px 5px 0 0; margin-bottom: 8px; color:#2f3231;} .post-portfolio h2 a { color:#2f3231; } .post-portfolio h2 a:hover { color:#09C; } .post-portfoliob { width:210px; margin:0 20px 20px 0; float:left; border-left:1px solid #f9f9f9; border-right:1px solid #f2f2f2; border-bottom:2px solid #ececec;} .post-portfoliob:hover { background-color:#fafafa;} .post-portfoliob p { margin-top:10px; font-size:12px; color:#999; padding:0 10px 10px 10px; } .post-portfoliob h2 { font-size:16px; line-height:1.3em; padding: 5px 10px 0 10px; margin-bottom: 8px; color:#2f3231;} .post-portfoliob h2 a { color:#2f3231; } .post-portfoliob h2 a:hover { color:#09C; } .post-portfolioc { width:362px; margin:0 20px 20px 0; float:left; border-left:1px solid #f9f9f9; border-right:1px solid #f2f2f2; border-bottom:2px solid #ececec;} .post-portfolioc img { display:block; width:100%;} .post-portfolioc:hover { background-color:#fafafa;} .post-portfolioc p { margin-top:10px; font-size:12px; color:#999; padding:0 10px 10px 10px; } .post-portfolioc h2 { font-size:16px; line-height:1.3em; padding: 10px 10px 0 10px; margin-bottom: 8px; color:#2f3231;} .post-portfolioc h2 a { color:#2f3231; } .post-portfolioc h2 a:hover { color:#09C; } .post-portfoliod { width:190px; margin:0 20px 20px 0; float:left; border-left:1px solid #f9f9f9; border-right:1px solid #f2f2f2; border-bottom:2px solid #ececec; padding:8px; box-shadow: 0px 0px 1px rgba(0,0,0,0.1);} .post-portfoliod img { display:block; width:100%;} .post-portfoliod:hover { background-color:#fafafa;} .post-portfoliod p { margin-top:10px; font-size:12px; color:#999; padding:0 10px 10px 10px; } .post-portfoliod h2 { font-size:16px; line-height:1.3em; padding: 10px 10px 0 0; margin-bottom: 8px; color:#2f3231;} .post-portfoliod h2 a { color:#2f3231; } .post-portfoliod h2 a:hover { color:#09C; } .portfolio-meta { color:#333; font-size:11px; background-color:#f2f2f2; padding:2px 0; text-align:center; color:#CCC;} .portfolio-meta span { padding:0 4px; color:#CCC;} .portfolio-meta a { color:#CCC;} .portfolio-meta a:hover { color: #09C;} .post-portfolioe { width:252px; margin:0 20px 20px 0; float:left; border-left:1px solid #f9f9f9; border-right:1px solid #f2f2f2; border-bottom:2px solid #ececec; padding:8px; box-shadow: 0px 0px 1px rgba(0,0,0,0.1);} .post-portfolioe img { display:block; width:100%;} .post-portfolioe:hover { background-color:#fafafa;} .post-portfolioe p { margin-top:10px; font-size:12px; color:#999; padding:0 10px 10px 10px; } .post-portfolioe h2 { font-size:16px; line-height:1.3em; padding: 10px 10px 0 0; margin-bottom: 8px; color:#2f3231;} .post-portfolioe h2 a { color:#2f3231; } .post-portfolioe h2 a:hover { color:#09C; } ul.tcolumns li { width:210px; margin:0px 20px 20px 0; float:left; position: relative; } ul.tcolumns li:hover { z-index: 99;} ul.tcolumns li img { position: relative; } ul.tcolumns li .tinfo { position: absolute; display: none; background-color:#000; filter: alpha(opacity=85); opacity: 0.85; font-size: 12px; } ul.tcolumns li:hover .tinfo {display: block; margin-top:-156px; width: 210px; height:151px;} ul.tcolumns li h2 { font-size: 15px; padding: 10px 20px 10px 20px; } ul.tcolumns li h2 a { color:#FFF; } ul.tcolumns li p { padding: 0 20px; font-size:12px; } /*----------------------------------------------------------------------------- ------------------------------------- Blog ------------------------------------ -----------------------------------------------------------------------------*/ ul.social-share { float:right; margin-top:-12px;} .social-share li { float:left; padding:0 1px;} /*--------- Read More Buttons----------*/ .read_more { background:url(images/widget-button.png) top right; height:29px; padding:9px 15px; border-right:1px solid #ddd; font-weight:bold; font-size:10px; -moz-border-radius:7px; -webkit-border-radius:7px; } .read_more:hover { background-position: bottom right; } /*--------- Shadows ----------*/ .shadow-post { width:100%; height:14px; background:url(images/shadow-post.png) no-repeat right; margin-bottom:30px; } .shadow-single { width:100%; height:14px; background:url(images/shadow-post.png) no-repeat right; } .shadow-full { width:99%; height:14px; background:url(images/shadow-post.png) no-repeat right; margin-bottom:-15px; } .shadow-default { width:100%; height:14px; background:url(images/shadow-post.png) no-repeat right; margin-bottom:-15px; } .shadow-info { width:100%; height:14px; background:url(images/shadow-post.png) no-repeat right bottom; margin-top:-1px; margin-bottom:20px; } /*--------- Blog Style ----------*/ #left-entry { position:relative; padding:0 460px 0 0; } .post { width:100%; outline:1px solid #e8e6e6; border:6px solid #f6f6f6; background:#fff url(images/bg-post.jpg) repeat-y; } .entry-post { padding:10px;} .post img { margin:15px 0 0 0; width: 100%; height:auto; } .post p { margin-top:15px; margin-bottom:15px; } .post h2 { font-size:24px; border-bottom: 3px double #f1f1f1; padding: 5px 5px 5px 0; margin-bottom: 8px; color:#2f3231;} .post h2 a { color:#2f3231; } .post h2 a:hover { color:#09C; } .entry-meta { color:#333; font-size:11px; } .entry-meta a { color:#09C; } .entry-meta a:hover { color: #2f3231;} .entry-meta span { padding:0 4px; color:#CCC;} .author-index { float:left; margin-right:10px; margin-top:-10px; } .author-index img { width:30px; height:30px;} /*--------- Author Style -------*/ .mb { margin-bottom:5px;} .author-wrap, .author-page { width:100%; padding:10px 5px 15px 5px; min-height:100px; border-top:15px solid #f9f9f9; background-color:#FFF; border-bottom:15px solid #f9f9f9; margin-left:-5px; margin-top:50px; margin-bottom:15px; outline:1px solid #f1f1f1;} .author-page { margin-top:15px; } .author-avatar { width:80px; height:80px; float:left; position:relative; z-index:99; padding-left:15px;} .author-info { padding-left:115px; position:relative; padding-right:15px;} .author-name { display:block; margin:20px 0 5px 0; color: #09C; font-weight:bold;} .author-wrap a { color: #09C; } .author-wrap a:hover { color: #2f3231; } .display-info { width:100%; height:50px; background:url(images/bg-info.png) no-repeat bottom; margin:-17px 0 0 0; padding:0 6px; position:relative; border-bottom:1px solid #e8e6e6; } .display-info h1 { font-size:16px;} .display-info span { margin-top:-5px;} /*--------- Blog Style Grid -------*/ .thumb-blog { float:left; width:200px; height:200px; position:relative; z-index:100; } .entry-truncate { padding-left:225px; position:relative; min-height:200px; } /*--------- Default and browsing page -------*/ h2.title { font-size:24px; border-bottom: 3px double #f1f1f1; padding: 5px 5px 5px 0; margin-bottom: 8px; color:#2f3231;} .single_tags { width:100%; height:auto; padding: 5px 0; margin-top:-20px; } .single_tags p { float:right;} .single_tags a { background:url(images/tags.png) no-repeat left center; padding:0 0 0 15px; border-bottom:1px dotted #f1f1f1; font-size:11px; color:#999; } .browsing-cat, .browsing-tag, .browsing-search, .browsing-404 { float:right; border-top:1px solid #09C;} /*--------- Single style -------*/ .wp-caption-text { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; } .wp-caption p { font-size: 11pt; } .gallery-caption { background:none;} .entry { margin-top:20px;} .entry p { margin-top: 10px; margin-bottom:20px; } .post_thumbnail { float:left; } .entry a { color:#09C; } .entry a:hover { color:#171717;} blockquote { border-left:2px solid #09C; margin:20px 0px; font-style:italic; font-size:15px; font-family: 'PT Sans Narrow', serif;} blockquote p { padding: 15px; } blockquote a { float:right; padding:3px 0 3px 25px; background: url(images/quote.png) no-repeat center left;} .alignleft { float: left; margin: 0 13px 10px 0px; } .alignright { float: right; margin: 6px 0px 10px 13px; } img.aligncenter { display: block; margin:1px auto; } .entry th { padding: 0; margin-right: 2px; } .entry li { margin-left: 20px; padding:3px 0 3px 25px; background: url(images/entry-li.png) no-repeat center left;} .entry ul, .entry ol { margin:10px 0;} /*--------- Template Adv Style -------*/ .table-adv { width: 100%; border-spacing: 1px; background-color: #fafafa; margin-top: 10px; margin-bottom: 15px; font-size: 10px; position:relative; text-align:left; border-bottom:2px solid #ddd; } .table-adv th { background:#ddd url(images/bg-tab-advertise.png) top repeat-x; height:35px; border-bottom:3px double #f1f1f1; padding:4; color: #333; font-size:13px; } .table-adv th span { padding-left:5px; } .table-adv td { color:#666; padding:4px; background-color: #FFF; font-weight:bold; } .adv-color td { border-bottom:3px double #f1f1f1; } .table-adv .adv-color tr:hover td { background-color: #fafafa; } .tb-color td { background-color: #fafafa; } /*----------------------------------------------------------------------------- ----------------------------------- Widgets ----------------------------------- -----------------------------------------------------------------------------*/ /*-------- Last Posts --------*/ #last-posts { list-style:none; margin-top:20px; } #last-posts li { min-height:75px;} #last-posts li img { float:left; width:75px; height:75px; margin-right:10px;} #last-posts li h4 { font-size:15px; color:#333; line-height:1.2em; } #last-posts li div { font-size:10px; padding:5px 0 20px 0; width:320px; float:right; } #last-posts li div a { color: #666; } #last-posts li div a:hover { color:#09C;} #last-posts li span { padding:0 5px; } #last-posts li p { font-size:12px; margin-top:3px; font-style:normal; color:#999; } /*-------- Top View--------*/ #top-view { list-style:none; margin-top:20px; } #top-view li { min-height:75px;} #top-view li img { float:left; width:75px; height:75px; margin-right:10px;} #top-view li h4 { font-size:15px; color:#333; line-height:1.2em; } #top-view li div { font-size:10px; padding:5px 0 20px 0; width:320px; float:right; } #top-view li div a { color: #666; } #top-view li div a:hover { color:#09C;} #top-view li span { padding:0 5px; } #top-view li p { font-size:12px; margin-top:3px; font-style:normal; color:#999; } /*-------- Popular Posts --------*/ #popular-posts { list-style:none; margin-top:20px; } #popular-posts li { min-height:75px;} #popular-posts li img { float:left; width:75px; height:75px; margin-right:10px;} #popular-posts li h4 { font-size:15px; color:#333; line-height:1.2em; } #popular-posts li div { font-size:10px; padding:5px 0 20px 0; width:320px; float:right; } #popular-posts li div a { color: #666; } #popular-posts li div a:hover { color:#09C;} #popular-posts li span { padding:0 5px; } #popular-posts li p { font-size:12px; margin-top:3px; font-style:normal; color:#999; } /*-------- Last Tweets --------*/ #twitter-bg { padding-bottom:50px; } #twitter-div { width:48px; height:48px; float:right;} #twitter-bg img { float:right;} #twitter_update_list li { font-size:12px; margin-bottom:10px; padding:20px; border:1px solid #f1f1f1; } #twitter_update_list li span a { color:#09C;} #twitter_update_list li span a:hover { color:#333;} #twitter_update_list li:hover { background-color:#fafafa;} /*------------------ Default -------------------*/ .widget_categories li, .widget_archive li { background:url(images/link.png) no-repeat left center; padding:0 0 3px 10px; color:#09C;} .widget_recent_comments li, .widget_links li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_entries li { background:url(images/link.png) no-repeat left center; padding:0 0 3px 10px;} a.widget_tag_cloud { } /*--------Sidebar Title --------*/ h3.sidebar_title { font-size:16px; border-bottom: 3px double #f1f1f1; padding: 2px 0 2px 12px; margin:0 0 20px 0; color:#2f3231; } h3.sidebar_title span { font-size:13px; color: #09C;} /*-------- Search --------*/ #topsearch { margin-top:11px; float:right;} #search { width:180px; height: 27px; border:none; color: #c1c1c1; font-size: 11px; font-style: italic; background:url(images/bg-search.png) no-repeat; } #searchform input { padding-left:25px; padding-right:5px;} /*------ Widget Home Last / Poopular Posts ------*/ .home-lastposts { margin: 0 auto; padding: 0; min-width: 920px; max-width: 1200px; } .home-last-left { width:720px; float:left; z-index:99; position:relative; } .home-last-right { position:relative; padding:30px 0 0 720px;} .home-last-right p { margin-top:10px; margin-bottom:25px; } .home-last-box { width:220px; margin:40px 20px 0 0; float:left; } .home-last-desc { width:220px; margin-top:20px; float:left;} .home-last-desc p { margin-top:10px; } h2.homewidget { font-size:17px; line-height:1.3em; padding: 0 5px 0 0; margin-bottom: 8px; color:#2f3231; margin-top:-10px;} .home-meta { font-size:9px; margin:10px 0; color:#999; } .home-meta a { color:#999; } .home-meta a:hover { color: #09C; } .home-meta span { padding:0 4px; color:#CCC;} .home-last-right h2 { font-size:22px; border-bottom: 3px double #f1f1f1; padding: 5px 5px 5px 0; margin-bottom: 8px; color:#2f3231; } .widget-button { background:url(images/widget-button.png) top right; height:29px; padding:9px 15px; border-right:1px solid #ddd; font-weight:bold; font-size:10px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } .widget-button:hover { background-position: bottom right; } /*------ Widget Home Slogan ------*/ .widget-slogan { margin:0 auto -40px auto; padding: 0; min-width: 920px; max-width: 1200px;} .widget-slogan-left { position:relative; padding:40px 200px 0 0px;} .widget-slogan-right { width:170px; float:right; z-index:100; position:relative; padding-top:40px;} .widget-slogan-button { background:url(images/slogan-button.png) top right; width:170px; height:48px; margin-top:5px; } .widget-slogan-button:hover { background-position: bottom right; } .widget-slogan-button a { color: #2f3231; display:block; font-size:20px; text-align:center; line-height:2.3em; padding-left:12px; } .widget-slogan-left h1 { font-size:22px; line-height:1.3em; color:#999; } .shadow-slogan { width:430px; height:30px; background:url(images/shadow-slogan.png) no-repeat; margin:15px auto 0 auto;} /*------ Widget Home Recent Projects ------*/ .home-projects { margin: 0 auto; padding: 0; min-width: 920px; max-width: 1200px; } .home-projects-left { width:720px; float:left; z-index:99; position:relative; margin-bottom:20px; } .home-projects-right { position:relative; padding:30px 0 0 720px;} .home-projects-right h2 { font-size:22px; border-bottom: 3px double #f1f1f1; padding: 5px 5px 5px 0; margin-bottom: 8px; color:#2f3231; } .home-projects-right p { margin-top:10px; margin-bottom:25px; } ul.columns { list-style: none; } ul.columns li { width:220px; margin:40px 20px -20px 0; float:left; position: relative; } ul.columns li:hover { z-index: 99;} ul.columns li img { position: relative; } ul.columns li .info { position: absolute; display: none; background-color:#000; filter: alpha(opacity=85); opacity: 0.85; font-size: 12px; } ul.columns li:hover .info {display: block; margin-top:-156px; width: 220px; height:151px;} ul.columns li h2 { font-size: 15px; padding: 10px 20px 0 20px; } ul.columns li h2 a { color:#FFF; } ul.columns li p { padding: 0 20px; font-size:12px; } /*------ Widget Home Line-top ------*/ .line-top { width:700px; height:15px; background:url(images/line-top.png) no-repeat; float:left; margin-top:28px;} .line-top a { float:right; margin-right:30px; color:#CCC; font-size:12px; } .line-top a:hover { color: #09C; } /*------ Widget flickr ------*/ .flickr { padding-bottom:10px;} .flickr img { width:90px; height:90px; float:left; margin:0 8px 8px 0; } /*-------- Default classes--------*/ .widget { clear:both; position:relative; margin-bottom:40px; } .widget p { margin-top:10px;} li.recentcomments a { padding-left: 15px; } /*.sticky { }*/ p.center { margin: 10px 0; } /*.bypostauthor { }*/ /*.textwidget { }*/ /*-------- Calendar --------*/ #calendar_wrap { text-align: center; } caption { width: 98%; color:#666; border:1px solid #f0f0f0; background-color:#fafafa; padding:5px 7px; margin-right:4px; border-bottom:1px solid #09C; } #wp-calendar th { padding: 23px; } #wp-calendar td { color:#666; border:1px solid #f0f0f0; background-color:#fafafa; padding:5px 7px; margin-right:4px; border-bottom:1px solid #CCC;} #wp-calendar td:hover { border-bottom:1px solid #09C; color: #09C; } #wp-calendar td a:link { color: #09C; } /*-------- Tags --------*/ .widget_tag_cloud a { display: inline-block; margin-bottom: 3px; color:#999; background: url(images/tags.png) no-repeat left center; padding:0 5px 0 15px; background-color:#f8f8f8; } .widget_tag_cloud a { font-size: 10px !important; } .widget_tag_cloud a:hover { color:#09C; background-color:#f1f1f1; } /*-------- Banners --------*/ .banner200x125 img { width:200px; height:125px; float:left; margin:0 5px 5px 0; } .banner200x200 img { width:200px; height:200px; float:left; margin:0 5px 5px 0; } .banner125x125 img { width:125px; height:125px; float:left; margin:0 5px 5px 0; } .banner250x250 img { width:250px; height:250px; margin:0 0 5px 75px; } .banner300x250 img { width:300px; height:250px; margin:0 0 5px 50px; } /*-------- Advertise Tab --------*/ .adv-chart { width:100%; height:100px; background:url(images/adv-chart.png) no-repeat; margin-top:-17px;} .adv-button { width:192px; height:30px; background:url(images/adv-button.png) no-repeat; margin:-19px auto 0 auto; text-align:center; line-height:29px;} .adv-button a { color:#FFF; font-weight:bold;} .adv-button a:hover { color:#ddd;} .adv-tab-widget { margin-top:-10px;} /*----- Widget Tabbed ------*/ .tabnav { border-bottom: 3px double #f1f1f1; color:#2f3231; padding:5px 0; } .tabnav li { display: inline; list-style: none; padding:0 0 0 12px; } .tabnav li a { font-size:13px; color: #999; background-color:#f8f8f8; padding:3px 10px 7px 10px; outline:1px solid #f1f1f1; border-top:3px solid #f6f6f6; } .tabnav li a:hover { color: #333; background-color:#f8f8f8; padding:5px 10px 7px 10px; outline:1px solid #f1f1f1; border-top:1px solid #f6f6f6;} .tabnav li.ui-tabs-selected a { color: #333; background-color:#f8f8f8; padding:5px 10px 7px 10px; outline:1px solid #f1f1f1; border-top:1px solid #09C; } #sidebar .ui-tabs-hide { display: none;} #content .ui-tabs-hide { display: none;} #tab-4 { margin-top:20px;} #tab-5 { margin-top:20px;} .tabs-top { margin-top:20px;} /*----- Widget categories ------*/ .cat-widget li { background:none; float:left; font-size:12px; list-style-type: none; } .cat-widget li span { color:#333; font-size:15px; padding-right:5px;} .cat-widget li a { color:#999;} .cat-widget li a:hover { color: #09C;} /*------ Subscribe --------*/ .email-widget { float:right; width: 300px; } .shadow-inbox { width:280px; height:14px; background:url(images/shadow-post.png) no-repeat right; margin-top:-3px; } .news_inbox { width:290px; height:35px; background-color:#fff; border:1px solid #f3f3f3; margin-top:20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position:relative;} .box_email { width:180px; height:25px; float:left; margin-top:4px; border:1px solid #fff; color: #999; font-size: 11px; padding-left:5px; } .submitemail { background:url(images/email-button.png) top right; width:80px; height:29px; float:right; margin-right:3px; margin-top:3px; border:none; cursor:pointer; } .submitemail:hover { background-position: bottom right; } /*----------------------------------------------------------------------------- ----------------------------------- Page Navi --------------------------------- -----------------------------------------------------------------------------*/ .navigation { float:right; width:100px; margin-top:10px; } .previous a { float:left; color:#68a6bb; } .next a { float:right; color:#68a6bb;} .previous a:hover, next a:hover { color:#09C;} .wp-navportfolio { width:100%; border-top:15px solid #f9f9f9; } .wp-navbottom { width:100%; border-top:15px solid #f9f9f9; margin-left:-2px; padding-right:11px;} .wp-pagenavi { width:100%; font-size:12px; margin-top:15px; } .wp-pagenavi a, .wp-pagenavi span { color:#666; border:1px solid #f0f0f0; background-color:#fafafa; padding:5px 8px; margin-right:4px; border-bottom:1px solid #CCC; } .wp-pagenavi a:hover, .wp-pagenavi span.current { border-bottom:1px solid #09C; color: #09C; } .wp-pagenavi .pages { float:right; border:none; color:#999; background:none; margin-top:-5px;} /*----------------------------------------------------------------------------- ----------------------------------- Menu -------------------------------------- -----------------------------------------------------------------------------*/ #top-nav { float:right; width:auto; margin-right:20px; margin-top:5px; } #menu { float: left; margin: 0 auto; } #menu .menu-header, div.menu { margin-left: 15px; width:auto; } #menu .menu-header ul, div.menu ul { list-style: none; margin: 0; } #menu .menu-header li, div.menu li { float: left; position: relative; } #menu a { color: #999; font-family: 'PT Sans Narrow', serif; display: block; font-size: 14px; font-style: normal; line-height: 38px; padding:0 15px 14px 15px; text-decoration: none; } #menu ul ul { background-color:#fff; display: none; position: absolute; top: 45px; left: 0; float: left; z-index: 99999; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border: 1px solid #f2f2f2;} #menu ul ul li { width: 160px; background:url(images/link.png) no-repeat 10px center; } #menu ul ul ul { left: 100%; top: 0; } #menu ul ul a { border-top: 1px solid #f2f2f2; border-bottom: 1px solid #ddd; line-height: 1em; padding:10px 10px 10px 20px; width: 130px; height: auto;font-size:14px; color:#999; } #menu li:hover > a { color:#575757;} #menu ul ul :hover > a { background: #fafafa url(images/link.png) no-repeat 10px center; } #menu ul li:hover > ul { display: block; } #menu ul li.current_page_item > a, #menu ul li.current-menu-ancestor > a, #menu ul li.current-menu-item > a, #menu ul li.current-menu-parent > a { color: #575757; } /*----------------------------------------------------------------------------- ----------------------------------- Comments ----------------------------------- -----------------------------------------------------------------------------*/ #comments { margin-top:50px; } #comments .navigation { padding: 0 0 18px 0; } h3#comments-title, h3#reply-title { font-size: 20px; margin-bottom: 8px; margin-top:20px; border-bottom: 3px double #f1f1f1; padding: 5px 0; } .commentlist { list-style: none; margin: 0; } .commentlist p { padding:10px 0;} .commentlist li.comment { padding: 20px 0 0 56px; position: relative; } .children { margin-top:0px; background:url(images/line-comm.png) left top no-repeat;} li.comment { background:url(images/line-comm.png) left top no-repeat;} .commentlist em { font-style:italic; color:red;} #comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; } .commentlist ol { list-style: decimal; } .comment-body { background-color:#fff; padding:0 10px; border:1px solid #f0eeee;} .comment-body img { width:10px; height:10px; margin-top:-5px;} .comment-body p { margin:5px 0;} .comment-body code { display: block; background-image:url(images/pre_bg.gif); background-repeat:repeat; border: 1px solid #dddddd; margin: 14px 0; overflow:hidden; padding:0 18px 18px 18px; color:#666; line-height: 18px;} .comment-body code:hover { overflow:scroll;} .comment-body:hover { background-color:#fefbea; } .commentlist .avatar { position: absolute; top: 4px; left: 0; width:40px; height:40px; } .comm-top { background:url(images/top-comm.png); border-top:1px solid #ddd; padding:5px 10px; height:20px;} .comment-author cite { color: #000; font-style: normal; font-weight: bold; } .comment-author .says { font-style: italic;} .comment-author .fn { color: #666; } .comment-meta a { color:#999; padding-left:15px;} .comment-meta a:hover { color: #09C;} .comment-meta { background:url(images/bg_clock.gif) left no-repeat; } .reply { width:30px; margin-left:-10px; font-size: 11px; border-right:1px solid #f0eeee; border-top:1px solid #f0eeee; padding:0 5px; background-color:#fafafa; } .reply a, a.comment-edit-link { color: #888; } .reply a:hover, a.comment-edit-link:hover { color: #09C; } .nopassword, .nocomments { display: none; } #comments .pingback { border-bottom: 1px solid #e7e7e7; margin-bottom: 18px; padding-bottom: 18px; } .commentlist li.comment+li.pingback { margin-top: -6px; } #comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; } #comments .pingback .url { font-size: 13px; font-style: italic; } /* Comments form */ input[type=submit] { color: #333; } #respond { margin: 24px 0; overflow: hidden; position: relative; } #respond p { margin: 0; } #respond .comment-notes { display:none; } #comments-list #respond { margin: 0 0 18px 0; } #comments-list ul #respond { margin: 0; } #cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; } #respond .required { display:none; } #respond label { display: block; margin-left:10px; margin-top:10px; font-size:11px;} #respond input { width:300px; height:30px; border:1px solid #efefef; border-left:2px solid #ddd; } #respond input:hover { box-shadow: 0px 0px 5px rgba(0,0,0,0.1); border-left:2px solid #09C; } #respond textarea { width: 98%; height:198px; line-height:22px; border:1px solid #efefef; background:url(images/bg-contact.gif); border-left:2px solid #ddd;} #respond textarea:hover { box-shadow: 0px 0px 5px rgba(0,0,0,0.1); border-left:2px solid #09C; } #respond .form-submit input { background:url(images/comment-button.png) no-repeat top right; width:189px; height:43px; margin-top:20px; box-shadow:none; border:none; cursor:pointer; font-weight:bold; padding-right:5px;} #respond .form-submit input:hover { box-shadow:none; border:none; background-position: bottom right; color: #09C;} /*----------------------------------------------------------------------------- ----------------------------------- Shortcodes -------------------------------- -----------------------------------------------------------------------------*/ /* -- Boxes info -- */ .boxinfo { background:#f1f1f1; border:1px solid #d3d3d3; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:10px; margin:20px;} .boxsucces { background-color:#cff0c0;border:1px solid #80ca5f; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:10px; margin:20px;} .boxerror { background-color:#ffcccc;border:1px solid #fdb8b8; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:10px; margin:20px;} .boxnotice { background-color:#fdebae;border:1px solid #e6c555; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:10px; margin:20px;} /* -- Columns -- */ .one_half, .one_half_last { float:left;width:47%;margin:10px 0;margin-right:6%;} .one_half_last { margin-right:0;} .one_third, .one_third_last { float:left; width:29%;margin:10px 0;margin-right:6%; } .one_third_last { margin-right:0;} .one_fourth, .one_fourth_last { float:left; width:22%;margin:10px 0;margin-right:4%; } .one_fourth_last { margin-right:0;} /* -- Buttons -- */ .button_center { width:189px; height:43px; margin:0 auto;} .button_text { width:400px; font-size:11px; font-style:italic; text-align:center; margin:10px auto 0 auto; color:#999; } .single_button { display:block; margin-top:30px; } a.single_button { background:url(images/single-button.png) no-repeat top right; width:189px; height:43px; text-align:center; font-weight:bold; color:#333; line-height:44px; font-size:15px; color:#09C; } a.single_button:hover { background-position: bottom right; color: #2f3231; } .youtube_video { width:465px; height:300px; margin:20px auto;} /*----------------------------------------------------------------------------- ----------------------------------- Contact ----------------------------------- -----------------------------------------------------------------------------*/ .contactform { margin:50px 0;} #contactName, #emaill { width:323px; height:30px; border:1px solid #efefef; border-left:2px solid #ddd;} #contactName:hover, #emaill:hover { box-shadow: 0px 0px 5px rgba(0,0,0,0.1); border-left:2px solid #09C;} .contactform textarea, .wcontact textarea { width: 90%; height:198px; line-height:22px; border:1px solid #efefef; background:url(images/bg-contact.gif); border-left:2px solid #ddd;} .contactform textarea:hover, .wcontact textarea:hover { box-shadow: 0px 0px 5px rgba(0,0,0,0.1); border-left:2px solid #09C; } .thanks { width:350px; margin:50px auto; padding-bottom:10px; text-align:center;} .sendemail { background:url(images/comment-button.png) no-repeat top right; width:189px; height:43px; margin-top:20px; box-shadow:none; border:none; cursor:pointer; font-weight:bold; padding-right:5px; } .sendemail:hover { box-shadow:none; border:none; background-position: bottom right; color: #09C; } input, textarea { padding-left: 5px; } label.error { color: red; } .contactform label, .wcontact label { display: block; margin-top:10px; font-size:11px; } .w-sendemail { background:url(images/send-email.png) top right; width:80px; height:29px; margin: 20px 0 0 0; border:none; cursor:pointer; } .w-sendemail:hover { background-position: bottom right; } /*----------------------------------------------------------------------------- ----------------------------------- Footer----------------------------------- -----------------------------------------------------------------------------*/ #footer-line { width:100%; height:13px; background: url(images/footer-top.png); } #footer-bottom { width: 100%; height:50px; clear: both; background:url(images/bg-footer-top.png) top no-repeat; color:#666; position:absolute; } #footer-bottom-container { margin: 0 auto; padding: 0; min-width: 920px; max-width: 1200px; } #footer-bottom-entry { margin:0; padding:10px 20px 0 20px; line-height:35px; font-size:12px;} #footer-bottom-entry a { color:#666;} #footer-bottom-entry a:hover { color:#09C;} .copy { float:left; margin:0 10px 0 25px;} .copy span { font-size:11px; margin-top:5px;} #social-footer li { float:left; padding:0 2px; margin-top:4px;} #footer-menu li { float:left; padding:0 10px; margin-top:13px; border-left:1px solid #e8e6e6; line-height:10px;} #footer-menu .menu li a:hover { border:none;} #footer-menu ul li.current_page_item > a { color: #09C; border:none; } /*------ Fixed Footer for Slider Full Screen ------*/ #footer-line-full { width:100%; height:13px; background: url(images/footer-top.png); position:fixed; z-index:100; bottom:50px; } #footer-bottom-full { width: 100%; height:50px; clear: both; background:url(images/bg-footer-top.png) top no-repeat; color:#666; position:fixed; z-index:100; bottom:0; }