/* Theme Name: Simplicity Theme URI: http://www.ryuka-design.com/Simplicity Description: A theme by Ryuka Design. Version: 2 Author: Selsek Lucas Author URI: http://www.ryuka-design.com License: GNU General Public License License URI: licensing/README_License.txt Tags: black, two-columns, custom-header, custom-background, threaded-comments */ /************************************************************************************ RESET *************************************************************************************/ html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset { margin: 0; padding: 0; } img, fieldset { border: 0; } /* set image max width to 100% */ img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ opacity: 1; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms; } .flexslider .zoom { position: absolute; overflow:hidden; top:-200px; left:0px; display: block; width:100%; height:100%; background:url(images/zoom.png) no-repeat center center; opacity: 1; display: none; } .flexslider .link { overflow:hidden; position: absolute; top:-200px; left:0px; display: block; width:100%; height:100%; background:url(images/link.png) no-repeat center center; opacity: 1; } video { width:100% !important; height:auto !important; } iframe { width:100%; } .post_video { padding:8px; background:#f7f7f7; } /* set html5 elements to block */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } .wp-caption, .wp-caption-text, .sticky, .gallery-caption, .bypostauthor { } /************************************************************************************ GENERAL STYLING *************************************************************************************/ body { font: .78em/150% 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; color: #666666; -webkit-text-size-adjust: 100%; } a { color:#414141; text-decoration: none; outline: none; transition: all ease-in-out .4s; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; } a:hover { color:#F96; } /* list */ ul, ol { margin: 1em 0 1.4em 24px; padding: 0; line-height: 140%; } li { margin: 0 0 .5em 0; padding: 0; } /* headings */ h1, h2, h3, h4, h5, h6 { line-height: 1.4em; margin:0 0 0px 0; color:#414141; font-weight:500; font-family: 'Lato'; letter-spacing:0.5px; } h1 { font-size: 2.2em; } h2 { font-size: 1.8em; } h3 { font-size: 1.4em; } h4 { font-size: 1.3em; } h5 { font-size: 1.2em; } h6 { font-size: 1.1em; } blockquote p { position: relative; font-family: 'georgia', serif; background: url(images/quote.png) no-repeat 0 5%; color: #999; font-style: italic; font-size: 12px; line-height: 25px; padding-left: 30px; } /* reset webkit search input styles */ input[type=search] { -webkit-appearance: none; outline: none; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { display: none; } .alignleft, img.alignleft { display:inline; float: left; margin:5px 5px 0px 0px; } .alignright, img.alignright { display: inline; float: right; margin:5px 5px 0px 5px; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; padding:0; } img.alignleft, img.alignright, img.aligncenter { margin-top:5px; margin-bottom: 5px; } .gallery-icon { width:auto; margin-right:10px; } .flexslider { z-index:10; } .flex-direction-nav { opacity:0; transition: all ease-in-out .4s; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; } .flexslider:hover .flex-direction-nav { opacity:1; } .flexsliderNav:hover .flex-direction-nav { opacity:0; transition: all ease-in-out .4s; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; } .flexsliderNav:hover .flex-direction-nav { opacity:1; } .flexslider:hover .flex-direction-nav li .prev { left:0px; } .flexslider:hover .flex-direction-nav li .next { right:0px; } .flexsliderNav:hover .flex-direction-nav li .prev { left:0px; } .flexsliderNav:hover .flex-direction-nav li .next { right:0px; } /************************************************************************************ STRUCTURE *************************************************************************************/ #top_bg { width:100%; overflow:visible; } .wrapper { width:1000px; margin:0px auto; position:relative; } #page_bg { width:100%; overflow:auto; } #page_wrap { width: 1000px; margin: 0px auto; position:relative; z-index:1; } #footer_bg { background:url(images/white_arrow.png) no-repeat 50% -4px #99b2c2; width:100%; overflow:auto; } #footernav_bg { background-color:#1c1c1c; border-top:5px solid #222; width:100%; overflow:auto; } #breadcrumbs_bg { background:#fff; width:100%; overflow:auto; } /************************************************************************************ HEADER TOP BAR (message and com icon) *************************************************************************************/ #top_message { font-style:italic; font-family:'PT sans', Times, serif; margin-top:12px; font-size:16px; float:left; color:#FFF; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } #com_barbg { background:#414141; } #com_bar { height:40px; position:relative; overflow:auto; margin:0; padding:0 30px 0 30px; } #coms { float:right; margin:0 0x 0 0px; padding:8px 0 0 0; transition: all ease-in-out .4s; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; } #header_message { padding:10px 0 0 0px; font-size:12px; } #twitter { margin:0; padding:0px 5px 0px 0px; position:relative; text-indent:-9999px; float:right; height:28px; width:28px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #twitter_img { display:block; background:url(images/twi.png) no-repeat; min-height:26px; min-width:26px; } #twitter_img:hover { background:url(images/twi.png) 0 -27px no-repeat; } #facebook { margin:0; padding:0px 5px 0px 0px; position:relative; text-indent:-9999px; float:right; height:28px; width:28px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #facebook_img { display:block; background:url(images/facebook.png) no-repeat; min-height:26px; min-width:26px; } #facebook_img:hover { background:url(images/facebook.png) 0 -27px no-repeat; } #rss { margin:0; padding:0px 5px 0px 0px; position:relative; text-indent:-9999px; float:right; height:28px; width:28px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #rss_img { display:block; background:url(images/rss.png) no-repeat; min-height:26px; min-width:26px; } #rss_img:hover { background:url(images/rss.png) 0 -27px no-repeat; } #gplus { margin:0; padding:0px 5px 0px 0px; position:relative; text-indent:-9999px; float:right; height:28px; width:28px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #gplus_img { display:block; background:url(images/g+.png) no-repeat; min-height:26px; min-width:26px; } #gplus_img:hover { background:url(images/g+.png) 0 -27px no-repeat; } #vimeo { margin:0; padding:0px 5px 0px 0px; position:relative; text-indent:-9999px; float:right; min-height:28px; min-width:28px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #vimeo_img { display:block; background:url(images/vimeo.png) no-repeat; min-height:26px; min-width:26px; } #vimeo_img:hover { background:url(images/vimeo.png) 0 -27px no-repeat; } #lin { margin:0; padding:0px 5px 0px 0px; position:relative; text-indent:-9999px; float:right; height:28px; width:28px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #lin_img { display:block; background:url(images/lin.png) no-repeat; min-height:26px; min-width:26px; } #lin_img:hover { background:url(images/lin.png) 0 -27px no-repeat; } #yt { margin:0; padding:0px 5px 0px 0px; position:relative; text-indent:-9999px; float:right; height:28px; width:28px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #yt_img { display:block; background:url(images/youtube.png) no-repeat; min-height:26px; min-width:26px; } #yt_img:hover { background:url(images/youtube.png) 0 -27px no-repeat; } /************************************************************************************ HEADER *************************************************************************************/ #thinbar { min-height:6px; background:#313131; } #header_top { background-color:#5fb01c; height:5px; } header { position: relative; z-index:4000; min-height: 88px; height:auto; width:auto; overflow:visible; margin:0 30px 0 30px; padding:0 0px 0 0px; transition: all ease-in-out .4s; border-bottom:1px solid #EEE; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; } /* site logo */ #site-logo { color:#FFF; text-decoration:none; font-family: 'Lato', sans-serif; color: #414141; font-weight:900; letter-spacing:-0.5px; font-size:25px; padding:35px 0 0 0; display:inline-block; position:relative; z-index:100001; height:auto; width:auto; float:left; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #site-logo-img { margin:12px 0 0 -50px; float:left; display:block; position:relative; z-index:100001; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } /* searchform */ #searchform { width:100%; position:relative; background: #fff; margin:0px 0 30px 0; padding:0; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #searchform .s { font-family:'Open Sans', sans-serif; font-size:12px; height:15px; width: 85%; !important float: left; border: none; padding: 0px; margin:8px 0 8px 2%; background:none; -webkit-transition: width .7s; -moz-transition: width .7s; transition: width .7s; } #searchform .go { position:absolute; text-indent:-9999px; background-color:#FFF; background-image:url(images/glass.png); right:5px; top:7px; height:20px; width:20px; border:none; -webkit-box-shadow:inset 0 0px 0px rgba(0, 0, 0, .0) inset; -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, .0) inset; box-shadow: 0 0px 0px rgba(0, 0, 0, .0) inset; } #searchform .go2 { position:absolute; text-indent:-9999px; background:none; right:5px; top:7px; height:20px; width:20px; border:none; -webkit-box-shadow:inset 0 0px 0px rgba(0, 0, 0, .0) inset; -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, .0) inset; box-shadow: 0 0px 0px rgba(0, 0, 0, .0) inset; } #sidebar input[type=submit]:hover { position:absolute; right:5px; top:7px; } /************************************************************************************ MAIN NAVIGATION ************************************************************************************/ #plus { width:30px; height:89px; overflow:auto; background-image:url(images/+off.png); text-indent:-9999px; position:absolute; top:0px; right:0px; z-index:1000; transition: all ease-in-out .4s; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; } #plus:hover { opacity:0; } #plusbg { width:30px; height:89px; overflow:auto; background-image:url(images/+on.png); text-indent:-9999px; position:absolute; top:0px; right:0px; z-index:998; } nav { height: 45px; width:100%; z-index:100000; margin:-6px 0 0 0; position:relative; } .sh_bottom { box-shadow:-100px -100px 0px 0px #FFFFFF, 0px 5px 55px 20px rgba(51, 51, 51, 0.4), 2px 2px 2px #333333; border-radius:1.5em 1.5em 5.0em 5.0em; background-color: rgba(255, 255, 255, 100); } nav select { display: none; } nav ul ul span { display: none } nav ul { margin: 0px 30px 0 0; padding:0; float:right; list-style: none; line-height: 50px; } nav ul a { display: block; position: relative; font-family: 'PT Sans', sans-serif; color: #414141; border-top:6px solid #333; z-index:100; height: 20px; text-transform:uppercase; text-align:center; border-bottom:1px solid #EEE; font-weight:700; letter-spacing:0.1em; transition: all ease-in-out .4s; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; } nav a:after { color: #aeaeae; content: attr(data-description); font-size: 11px; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6); font-style:italic; font-weight: 400; display: block; line-height: 0; margin: 3px 0 -3px; text-align: center; letter-spacing:0.01em; text-transform: lowercase; } nav ul li { float: left; display: inline-block; margin: 0; z-index:1; position: relative; z-index: 10000; list-style: none; font-size: 13px; line-height:20px; } nav ul li:hover { visibility: inherit; } nav ul ul { position: absolute; top: -9999em; width: 180px; line-height: 20px; padding: 0 0 0 0; margin:0; background-color: #414141; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .16); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .16); box-shadow: 0 1px 3px rgba(0, 0, 0, .16); } nav ul ul li { width: 100%; } nav ul li:hover ul, nav ul li.sfHover ul { left: 0px; top: 89px; z-index: 100000; } nav ul li a { padding: 25px 10px 37px 15px; height:auto; } nav ul li:hover li ul, nav ul li.sfHover li ul, nav ul li li:hover li ul, nav ul li li.sfHover li ul, nav ul li li li:hover li ul, nav ul li li li.sfHover li ul { top: -9999em } nav ul li li:hover ul, nav ul li li.sfHover ul, nav ul li li li:hover ul, nav ul li li li.sfHover ul, nav ul li li li li:hover ul, nav ul li li li li.sfHover ul { left: 176px; top:0; } .current-menu-item a, .current-menu-parrent a { background-color:#f7f7f7; } nav ul a:hover { background-color:#f7f7f7; } .current-menu-item ul li a, .current-menu-parrent ul li a { border:none; !important background-color:#FFF; !important } .sub-menu a { border-top:none; padding:13px 15px 7px 15px; margin:0; background:none; text-align:left; font-size:10px; background-color:#fff; border-bottom:1px solid #EEE; color:#414141; } #footernav .current-menu-item a { background:none; border:none; } #footer_coms { float:right; margin:10px 0 0 0; } .sub-menu li ul { margin-left:5px; } .nav-old { float: left; } .nav-new { float: right; } /************************************************************************************ CONTENT *************************************************************************************/ #page_h { overflow:auto; margin:0px 0px 0px 0px; padding:0px 30px 30px 30px; display: none; } #homepage_top { font-size:21px; color:#FFF; width:auto; background: #5fb01c; padding:0; margin:0; z-index:1; } .rnd_button { position:absolute; right:30px; top:50%; margin-top:-5px; font-weight:bold; color:#fff; background-color:#0C3; color:#fff; outline: none; overflow: visible; /* removes extra side padding in IE */ cursor: pointer; border: 1px solid #999;/* IE */ border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */ border-bottom:rgba(0, 0, 0, .4) 1px solid; text-transform:uppercase; padding: 6px 12px 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */ -moz-user-select: none; -webkit-user-select:none; -khtml-user-select: none; user-select: none; margin-bottom:10px!important; box-shadow: 0 1px 2px rgba(0, 0, 0, .2), inset 0px -3px 0px rgba(0, 0, 0, 0.35), inset 0px 14px 14px rgba(255, 255, 255, 0.10); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2), inset 0px -3px 0px rgba(0, 0, 0, 0.35), inset 0px 14px 14px rgba(255, 255, 255, 0.10); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2), inset 0px -3px 0px rgba(0, 0, 0, 0.35), inset 0px 14px 14px rgba(255, 255, 255, 0.10); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, .2), inset 0px -3px 0px rgba(0, 0, 0, 0.35), inset 0px 14px 14px rgba(255, 255, 255, 0.10); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, .2), inset 0px -3px 0px rgba(0, 0, 0, 0.35), inset 0px 14px 14px rgba(255, 255, 255, 0.10); } .rnd_button:active { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0px 2px 1px rgba(255, 255, 255, 0.1), inset 0px 1px 4px rgba(0, 0, 0, 0.35), inset 0px -14px 14px rgba(255, 255, 255, 0.10); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0px 2px 1px rgba(255, 255, 255, 0.1), inset 0px 1px 4px rgba(0, 0, 0, 0.35), inset 0px -14px 14px rgba(255, 255, 255, 0.10); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0px 2px 1px rgba(255, 255, 255, 0.1), inset 0px 1px 4px rgba(0, 0, 0, 0.35), inset 0px -14px 14px rgba(255, 255, 255, 0.10); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0px 2px 1px rgba(255, 255, 255, 0.1), inset 0px 1px 4px rgba(0, 0, 0, 0.35), inset 0px -14px 14px rgba(255, 255, 255, 0.10); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0px 2px 1px rgba(255, 255, 255, 0.1), inset 0px 1px 4px rgba(0, 0, 0, 0.35), inset 0px -14px 14px rgba(255, 255, 255, 0.10); } #page { overflow: hidden; position:relative; margin:0px 0px 0px 0px; padding:30px 30px 30px 30px; z-index:1; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6); } #page_sb { overflow: hidden; position:relative; margin:0px 0px 0px 0px; padding:30px 30px 30px 30px; z-index:1; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6); } #page_c { overflow: hidden; position:relative; margin:0px 0px 0px 0px; padding:30px 30px 30px 30px; z-index:1; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6); } #page_c #sidebar { margin:-10px 0 0 0; } #slider_h { clear:both; height:auto; overflow:visible; margin:-1px 0 30px 0; padding:0 0px 0 0px; transition: all ease-in-out .4s; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; } .flexsliderNav:before, .flexsliderNav:after { background: none; -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); content: ''; left: 0; position: absolute; top: 0; width: 100%; z-index:1000000; } .flexsliderNav:after { bottom: 0; top: auto; } #page_content { } #posts { width:71%; margin:0; padding:0; float:left; } #posts_2 { width:71%; margin:0; padding:0; float:left; } #posts_f { width:100%; margin:0; padding:0; float:left; } #posts_2_f { width:100%; margin:0; padding:0; float:left; } .hp_title { position:relative; font-size:22px; color:#414141; width:70%; margin:0; padding:22px 0 22px 30px; font-family:'Droid serif'; z-index:1; } #title { margin:0 30px 0 5px; padding: 0px 0 20px 0; overflow:auto; border-bottom:1px solid #EEE; } .page_title { position:relative; font-size:22px; color:#414141; text-align:left; width:auto; z-index:1; margin-top:10px; padding:0px 0px 5px 0px; font-family:'Open sans'; font-weight:300; letter-spacing:0px; line-height: 1.25; } .page_s_title { font-size:15px; color:#000; width:auto; margin:0px 0px 0px 10px; padding:20px 0 20px 0px; border-bottom:1px solid #dcdcdc; } #ptitle { font-size:21px; font-family:'Oswald'; color:#FFF; width:100%; padding:0 30px 0 30px; } .subtitle { position:relative; text-align:left; font-style:italic; font-size:13px; z-index:2; color:#666666; } .post { margin:0 0 40px 0; padding:0 0 20px 0; border-bottom:1px solid #ebebeb; } .post_single { margin:10px 0 30px 0; border-bottom:1px dashed #ebebeb; } .title-left { height: 54px; width: 10px; background:url(images/nav-bar-left.png) no-repeat; float: left; } .title-right { height: 54px; width: 10px; background:url(images/nav-bar-right.png) no-repeat; float: right; } .post-title { padding-top:10px; padding-bottom:22px; font-size:16px; font-weight:normal; } .post-title a { text-decoration: none; color: #fff; margin-top:20px; } .post-attachement { overflow:hidden; position:relative; width:100%; } .post-attachement:hover .img_link { left:60px; display: none; } .post-attachement:hover .post_link { right:60px; display: none; } .portfolio_recent_post_three .post-attachement:hover .img_link { left:100px; } .portfolio_recent_post_three .post-attachement:hover .post_link { right:100px; } .portfolio_recent_post_two .post-attachement:hover .img_link { left:178px; } .portfolio_recent_post_two .post-attachement:hover .post_link { right:178px; } .img_link { position:absolute; top:50%; margin-top:-25px; left:-50px; width:51px; height:51px; opacity:0.85; display: block; background:url(images/zoom.png) no-repeat center center; text-indent:-9999px; transition: all ease-in-out .4s; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; z-index:2; } .post_link { position:absolute; top:50%; margin-top:-25px; right:-50px; width:51px; height:51px; opacity:0.85; display: block; background:url(images/link.png) no-repeat center center; text-indent:-9999px; transition: all ease-in-out .4s; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; z-index:1; } .img_link:hover { opacity:1; } .post_link:hover { opacity:1; } .port-arrow { background:url(images/port_up_arrow.png) no-repeat; position:absolute; bottom:0; left:50%; margin-left:-7px; width:14px; height:7px; z-index:1000; } .post-attachement-s { width:auto; !important overflow:visible; margin:0 0 0px 0px; position:relative; } #page_s { width:70%; overflow:auto; margin:0px 0px 50px 0px; padding:0 0 30px 0; float:left; } .p-title{ font-family:"Lato"; font-size:18px; margin:0; padding:0; text-shadow:none; } .p-title a{ color:#414141; } .post-info { width:100%; height:auto; overflow:auto; color:#666; margin:10px 0px 5px 0px; !important padding:10px 0px 0px 0px; } .post-info a { color:#666; } .post-info a:hover { color:#606060; } .post-user { width:auto; float:left; background:url(images/user.png) 0px 22% no-repeat; padding:0px 15px 5px 20px; } .post-date { width:auto; float:left; background:url(images/date_s.png) 0px 16% no-repeat; padding:0px 15px 5px 20px; } .post-cat { width:auto; float:left; background:url(images/cat_s.png) 0px 22% no-repeat; padding:0px 10px 5px 20px; } .post-tag { width:auto; float:left; background:url(images/tag_s.png) 5px 17% no-repeat; padding:0px 10px 5px 24px; } .post-com { width:auto; float:left; background:url(images/cmt_s.png) 7px 22% no-repeat; padding:0px 10px 5px 25px; } .post-image { background-color:#FFF; margin: 0 0 15px; } .post-content { width:auto; position:relative; margin:-30px 10px 0 10px; padding:10px 0 0 0px; background-color:#FFF; } .entry { width:auto; overflow:auto; line-height:24px; margin:0px 0px 10px 0px; padding-bottom:10px; } .navigation { padding:20px 0px 20px 0px; width:100%; font-weight:normal; } .port_navigation { overflow:auto; padding:5px 30px 0px 30px; margin-bottom:40px; width:100%; } .port_navigation .pagination { padding:0; } .pagination { clear:both; padding:20px 0; position:relative; font-size:11px; line-height:13px; } .pagination span, .pagination a { display: inline-block; *display: inline; margin-bottom: 0; *margin-left: .3em; text-align: center; font-size:13px; font-family:"PT sans"; letter-spacing:0.5px; color:#414141; background-color:#f7f7f7; outline: none; overflow: visible; /* removes extra side padding in IE */ cursor: pointer; border: 1px solid #ebebeb;/* IE */ border-bottom:1px solid #ccc; text-shadow:none; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */ -moz-user-select: none; -webkit-user-select:none; -khtml-user-select: none; user-select: none; float:left; margin: 2px 2px 2px 0; padding:6px 8px 5px 8px; width:auto; } .pagination a:hover { color:#fff; background: #3279BB; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0); } .pagination .current { padding:6px 9px 5px 9px; background: #3279BB; color:#fff; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0); } .pagination a.active, .pagination a:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } #posts_2 .navigation { padding:0px 0 40px 0; } #posts_2_f .navigation { padding:0px 0 40px 0; } #posts_2_f .post-attachement, .post-attachement-s { margin:0px 0 15px 0; } #posts_2 .post-attachement, .post-attachement-s { margin:0px 0 15px 0; } .navigation h3 { font-size:1.1em; font-weight:normal; } .navigation a { } .navigation_single { padding:40px 0px 40px 0px; width:auto; word-spacing:0px; font-weight:normal; display: none; } .navigation_single h3 { font-weight:normal; margin:0; padding:0; } .navigation_single a {display: inline-block; *display: inline; padding: 1px 10px 1px; margin-bottom: 0; *margin-left: .3em; text-align: center; font-size:13px; font-family:"PT sans"; letter-spacing:0.5px; color:#fff; background-color:#f7f7f7; color:#fff; outline: none; overflow: visible; /* removes extra side padding in IE */ cursor: pointer; border: 1px solid #ebebeb;/* IE */ border-bottom:1px solid #ccc; text-shadow:none; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */ -moz-user-select: none; -webkit-user-select:none; -khtml-user-select: none; user-select: none; transition: all ease-in-out .4s; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; } .navigation_single a { color:#414141; } .navigation_single a:hover { color: #fff; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; /* Buttons in IE7 don't get borders, so darken on hover */ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .navigation_single a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .navigation_single a.active, .navigation_single a:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .left { float:left; padding-left:0px; } .right { float:right; padding-right:0px; } .entries { display: inline-block; *display: inline; padding: 4px 10px 4px; margin:0px 0 0px 0; *margin-left: .3em; font-size: 12px; font-family:'Droid serif'; font-style:italic; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(top, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; *border: 0; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .entries:hover, .entries:active, .entries.active, .entries.disabled, .entries[disabled] { background-color: #e6e6e6; *background-color: #d9d9d9; } .entries:active, .entries.active { background-color: #cccccc \9; } .entries:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; /* Buttons in IE7 don't get borders, so darken on hover */ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .entries:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .entries.active, .entries:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } /************************************************************************************ BLOG STYLE *************************************************************************************/ #page_b { overflow:auto; margin:0px 0px 0px 0px; padding:0px 30px 30px 30px; z-index:1; } #page div.blog_post:first-child { padding:0px 0 40px 0; border-top:none; } #page div.blog_post_single:first-child { margin:0px 0 0 0; } #page div.post:first-child { margin:0px 0 40px 0; } .blog_post { margin:0px 0 0px 0; overflow:hidden; padding:40px 0 40px 0; overflow:visible; position:relative; border-top:1px solid #ffffff; border-bottom:1px solid #eee; } .blog_post_single { margin:50px 0 0px 0; overflow:hidden; position:relative; border-bottom:1px solid #eee; padding:0 0 30px 0; } .post_content { overflow:visible; width:auto; margin:0; padding:0px; } .post_att { width:auto;!important overflow:hidden; margin:0 0 16px 125px; padding:0; position:relative; } .post_att_s { width:auto;!important overflow:hidden; margin:0 0 16px 125px; padding:0; position:relative; } #posts_p .post_att_s { width:100%; overflow:hidden; margin:0; padding:0; position:relative; } .post_meta { width:90px; margin:0px 0px 0 0; padding:0px; float:left; font-size:9px; } .post_meta_small { width:100%; margin-top:15px; display:none; } .post_meta a, post_meta_small a { color:#666; } .blog_post_single .post_meta_small { width:100%; margin:0px 0 15px 0; } .title_box { width:auto; min-height:41px; position:relative; margin-top:0px; font-family:'Lato'; font-size:18px; } .title_box a { color:#fff; } .p_title { display:block; width:auto; text-shadow:none; font-size:16px; margin:0px 0 10px 0; color:#414141; z-index:100; } .p_title a{ color:#313131; } .post_date { background:url(images/post_date.png) top right no-repeat; width:105px; text-align:center; float:left; height:52px; color:#fff; text-shadow:none; font-size:14px; padding:8px 0 0px 0; z-index:101; display:block; display:none; } .post_user { width:auto; float:left; color:#CCC; margin:0; padding:0px 0px 0px 0px; display: none; } .post_day { width:100%; float:left; font-size:55px; color:#333333; font-family:"Lato"; letter-spacing:0px; padding:0px 0px 0px 0px; } .post_cat { width:100%; float:left; margin:0; padding:0px 0px 0px 0px; display: none; } .post_cat_s { width:auto; float:left; font-weight:bold; background:url(images/cat_s.png) 0px 60% no-repeat; padding:5px 15px 0px 20px; } .post_tag { width:100%; float:left; padding:0px 0px 0px 0px; } .post_tag_s { width:auto; float:left; font-weight:bold; background:url(images/tag_s.png) -3px 57% no-repeat; padding:5px 15px 0px 20px; } .post_com { width:100%; float:left; padding:0px 0px 0px 0px; display: none; } .post_com_s { width:auto; float:left; font-weight:bold; background:url(images/cmt_s.png) 0px 20% no-repeat; padding:0px 0px 5px 20px; display:none; } .blog_entry { width:auto;!important overflow:hidden; margin:0 0 0px 125px; padding:0; position:relative; } .more-link { font-size:13px; font-family:"PT sans"; display: inline-block; *display: inline; margin-bottom: 0; text-align: center; margin-top:15px; color:#fff; background-color:#f7f7f7; color:#414141; outline: none; overflow: visible; /* removes extra side padding in IE */ cursor: pointer; border: 1px solid #ebebeb;/* IE */ border-bottom:#CCC 1px solid; text-shadow:none; padding: 3px 10px 3px; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */ -moz-user-select: none; -webkit-user-select:none; -khtml-user-select: none; user-select: none; } .more-link:hover { color: #fff; text-decoration: none; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0); background-color:#0CF; /* Buttons in IE7 don't get borders, so darken on hover */ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .more-link:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .more-link.active, .more-link:active { background-color: #0CF \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } /************************************************************************************ PORTFOLIO *************************************************************************************/ #page_p { overflow:auto; margin:0px 0px 0px 0px; padding:30px 0px 15px 30px; } .portfolio { width:100%; overflow:auto; margin:0px 0px 0px 0px; padding:0 0px 0px 0px; z-index:1; } #posts_p { width:70%; margin:0; padding:0; float:left; overflow:visible; } #informations { float:right; width:27%; padding:0px 0 0px 0px; } #informations ul { list-style:none; margin:0 0 0 0px; } .post-meta-key { font-style:italic; font-weight:bold; } .post_portfolio { position:relative; width:auto; background-color:#FFF; margin:30px 0px 0px 0px; padding:5px 5px 0 5px; -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0px 2px rgba(0, 0, 0, .3); box-shadow: 0 0px 2px rgba(0, 0, 0, .3); transition: all ease-in-out .3s; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; } .post_portfolio:hover { -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .4); box-shadow: 0 1px 10px rgba(0, 0, 0, .4); } .portfolio_content { width:auto; overflow:hidden; } .portfolio_attachement { width:70%; float:right; margin:0; padding:0; border:none; } .portfolio_attachement li { padding:0; margin:0; } .portfolio_entry { width:30%; height:auto; padding:0; margin:0; float:left; } .portfolio_title { margin:0; padding:5px 0 5px 5px; background:#333; color:#FFF; width:100%; text-align:left; font:25px; } .portfolio_title a { text-decoration:none; color:#FFF; } .portfolio_text { padding:5px 5px 0 5px; } .portfolio_recent_post_two { width:480px; margin:0px 0 0 0; height:330px; float:left; } .portfolio_recent_post_three { width:320px; height:243px; margin:0px 0 0 0; float:left; } .portfolio_recent_post { width:240px; margin:0 0px 0px 0px; height:205px; float:left; } .port_recent_post { position:relative; width:auto; padding:5px; min-height:400px; height:auto; -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0px 2px rgba(0, 0, 0, .3); box-shadow: 0 0px 2px rgba(0, 0, 0, .3); transition: all ease-in-out .4s; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; } .port_recent_post:hover { -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .4); box-shadow: 0 1px 10px rgba(0, 0, 0, .4); } .portfolio-next { letter-spacing:0px; top:17px; right:12px; position:absolute; height:10px; width:10px; padding:0px; font-size:13px; font-family:"Oswald"; line-height:6px; font-style:normal; } .portfolio-next a { display: inline-block; *display: inline; width:10px; height:10px; padding:5px; margin-bottom: 0; *margin-left: .3em; text-align: center; margin-top:-5px; font-weight:500; color:#fff; background-color:#414141; color:#fff; outline: none; overflow: visible; /* removes extra side padding in IE */ cursor: pointer; border: rgba(0, 0, 0, .1) 1px solid;/* Saf4+, Chrome, FF3.6 */ border-bottom:rgba(0, 0, 0, .4) 1px solid; text-transform:uppercase; text-shadow:none; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */ -moz-user-select: none; -webkit-user-select:none; -khtml-user-select: none; user-select: none; margin-bottom:10px!important; } .portfolio-next a:hover { color:#fff; text-decoration: none; /* Buttons in IE7 don't get borders, so darken on hover */ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .portfolio-next a:active { outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .portfolio-prev { letter-spacing:0px; text-align:left; position:absolute; font-family:"Oswald"; top:17px; right:40px; height:10px; font-size:13px; width:10px; padding:0px; line-height:6px; font-style:normal; } .portfolio-prev a { display: inline-block; *display: inline; width:10px; height:10px; padding:5px 6px 5px 4px; margin-bottom: 0; *margin-left: .3em; text-align: center; margin-top:-5px; font-weight:500; color:#fff; background-color:#414141; color:#fff; outline: none; overflow: visible; /* removes extra side padding in IE */ cursor: pointer; border: 1px solid #999;/* IE */ border: rgba(0, 0, 0, .1) 1px solid;/* Saf4+, Chrome, FF3.6 */ border-bottom:rgba(0, 0, 0, .4) 1px solid; text-transform:uppercase; text-shadow:none; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */ -moz-user-select: none; -webkit-user-select:none; -khtml-user-select: none; user-select: none; margin-bottom:10px!important; } .portfolio-prev a:hover { color:#fff; text-decoration: none; /* Buttons in IE7 don't get borders, so darken on hover */ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .portfolio-prev a:active { outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } #portfolio-tags { width:100%; float:left; margin:0px 0 0px 0; padding:0; } #portfolio-filter { list-style:none; width:auto; margin:0 30px 0 0; padding:0 0px 0px 0; overflow:auto; border-bottom:1px solid #f1f1f1; } #portfolio-filter li { float:left; letter-spacing:1px; margin:0 0px 0 0; padding:5px 10px 10px 0; } #portfolio-filter a { display: inline-block; *display: inline; padding: 4px 10px 6px; margin-bottom: 0; *margin-left: .3em; text-align: center; font-size:13px; font-family:"PT sans"; margin-top:-5px; color:#fff; background-color:#414141; outline: none; overflow: visible; /* removes extra side padding in IE */ cursor: pointer; border: rgba(0, 0, 0, .1) 1px solid;/* Saf4+, Chrome, FF3.6 */ border-bottom:rgba(0, 0, 0, .4) 1px solid; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0.0); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0); -moz-user-select: none; -webkit-user-select:none; -khtml-user-select: none; user-select: none; margin-bottom:5px!important; } #portfolio-filter a:focus { outline: 0; } #portfolio-filter a.active, #portfolio-filter a:active { background-color:#414141; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } #portfolio-list { margin:0; padding:0; list-style:none; } .left_f { float:left; padding-left:30px; } .active { color:#FF0000; } .right_f { float:right; padding-right:30px; } .left_p { float:left; padding-left:30px; } .right_p { float:right; padding-right:30px; } /************************************************************************************ SHORTCODE , CUSTOM WIDGET *************************************************************************************/ /* Tabs setting */ ul.tabs { list-style:none; margin:-2px 0 0 0 !important; padding:0; height:30px; } /* single tab */ ul.tabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; } ul.tabs a { font-size:11px; display:block; height: 30px; line-height:30px; width: auto; text-align:center; text-decoration:none; color:#fff; padding:0 10px 0 10px; margin:0px; position:relative; top:1px; left:1px; background-color:#EEE; border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; text-shadow:none; box-shadow: -1px -1px 0px rgba(0, 0, 0, 0.0512); border-right:#EEE 1px solid; } ul.tabs a:active { outline:none; background-color:#FFF; color:#414141; } ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background-color:#FFF; color:#414141; } .panes .pane { display:none; } .panes div { display:none; border-top:0; height:auto; background: #fff; padding: 19px 10px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; } /* Accordion setting */ .accordion { width:100%; } .accordion dt:first-child { border:#EEE 1px solid; } .accordion dt { padding: 12px 10px 8px 30px; overflow:auto; height:auto; border-right:#EEE 1px solid; border-left:#EEE 1px solid; border-bottom:#EEE 1px solid; background:url(images/plus.png) 0px 50% no-repeat #fff; } .accordion_active { color:#666; !important } .accordion dd { border-top: 0; font-size: 12px; padding: 12px 10px 8px 30px; overflow:auto; height:auto; background:#fff; border-bottom:#EEE 1px solid; border-left:#EEE 1px solid; border-right:#EEE 1px solid; } /* Alerts setting */ .alert { text-align:center; padding:30px; } .alert.white { background-color: #fff; color: #a9a6a6; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); border: 1px solid #e1e1e1; } .alert.grey { background-color: #eeeeee; color: #848484; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); border: 1px solid #cbcbcb; } .alert.red_a { background-color: #ffe7e7; color: #d86d6d; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); border: 1px solid #ed9393; } .alert.orange_a { background-color: #fff6e7; color: #ccb059; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); border: 1px solid #edd093; } .alert.blue_a { background-color: #e7e8ff; color: #7773c1; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); border: 1px solid #9393ed; } .alert.green_a { background-color: #ecffe7; color: #53a755; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); border: 1px solid #93ed95; } /* Buttons setting */ .button_sc { font-size:13px; font-family:"PT sans"; display: inline-block; *display: inline; margin-bottom: 0; *margin-left: .3em; text-align: center; margin-top:-5px; color:#fff; background-color:#414141; color:#fff; outline: none; overflow: visible; /* removes extra side padding in IE */ cursor: pointer; border: 1px solid #ebebeb;/* IE */ border-bottom:#CCC 1px solid; text-transform:uppercase; padding: 4px 12px 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */ -moz-user-select: none; -webkit-user-select:none; -khtml-user-select: none; user-select: none; margin-bottom:10px!important; } .button_sc a { color:#fff; } .button_sc:hover, .button_sc:active, .button_sc.active, .button_sc.disabled, .button_sc[disabled] { background-color: #e6e6e6; *background-color: #d9d9d9; } .button_sc:active, .button_sc.active { background-color: #cccccc \9; } .button_sc:first-child { *margin-left: 0; } .button_sc:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; /* Buttons in IE7 don't get borders, so darken on hover */ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .button_sc:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .button_sc.active, .button_sc:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .button_sc.disabled, .button_sc[disabled] { cursor: default; background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .button_sc, .button_sc:hover { color: #454545; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); } .button_sc.active { color: rgba(255, 255, 255, 0.75); } .button_sc { border-color: #ccc; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .button_sc_ { font-size:13px; font-family:"PT sans"; display: inline-block; *display: inline; margin-bottom: 0; *margin-left: .3em; text-align: center; color:#fff; background-color:#414141; color:#fff; outline: none; overflow: visible; /* removes extra side padding in IE */ cursor: pointer; border: 1px solid #999;/* IE */ border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */ border-bottom:rgba(0, 0, 0, .4) 1px solid; text-transform:uppercase; padding: 4px 12px 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */ -moz-user-select: none; -webkit-user-select:none; -khtml-user-select: none; user-select: none; margin-bottom:10px!important; } .button_sc_ a { color:#fff; } .button_sc_:hover, .button_sc_:active, .button_sc_.active, .button_sc_.disabled, .button_sc_[disabled] { background-color: #e6e6e6; *background-color: #d9d9d9; } .button_sc_:active, .button_sc_.active { background-color: #cccccc \9; } .button_sc_:first-child { *margin-left: 0; } .button_sc_:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; /* Buttons in IE7 don't get borders, so darken on hover */ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .button_sc_:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .button_sc_.active, .button_sc_:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .button_sc_.disabled, .button_sc_[disabled] { cursor: default; background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .button_sc_, .button_sc_:hover { color: #454545; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); } .button_sc_.active { color: rgba(255, 255, 255, 0.75); } .button_sc_ { border-color: #ccc; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .large { padding: 7px 15px 7px 15px; font-size: 12px !important; } a .button_sc:hover { color:#FFF; } /* Color */ .black { color:#fff; background-color: #414141; *background-color: #222222; background-image: -ms-linear-gradient(top, #555555, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222)); background-image: -webkit-linear-gradient(top, #555555, #222222); background-image: -o-linear-gradient(top, #555555, #222222); background-image: -moz-linear-gradient(top, #555555, #222222); background-image: linear-gradient(top, #555555, #222222); background-repeat: repeat-x; border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); } .black:hover, .black:active, .black.active, .black.disabled, .black[disabled] { color:#fff; background-color: #222222; *background-color: #151515; } .black:active, .black.active { background-color: #080808 \9; } .green { color:#fff; background-color: #5fb01c; *background-color: #4f9114; background-image: -ms-linear-gradient(top, #66b81f, #4f9114); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#66b81f), to(#4f9114)); background-image: -webkit-linear-gradient(top, #66b81f, #4f9114); background-image: -o-linear-gradient(top, #66b81f, #4f9114); background-image: -moz-linear-gradient(top, #66b81f, #4f9114); background-image: linear-gradient(top, #66b81f, #4f9114); background-repeat: repeat-x; border-color: #4f9114 #4f9114 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#66b81f', endColorstr='#4f9114', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); } .green:hover, .green:active, .green.active, .green.disabled, .green[disabled] { color:#fff; background-color: #4f9114; *background-color: #3f730e; } .green:active, .green.active { background-color: #080808 \9; } .blue { color:#fff; background-color: #2865de; *background-color: #2654ab; background-image: -ms-linear-gradient(top, #2b70f0, #2654ab); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2b70f0), to(#2654ab)); background-image: -webkit-linear-gradient(top, #2b70f0, #2654ab); background-image: -o-linear-gradient(top, #2b70f0, #2654ab); background-image: -moz-linear-gradient(top, #2b70f0, #2654ab); background-image: linear-gradient(top, #2b70f0, #2654ab); background-repeat: repeat-x; border-color: #2654ab #2654ab #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#2b70f0', endColorstr='#2654ab', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); } .blue:hover, .blue:active, .blue.active, .blue.disabled, .blue[disabled] { color:#fff; background-color: #2654ab; *background-color: #3f730e; } .blue:active, .blue.active { background-color: #080808 \9; } .light_blue { color:#fff; background-color: #33adff; *background-color: #2b9be6; background-image: -ms-linear-gradient(top, #4fb9ff, #2b9be6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4fb9ff), to(#2b9be6)); background-image: -webkit-linear-gradient(top, #4fb9ff, #2b9be6); background-image: -o-linear-gradient(top, #4fb9ff, #2b9be6); background-image: -moz-linear-gradient(top, #4fb9ff, #2b9be6); background-image: linear-gradient(top, #4fb9ff, #2b9be6); background-repeat: repeat-x; border-color: #2b9be6 #2b9be6 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#2b70f0', endColorstr='#2b9be6', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); } .light_blue:hover, .light_blue:active, .light_blue.active, .light_blue.disabled, .light_blue[disabled] { color:#fff; background-color: #2b9be6; *background-color: #3f730e; } .light_blue:active, .light_blue.active { background-color: #080808 \9; } .orange { color:#fff; background-color: #ffaa00; *background-color: #eba71e; background-image: -ms-linear-gradient(top, #ffbe3d, #eba71e); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffbe3d), to(#eba71e)); background-image: -webkit-linear-gradient(top, #ffbe3d, #eba71e); background-image: -o-linear-gradient(top, #ffbe3d, #eba71e); background-image: -moz-linear-gradient(top, #ffbe3d, #eba71e); background-image: linear-gradient(top, #ffbe3d, #eba71e); background-repeat: repeat-x; border-color: #eba71e #eba71e #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffbe3d', endColorstr='#eba71e', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); } .orange:hover, .orange:active, .orange.active, .orange.disabled, .orange[disabled] { color:#fff; background-color: #eba71e; *background-color: #db960d; } .orange:active, .orange.active { background-color: #080808 \9; } .dark_orange { color:#fff; background-color: #ff6533; *background-color: #e85a2e; background-image: -ms-linear-gradient(top, #fa7850, #eba71e); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fa7850), to(#e85a2e)); background-image: -webkit-linear-gradient(top, #fa7850, #e85a2ee); background-image: -o-linear-gradient(top, #fa7850, #e85a2e); background-image: -moz-linear-gradient(top, #fa7850, #e85a2e); background-image: linear-gradient(top, #fa7850, #e85a2e); background-repeat: repeat-x; border-color: #e85a2e #e85a2e #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fa7850', endColorstr='#e85a2e', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); } .dark_orange:hover, .dark_orange:active, .dark_orange.active, .dark_orange.disabled, .dark_orange[disabled] { color:#fff; background-color: #e85a2e; *background-color: #d4522a; } .dark_orange:active, .dark_orange.active { background-color: #080808 \9; } .red { color:#fff; background-color: #da4f49; *background-color: #bd362f; background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(top, #ee5f5b, #bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); } .red:hover, .red:active, .red.active, .red.disabled, .red[disabled] { color:#fff; background-color: #bd362f; *background-color: #942a26; } .red:active, .red.active { background-color: #080808 \9; } /* Column setting */ .one-half-sc, .one-third-sc, .one-fourth-sc, .three-fourth-sc, .two-third-sc { position:relative; height:auto; margin:0 20px 0px 0; padding:0; float: left; } .one-half-sc { width:460px; } .one-third-sc { width:300px; } .one-fourth-sc { width:220px; } .three-fourth-sc { width:690px; } .two-third-sc { width:620px; } #page_s .one-half-sc { width:48%; margin-right:2%; } #page_s .one-third-sc { width:31.3%; margin-right:2%; } #page_s .one-fourth-sc { width:23%; margin-right:2%; } #page_s .three-fourth-sc { width:73%; margin-right:2%; } #page_s .two-third-sc { width:64.6%; margin-right:2%; } #page_h .one-half-sc { width:445px; margin:0 20px 0 0; } #page_h .one-third-sc { width:298px; margin:0 20px 0 0; } #page_h .one-fourth-sc { width:220px; margin:0 20px 0 0; } #page_h .three-fourth-sc { width:690px; margin:0 20px 0 0; } #page_h .two-third-sc { width:612px; margin:0 20px 0 0; } #page_h .last-column { margin:0 0 0 0px; } .entry .one-half-sc { width:48%; margin-right:2%; } .entry .one-third-sc { width:31.3%; margin-right:2%; } .entry .one-fourth-sc { width:23%; margin-right:2%; } .entry .three-fourth-sc { width:73%; margin-right:2%; } .entry .two-third-sc { width:64.6%; margin-right:2%; } .blog_entry .one-half-sc { width:48%; margin-right:2%; } .blog_entry .one-third-sc { width:31.3%; margin-right:2%; } .blog_entry .one-fourth-sc { width:23%; margin-right:2%; } .blog_entry .three-fourth-sc { width:73%; margin-right:2%; } .blog_entry .two-third-sc { width:64.6%; margin-right:2%; } .last-column { margin:0 0 20px 0; !important padding:0; } .title_s { width:auto; margin:0 10px 0 10px; position:relative; text-align:center; z-index:200; } .post-content_s { width:auto; margin:-30px 20px 0 20px; padding:10px 0 10px 0px; background-color:#FFF; -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0px 2px rgba(0, 0, 0, .3); box-shadow: 0 0px 2px rgba(0, 0, 0, .3); } .full_width_b { padding:30px 10px 25px 30px; width:auto; position:relative; overflow:hidden; } .full_width { padding:0px 0px 0px 0px; margin:0 30px 0 30px; width:auto; position:relative; overflow:hidden; } .full_width_p { padding:0px 10px 0px 30px; width:auto; } .full_width_p_two { padding:0px 10px 0px 30px; width:auto; } .full_width_p_three { padding:0px 10px 0px 30px; width:auto; } .hp_widget { width:100%; overflow:auto; margin:30px 0px 0px 0px; padding:0 0px 0px 0px; z-index:1; -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, .1); -moz-box-shadow: 0px 4px 15px rgba(0, 0, 0, .1); box-shadow: 0px 4px 15px rgba(0, 0, 0, .1); } .half_width { float:left; width:50%; } .tier_width { float:left; width:33.33%; } .twotier_width { float:left; width:66.66%; } .quarter_width { float:left; width:25%; } /* Lines SC */ .sc_line { min-height:0px; !important overflow:auto; border-top:1px solid #EEE; width:auto; float:none; padding:0; margin:10px 0px 10px 0px; } .dashed { border-top:1px dashed #eee; border-bottom:1px dashed #ffffff; } .dotted { border-top:1px dotted #eee; border-bottom:1px dashed #ffffff; } .tweets { clear: both; list-style: none; margin: 0; padding: 6px 0 0; } .tweets li { margin-bottom: 6px; } .tweets p { margin-bottom: 0; } .tweets span { display: block; font-size: 10px; } .widget_recent_post { width:25%; float:left; } .widget_recent_post :hover .post_more { background-color:#F60; } .widget_recent_port { width:220px; min-height:185px; height:auto; background-color:#f5f5f5; margin:0px 20px 35px 0px; border-bottom:1px solid #DDD; float:left; transition: all ease-in-out .4s; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; } .widget_recent_port .zoom { display:none; } .widget_recent_port p { transition: all ease-in-out .4s; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; } .recent_post { position:relative; width:auto; min-width:200px; padding:0px; margin:0 20px 20px 0px; min-height:202px; height:auto; transition: all ease-in-out .3s; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; } .recent_post_p { position:relative; width:auto; min-width:200px; padding:5px; margin:0px 20px 30px 0px; min-height:320px; height:auto; -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0px 2px rgba(0, 0, 0, .3); box-shadow: 0 0px 2px rgba(0, 0, 0, .3); transition: all ease-in-out .3s; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; } .recent_post_p:hover { -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .4); box-shadow: 0 1px 10px rgba(0, 0, 0, .4); } .widget_title { text-align:left; width:auto; color:#414141; margin:20px 30px 20px 30px; border-bottom:1px solid #EEE; font-weight:bold; } .widget_title h4 { font-weight:700; text-transform: none; font-family: 'PT Sans', sans-serif; font-size:17px; } .widget_post_title { margin:0; padding:0; width:auto; float:left; font-size:15px; } .widget_post_title a { color:#414141; } .recent_port_p { position:relative; width:auto; padding:8px; background-color:#f7f7f7; margin:0px 20px 10px 0px; height:auto; border:1px solid #ededed; border-bottom:1px solid #DDD; transition: all ease-in-out .3s; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; } .port_info { width:auto; margin:0 20px 0 0; display: none; } .port_info a { color:#666; } .widget_port_title { text-align:center; padding:0; font-size:16px; font-family:'Lato'; font-weight:normal; font-style:normal; } .entry_meta_p { text-align:center; font-family:'Open sans'; } .entry_content_p { background-color:#1c1c1c; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#2F2727)); /* Safari 5.1+, Chrome 10+ */ background: -webkit-linear-gradient(top, #3333333, #2F2727); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #333333, #2F2727); /* IE 10 */ background: -ms-linear-gradient(top, #333333, #2F2727); text-align:center; padding:10px 0 10px 0; color:#FFF; font-size:10px; } .post_more { position:absolute; bottom:0; right:15px; height:15px; width:15px; background: url(images/+.png) no-repeat #414141; transition: all ease-in-out .4s; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; -webkit-box-shadow: 1px -1px 1px rgba(50, 50, 50, 0.75); -moz-box-shadow: 1px -1px 1px rgba(50, 50, 50, 0.75); box-shadow: 1px -1px 1px rgba(50, 50, 50, 0.75); } .moretext { position:absolute; bottom:0px; left:0px; font-size:0.82em; color: #fff; background: #343434; padding:2px 1px 3px 2px; -moz-box-shadow: inset 0px 1px 5px #000; -webkit-box-shadow: inset 0px 1px 5px #000; box-shadow: inset 0px 1px 5px #000; cursor: pointer; overflow: hidden; width: auto; border-radius: 0; transition: all ease-in-out .4s; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; } .moretext:hover { text-decoration:none; transition: all ease-in-out .4s; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; color: #fff; } .moretext a { font-size:0.82em; padding:7px; color:#FFF; text-decoration:none; } .moretext a:hover { color:#FFF; } .more { font-size:13px; font-family:"PT sans"; display: inline-block; *display: inline; margin-bottom: 0; text-align: center; margin-top:15px; color:#fff; background-color:#f7f7f7; color:#414141; outline: none; overflow: visible; /* removes extra side padding in IE */ cursor: pointer; border: 1px solid #ebebeb;/* IE */ border-bottom:#CCC 1px solid; text-shadow:none; padding: 4px 10px 3px; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */ -moz-user-select: none; -webkit-user-select:none; -khtml-user-select: none; user-select: none; } .more:hover { color: #fff; text-decoration: none; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0); background-color:#0CF; /* Buttons in IE7 don't get borders, so darken on hover */ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .more:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .more.active, .more:active { background-color: #0CF \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } #map_title { margin:0; padding:0 0 15px 0; font-weight:normal; } #map_canvas { margin-top:-1px; position:relative; } #map_canvas:before, #map_canvas:after { background: none; -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); content: ''; left: 0; position: absolute; top: 0; width: 100%; z-index:1000; } #map_canvas:after { bottom: 0; top: auto; } .widget_recent_entries li { list-style:none; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #e2e2e2; display:block; overflow:auto; } #footer .widget_recent_entries li { padding-bottom:20px; } .widget_recent_entries li:last-child { padding-bottom:10px; !important } .thumbnail { width:40px; height:40px; padding:5px; margin-right:10px; border-bottom:1px solid #CCC; background-color:#FFF; float:left; } .widget_recent_entry a { color:#444; } .excerpt { font-size:11px; } .jcarousel { overflow:hidden; padding-top:5px; margin:0 0px 0 0px; } .carousel_nav { position:relative; width:100%; z-index:100; } .carousel_left { position:absolute; top:-38px; right:58px; height:10px; width:10px; font-size:13px; padding:5px 6px 5px 4px; font-family:"Oswald"; line-height:6px; font-weight:500; font-style:normal; } .carousel_right { position:absolute; font-family:"Oswald"; top:-38px; right:30px; height:10px; width:10px; padding:5px; font-size:13px; line-height:6px; font-weight:500; font-style:normal; } .carousel_more { position:absolute; display:none; top:-7px; left:160px; height:15px; width:15px; background: url(images/+.png) no-repeat #414141; transition: all ease-in-out .4s; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; } .port_widget { width:100%; overflow:auto; padding:0 0 0px 0; margin:0; } .port_widget img { width:auto; height:auto; } .no_margin { width:22%; float:left; margin:0px 0 5px 0; padding:0; border:none; !important } .margin_r { width:22%; float:left; margin-top:0px; margin-right:4%; padding:0; border:none; !important } .port_tn { width:auto; !important height:auto; padding:5px; border-bottom:1px solid #CCC; background-color:#FFF; margin:0; } #calendar_wrap { width:100%; } #calendar_wrap th { padding-top:10px; text-align:left; width:16%; } /************************************************************************************ SIDEBAR *************************************************************************************/ #sidebar { width:24%; float: right; margin: 0px 0px 0px 0px; padding:0 0 0 0px; } #sidebar a { color:#414141; } .sb_widget { margin:0 0 30px 0; padding:0 0 0px 0; } .sb_widget ul { margin:0 0 0 0px; padding:0px 0 10px 0px; list-style-image:url(images/li_icon.png); list-style-position:inside; } .sb_widget .port_widget { margin:0; list-style:none; } .sb_widget .tweets { list-style-image:url(images/twi_li.png); list-style-position:inside; } .sb_widget .widget_recent_entries { margin:0; list-style:none; } .sb_widget li { padding-bottom:10px; } .sb_widget li:last-child { padding-bottom:0; } .tagcloud { margin:0px 0 0 0px; } .tagcloud a { padding:0px; } #sidebar h4 { margin:0 0 0px 0; padding:0px 0px 25px 0px; color:#414141; font-size:14px; font-style:normal; } #sidebar h3 span { padding:0 5px 0 0; } /************************************************************************************ FOOTER *************************************************************************************/ #breadcrumbs { padding:10px 30px; font-style:normal; font-family:'Open sans'; font-weight:700; text-transform:uppercase; font-size:0.9em; } #footer { overflow:hidden; width:auto; margin:0 0px 0px 0px; padding:50px 10px 30px 30px; transition: all ease-in-out .4s; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; } #footernav .sub-menu { display:none; } #footer_top { font-size:21px; color:#FFF; width:auto; background:#5fb01c; padding:0 30px 0 30px; min-height:20px; margin:0; z-index:1; } #footer a { color:#777; text-decoration: none; outline: none; transition: all ease-in-out .4s; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; } #footer a:hover { color:#F96; } #footer h2 { font-size:0.9em; word-spacing:2px; padding-bottom:10px; font-style:normal; font-family:'Open sans'; margin:0 0 0px 0; color:#FFF; font-weight:700; text-transform:uppercase; letter-spacing:1px; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0); } .widget_wrap { width:25%; float:left; } .widget { width:auto; padding:0 30px 0 0; color:#DDDDDD; list-style:none; } .widget ul { margin:0 0 0 0px; padding:0; } .widget li { padding:5px 0px 5px 0; border-bottom:1px solid #555; } #footer ul { padding-top:0px; list-style:none; } #footer li:last-child { border-bottom:none; } #footer .tweets { list-style-image:url(images/twi_li.png); list-style-position:inside; } #footernav { overflow:hidden; min-height:46px; height:auto; width:auto; padding:0 30px 0 30px; } #footernav ul { width:auto; margin:0; padding:14px 0 0 0; color:#FFF; font-size:12px; list-style:none; float:left; display: none; } #footernav li { float:left; color:#FFF; padding:0 15px 0 0; } .back-top { float:right; margin: 10px 0 0 0px; } .back-top a { background: #333; color: #fff; font: normal 16px/100% "Times New Roman", Times, serif; width: 25px; height: 25px; padding:0 0 10px 0; text-indent:-9999px; background: url(images/up_arrow.png) no-repeat; text-align: center; text-decoration: none; display: inline-block; zoom:1; } .back-top a:hover { text-decoration: none; } .back-top a span { display: none; } /************************************************************************************ COMMENTS *************************************************************************************/ #comment_wrap { width:auto; margin:0px 0 0px 0; border-bottom:1px solid #eee; padding:0 0 30px 0; } #page_sb #comment_wrap { } #respond label { padding-bottom:10px; font-size:9px; color:#333; } small { padding-left:2px; color:#CCC; } #comments { text-align:center; padding:31px 0 10px 0px; font-family:"Lato"; font-weight:200; font-size:1.3em; color:#414141; } .comment_input { width:31%; float:left; margin-right:3.5%; } .lastone { margin-right:0; !important } .reply_text { padding-top:10px; font-weight:normal; color:#414141; font-size:1.3em; font-family:"Lato"; padding-top:25px; font-weight:200; border-top:1px solid #fff; } .logged { margin-left:10px; } .comments_nav { padding:0px 10px 0px 0px; width:auto; } .comments_nav a { color:#000; } .commentlist { list-style:none; padding:10px 0 10px 0; margin:0; } .commentlist a{ color:#999; } .commentlist li { padding-bottom:0px; list-style:none; } #commentform input[type=text] { width:94%; padding-left:6%; border:1px solid #ebebeb; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05) inset; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .05) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, .05) inset; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #commentform textarea { height: 140px; width:97.5%; padding-left:2%; border:1px solid #ebebeb; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05) inset; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .05) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, .05) inset; padding-right:2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #commentform input#submit { margin:20px 0 0 0; font-weight:normal; transition: all ease-in-out .4s; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; } #commentform input#submit:hover { color:#fff; } .vcard { margin: 0; padding: 0; float: left; } .vcard img { float: left; background: #fff; border-bottom: solid 1px #ccc; padding: 3px; } .fn { float: left; font-family:"Lato"; font-style: normal; font-size: 15px; font-weight: 200; line-height: 20px; margin-top: 0; color:#414141; } .fn a { color: #666 } .comment-infos { margin-bottom: 10px; position: relative; } .comment-meta { float: left; margin: 2px 0 0 12px; } .comment-time { font-size: 11px; color: #999; } .comment-edit-link { font-size: 11px; } .comment-text { background: #F7F7F7; border:1px solid #ebebeb; padding: 10px; margin:10px 0px 0 0; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05) inset; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .05) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, .05) inset; } .reply { padding-top:10px; } textarea, select { font-size: 12px; font-family:'Open sans'; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: all ease-in-out .4s; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; } input[type=text], input[type=password], textarea { background: #F7F7F7; border: none; color: #9e9e9e; padding: 6px 0 6px 0; margin-bottom:20px; border:1px solid #ebebeb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } input[type=text] { margin-left:0px; padding-bottom:5px; max-width: 100%; font-size:12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } textarea:focus, input[type=password]:focus, input[type=text]:focus { outline: none; background: #FFF; } input[type=reset], input[type=submit] { display: inline-block; *display: inline; padding: 4px 10px 4px; margin-bottom: 0; *margin-left: .3em; text-align: center; font-size:13px; font-family:"PT sans"; letter-spacing:0.5px; margin-top:-5px; color:#fff; background-color:#0CF; color:#fff; outline: none; overflow: visible; /* removes extra side padding in IE */ cursor: pointer; border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */ border-bottom:rgba(0, 0, 0, .4) 1px solid; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */ -moz-user-select: none; -webkit-user-select:none; -khtml-user-select: none; user-select: none; margin-bottom:10px!important; } input[type=reset], input[type=submit], input[type=reset]:hover, input[type=submit]:hover, input[type=reset]:active, input[type=submit]:active { } input[type=reset], input[type=submit] { background-color: #0CF \9; } input[type=reset]:hover, input[type=submit]:hover { color: #fff; text-decoration: none; /* Buttons in IE7 don't get borders, so darken on hover */ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } input[type=reset]:focus, input[type=submit]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } input[type=reset]:active, input[type=submit]:active { outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .comment-notes, .form-allowed-tags { display:none; } .your-message textarea { width:97%; } #page_c em { color:#5fb01c; font-style:normal; } .wpcf7-text { width:29.5%; float:left;margin-right:3.5%; } .your-subject .wpcf7-text { margin-right:0;} #page_c textarea { padding:6px; } #page_c input[type=text] { padding-left:1%; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05) inset; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .05) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, .05) inset; } #page_c textarea { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05) inset; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .05) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, .05) inset; } /************************************************************************************ CLEARFIX *************************************************************************************/ /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } .clearfix { display: block; zoom: 1; } /* Pricetalbe */ .pricetable-clear { clear:both; } .pricetable { width: 100%; margin: 20px auto 0 auto; margin-bottom: 1em; text-align:center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pricetable .pricetable-inner { position: relative; border: 1px solid #ededed; background: #f7f7f7; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .pricetable .pricetable-column { float: left; line-height: 1em; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .pricetable .pricetable-column.pricetable-featured { margin: -20px 0; border: 1px solid #f6f6f6; padding: 4px 4px 20px 4px; background: #fff; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.2); } .pricetable .pricetable-column.pricetable-featured .pricetable-column-inner { background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* @group Borders */ .pricetable .pricetable-column.pricetable-standard { border-right: 1px solid #ededed; } .pricetable .pricetable-column.pricetable-standard.pricetable-last, .pricetable .pricetable-column.pricetable-standard.pricetable-before-featured { border-right: none; } /* @end */ /* @group Headers */ .pricetable h3.pricetable-name, .pricetable h4.pricetable-price { /* Override the post content height */ line-height: 1 !important; margin: 0 !important; font-family: 'PT sans', sans-serif; font-weight:bold; } .pricetable h3.pricetable-name { color: #444444; margin: 0; padding: 22px 14px 9px 14px; font-size: 20px; font-weight:bold; text-align: center; text-transform: uppercase; } .pricetable .pricetable-featured h3.pricetable-name { padding: 22px 14px 9px 14px; } .pricetable h4.pricetable-price { color: #888888; font-size: 17px; font-family:"Open sans"; font-weight:300; border-width: 1px 0; text-align: center; padding:0 0 10px 0; } .pricetable .pricetable-featured h4.pricetable-price { } .pricetable .pricetable-header p { color: #444444; font-size:13px; text-align:center; padding:0 0 30px 0; margin:0; } /* @end */ /* @group Features */ .pricetable .pricetable-features { position: relative; } .pricetable .pricetable-feature { position: relative; color: #444; font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin: 0 15px; border-top: 1px solid #eee; padding: 10px 0; } .pricetable .pricetable-feature small { font-size: 0.9em; color: #888; display: block; margin-top: 0.5em; } .pricetable .pricetable-feature:last-child { border-bottom: 1px solid #eee; } .pricetable .pricetable-feature h4 { line-height: 1; margin: 0px; color: #333; } .pricetable .pricetable-feature p { margin: 0.5em 0em 0em 0em; color: #555; } /* @end */ /* @group Button */ .pricetable .pricetable-button-container { margin-top: 30px; padding: 15px; } .pricetable .pricetable-featured .pricetable-button-container { padding: 22px 15px 20px 15px; } .pricetable .pricetable-button-container a, .pricetable .pricetable-button-container a .pricetable-gradient, .pricetable .pricetable-button-container a .pricetable-noise { display: block; } .pricetable .pricetable-button-container a { width: 75%; margin: 0 auto; color: #fff; background-color:#F93; font: 14px "PT sans"; text-decoration: none; text-shadow:none; border: 1px solid #CCC; display: block; overflow: hidden; /* Soften the border */ -webkit-box-shadow: 0 0 1px #ccc; -moz-box-shadow: 0 0 1px #ccc; box-shadow: 0 0 1px #ccc; transition: all ease-in-out .0s; -webkit-transition: all ease-in-out .0s; -moz-transition: all ease-in-out .0s; -o-transition: all ease-in-out .0s; } .pricetable .pricetable-button-container a:active { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0px 2px 1px rgba(255, 255, 255, 0.1), inset 0px 1px 4px rgba(0, 0, 0, 0.35), inset 0px -14px 14px rgba(255, 255, 255, 0.10); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0px 2px 1px rgba(255, 255, 255, 0.1), inset 0px 1px 4px rgba(0, 0, 0, 0.35), inset 0px -14px 14px rgba(255, 255, 255, 0.10); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0px 2px 1px rgba(255, 255, 255, 0.1), inset 0px 1px 4px rgba(0, 0, 0, 0.35), inset 0px -14px 14px rgba(255, 255, 255, 0.10); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0px 2px 1px rgba(255, 255, 255, 0.1), inset 0px 1px 4px rgba(0, 0, 0, 0.35), inset 0px -14px 14px rgba(255, 255, 255, 0.10); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0px 2px 1px rgba(255, 255, 255, 0.1), inset 0px 1px 4px rgba(0, 0, 0, 0.35), inset 0px -14px 14px rgba(255, 255, 255, 0.10); } .pricetable .pricetable-button-container a .pricetable-gradient { text-align: center; } .pricetable .pricetable-button-container a:hover .pricetable-gradient { border-color:#CCC; } .pricetable .pricetable-button-container .pricetable-noise { display: block; padding: 12px 0px; width: 100%; } /* Some themes add breaks to the pricetable, we dont want those */ .pricetable br { display: none; } /* @end */