@charset utf-8;
/*
Theme Name: Felici
Theme URI: http://www.wptitans.com/felici
Description: A premium template for portfolio themes with Full width design. Follow us on Twitter or find more awesome products at Themeforest.
Author: WP Titans
Author URI: http://www.wptitans.com/
Tags: Multi Columns, Fixed Width, Custom Header, Custom Background, Threaded Comments, Translation Ready,
Version: 1.4
*/
/*
Index
============================
1. Base Stylings - Contains core Framework stylings for front end.
2. Typography - Contains common typographyic elements.
3. Layout - Contains layout stylings for columns, media and pages.
4. Widgets - Contains widget related stylings that is sidebar , footer and home widgets.
5. Theme specific Stylings
6. Top bar
7. Menu
8. Page
9. Footer
10. Sidebar
11. 404
============================
*/
/* ================================================================================== */
/* == Base Stylings ================================================================= */
/* ================================================================================== */
@import url("sprites/base.css");
/* ================================================================================== */
/* == Typography ==================================================================== */
/* ================================================================================== */
@import url("sprites/typography.css");
/* ================================================================================== */
/* == Layout ======================================================================== */
/* ================================================================================== */
@import url("sprites/layout.css");
/* ================================================================================== */
/* == Widgets ======================================================================= */
/* ================================================================================== */
@import url("sprites/widgets.css");
/* ================================================================================== */
/* == Shortcodes ==================================================================== */
/* ================================================================================== */
@import url("sprites/shortcodes.css");
/* ================================================================================== */
/* == Theme specific Stylings ======================================================= */
/* ================================================================================== */
div.content { }
body { background:#f4f4f4 url(sprites/i/bg.png) repeat; }
/* =================================================================================== */
/* == Top Menu ======================================================================== */
/* =================================================================================== */
.top-section {
position:relative;
z-index:99;
background: white;
border-bottom: 2px solid #dedede;
}
#topmenu {
float:left;
height:40px;
}
#topmenu>li {
float:left;
z-index:20;
padding:12px 0px 11px 15px;
display:block;
}
#topmenu>li:first-child { padding-left:5px; }
#topmenu>li>a {
border-right: 1px solid #e0e0e0;
color:#535353;
font-weight:600;
display:block;
margin:0;
padding:0 15px 0 0;
font-size:11px;
text-shadow:1px 1px 0 #fff;
}
#topmenu li {
display:block;
position:relative;
}
#topmenu li a:hover {
color:#34518E;
}
#topmenu li .sub-menu {
background:#fff;
border-left: 1px solid #e2e2e2;border-right: 1px solid #e2e2e2;border-bottom: 2px solid #dedede;
position:absolute;
top:40px;
left:0;
z-index:11;
display:none;
width:140px;
-webkit-border-bottom-right-radius:2px;
-webkit-border-bottom-left-radius:2px;
-moz-border-radius-bottomright:2px;
-moz-border-radius-bottomleft:2px;
border-bottom-right-radius:2px;
border-bottom-left-radius:2px;
}
#topmenu li .sub-menu li {
border-bottom: 1px dotted #e2e2e2;
position:relative;
}
#topmenu li .sub-menu li:last-child {
border: none!important;
}
#topmenu li .sub-menu li a {
color:#666!important;
font-weight:500;
padding:2px 10px;
font-weight:500;
display:block;
margin:7px 10px 7px 5px;
font-size:11px;
}
#topmenu li .sub-menu li a:hover {
color:#34518E!important;
}
#topmenu li .sub-menu li .sub-menu {
left:120px;
top:0;
}
/* =================================================================================== */
/* == Top bar ======================================================================== */
/* =================================================================================== */
#top-bar { position:relative; z-index:2; }
#logo {
float:left;
margin:20px 10px 20px 0;
}
.adsense-code { /*float:right;*/
width:980px;
height:auto;
margin:4px 0px 0px 0px; }
.top-ads-section {
/*float:right;*/
width:728px;
height:90px;
margin:0px 0px 0px 0px;
position:relative;
}
.top-ads-section a {
position:absolute;
top:0;
left:0;
padding:0;
margin:0;
}
.top-ads-section a img {
padding:0;
margin:0;
display:block;
width:100%;
height:60px;
}
.noticebar { margin-bottom:10px; padding:8px 1px; background: white;border-left: 1px solid #e2e2e2;border-right: 1px solid #e2e2e2;border-bottom: 2px solid #dedede; -moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px;-moz-border-radius-bottomright: 2px;-moz-border-radius-bottomleft: 2px;-webkit-border-radius: 0px 0px 2px 2px;border-radius: 0px 0px 2px 2px; position:relative; z-index:10; }
.notice { float:left; width:550px; margin-top:8px; }
.top-searchbar { float:right; width:400px; }
.search-button-wrapper { float:left; background: url(sprites/i/search-bg.png) repeat-x #f7f7f7; padding:4px; border:1px solid #ddd; border-left:none; }
.top-searchbar input[type=submit] { width:16px; height:17px; text-indent:-9999px; background:url(sprites/i/search-icon-s.png); float:left; text-align:-9999px; cursor:pointer; margin: 4px!important;display: block; }
.top-searchbar input[type=text] , .top-searchbar select { float:left; font-size: 11px;
}
.top-searchbar input[type=text] { padding:10px 6px 10px 7px; color:#999999; border:1px solid #ddd; width:240px; border-right:none; margin:0; font-size:11px;-webkit-border-top-left-radius: 2px;-webkit-border-bottom-left-radius: 2px;-moz-border-radius-topleft: 2px;-moz-border-radius-bottomleft: 2px;border-top-left-radius: 2px;border-bottom-left-radius: 2px; }
/* == Search Custom Select ================================== */
.jqTransformSelectWrapper {
width: 45px;
position:relative;
height: 33px;
background: url(sprites/i/search-bg.png) repeat-x #f7f7f7;
float:left;
border:1px solid #ddd;
float:left;
margin-top:0px;
}
.jqTransformSelectWrapper div span {
font-size: 11px!important;
float: none;
position: absolute;
white-space: nowrap;
height: 31px;
line-height: 15px;
padding: 8px 0 0 7px;
overflow: hidden;
cursor:pointer;
text-align:left;
text-shadow:1px 1px 0px #fff;
}
.jqTransformSelectWrapper a.jqTransformSelectOpen {
display:none;
}
.jqTransformSelectWrapper ul {
position: absolute;
width: 140px!important;
top: 32px;
left: -1px;
list-style: none;
background: white;
border: 1px solid #E2E2E2;
border-bottom: 2px solid #DEDEDE;
display: none;
margin: 0px;
padding: 0px;
height: 138px;
overflow: auto;
overflow-y: auto;
z-index:10;
}
.jqTransformSelectWrapper ul a {
display: block;
font-size: 11px!important;
padding: 5px;
text-decoration: none;
color:#333;
background-color: #FFF;
}
.jqTransformSelectWrapper ul a.selected {
background: #EDEDED;
color: #333;
}
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
background:#e0e0e0;
color: #535353;
}
/* -------------
* Hidden - used to hide the original form elements
* ------------- */
.jqTransformHidden {display: none;}
/* == Top social icons ======================================== */
.top-social-icons { margin:0; padding:0 0 0 0px; }
.top-social-icons li { float:left; margin:0px 4px 0px 4px; }
.top-social-icons li a { padding:0px 13px 0px 36px; display:block; font-weight: 600;}
.top-social-icons li { border-left:1px solid #979797; }
.top-social-icons li:first-child { border-left:none; }
.top-social-icons li.twitter a { background:url(sprites/i/twitter-top.png) 13px 50% no-repeat; color:#41b9ed; }
.top-social-icons li.facebook a { background:url(sprites/i/fb.png) 13px 50% no-repeat; color:#6086c3; }
.top-social-icons li.rss a { background:url(sprites/i/rss-top.png) 13px 50% no-repeat; color:#f06906; }
.top-social-icons li.linkedin a { background:url(sprites/i/linkedin.png) 13px 50% no-repeat; color:#006699;}
.top-social-icons li.googleplus a { background:url(sprites/i/googleplus.png) 13px 50% no-repeat; color:#FC795C;}
.top-social-icons li.stumble a { background:url(sprites/i/stumble.png) 13px 50% no-repeat; color:#78af54; }
/* == Sticky Bar ================================================================== */
.sticky-notice { background:#333; border-bottom:1px solid #fff; height:50px; }
.sticky-notice .main-text { padding:12px 5px 0 10px ; color:#fff; font-size:14px; font-weight:600; width:700px; float:left; }
.sticky-notice img { float:left; margin-right: 15px; }
.sticky-notice .main-link { background:#e0e0e0 url(sprites/i/button-bg.png) repeat-x; color:#535353; padding:4px 10px 4px 10px; position:absolute; top:11px; right:75px;border:1px solid #222; border-radius: 2px!important;font-weight: 600;}
.sticky-notice #close { position:absolute; top:11px; right:0px; background: url(sprites/i/close.png) 6px 55% no-repeat; color:#fff; padding:4px 10px 4px 18px; border:none;font-weight:600; }
/* ---------------------------------------------------------------------------------- */
/* -- Main Menu --------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
#main-menu ul.menu li a span.fader { display:block; opacity:0; height:20px; padding:14px 23px; background-color:#888; position:absolute; top:0; left:0; box-shadow:0px -2px 40px #333 inset; }
#main-menu {
background: #34518E url(sprites/i/menu-bg.png) repeat-x;
height:48px;
border:1px solid #000;
z-index:13;
position:relative;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
border-top-left-radius:4px;
border-top-right-radius:4px;
}
#main-menu ul li.home a { background:url(sprites/i/home.png) center center no-repeat; height:20px; border-left: none;
}
#main-menu ul li.home a span.fader { background:url(sprites/i/home.png) center center no-repeat; }
#main-menu ul li {
float:left; position:relative;
}
#main-menu ul li:first-child {
border-left:none!important;
}
#main-menu ul li:last-child {
border-right:1px solid #5c5c5c!important;
}
#main-menu>ul>li>a {
color:#fff;
font-weight:600;
padding:14px 23px;
text-align: left;
display:block;
margin:0;
font-size:12px;
text-shadow:1px 1px 1px #222;
border-right:1px solid #2f2f2f;
border-left:1px solid #5c5c5c;
position:relative;
}
#main-menu>ul>li>a.current-menu-item,#main-menu>ul>li:hover>a {
background-color:#4f4f4f;
}
#main-menu ul li .sub-menu .sub-menu { top:-14px; left:160px; }
#main-menu ul li .sub-menu {
width:180px;
position:absolute;
top:48px;
left:0px;
background:#363636;
border-left: 1px solid #111;
border-right: 1px solid #111;
border-bottom: 2px solid #111;
display:none;
-webkit-border-bottom-right-radius:2px;
-webkit-border-bottom-left-radius:2px;
-moz-border-radius-bottomright:2px;
-moz-border-radius-bottomleft:2px;
border-bottom-right-radius:2px;
border-bottom-left-radius:2px;
}
#main-menu ul li .sub-menu li a {
border:1px solid transparent;
color:#aaa;
font-weight:500;
padding:2px 10px;
display:block;
margin:7px 10px 7px -10px;
font-size:11px;
text-shadow:1px 1px 1px #222;
}
#main-menu ul li .sub-menu li { float:none; display:block; border-bottom: 1px dotted #666;margin: 0px 10px;}
#main-menu ul li .sub-menu li:last-child { border: none!important;}
#main-menu ul li .sub-menu li:first-child a {
}
#main-menu ul li .sub-menu li a:hover {
color:#fff;
font-size:11px;
display:block;
text-shadow:1px 1px 1px #22;
}
#main-menu ul.menu>li.current-menu-item { }
#menu li.current_page_item a , #menu li.current-menu-ancestor a , #main-menu ul.menu>li.current-menu-item a { color:#fff; box-shadow:0px -2px 40px #333 inset;background-color:#888;}
/* =================================================================================== */
/* == Home Page ====================================================================== */
/* =================================================================================== */
.hasRightSidebar .two-third-width {
float:left;
margin-left:-1px;
}
.hasLeftSidebar .two-third-width {
float:right;
margin-left:0;
}
.hasLeftSidebar #sidebar { margin-left:-1px; }
/* =================================================================================== */
/* == Page =========================================================================== */
/* =================================================================================== */
.page .heading {background:#f0f0f0 url(sprites/i/heading-bg.png) repeat-x!important; font-size:14px!important; text-transform:uppercase; border-bottom:1px solid #dddddd; padding:17px 0 15px 15px; margin:0; color: #535353;text-shadow: 1px 1px 1px #fff;}
.page .single-image { margin:10px 10px 0 10px; }
.single-image a { display:block;-webkit-box-shadow: 0 1px 3px #aaa;
-moz-box-shadow: 0 1px 3px #aaa;
box-shadow: 0 1px 3px #aaa;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; position:relative; }
.single-image a img { display:block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
.single-image span.hover-image { position:absolute; top:0; left:0; width:100%; height:100%; z-index:15; -webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 2px;-moz-border-radius-topleft: 2px;-moz-border-radius-topright: 2px;border-top-left-radius: 2px;border-top-right-radius: 2px;background: url(sprites/i/gloss.png) 40% 90% no-repeat;}
.full-width .single-image span.hover-image { background: url(sprites/i/gloss.png) 100% 0% no-repeat;}
.author .auth_avatar {
float:left;
margin:10px 20px;
}
.author .auth_desc {
padding-right:10px;
border-bottom:1px solid #f1f1f1;
}
.page .full-width , .page .two-third-width { background:#fff; border: 1px solid #e2e2e2 ; border-bottom: 2px solid #dedede; border-radius:2px; margin-right:-2px; }
.page {
position:relative;
margin-bottom:20px;
}
.full-width .single-content { padding:15px; }
.single-content { padding:15px; }
.content h1 {
padding:20px 20px 0;
margin:0;
}
.content p {
padding:10px 0;
}
.addthis_button_facebook_like { padding:0; margin:0; }
/* =================================================================================== */
/* == Posts ========================================================================== */
/* =================================================================================== */
.active_title h3.custom-font a { color:#4596DF!important;}
.arrow-pink { font-weight:900; letter-spacing:-0.5px; display:inline!important; }
.posts-section-wrapper { margin-bottom:10px; }
.posts-section { width:206px; float:left; margin:0px 9px 0px 8px; background: white;border: 1px solid #e2e2e2;border-bottom: 2px solid #dedede; border-radius:2px;}
.posts-section:first-child { margin-left:0; }
.posts-section ul {padding:0; margin:0; }
.posts-section .widget-data { display:none; position:relative; height:315px;}
.posts-section ul li { list-style:none; padding:0 0 6px 0; margin:11px; border-bottom:1px solid #dddddd; }
.posts-section ul li .image a { display:block; padding:0px; -webkit-box-shadow: 0 1px 3px #aaa;
-moz-box-shadow: 0 1px 3px #aaa;
box-shadow: 0 1px 3px #aaa;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
.posts-section ul li .image { position:relative; margin:10px 0; }
.posts-section ul li .image a img { display:block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
.posts-section ul li .image span.hover-image { position:absolute; top:0; left:0; width:100%; height:100%; z-index:15; -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
background: url(sprites/i/gloss.png) 40% 90% ;
}
.posts-section ul li h3.custom-font a { color:#535353; font-size:12px; margin:0; padding:0; font-weight:600; line-height: 1.2;display: inline-block;}
.posts-section ul li h3.custom-font a:hover { }
.posts-section ul li h3.custom-font { margin:0px 0 0 0px!important; padding:0; line-height:1.2!important; }
.posts-section ul li h3.featured-title a { font-size:12px!important; }
.posts-section ul li span { padding:0; display:block; font-size:10px; color: #999; }
.posts-section ul li p { margin:0 0 10px 0; display:block; padding:0!important; color:#666;line-height: 1.4;}
.posts-section ul li span.continue a{ display: block;padding-bottom:5px;}
.posts-section ul li span.continue a:hover{ color:#535353; text-decoration: underline;}
.posts-section p.more-posts a{ float:right; margin:-5px 10px 15px 0; padding:1px 7px; border: 1px solid #20559A;background:#377AD0 url(sprites/i/button-bg.png) repeat-x!important;border-radius: 2px;color: #fff;font-weight: 600;font-size:10px;display: block;}
.addthis_toolbox .fb_iframe_widget { margin:0!important; padding:0!important; }
h2.section-title {background:#f0f0f0 url(sprites/i/heading-bg.png) repeat-x!important; font-size:14px!important; text-transform:uppercase; border-bottom:1px solid #dddddd; padding:11px 0 11px 11px; margin:0; color: #535353;text-shadow: 1px 1px 1px #fff;}
.image { position:relative; }
.full-posts-section ul li .image a { display:block; margin:4px 0 10px 0; -webkit-box-shadow: 0 1px 3px #aaa;
-moz-box-shadow: 0 1px 3px #aaa;
box-shadow: 0 1px 3px #aaa;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
.full-posts-section ul li .image { position:relative; margin:10px 0; }
.full-posts-section ul li .image a img { display:block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
.full-posts-section ul li .image span.hover-image { position:absolute; top:0; left:0; width:100%; height:100%; z-index:15; -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
background: url(sprites/i/gloss.png) 40% 90% !important;
}
.full-posts-section .image span { position:absolute; bottom:9px; left:0; background:#444444; color:#fff;font-size:11px; padding:4px 6px; }
.full-posts-section { position:relative;background: white;border: 1px solid #e2e2e2;border-bottom: 2px solid #dedede; border-radius:2px;margin:0px 0px 10px 0px;}
.full-posts-section h3.section-title { text-align:left; padding-left:11px; }
.full-posts-section ul {padding:0; margin:0 10px 10px 10px; border-bottom: 1px solid #ddd;}
.full-posts-section ul li { list-style:none; padding:0 0 5px 0; margin:20px 9px 20px 9px; width:195px; float:left; }
.full-posts-section ul li h3.custom-font a { color:#535353; font-size:12px; margin:5px 0 0 0; padding:0; font-weight:600; line-height: 1.2;display: inline-block;}
.full-posts-section ul li h3.custom-font a:hover { }
.full-posts-section ul li h3 { margin:0px 0 0 0px!important; padding:0; }
.full-posts-section ul li p { margin:5px 0 10px 0; display:block; padding:0!important; color:#666;line-height: 1.4;}
.full-posts-section ul li span.continue a{ display: block;}
.full-posts-section ul li span.continue a:hover{ color:#666; text-decoration: underline;}
.full-posts-section p.more-posts a{ float:right; margin:-5px 10px 15px 0; padding:1px 7px; border: 1px solid #20559A; background:#377AD0 url(sprites/i/button-bg.png) repeat-x!important;border-radius: 2px;color: #fff;font-weight: 600;font-size:10px;display: block;}
.full-posts-section p.more-posts a:hover { background:#53A8E8 url(sprites/i/button-bg.png) repeat-x!important;color:#fff;border: 1px solid #377AD0;}
.posts-section-full-list { background: white; border: 1px solid #e2e2e2;border-bottom: 2px solid #dedede; border-radius:2px; margin:0px 0px 10px 0px; position:relative;}
.posts-section-full-list ul {padding:11px 0 0 0; margin:0; }
.posts-section-full-list ul li { list-style:none; padding:0 0 0px 0; margin:0px 11px 0px 11px; }
.posts-section-full-list h3.title { display:block; border-bottom:1px solid #dddddd; padding:0 0 0px 0; }
.posts-section-full-list h3.title a { padding:14px 0 15px 0!important; display:block; width:100%; }
.posts-section-full-list .widget-data { padding-top:0px; padding-bottom:10px; display:none; border-bottom:1px solid #dddddd; position:relative; }
.posts-section-full-list ul li h3.custom-font { margin:0!important; }
.posts-section-full-list ul li h3.custom-font span { float:none!important; font-size:10px;color: #999;border-left: 1px solid #999;margin-left: 10px;padding-left: 10px;font-weight: normal;}
.posts-section-full-list ul li .image { width:200px; float:left; }
.posts-section-full-list ul li .image a { display:block; margin:4px 0 10px 0; -webkit-box-shadow: 0 1px 3px #aaa;
-moz-box-shadow: 0 1px 3px #aaa;
box-shadow: 0 1px 3px #aaa;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; width:185px; }
.posts-section-full-list ul li .image { position:relative; margin:10px 0; }
.posts-section-full-list ul li .image a img { display:block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
.posts-section-full-list ul li .image span.hover-image { position:absolute; top:0; left:0; width:100%; height:100%; z-index:15; -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
background: url(sprites/i/gloss.png) 40% 90% !important;
}
.posts-section-full-list ul li .description { width:420px; float:left; }
.posts-section-full-list ul li .description h3.custom-font { width: 340px; }
.posts-section-full-list ul li .description h3.custom-font a{ font-size:20px; margin-top: 10px;}
.posts-section-full-list ul li .description h3.custom-font a:hover{ color:#535353!important; }
.posts-section-full-list ul li span.comment { clear:right; margin-top:4px; }
.posts-section-full-list ul li p { display:block; clear:left; padding-top:1px; color: #666; }
.posts-section-full-list ul li h3.custom-font a { color:#535353!important; font-size:14px; margin:0; padding:0; font-weight:600; line-height: 1.2;display: inline-block; }
.posts-section-full-list ul li h3.custom-font a:hover { color:#4596DF!important; }
.posts-section-full-list ul li h3 { margin:5px 0 0 15px!important; }
.posts-section-full-list ul li span { float:left; font-size:10px; }
.posts-section-full-list p.more-posts a{ float:right; margin:5px 10px 5px 0; padding:1px 7px; border: 1px solid #20559A;background:#377AD0 url(sprites/i/button-bg.png) repeat-x!important;border-radius: 2px;color: #fff;font-weight: 600;font-size:10px;display: block;}
.posts-section-full-list p.more-posts a:hover { background:#53A8E8 url(sprites/i/button-bg.png) repeat-x!important;color:#fff;border: 1px solid #377AD0;}
.posts-section-full-list ul li span.continue a{ display: inline-block;}
.posts-section-full-list ul li span.continue a:hover{ color:#535353; text-decoration: underline;}
/* == Post Lists Structure ==================================== */
.posts { margin:10px 10px 10px 10px; padding:0 ; }
.posts ul { margin-top:20px; padding:0; }
.posts li { margin:10px; padding:10px 0 14px 0; border-bottom:1px solid #ddd; }
.posts li .imageholder { width:220px; float:left; position:relative; }
.posts li .imageholder a { display:block;-webkit-box-shadow: 0 1px 3px #aaa;
-moz-box-shadow: 0 1px 3px #aaa;
box-shadow: 0 1px 3px #aaa;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; position:relative; width:200px; }
.posts li .imageholder a img { display:block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
.posts li .imageholder span.hover-image { position:absolute; top:0; left:0; width:100%; height:100%; z-index:15; -webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
background: url(sprites/i/gloss.png) 42% 90% !important;
}
.posts li .description { width:390px; float:left; }
.posts li .description h2.custom-font { line-height:23px; }
.posts li .description h2.custom-font a { color:#535353!important; font-size:24px; }
.posts li .description h2.custom-font a:hover { }
.posts li .description h2.custom-font { margin:0 0 5px 0; padding:0; }
.posts li .description span.comment a { color:#999; }
.posts li .description p { margin:10px 0 0 0; padding:0;color:#666; }
.posts li .description a.more-link { float:left; margin-top:15px; }
/* ---------------------------------------------------------------------------------- */
/* -- Pagination -------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
.pagination-panel {
display:inline-block;
margin:-15px 0 15px 15px;
}
.pagination-next,.pagination-prev {
float:left;
margin:-15px 0 0;
padding:0;
}
.pagination a,.pagination-next a,.pagination-prev a {
float:left;
color: #fff;
font-size: 13px;
font-weight: 600;
border-radius: 2px;
background: #414141;
border:1px solid #414141;
float:left;
padding:3px 10px;
margin:4px 5px;
}
.pagination span {
float:left;
color: #fff;
font-size: 13px;
font-weight: 600;
border-radius: 2px;
float:left;
padding:3px 10px;
margin:4px 5px;
}
/* =================================================================================== */
/* == Sitemap ======================================================================== */
/* =================================================================================== */
.single-sitemap-content { }
.single-sitemap-content ul { margin:0 20px 10px 20px; padding:0; }
.single-sitemap-content h2 { font-size:18px!important; margin:20px; padding:0; }
.single-sitemap-content ul { ist-style:none!important; }
.single-sitemap-content li { background:url(sprites/i/list-bg.png) center left no-repeat; display:block; padding:3px 0 3px 12px; }
/* =================================================================================== */
/* == Custom Archives ================================================================ */
/* =================================================================================== */
.post-list li h3 { font-size:14px; float:left; }
.post-list span { float:left; }
.archive .two-third-width{ padding-bottom:20px!important; }
.archive h2.custom-font { font-size:18px; margin:20px; padding:0; }
.archive ul { margin:0 20px 10px 20px; padding:0; list-style:none; }
.archive ul li { background:url(sprites/i/list-bg.png) center left no-repeat; display:block; padding:3px 0 3px 12px; }
.archive ul li a:hover { text-decoration:underline; }
/* =================================================================================== */
/* == Sinlge Post ==================================================================== */
/* =================================================================================== */
.single-content h1 { border:none; }
.single .meta-data {
padding:10px 20px 10px 15px;
margin-top:0;
color:#999;
font-size:11px;
border-bottom:1px solid #ddd;
}
.single .meta-data a:hover{
color:#4596DF;
}
.bottom-info {
padding:20px 50px;
text-align:center;
border-top:1px solid #ddd;
margin-top:20px;
color:#999;
font-size:10px;
}
.bottom-info a:hover{
color:#4596DF;
}
.social-stuff {
margin:10px 0;
border-top:1px solid #ddd;
padding:20px 10px 20px 20px;
}
#authorbox {
background: #333;
margin:4px 0 0px;
border-top:1px solid #111;
padding:30px 10px 20px 20px;
}
#authorbox a{
color: #fff;
}
#authorbox a:hover{
color:#4596DF;
}
#authorbox1 {
background: #333;
margin:0px;
border-top:1px solid #111;
padding:30px;
}
#authorbox1 p{
color: #666;
}
#authorbox1 a{
color: #ffffff;
}
.author-avatar {
width:80px;
float:left;
margin-right:30px;
}
.author-avatar img {
display:block;
width:80px;
height:80px;
border:1px solid #111;
-moz-box-shadow:0 0 3px #222;
box-shadow:0 0 3px #222;
-webkit-box-shadow:0 0 3px #222;
}
.authortext h6 {
font-size:16px;
font-weight:600;
margin-top:-5px;
padding-top:0;
letter-spacing:-1px;
color: #fff;
}
.authortext h6 a {
color: #fff;
}
.hasRightSidebar .authortext,.hasLeftSidebar .authortext {
width:480px;
float:left;
}
.authortext p {
margin-top:-10px;
}
.authortext .right a {
font-size:11px;
padding:2px 10px;
font-weight:600;
margin-left:5px;
border-right: 1px solid #666;
}
.authortext .right a:first-child{
border-left: 1px solid #666;
}
.authortext .right a:hover {
text-decoration:underline;
}
.hasRightSidebar .authortext p,.hasLeftSidebar .authortext p {
padding-left:0;
margin-left:0;
}
.authortext ul li {
list-style:none;
}
.related-posts {
border-top:1px solid #DDDDDD;
}
.related-posts>h2 {
font-size: 16px!important;
letter-spacing: -1px;
color:#535353;
margin:20px 0 10px 20px;
padding:5px 0;
font-weight: 600!important;
}
.related-posts ul {
padding-left:15px;
}
.related-posts li {
float:left;
margin:0 13px 10px;
width:130px;
height:240px;
}
.related-posts li img {
display:block;
width:125px;
height:125px;
margin:0 auto;
}
.related-posts li .image { position:relative; }
.related-posts li .image a { display:block;-webkit-box-shadow: 0 1px 3px #aaa;
-moz-box-shadow: 0 1px 3px #aaa;
box-shadow: 0 1px 3px #aaa;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; position:relative; width:125px; }
.related-posts li .image a img { display:block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
.related-posts li .image span.hover-image { position:absolute; top:0; left:0; width:100%; height:100%; z-index:15; -webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
background: url(sprites/i/gloss.png) 42% 90% !important;
}
.related-posts li h2 {
font-size:12px;
color:#535353;
text-align:center;
margin:5px;
padding:5px 10px;
line-height:15px;
}
.related-posts li h2.custom-font a:hover {
color:#4596DF!important;
}
.form-submit {
position:relative;
}
.comment-loader {
background:url(sprites/i/loader.gif);
display:block;
width:16px;
height:16px;
position:absolute;
top:15px;
right:10px;
display:none;
}
#comments {
padding-top:10px;
}
#comments ol li {
padding-left:0!important;
}
#comments_template input[type=text] {
width:290px;
padding:8px;
background: #303030;
border:1px solid #222!important;
border-radius:2px;
-moz-border-radius:2px;
-moz-box-shadow:0 1px 3px #222 inset!important;
color:#666;
font-size:11px;
}
#comments_template textarea {
padding:8px;
background: #303030;
border:1px solid #222!important;
border-radius:2px!important;
-moz-border-radius:2px!important;
-moz-box-shadow:0 1px 3px #222 inset!important;
color:#666;
font-size:11px;
width:97%;
}
#comments_template input[type=text]:focus {
background:#444!important;
}
#comments_template textarea:focus {
background:#444!important;
}
#comments_template {
border-top:1px solid #ddd;
margin-top:20px;
}
#comments_template h3 {
margin:5px 5px 15px 20px;
}
#comments .heading {
background: none!important;
margin-right:30px;
padding-bottom:10px;
font-size:16px;
font-weight:600;
color:#535353;
letter-spacing:-1px;
text-transform: none!important;
margin-left:15px;
}
#respond .heading {
margin-left:0px;
font-size:16px;
font-weight:600;
letter-spacing:-1px;
color: #fff;
text-shadow: 1px 1px 1px #222;
}
.logged-in-as {
color:#999;
}
.logged-in-as a {
color:#fff!important;
}
.logged-in-as a:hover {
color:#4596DF!important;
}
#comments_template form {
margin-top:20px;
margin-left:10px;
}
#comments_template form p {
margin:15px 0;
}
#comments_template form label,input {
float:left;
}
#comments_template form label {
width:45px;
font-style:italic;
color:#777;
font-size:11px;
text-align:right;
margin-right:20px;
margin-top:4px;
}
#comments_template form input[type=submit] {
background: #EEE url(sprites/i/buton-bg.png) repeat-x;
border: 1px solid #333!important;
color:#535353;
text-shadow:1px 1px 1px #fff;
text-transform:normal;
border:1px solid #000;
padding:12px 16px;
float:left;
-moz-border-radius:2px;
font-size:12px;
font-weight:600;
margin-top:-15px;
line-height:24px;
cursor:pointer;
box-shadow: 0 0 2px #111;
margin-bottom: 15px;
}
#comments_template form input[type=submit]:hover {
background: #FFF url(sprites/i/buton-bg.png) repeat-x;
color:#353535;
}
.required {
display:block;
float:left;
}
#respond .heading {
padding-left:0;
}
#commentform {
margin:0!important;
padding:0 25px 40px 20px;
}
.comment-notes {
background:url(sprites/i/warning-icon.png) 0 10px no-repeat;
padding-left:25px!important;
font-style:italic;
font-size:11px;
color:#989898;
font-family:Georgia, "Times New Roman", Times, serif;
}
.reply {
}
.comment-reply-link {
position:absolute;
margin:10px 15px 20px 0;
border: 1px solid #ccc;
background:#eee url(sprites/i/button-bg.png) repeat-x!important;
border-radius: 2px;
color: #777!important;
text-shadow: 1px 1px 1px #fff;
font-weight: 600;
font-size:10px;
padding:2px 10px;
top:-10px;
right:-20px;
}
.comment-reply-link:hover {
background:#fafafa url(sprites/i/button-bg.png) repeat-x!important;
color:#535353;
}
/****************
advanced comment styles
****************/
.comment-author .fn {
padding:5px 0;
line-height:10px;
font-size:14px;
margin:0px 15px 0 5px;
float:left;
color:#333;
font-size:15px;
font-weight:600;
}
.comment-author .fn a {
color:#333;
font-size:15px;
font-weight:900;
display:block;
margin:0;
}
.avatar-wrapper span.hover-image { position:absolute; top:0; left:0; width:80px; height:80px; z-index:15; -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
background: url(sprites/i/gloss.png) 40% 90% ;
}
.avatar-wrapper { position:relative; width:80px; float:left;
padding-right:0;
margin-bottom:10px;
margin-right:13px;}
.avatar {
display:block;
-webkit-box-shadow: 0 1px 3px #aaa;
-moz-box-shadow: 0 1px 3px #aaa;
box-shadow: 0 1px 3px #aaa;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.comment-form-author span,.comment-form-email span {
color:#999;
font-size:11px;
float:left;
margin:6px 0 0 10px;
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
}
.comment-form-author span small,.comment-form-email span small {
color:#e0181c;
font-weight:900;
float:left;
margin-top:-4px;
margin-right:6px;
}
.commentmetadata {
float:left;
display:inline-block;
margin-left:-5px;
margin-top:3px;
}
.commentmetadata a {
color:#999!important;
font-size:10px;
}
.date-info {
display:block;
float:left;
padding-left:0;
width:400px;
margin-top: -25px!important;
}
.date-info li {
border:none!important;
background:none!important;
padding:0!important;
}
.comment-body {
}
.comment-body p {
margin-left:5px;
color:#666!important;
font-size:11px;
margin-bottom:0px;
margin-top:-20px;
}
.commentlist>li>div .comment-reply-link {
right:0;
}
ol.commentlist {
list-style:none;
padding:10px 0 0!important;
}
.commentlist li {
display:block;
margin:20px 0;
padding-bottom:0;
position:relative;
color:#303030;
}
.commentlist>li>div {
padding:0;
margin-top:20px;
margin-bottom:0px;
padding-left:20px;
}
.commentlist>li {
border-bottom:1px solid #ddd;
margin-left:0;
margin-right:0;
padding-left:20px;
padding-right:20px;
}
.full-width .commentlist>li { }
.commentlist .children {
padding-right:0!important;
margin-top:3px;
position:relative;
}
.full-width .commentlist .children>li { }
.commentlist .children>li {
margin:16px 0 0 90px;
padding-left:0;
position:relative;
}
.commentlist .children>li>div {
padding:0 3px 3px;
margin-top:15px;
}
.commentlist .children>li .comment-author img {
}
.commentlist .children>li .date-info {
width:400px;
}
.commentlist a {
color:#15171c;
}
.commentlist .children .children {
}
.full-width .commentlist .children .children>li { }
.commentlist .children .children>li {
margin-left:90px;
}
.commentlist .children .children>li .date-info {
width:310px;
}
.commentlist .children .children .children>li .date-info {
width:250px;
}
.commentlist .children .children>li>div {
margin-left:-5px;
}
#comments-title {
font-size:16px!important;
color:#777!important;
display:block;
margin:5px 5px 15px 0;
padding-bottom:20px;
padding-left:0;
padding-top:20px;
}
#comments-title em {
font-size:16px!important;
color:#444;
}
.commentlist #respond {
background:#333;
border:1px solid #222;
border-left:1px solid #222;
border-right:1px solid #222;
position:relative;
padding:15px 0 30px;
margin:20px -20px 0px 0;
}
.commentlist .children #respond {
margin-left:-90px;
}
.commentlist .children .children #respond {
margin-left:-180px;
}
.commentlist .children .children .children #respond {
margin-left:-270px;
}
.commentlist #respond small {
position:absolute;
top:10px;
right:10px;
}
.commentlist #respond small a {
font-size:10px;
border:1px solid #222;
background:#D24836;
border-radius: 2px;
padding:4px 10px;
font-weight:600;
color:#fff;
text-shadow: 1px 1px 1px #c1402f;
top:-10px;
right:-20px;
}
.commentlist #respond textarea {
padding:8px;
border:1px solid #ddd;
border-radius:4px;
-moz-border-radius:4px;
-moz-box-shadow:0 0 3px #ddd inset;
color:#999;
font-size:11px;
width:95%;
}
.commentlist #respond .form-allowed-tags {
display:none;
margin-right:45px!important;
margin-left:40px!important;
}
.commentlist #respond input[type=submit] {
margin-left:0!important;
}
#respond {
background: #333;
margin-top:-20px;
padding-top: 15px;
position:relative;
border-top: 1px solid #222;
}
/* =================================================================================== */
/* == Footer ======================================================================== */
/* =================================================================================== */
#footer {
background:#353535;
box-shadow:0px -2px 120px #111 inset;
z-index:23;
position:relative;
border-radius:2px;
text-align: left!important;
}
.inner-footer-wrapper {
background: url(sprites/i/footer-bg.png) top center no-repeat;
}
#footer-menu {
padding-top:5px;
background:none;
}
#footer-menu #bottom-logo {
float:left;
margin-top:5px;
}
.footer-text {
color:#535353;
font-weight:100;
float:left;
margin-top:14px;
margin-right:20px;
}
#menu-footer-menu {
float:right;
}
#menu-footer-menu li {
float:left;
padding:0;
display:block;
}
#menu-footer-menu li:first-child {
border-left:none;
}
#menu-footer-menu li a {
background: white;
border: 1px solid #E2E2E2;
border-bottom: 2px solid #DEDEDE;
border-radius: 2px;
color:#535353;
font-weight:600;
padding:5px 20px;
margin:15px 0 35px 10px;
display:block;
}
#menu-footer-menu li a:hover {
background: #fafafa;
text-decoration:underline;
}
.footer-wrap .widget-posts li h5 a {
color:#fff;
font-size:12px;
font-weight: 600;
}
/* =================================================================================== */
/* == 404 Styling =================================================================== */
/* =================================================================================== */
/* ================================================================================== */
/* == 404 =========================================================================== */
/* ================================================================================== */
h2.not-found {
text-align: center;
padding-top: 25px; }
p.not-found { text-align: center }
.error-search { margin-left:0px }
.content .error-search input[type=text] {
border: 1px solid #dddddd;
border-radius: 3px;
-moz-border-radius: 3px;
background: #fff;
color: #7f7f80;
padding: 8px 10px;
margin: 7px 0 7px 110px;
width: 600px;
resize: none;
height: 25px;
font-family: inherit;
font-size: 12px;
float: left; }
.content .error-search label { display: none }
.error-search { width: 700px; margin:20px 0px 20px 110px;}
.error-search input[type=text] { border:1px solid #eee!important; border-radius:3px; padding:7px!important; float:right; margin:0px 5px 4px 6px; width: 450px!important;}
.error-search #searchform #searchsubmit { position:relative; top:5px!important; float:left; }
/* =================================================================================== */
/* == Misc =========================================================================== */
/* =================================================================================== */
.dynamic_forms .ajax-loading-icon {
background:url(sprites/i/loader.gif) no-repeat;
width:16px;
height:16px;
position:absolute;
top:10px;
right:20px;
}
.dynamic_forms .loader {
display:none;
}
.dynamic_forms .success-box,.dynamic_forms .error-box {
padding-top:3px;
text-align:center;
margin:15px 0!important;
display:none;
}
.dynamic_forms .success-box p,.dynamic_forms .error-box p {
padding:7px;
}
.ajax-loading-icon {
background:url(sprites/i/loader.gif) no-repeat;
width:16px;
height:16px;
position:absolute;
top:-30px;
right:10px;
display:none;
}
.qcontact .loader {
display:none;
}
.qcontact .success-box,.qcontact .error-box {
width:260px;
padding:5px 50px 5px 0!important;
text-align:center;
margin:5px 0 5px 15px!important;
}
.footer-wrap .qcontact .success-box,.footer-wrap .qcontact .error-box {
width:200px;
padding:5px 50px 5px 0!important;
text-align:center;
margin:5px 0!important;
border:1px solid #111;
}
.footer-wrap .more:hover {
color:#4596DF;
}
.fb_iframe_widget {
padding: 10px;
}
.fan_box .connections{
padding: 0 !important;
border: 0 !important;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #666;
}
/* === Contact form 7 stylings === */
input:focus,textarea:focus {
background:#fff!important;
}
.wpcf7 p span {
padding:0 0 20px;
display:block;
}
.wpcf7 span input[type="text"], .wpcf7 span textarea {
padding:8px;
background:#FAFAFA;
border:1px solid #fff!important;
border-radius:2px!important;
-moz-border-radius:2px!important;
-webkit-border-radius:2px!important;
box-shadow:0 0 1px #AAA!important;
-webkit-box-shadow:0 0 1px #AAA!important;
-moz-box-shadow:0 0 1px #AAA!important;
}
.ajax-loader {
display:none;
}
.wpcf7-submit {
background: #444 url(sprites/i/menu-bg.png) repeat-x!important;
border: 1px solid #333!important;
color:#fff;
text-shadow:1px 1px 1px #000;
text-transform:normal;
border:1px solid #000;
padding:12px 16px;
float:left;
border-radius:2px;
font-size:12px;
font-weight:600;
margin-top:-15px;
line-height:24px;
cursor:pointer;
box-shadow: 0 0 2px #111;
margin-bottom: 15px;
}
.wpcf7-submit:hover {
opacity:0.85;
}
/* === Password protected page === */
.password-form {
padding: 30px 0;
}
.password-form p {
width: 320px;
margin: 10px auto;
text-align: center;
font-weight: 600!important;
color: #444;
}
.password-form label {
display: block;
float: left;
font-weight: normal!important;
}
.password-form form {
background: white;
border: 1px solid #F0F0F0;
border-bottom: 2px solid #EEE;
padding: 35px 5px 60px 5px!important;
height: 100px;
}
.password-form input[name="post_password"] {
border: 1px solid #CCC;
border-radius: 3px;
padding: 8px;
float: right;
margin: -5px 5px 4px 6px;
}
.password-form input[type="submit"] {
margin-top: -6px;
color: #3a4a55;
float: left;
cursor: pointer;
border-radius: 2px;
border: 1px solid #bec9d0;
background: #E3EAEF url(sprites/i/button-bg.png) repeat-x;
box-shadow: 0px 1px 3px #eee;
padding: 8px 15px;
font-weight: 600!important;
}
.password-form input[type="submit"]:hover {
opacity:0.85;
}