/* Theme Name: PageLines Framework Description: A responsive drag-and-drop platform for professional websites based on HTML5 and CSS3. PageLines will help you do amazing things faster & easier than ever before. Designed by PageLines in California. Twitter @pagelines Version: 2.1.6 Author: PageLines Author URI: http://www.pagelines.com/ Theme URI: http://www.pagelines.com/tour Tags: rtl-language-support, editor-style, theme-options, one-column, two-columns, three-columns, left-sidebar, right-sidebar, flexible-width, custom-menu, fixed-width, threaded-comments, custom-background, custom-header, custom-colors, custom-menu, photoblogging, translation-ready, white, silver, light, blue, green, yellow License: GPL License URI: http://www.gnu.org/licenses/gpl-2.0.html * Important * Don't add customizations to this file! - Customization CSS in PageLines - Customize PageLines by adding CSS in the settings, child themes, or plugins - Don't add it here; as it will either get overwritten by updates, and will prevent you from updating at all! * Copyright 2008-2012 PageLines, Inc. http://www.pagelines.com/ * * This program is free software; you can redistribute it and/or modify it under * the terms of the GNU General Public License version 2, as published by the * Free Software Foundation. * * You may NOT assume that you can use any other version of the GPL. * * This program is distributed in the hope that it will be useful, but WITHOUT * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details * * You should have received a copy of the GNU General Public License along with * this program; if not, write to: * * Free Software Foundation, Inc. * 51 Franklin St, Fifth Floor * Boston, MA 02110-1301 USA * * The license for this software can also likely be found here: * http://www.gnu.org/licenses/gpl-2.0.html */ /* Reset *****************************/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* * Defaults ****************************/ body{ font-size: 14px; line-height: 164%; background:none; /* min-height:100%; overflow-x: hidden;*/ } .sticky{} .gallery-caption{} .bypostauthor{} /* * Common Text *****************************/ a:focus{outline:1px dotted invert;} hr{border:0 transparent solid;border-bottom-width:1px;clear:both;height:0} ol,ul{list-style-type:none} .hentry ol{list-style:decimal} .hentry ol ol{list-style:lower-roman} .hentry ol ol ol{list-style:lower-alpha} .hentry ul{list-style:disc;} dt {font-weight:bold;} dd {font-style: italic;} sup {font-size:.7em;vertical-align: top;vertical-align:super;} sub {font-size:.7em;vertical-align: bottom;} big {font-size: 1.3em;} abbr, acronym{ border-bottom: .1em dotted; cursor: help; } q:before, q:after{ content: "'";} code{ display: block; padding: 10px; margin: 1em; } /* * Layout Design **********************************/ /* @ Layout Framework */ #site { position:relative; } #wrapper { padding-bottom: 3.5em; } #page, #dynamic-content { min-height: 400px; zoom:1;} .fixed_width #page, .fixed_width #footer, .canvas .page-canvas{ width: 100%; margin: 0 auto; position: relative; } .page-canvas{ margin: 0 auto; } .content { width: 100%; margin: 0 auto; position: relative;} /* @ Layout Spacing */ /* Default Spacing */ section.container, .hentry, .clip_box, .widget{ margin: 0;} section.copy{margin: 1.6em 0;} .content-pad{padding: 0px;} .hentry, .clip_box{margin-bottom: 1.8em} .widget-pad{padding: 10px;} #pagelines_content .clip{ width:47%; } /* Adjustments */ .mcolumn-pad > article .hentry-pad:first-of-type {padding-top: 0;} .mcolumn-pad > :first-child, .copy-pad > :first-child, .scolumn-pad > :first-child, .sidebar_widgets > :first-child{margin-top: 0;} .mcolumn-pad > :last-child, .copy-pad > :last-child, .scolumn-pad > :last-child, .sidebar_widgets > :last-child{margin-bottom: 0;} .clip_box .hentry, .pprow .widget { margin:0; } /* Special Corrections */ #content .content-pad{ padding-top: 10px } #branding .content-pad{ padding-top: 25px; padding-bottom: 25px; } #nav .content-pad, #secondnav .content-pad{ padding-top: 5px; padding-bottom: 5px; } /* @ Layout Floating */ #column-wrap, #container{float: left;} #sidebar-wrap{float:right;} .two-sidebar-left #column-wrap, .one-sidebar-left #column-wrap{ float: right; } .two-sidebar-left #sidebar-wrap, .one-sidebar-left #sidebar-wrap{ float: left; } .two-sidebar-left #column-main, .one-sidebar-left #column-main{ float: right; } .two-sidebar-center #column-main { float: right;} #column-main { float: left; display: inline; width: 630px; } #sidebar1, #sidebar2{ float: left; overflow:hidden; } .clip.hentry { float: left; clear: none; } .clip-right.hentry { float: right; clear: none;} /* @ Layout Column Padding */ .two-sidebar-center #column-main .mcolumn-pad{ padding-right: 20px; padding-left: 20px;} .fullwidth #column-main .mcolumn-pad{ padding-right: 15px; padding-left: 15px;} .one-sidebar-right #column-main .mcolumn-pad, .two-sidebar-right #column-main .mcolumn-pad{ padding: 14px 30px 0 15px; } .one-sidebar-left #column-main .mcolumn-pad, .two-sidebar-left #column-main .mcolumn-pad{ padding: 14px 15px 0 30px; } .hentry-pad{padding: 0 0 25px;} /* @ Fixed Width Design Mode*/ .fixed_width #page{ padding-top: 12px; } .content-shadow.fixed_width .page-canvas{ -moz-box-shadow: 0 1px 5px rgba(0,0,0, .8); -webkit-box-shadow: 0 1px 5px rgba(0,0,0, .8); box-shadow: 0 1px 5px rgba(0,0,0, .8); } body.fixed_width{ border-top:none; } .fixed_width #footer{ background: transparent; margin: 0 auto; } .fixed_width #morefoot .dcol-pad { padding: 15px; } .fixed_width #branding .content-pad{ padding: 25px; } .fixed_width #header .searchform { margin-right: 10px } .fixed_width #boxes .dcol-pad {padding: 10px;} /* * Typography ****************************/ h1, h2, h3, h4, h5, h6{ font-weight:normal; line-height: 130%; text-rendering: optimizelegibility; } .hentry h1, .hentry h2{ margin: 1em 0; } .hentry h3, .hentry h4, .hentry h5, .hentry h6{ margin: 1.4em 0 .6em; } h1, .fpost .entry-title{font-size: 200%;} h2{font-size: 180%;} h3{font-size: 155%;} h4{font-size: 130%;} h5{font-size: 110%;} h6{font-size: 100%;} /* @ Header Special Cases */ h1 + img, h2 + img{margin-top:1em;} .hentry .entry-title{ margin:0; } /* * @ Paragraphs ****************/ p, .p, .hentry ul, .hentry ol{margin: 1.6em 0;} .entry_content :first-child, .post-excerpt > :first-child{margin-top: 0;} .post-excerpt > :last-child, .entry_content > :last-child {margin-bottom: 0;} p {hyphenate: auto;hyphenate-before:2;hyphenate-after:3;hyphenate-lines: 3;orphans:4} p span.pullquote{text-indent:0;} /* * @ Font Sizes & Line Heights *******************************/ .main_nav, h6.site-description, .widget-title, #footer li h5 a, .subhead, .main_nav, #postauthor .subtext, .author-details, .post-nav, .current_posts_info, #secondnav{ font-size: 86%; } a.site-title{ font-size: 2.6em; line-height: 1.1em; } .metabar{ font-size: 84%; } .searchfield, .tags{ font-size: 80% } /* Posts Meta & Excerpts */ .hentry, .fpost .post-excerpt {font-size: 1.03em; line-height: 1.67em;} .clip .post-excerpt{ font-size: 90%; line-height: 1.6em} .clip .metabar{font-size: 75%; line-height: 1.6em} /* Sidebars */ .rss-date {font-size:.9em;line-height:1.2em;} #footer .latest_posts li .list-excerpt {font-size: .9em;line-height: 1.6em;} .fcol ul ul{ font-size:.9em; } #breadcrumb .content{ font-size:.8em; } #simple_footer_nav #logo h1 { font-size:2em; } #respond h3 small{ font-size: .9em; } .reply a{ font-size: .8em; } h2.notfound-splash { font-size: 8em; } #wp-calendar caption, #wp-calendar thead th{ font-size: .9em; } .fancybox span{font-size: .9em; } .content-pagination .cp-num, .content-pagination a:hover .cp-num{ line-height: 0.9em; } /* @ Long form content */ .hentry ul, .hentry ol { margin: 1.7em 0 1.7em 1.7em;} .hentry table th, #comments table th {font-size: 1.1em;} .hentry table td, #comments table td {padding: .35em .6em;} .wp-caption-text {font-size: 11px; line-height: 16px;} .wp-caption-dd {font-size: 11px;line-height: 17px; } .wp-caption-dd { font-size: 11px; line-height: 17px; } .drop-cap {display:block;font-style:normal;font-size:8em;float:left;margin:.04em .1em 0 0;line-height:.67em;} /* Blockquote */ blockquote{ padding: .85em 1.7em; margin: 1.7em 0 1.7em .85em; } blockquote > :last-child{margin-bottom: 0} .comment blockquote{border: none;padding-right: 10px;} .comment blockquote blockquote{margin-bottom:0;} /* @ Links & Link Effects */ a {text-decoration:none;} .hentry a:hover{text-decoration: underline;} #subnav ul li a:active{text-decoration:none;} /* * @ Default Type Faces */ /* Primary Font Style */ body, .font1, .font-primary, .commentlist, input{ font-family:Georgia, 'Times New Roman', Times, serif; } input[type="submit"], input[type="button"]{ font-family: 'Lucida Grande', helvetica, arial, sans-serif; } /* * @ Borders */ hr, .fpost, .clip_box, .widget-title, .metabar a, #morefoot .widget-title, #site #dsq-content h3, .navigation_wrap{ border-bottom: 1px solid transparent; } ul.sf-menu ul li:last-child{border-bottom: none} .post.fpost .entry, #soapbox .fboxinfo, #feature-footer.nonav {border-top: 1px solid transparent;} #feature-footer, #featurenav a, #feature-footer span.playpause, #featurenav a.activeSlide, textarea:focus, input, textarea, .searchform .searchfield, .wp-caption, #grandchildnav.widget, .clip .clip-thumb img, .author-thumb img, #carousel .content ul li a img, .widget_flickrRSS a img{ border: 1px solid transparent; } .setup_area{border: 4px dashed transparent;margin: 1em 0;} /* * @ Element & Section Formatting */ /* @ #header */ #header .outline{ position: relative; zoom: 1; z-index:15; /* ie drop-down fix */ } /* Branding Section */ #branding .content{ z-index:10; } #branding .branding_wrap{position: relative;zoom:1;} .site-description { margin-left: .2em;} a.site-title{ display: block; margin: .3em 0 .15em; } #branding .mainlogo-link, #branding .mainlogo-img{ max-width: 100%; display: block; } /* @ Header Icons */ .icons {text-align: right;position: absolute;bottom: 50%; right:0px;line-height: 20px;height: 24px;} .icons a { display: block; width: 24px; height: 24px; margin-left: 8px; float: right; text-align: right; opacity: 0.5; } /* @ Main Nav */ .main_nav_container{ width: 100%; float: left; margin-right: -230px; } .navigation_wrap{position: relative;} .navigation_wrap .main_nav { margin-right: 230px; text-align: left; margin-top: 0px; z-index:28; /* Fancybox Uses 30 */ position:relative; height: 31px; } .sf-menu li:hover ul, .sf-menu li.sfHover ul{ top: 33px; } .main_nav_container.nosearch, .nosearch .main_nav{ margin-right: 0; } /* No search adjustment */ .main_nav ul{ list-style: none; display: block; margin: 0; padding: 0px; float: left; } .main_nav ul li{ position:relative; margin: 0; padding: 0px; float: left; text-align: right; } .main_nav li a{ padding: 4px 10px; text-decoration: none; display: block; border: 1px solid transparent; border-bottom:none; } /*IE6 border color (transparent border fix)*/ *html .main_nav li a{ border-color: white; } /* Drop Down */ .main_nav ul ul {display: none;} .main_nav ul ul li {text-align: left;} /* @ SubNav Area */ #secondnav.container{margin: 0;} #secondnav ul{ list-style:none; margin:0; } #secondnav .secondnav_menu { margin:0 0 0 0px; } #secondnav ul li{float: left;} #secondnav li a{ display: block; padding: 3px 8px; border:none;} /* @ Search Form */ .searchform { position: relative; width: 190px; margin: 3px 5px 3px 0; display: inline-block; } .searchform .searchfield{ width: 100px; height: 13px; padding: 5px 5px 5px 28px; float:right; background:url(images/search-btn.png) no-repeat 5px 50%; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s; } .searchform .searchfield:focus{ width: 150px; } .billboard .searchfield, #notfound .searchfield{ float: none; } .navigation_wrap .searchform { position: absolute; right: 3px; bottom: 2px; } .searchform input { background:transparent; border:none; } .searchform .searchfield, #forumsidebar input.forumsearchfield{ font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif; font-size: 11px; } .searchform input.submit { margin:0; padding:0; position:absolute; right:8px; top:4px; height:17px; width:17px; } .searchform input.submit:hover{border: none;background: none;} /* @ The Loop */ /* @ Both Page Content & Posts (.hentry) */ .hentry{ clear: both; } .billboard { padding: 60px 15px; margin: 0 0 2.5em 0; } /* @ Posts */ .fpost .post-excerpt .post-thumb.img {margin-right: 13px} .fpost .post-thumb.img { margin-right: 20px;} .full_img {margin-bottom: .8em;} .post-meta .c_img, .hentry .c_img{ display: block; border: 1px solid transparent; float: left; padding: 4px; max-width: 98%; } .clip .post-meta .c_img { padding: 2px;} .fpost .media .img img{max-width: 100%; height: auto; margin: 0 auto;} .fpost .textcontent { margin: 20px 10px 0 0; } .post.fpost .entry { margin-bottom: 1em; padding: 1em 0; } /* @ Post Title Area */ .post-title-section{ padding-bottom: 6px; } .post-meta { margin-bottom: 1.71em; } .post-nocontent.post-meta { margin-bottom: 0; } .fpost .post-title h2 a:hover{ text-decoration: underline; } .post-comments a:hover{ text-decoration: none; } .metabar em{ font-style: normal;} .metabar a:hover {text-decoration: none;} .fpost .post-excerpt { margin: .6em 0; } .entry_content img { max-width: 100%; } .cnt-comments{ float: left; } .cnt-comments a{ display: block; padding: 4px 10px; } /* @ Clips */ .clip .clip-header { padding: 4px 0 4px 0; display: table-cell; width: 10000px; } .clip .clip-thumb a{ float:left; margin-right: 10px; } .clip .clip-thumb img { padding: 2px; display:block; margin:0 0 0.4em; } .clip .post-excerpt .post-thumb.img {margin-right: 10px} .clip .entry-title, .clip .metabar { padding: 0; } .clip .post-excerpt { margin-bottom:1.5em; margin-top:.5em; } /* @ Post Navigation */ /* @ Post Footer Area */ .pl-sharebar-pad{ line-height: 12px; padding: 10px; } .pl-sharebar-text{ display: inline; vertical-align: top; margin-right: 16px; font: normal 75%/190% "Lucida Grande", Arial, "Lucida Sans Unicode", sans-serif; text-transform: uppercase; letter-spacing: .1em; } .meta-share{ padding-top: 5px; } .meta-share iframe, .meta-share object{ width: auto; } .tags {font-style: italic;} /* @ Sidebar */ #sidebar-wrap #sidebar_universal{ padding: 2em 1em 0 1em; } ul.sidebar_widgets{ list-style-type: none; } /* @ Sidebar Widgets */ /* .widget{ overflow: hidden; } Breaks sidebar-wrap bottom */ .widget-title{ text-align:left; padding:3px 8px 3px 0px; margin-bottom: .6em; } .widget ul { margin:0 0 10px .4em; } .widget ul.sub-menu { margin:0px;} .widget ul li{ font-size:.95em; list-style:none; display: block; padding: 0 2px; } .widget_recent_comments.widget li{ padding: 4px; } .widget ul li a:hover{ text-decoration: underline; } .widget ul li ul li{ margin-left: .3em; } /* @ Special Widgets */ .tagcloud{ padding: .7em; line-height:1.4em; } .widget-default{ margin-bottom: .7em; } .widget_search .widget-title {margin-bottom:10px;} .widget_categories .postform {margin:10px 10px;} .rss-date {display:block;line-height:1.2em;} a.rsswidget img{position:relative;top:1px;} #sidebar #widgets { margin-bottom: 1em; } .textwidget { padding: 5px 2px; } #footer .widget_twitter .twitter-item{ padding-bottom:10px; } .twitter-item:nth-child(2n){ font-weight:bolder; } /* @ Post Navigation */ .post-nav, .current_posts_info { clear: both; padding:5px 10px; position: relative; } .post-nav a, .post-nav a:visited { text-decoration: none; } .post-nav a:hover { text-decoration: none; } .post-nav .previous a { float: left; display: block; padding-left: 24px; background: url(images/post-previous.png) no-repeat left center; } .post-nav .next a { float: right; display:block; padding-right: 24px; text-align: right; background: url(images/post-next.png) no-repeat right center; } /* @ Page Navigation */ .page-nav-default {padding: 15px 0;} .page-nav-default .previous-entries { float: left; } .page-nav-default .next-entries { float: right; } /* @ Footer */ #footer { clear:both; overflow:hidden; text-align: left; position: relative; } #footer .footcol-pad{ padding: 0 10px; } #footer .footcol ul{ padding: 0 5px; } #footer li {list-style-type:none;} #footer li a:hover {text-decoration: underline;} #footer .widget-title{ padding-left:0; border:0; margin-bottom: .6em; } #footer .findent {padding: 0 5px 0 0;} .latest_posts h5{ margin-bottom: .4em; } .latest_posts {padding:0;} .latest_posts li {margin-bottom: .5em;} .fcol{ width: 152px; float: left; display:inline; padding: 0 20px; } .fcol ul ul{ padding-left:10px; } /* @ Breadcrumb Section */ #breadcrumbs{ padding:10px 5px; } #breadcrumb .content-pad { padding:0 12px; } #breadcrumb .content{ padding:5px 0px; } .breadcrumb a:hover {text-decoration:underline;} /* @ Comments Area */ #respond form{ margin-left: 27px;} h3#comments-title { padding-left: 22px; background:url("sections/comments/icon-comment.png") no-repeat scroll 0 3px transparent; } #respond h3 { padding-left: 25px; background:url("sections/comments/icon-pencil.png") no-repeat scroll 0 3px transparent; } #respond h3 small{ font-style:italic; } .commentlist .comment-meta { margin-bottom: 16px; } .commentlist p{ margin: 0px 0 1em 5px; } /* 404 */ #notfound, #previewing-posttypes{ padding: 100px; min-height: 350px; } /* @ Previewing Alert */ h2.notavail{ margin-bottom: 1.5em; } /* @ PageLines Leaf */ #cred { text-align: center; padding: 15px; } a.plimage { text-align: center;} /* @ Floating and Alignment */ .pad_small{padding: 8px;} .pad_big {padding: 15px 20px;} .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } /* @ Typekit */ .typekit-badge{ display: none !important; } /* @ Content Pagination */ .content-pagination { clear:both; } .content-pagination .cp-desc { font-style: italic; } .content-pagination a:hover{text-decoration:none;} .content-pagination .cp-num, .content-pagination a:hover .cp-num{ margin: 0 2px; text-decoration: none; display: inline-block; padding: 3px 7px 6px; } /* Default Entry Table */ table {width: 100%;} .hentry table, #comments table {margin-bottom: 1em;} .hentry table th, #comments table th { font-weight: normal; text-align: center; padding: .3em;} .hentry table td, #comments table td {padding: .35em .6em; text-align: center;} .hentry form table td, #comments form table td { text-align: inherit; } .hentry table .label, #comments table .label{text-align:left;} .iconlist li{margin-bottom: .5em;} .ui-img-big{margin-right: 15px;} .styled-list{list-style-type: none;} /* @ Wordpress Caption */ /* @ FlickrRSS Widget */ .widget_flickrRSS.widget ul{ margin: 7px 0px 0px 0px; } .widget_flickrRSS.widget ul li{display:inline-block;padding:0;margin:0;border-bottom:none;} .widget_flickrRSS a{display: inline-block; margin: 8px 12px 2px 5px; } .widget_flickrRSS a img{display: block; } .widget_flickrRSS a img { font-size: 10px; border-width: 0px 1px 1px 0px; border-style:solid; padding: 3px; } /* @ Special Posts */ .widget div.srp-thumbnail-box{ padding-right: 15px; } .widget .srp-widget-singlepost{ font-size: .85em; margin: 0; padding: 1.2em 0; } .srp-widget-title-link{ font-size: .9em; line-height: 1.2em; } .srp-widget-excerpt{ line-height: 1.5em; } .srp-widget-thmblink{ display: block; padding: 3px; text-decoration: none; border: none; text-shadow: none; width: 50px; } .srp-widget-thmblink img{display: block;} /* @ WP125 Advertising Widget */ .widget_wp125.widget{ border:none; padding:0; margin:0 0 1em 0; } .widget_wp125.widget .wtitle{display: none;} .widget_wp125.widget .winner { padding:0; line-height: 1px; } #page .widget_wp125 { padding: 0; } #page .widget_wp125 .winner { width:100%; } #page .widget_wp125 .wp125ad{ padding: 0; width: auto; float: left; max-width: 50%; } #page .widget_wp125 .wp125ad a{ margin: 6px; padding: 5px; margin: 2px 5px 5px 5px; display: inline-block; border: 1px solid transparent; } #page .widget_wp125 .wp125ad a img{ width: 125px; height: auto; display: block; } /* @ Pagination & WP-PageNavi Plugin */ #page .wp-pagenavi { margin:1.6em .4em 1.6em 0; font-size: .9em; overflow:hidden; } #page .wp-pagenavi span.pages { border:none; background: transparent; } #page .wp-pagenavi a, #page .wp-pagenavi .current, #page .wp-pagenavi .extend{ padding: 3px 7px 4px 7px; border: none; font-weight: normal; } #page .wp-pagenavi a, #page .wp-pagenavi span{ -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* @Disqus */ #site #dsq-content, #site #dsq-content a{ text-shadow: none; } #site #dsq-content .dsq-request-user-info td a{ font-weight: normal; font-size: 1.2em; } #site .dsq-brlink {display: none;} #site #dsq-content .dsq-request-user-info td small a {font-style:italic;} #site #dsq-content h3 { line-height:1.5em; margin-bottom:1em; } #comments p.form-allowed-tags{width: auto;margin-bottom: 1.6em; } /* @Facebook Comments */ #site #dsq-content .dsq-request-user-info td a{ font-weight: normal; font-size: 1.2em; } #site .dsq-brlink {display: none;} #site #dsq-content .dsq-request-user-info td small a {font-style:italic;} #site #dsq-content h3 { line-height:1.5em; margin-bottom:1em; } /* * @ Responsive Design ****************************************/ body .content img {max-width: 100%; height: auto; width: auto\9; /* ie8 */} body .ie8 img { width: auto; height: auto; } body .entry_content iframe, body .entry_content video, body .entry_content object{max-width: 100%;} @media screen and (max-width:800px){ .responsive #site .content, .responsive #footer .content, html .responsive.fixed_width #page{width: 97%;} .responsive #page #pagelines_content #column-wrap, .responsive #page #pagelines_content #sidebar-wrap, html .responsive.fixed_width #site .content{ width: 100%; } } @media screen and (max-width:600px) { .responsive #page #pagelines_content #column-wrap #sidebar1, .responsive #page #pagelines_content #column-main { width: 100%; } .responsive .navigation_wrap{text-align: center;} .responsive .navigation_wrap .main_nav, .responsive .navigation_wrap .main_nav_container {margin-right: 0;} .responsive .navigation_wrap .searchform { display: inline-block; position: relative; float: none; margin-top: 10px; } .responsive section.container .content-pad{ padding-right: 0; padding-left: 0; } .responsive #branding .icons { position: static; } .scale_text{ font-size: .85em; } } @media screen and (max-width:450px) { html { -webkit-text-size-adjust: none; } .responsive #page #pagelines_content .clip { width: 100%; } .responsive .clip_box{ margin:0; padding:0; border:0; } .responsive .navigation_wrap .searchfield{ display:inline-block; float: none; } .responsive #page #brandnav .mainlogo-link {float: none} .responsive #page .main_nav .main-nav, #brandnav .brandnav-nav{margin-top: 10px; width: 100%; float: none;} .responsive #page .main_nav ul li{ text-align: left; width: 50%; } .responsive #page .main_nav ul li ul, #page .main_nav ul li ul li{ width: 100%; } .responsive #page .media .post-thumb { float: none; margin-bottom: 8px; } } #column-wrap, #sidebar-wrap, .clip, #column-main, #sidebar1, .content, #page{ transition:all .2s linear; -o-transition:all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear; } /* * @ Forms and Inputs ****************************************/ input{ font-size:1em; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; padding: 5px; } input:focus{ outline: none; } input::-moz-focus-inner { border: 0; } input[type="text"]{ max-width: 600px; } textarea { font-size:110%; border-color:transparent; border-style:solid; border-width:1px; padding: 5px; width: 96%; max-width: 600px; display: block; } #page :-moz-placeholder { color: rgba(128, 128, 128, .5); } /* FORMS/CONTACT ETC */ .cform input {padding: 5px;font-size: 1.1em;} .cform fieldset{background: #fff;border:none;} input[type="text"].cf_error:focus {border: 1px solid #000;} .cform label { display:block; margin:0; text-align:left; } .cform legend{display: none;} .contentcontainer .cform {margin:5px 50px;padding:0px 0;} .cform ol, .cform li{list-style-type: none; margin:0;padding:0;} .cform li{margin-bottom: .7em;} .cform .single{width: 97%;} .cform .area{width: 97%;} .cform .emailreqtxt,.cform .reqtxt{font-style: italic;} .cf_hidden {display: none;} .success { padding: 15px; margin-bottom: .5em; font-size:1.4em; } /* Contact Forms 7 */ #page div.wpcf7-mail-sent-ok{ border: 1px solid #70E43E; background: #D4F7C5; } #page span.wpcf7-not-valid-tip{ border:1px solid #e17869; background: #f6d8d3; } #page div.wpcf7-validation-errors{ border: 1px solid #F1CC35; background: #FDF6DD; } #page div.wpcf7-mail-sent-ok, #page span.wpcf7-not-valid-tip, #page div.wpcf7-validation-errors{ text-shadow: 0 1px 0 rgba(255,255,255,.8); box-shadow: inset 1px 1px 2px rgba(255,255,255,.5); text-align: center; } /* Mailing List Form */ .mailinglist .cform ol{width:262px; float: left;} .mailinglist .cform .single{width:97%} .mailinglist .cform .sendbutton{margin:21px 0 0 10px;padding: 3px 0 2px 0;} .linklove a{display: none;} h2 a > cufon {display:none;} /* * @ CSS Buttons ****************************************/ input[type="submit"], .submit, input[type="button"], .button, input[type="reset"], .reset{ padding: 4px 9px; cursor: pointer; text-decoration: none; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color:#000000; text-shadow:0 1px 0 rgba(255,255,255,0.5); border:1px solid #bbbbbb; background:#eeeeee; background:-moz-linear-gradient(top,#ffffff 0%,#dcdcdc 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#dcdcdc)); background:-webkit-linear-gradient(top,#ffffff 0%,#dcdcdc 100%); background:-o-linear-gradient(top,#ffffff 0%,#dcdcdc 100%); background:-ms-linear-gradient(top,#ffffff 0%,#dcdcdc 100%); background:linear-gradient(top,#ffffff 0%,#dcdcdc 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#d3d3d3',GradientType=0); box-shadow: inset 1px 1px 0px #FFF; } input[type="submit"]:hover, .submit:hover, input[type="button"]:hover, .button:hover, a.button:hover, input[type="reset"]:hover, .reset:hover { text-decoration: none; color:#000000; text-shadow:0 1px 0 rgba(255,255,255,0.5); border:1px solid #aeaeae; background:#e1e1e1; background:-moz-linear-gradient(top,#f3f3f3 0%,#cfcfcf 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#cfcfcf)); background:-webkit-linear-gradient(top,#f3f3f3 0%,#cfcfcf 100%); background:-o-linear-gradient(top,#f3f3f3 0%,#cfcfcf 100%); background:-ms-linear-gradient(top,#f3f3f3 0%,#cfcfcf 100%); background:linear-gradient(top,#f3f3f3 0%,#cfcfcf 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#d3d3d3',GradientType=0); } input[type="submit"]:active, .submit:active, input[type="button"]:active, .button:active, a.button:active, input[type="reset"]:active, .reset:active { color:#000000; text-shadow:0 1px 0 rgba(255,255,255,0.5); border:1px solid #8e8e8e; background:#c1c1c1; background:-moz-linear-gradient(top,#afafaf 0%,#d3d3d3 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#d3d3d3)); background:-webkit-linear-gradient(top,#afafaf 0%,#d3d3d3 100%); background:-o-linear-gradient(top,#afafaf 0%,#d3d3d3 100%); background:-ms-linear-gradient(top,#afafaf 0%,#d3d3d3 100%); background:linear-gradient(top,#afafaf 0%,#d3d3d3 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#d3d3d3',GradientType=0); box-shadow: none; } input[type="image"]{box-shadow: none} /* Blue Button */ .button.bblue{ background:#4574B8; background:-moz-linear-gradient(top,#6E9ED2 0%,#4574B8 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#6E9ED2),color-stop(100%,#4574B8)); background:-webkit-linear-gradient(top,#6E9ED2 0%,#4574B8 100%); background:-o-linear-gradient(top,#6E9ED2 0%,#4574B8 100%); background:-ms-linear-gradient(top,#6E9ED2 0%,#4574B8 100%); background:linear-gradient(top,#6E9ED2 0%,#4574B8 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6E9ED2',endColorstr='#4574B8',GradientType=0); box-shadow: inset 1px 1px 0px #b4d3f6; } .button.bblue:hover{ background:-moz-linear-gradient(top,#517EBD 0%,#2853A1 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#517EBD),color-stop(100%,#2853A1)); background:-webkit-linear-gradient(top,#517EBD 0%,#2853A1 100%); background:-o-linear-gradient(top,#517EBD 0%,#2853A1 100%); background:-ms-linear-gradient(top,#517EBD 0%,#2853A1 100%); background:linear-gradient(top,#517EBD 0%,#2853A1 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#517EBD',endColorstr='#2853A1',GradientType=0); } .button.bblue:active { box-shadow: none; background:-moz-linear-gradient(top,#1A3764 0%,#517EBD 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1A3764),color-stop(100%,#517EBD)); background:-webkit-linear-gradient(top,#1A3764 0%,#517EBD 100%); background:-o-linear-gradient(top,#1A3764 0%,#517EBD 100%); background:-ms-linear-gradient(top,#1A3764 0%,#517EBD 100%); background:linear-gradient(top,#1A3764 0%,#517EBD 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A3764',endColorstr='#517EBD',GradientType=0); } .button.bblue, .button.bblue:hover, .button.bblue:active{ color:#FFF; text-decoration: none; text-shadow:0 -1px 0 rgba(0,0,0,0.8); border:1px solid #34588B; } /* @ Widgets Default Formatting */ .wp-caption { text-align: center; padding: 8px; border-radius: 3px; max-width: 98%; margin-bottom: 1em; } .wp-caption-text { text-align: center; margin:0;padding:6px 0 2px; } .wp-caption-dd { padding: 0 4px 5px; margin: 0; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption-dd { padding: 0 4px 5px; margin: 0; } /* WordPress Calendar */ #calendar_wrap { overflow: hidden; padding: 0; } #wp-calendar caption { padding: 2px; font-weight: normal; } #wp-calendar thead th { padding: 2px; } #calendar_wrap {text-align:center;padding: 8px 15px;margin: 0;} #wp-calendar {text-align:center;margin-top:5px;width:100%;border-collapse: collapse;} #wp-calendar caption{font-weight: bold; } #wp-calendar td{padding:4px 8px;} #wp-calendar #today{font-weight: bold;} .widget_tag_cloud .winner div{padding: 15px;} /* Tags */ .widget_archive .winner select { margin: 10px; } /* Archive */ .screen-reader-text {display:none;} /* Search */ #wpstats{width:0px;height:0px;overflow:hidden;} /* @ Comments */ #commentform { margin-top: 10px; } #commentform small { font-size: 90%; } #commentform input[type="text"] {padding: 7px;display: block;} #commentform textarea { padding: 7px; height: 140px; } .wp-comments{ margin: 1.4em 0 0; } .wp-comments-pad{ padding: 20px 0; } p.logged-in-as, p.comment-form-comment, p.form-allowed-tags, p.form-submit{margin: .3em 0;} p.comment-form-comment{margin: .8em 0;} p.form-allowed-tags code{ font-size: 10px; line-height: 1.4em; margin: .4em 0; padding: 0; } #respond {margin: 20px 0;} ol ul #commentform textarea {width: 90%;} #commentform #submit {display: inline;} .form-allowed-tags {font-size: .85em;} .form-allowed-tags code {display: block;font-size:10px;} .nocommentform {display:none} /* List of Comments */ .commentlist { list-style-type:none; margin: 10px 0px 10px 18px; line-height: 1.6em; padding-left:55px; } .commentlist li{ padding: 10px;} .commentlist ul.children {list-style-type: none;margin: 1em 0;} .commentlist cite { font-weight: bold; font-style: normal; } .commentlist img.avatar { float: left; margin: 0 5px 5px -65px; position: relative; } .commentlist .children img.avatar { float: left; margin: 0 10px 5px 0; position: relative; } .commentlist .comment-meta { margin-bottom: 5px; display: block; font-size: 87%; } .nocomments{display:none;} /* @ Floating and Alignment */ .hidden {display: none;} .aligncenter,.alignnone {display: block;margin-left: auto;margin-right: auto;} .center, .textcenter {text-align: center;} .alignleft {float: left;margin:0 1.5em 1.5em 0;} .left { float: left; } .textleft {text-align: left;} .alignright {float: right;margin:0 0 .4em 1.4em;} .right { float: right; } .textright {text-align:right;} .clear {clear:both;} .block{display:block;} img.center, img[align="center"] {display: block;margin-left: auto;margin-right: auto;} img.left, img[align="left"] { float:left;margin: 2px 10px 5px 0px;} img.right, img[align="right"] { float:right;margin: 2px 0px 5px 10px;} /* @ Clearfixing */ .fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .fix{display:inline-block;} * html .fix{height:1%;} .fix{display:block;} .candy-wrapper, .candy-wrapper a{ color:#4080a2; padding-bottom:10px; text-shadow:1px 1px 0 #97dafb; } .candy-wrapper a:hover, .candy-wrapper a:visited{color:#375772;} .candy-wrapper a{text-decoration:underline;} .candys{ min-width:750px;} .candy-wrapper p{ padding:0px; margin:0px; } .candy-close{ background:url( images/candy_close.png ) no-repeat; cursor: pointer; height:60px; position: fixed; right:15%; width:50px; z-index:999; } .candy-close-btn { background: url(images/candy_x_button.png) no-repeat; cursor: pointer; height: 30px; position: absolute; right: 10px; top: 10px; width: 30px; } ul.menu-always-on-top li { float: left; } ul.menu-always-on-top,ul.menu-always-on-top li ul { list-style: none; z-index: 9998; } ul.menu-always-on-top li:last-child a { background: none; } ul.menu-always-on-top li a { background: url(images/menu_sep.png) no-repeat right center; display: table-cell; height: 55px; letter-spacing: 0.5px; padding: 0 20px; vertical-align: middle; -webkit-transition: color 500ms ease-in; -moz-transition: color 500ms ease-in; -o-transition: color 500ms ease-in; -ms-transition: color 500ms ease-in; transition: color 500ms ease-in; } ul.menu-always-on-top li a:hover { -webkit-transition: color 500ms ease-in; -moz-transition: color 500ms ease-in; -o-transition: color 500ms ease-in; -ms-transition: color 500ms ease-in; transition: color 500ms ease-in; } /****************************************************************************** * Menu Depth 2 ******************************************************************************/ ul.menu-always-on-top li:hover ul { opacity: 1; -webkit-transition: opacity 500ms linear; -moz-transition: opacity 500ms linear; -o-transition: opacity 500ms linear; -ms-transition: opacity 500ms linear; transition: opacity 500ms linear; visibility: visible; } ul.menu-always-on-top li ul { padding: 0px; position: absolute; opacity: 0; width: 180px; visibility: hidden; } ul.menu-always-on-top li ul li { float: left; padding: 0 0 5px 0; } ul.menu-always-on-top li ul li a { width: 160px; height: auto; padding: 10px 0 0 20px; background: none; -webkit-transition: padding 200ms; -moz-transition: padding 200ms; -o-transition: padding 200ms; -ms-transition: padding 200ms; transition: padding 200ms; } ul.menu-always-on-top li ul li a:hover { padding: 10px 0 0 30px; -webkit-transition: padding 200ms; -moz-transition: padding 200ms; -o-transition: padding 200ms; -ms-transition: padding 200ms; transition: padding 200ms; } .menu-always-on-top .submit{ box-shadow: 0px 0px 0px !important; } .submit{ border: 1px solid #ff0000; } #highlight { text-align: center; } #highlight .content-pad .highlight-area{padding: 20px;} #highlight .copy-pad .highlight-area{padding: 20px 15px;} .hl-image-top{ margin-top: 20px; } .highlight-head{ line-height: 1.4em; } #highlight .content .highlight-subhead, #highlight .copy-pad .highlight-subhead{ font-size: .85em; } #highlight .hl-image-bottom{ margin: 3em 0 0 0; } #highlight .highlight-splash img {max-width: 100%;} /****************************************************************************** * ******************************************************************************/ .tm_in_wrapper{ position: relative; } .tm_in_wrapper .carousel { display: block; float: left; width: 130px; height: 140px; position: relative; } .tm_in_wrapper .carousel img { background-color: transparent; padding: 5px; display: block; float: left; border-radius:3px; width:111px; height:69px; } .tm_in_wrapper .carousel div { width: 125px; padding:0; margin:0px 0 0 6px; z-index:10; bottom:9px; position:absolute; overflow:hidden; cursor:pointer; -webkit-transition: height 500ms ease-in; -moz-transition: height 500ms ease-in; -o-transition: height 500ms ease-in; -ms-transition: height 500ms ease-in; transition: height 500ms ease-in; } .tm_in_wrapper .carousel div a{ display: block; } .tm_in_wrapper .carousel div:hover { height:125px !important; -webkit-transition: height 500ms ease-in; -moz-transition: height 500ms ease-in; -o-transition: height 500ms ease-in; -ms-transition: height 500ms ease-in; transition: height 500ms ease-in; } .tm_in_wrapper .carousel div h4 { font-size: 12px; margin: 0; padding: 5px; color:#fff; text-transform: uppercase; font-weight:bold; text-shadow:none; text-align:center; } .tm_in_wrapper .carousel div p{ color: #FFFFFF; font-size: 12px; line-height: 15px; margin: 0; padding: 0 5px; text-shadow: 0 0 #000000; } .prev span, .next span{ display: none; } .prev.white, .next.white{ width:7px; height:13px; display:block; position:absolute; } .prev.white{ background:url(images/infi_left.png) no-repeat; top:75px; } .next.white{ background:url(images/infi_right.png) no-repeat; top:75px; right:15px; } .prev.gray, .next.gray{ width:50px; height:50px; display:block; position:absolute; } .prev.gray{ background:url(images/miscellaneous_sprite.png) no-repeat; top:60px; left:-20px; } .next.gray{ background:url(images/miscellaneous_sprite.png) no-repeat -50px 0; top:60px; right:-25px; } .prev.gray:hover{ background-position: 0 -50px; } .next.gray:hover{ background-position: -50px -50px; } .callout_head{ margin-top: 5px; font-size:2.4em; line-height: 1.4em; display: inline} .callout_sub{ font-size:1.1em; margin: 0 } .callout_image a{line-height: 1em; } #callout .callout-area{ padding:20px; } #callout .callout_text-pad{ padding: 4px 10px 0; } #callout .callout_text.noimage { width:100%; } #callout .callout_image a{ display: block;line-height: 1em;} #callout .callout_image { text-align: center; vertical-align: center; } #callout .callout_button{ font-size: 1.7em; padding: 10px 22px; float: right; } #callout .callout_image img { width: 100%; } .fixed_width #twitterbar {background: none} .tbubble-pad{ font-style:italic; background: url(twitter-balloon.png) no-repeat 0 2px; padding: 0 0 0 25px; text-align: left; } .twitteraccount{font-style:normal;} .widget ul.twitter .twitter-item{ font-weight: normal; font-style: italic; margin-bottom: .4em; font-size: .9em; } /* Theme Name: Tmeister V5 Theme URI: http://tmeister.net/ Description: Tmeister v5 Theme Version: 1.0 Author: Enrique Chavez Author URI: http://tmeister.net Template: pagelines */ /****************************************************************************** * 1 RESETS * 2 FONTS ******************************************************************************/ /****************************************************************************** * 1 RESET PAGELINES ******************************************************************************/ .bc1,.cnt-comments a,#wp-calendar caption,.wp-caption,.commentlist .alt,#wp-calendar #today,.post-nav,.current_posts_info,.post-footer,.success,.content-pagination a .cp-num,.hentry table .alternate td,.playpause,#page .wp-pagenavi a,.main-nav li:hover,.main-nav .current-page-ancestor a,.main-nav li.current-page-ancestor ul a,.main-nav li.current_page_item a,.main-nav li.current-menu-item a,.sf-menu li li,.sf-menu li li li { background-color: none !important; background: none !important; } .bc2,.cnt-comments a:hover,#wp-calendar thead th,.item-avatar a,.comment blockquote,#page .wp-pagenavi a:hover,#page .wp-pagenavi .extend,.content-pagination .cp-num,.content-pagination a:hover .cp-num,ins,.main-nav li a:hover,.main-nav .current-page-ancestor .current_page_item a,.main-nav li.current-page-ancestor ul a:hover,.main-nav li:hover { background-color: none !important; background: none !important; } span.sf-sub-indicator { background: none !important; } .tc1,.t1,.t1 a,body #page .t1:hover,#page,.tcolor1,#subnav ul li a:active,.commentlist cite a,.metabar a:hover,.post-nav a:hover,.post-footer a,#site #dsq-content .dsq-request-user-info td a,#page .wp-pagenavi a:hover,#page .wp-pagenavi .current,.content-pagination a:hover .cp-num { color: #4c4c4c !important; text-shadow: 1px 1px 0 #f1f1f1 !important; } #page-main { margin: 0; } #content .mcolumn-pad { padding: 10px 0 !important; } .home .hentry-pad { padding: 10px 0px !important; } #callout .callout_text { width: 80%; } #callout .callout_image { } .title-container { display: none; } .metabar{ font-size:90%; } /****************************************************************************** * 2 FONTS ******************************************************************************/ @font-face { font-family: 'LeagueGothicRegular'; src: url('fonts/league_gothic-webfont.eot'); src: url('fonts/league_gothic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/league_gothic-webfont.woff') format('woff'), url('fonts/league_gothic-webfont.ttf') format('truetype'), url('fonts/league_gothic-webfont.svg#LeagueGothicRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'QuicksandLight'; src: url('fonts/quicksand_light-webfont.eot'); src: url('fonts/quicksand_light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/quicksand_light-webfont.woff') format('woff'), url('fonts/quicksand_light-webfont.ttf') format('truetype'), url('fonts/quicksand_light-webfont.svg#QuicksandLightOblique') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'LetterGothic'; src: url('fonts/lettergothicstd-webfont.eot'); src: url('fonts/lettergothicstd-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lettergothicstd-webfont.woff') format('woff'), url('fonts/lettergothicstd-webfont.ttf') format('truetype'), url('fonts/lettergothicstd-webfont.svg#LetterGothicStdMedium') format('svg'); font-weight: normal; font-style: normal; } /****************************************************************************** * 3 BODY ******************************************************************************/ /****************************************************************************** * 4 BRANDNAV ******************************************************************************/ #brandnav { /*background: url(images/header_bg.jpg); */ color: #ffffff !important; /*border-bottom: 1px solid rgba( 204, 204, 204, 0.75 ); */ background: rgba(204, 204, 204, 0.1); border: 0 none; border-top: 1 solid #E3E3E3; border-bottom: 4px double #E3E3E3; } #brandnav .brandnav-nav { margin-top: 7px !important; } .main-nav li a { -webkit-transition: color 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; -moz-transition: color 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; -o-transition: color 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; -ms-transition: color 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; transition: color 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; color: #7BA5D1; font-family: 'LeagueGothicRegular'; font-size: 25px; font-style: normal; font-weight: 300; margin: 10px 0; text-align: center; text-shadow: 1px 1px 0 #f9f9f9, 2px 2px 2px rgba(0, 0, 0, 0.5); text-transform: uppercase; } .main-nav li a:hover { -webkit-transition: color 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; -moz-transition: color 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; -o-transition: color 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; -ms-transition: color 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; transition: color 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } .main-nav li a:hover,.main-nav li.current_page_item a,.main-nav li.current-menu-item a,.main-nav li.current_page_parent a { color: #4c4c4c !important; } .tm_portfolio_archive .main-nav li.current_page_parent a { color: #7BA5D1 !important; } /****************************************************************************** * MOREFOOT ******************************************************************************/ .morefoot-pad { padding: 30px 0; } #morefoot .texture,#dynamic-content { /*background: url(images/separator.jpg) repeat-x center bottom; */ border-bottom: 1px solid rgba( 204, 204, 204, 0.75 ); } #morefoot { background: url(images/body_bg.jpg); } #morefoot .content-pad { padding: 0 15px; } #morefoot h3.widget-title { font-family: 'LeagueGothicRegular'; font-size: 28px; text-transform: uppercase; border-bottom: 1px solid #4c4c4c; text-align: center; text-shadow: 2px 1px 0 #FFFFFF, 3px 3px 0 #BBBBBB; color: #7BA5D1; } #morefoot .widget-pad,#morefoot .widget-pad p { padding: 0px; margin: 0px; } #morefoot .widget-pad p { padding: 10px 0px; font-size: 1em; } #morefoot .textwidget { padding: 0 !important; } #morefoot ul { margin: 0px !important; padding: 0px !important; } #morefoot ul li { border-bottom: 1px dashed #333; padding: 10px 0px; } #morefoot .widget_twitter .entry-meta { display: block; } #morefoot .widget_twitter .entry-meta a { font-size: 10px; color: #777; font-style: italic; } #morefoot .follow-button { margin: 10px 0; } #morefoot ul#recipe li,.widget_recent_entries ul li { background: url(images/star.png) no-repeat left center; -webkit-background-size: 25px 25px; -moz-background-size: 25px 25px; background-size: 25px 25px; border: 0 none; float: left; font-family: 'LeagueGothicRegular'; font-size: 20px; padding: 7px 0 7px 35px; text-align: left; width: 38%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=50); opacity: .50; -moz-opacity: .50; -webkit-transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out; -ms-transition: opacity .5s ease-out; transition: opacity .5s ease-out; cursor: pointer; } .widget_recent_entries ul li { width: 90%; padding: 10px 0 10px 40px !important; background: none; background: url(images/post.png) no-repeat 10px center; font-family: 'LeagueGothicRegular'; -webkit-background-size: 20px 25px; -moz-background-size: 20px 25px; background-size: 20px 25px; font-size: 20px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; -ms-transition: all .5s ease-out; transition: all .5s ease-out; } .widget_recent_entries ul li a { color: #4c4c4c; } #morefoot ul#recipe li:hover,.widget_recent_entries ul li:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; -ms-transition: all .5s ease-out; transition: all .5s ease-out; } .widget_recent_entries ul li:hover { background-color: #7BA5D1; } .widget_recent_entries ul li:hover a { color: #ffffff; text-shadow: 1px 1px 0 #444; text-decoration: none; } /****************************************************************************** * HEADER ******************************************************************************/ #header_name { /*background: url(images/slider_bg.jpg); */ } #welcome_text { /*background: url(images/welcome.png) no-repeat top center; */ } h1.main,.hentry h1 { font-family: "LeagueGothicRegular"; text-transform: uppercase; font-size: 80px; color: #4c4c4c; text-align: center; padding: 10px 0 5px; text-shadow: 2px 1px 0 #f5f5f5, 3px 3px 0 #b8b8b5; } h2.mini_title { font-family: "QuicksandLight"; text-align: center; color: #a0a0a0; font-size: 18px; text-shadow: 1px 0 0 #f5f5f5; } h1.main_offer, .tm_portfolio_archive h3.offer, .post-type-archive-tm_portfolio h3.offer{ font-family: "QuicksandLight"; text-align: center; color: #7BA5D1; font-size: 23px; text-transform: uppercase; padding: 10px 0 15px; max-width: 75%; margin: 0 auto; } .tm_portfolio_archive h3.offer { margin-bottom: 40px; max-width: 90%; } .section_separator { background: url(images/separator.jpg); height: 9px; } /****************************************************************************** * FOOTER ******************************************************************************/ #footer { background: url(images/twitter_updates_bg.jpg) !important; } .tbubble-pad { background: url(images/twitter_bird.png) no-repeat !important; min-height: 25px; padding: 5px 0 0 50px !important; } .simplenav li a { color: #225E9B !important; text-decoration: none !important; } .simplenav li a:hover { color: #4e7eaf !important; } #simple_nav .content-pad { padding: 0px !important; } #footer_social { margin: 0px auto 0; width: 455px; } #footer .social-icon a, #footer .social-icon a:hover{ -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; width:70px; height:70px; display: block; float: left; margin-right: 30px; opacity: .30; -moz-opacity: .30; filter:alpha(opacity=30); } #footer .social-icon a:hover{ opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #footer .twitter a {background: url(images/twitter.png) no-repeat;} #footer .linkedin a {background: url(images/linkedin.png) no-repeat;} #footer .feedburner a {background: url(images/feedburner.png) no-repeat;} #footer .lastfm a {background: url(images/lastfm.png) no-repeat;} #footer .facebook a {background: url(images/facebook.png) no-repeat;} #footer .qr { text-align: center; } #footer .qr img { width: 110px; height: 110px; } #dynamic-content { padding-bottom: 40px; } /****************************************************************************** * SERVICE HOME ******************************************************************************/ .circles { -webkit-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; -moz-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; -o-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; -ms-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03); border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset; float: left; height: 215px; margin-right: -2%; overflow: hidden; padding: 15px 30px 30px; position: relative; text-align: center; width: 20%; min-width: 195px; } .circles:hover { -webkit-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; -moz-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; -o-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; -ms-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; background: #7BA5D1; top: -10px; z-index: 10; } .circles .circles_inner > span { background: url( images/circle_icons.png )no-repeat 0 0; height: 50px; width: 50px; position: relative; top: 5px; left: 36%; } .circles.web .circles_inner > span { background-position: 0px 0px; } .circles.web:hover .circles_inner > span { background-position: 0px -53px; } .circles.wp .circles_inner > span { background-position: -50px 0px; } .circles.wp:hover .circles_inner > span { background-position: -50px -53px; } .circles.facts .circles_inner > span { background-position: -100px 0px; } .circles.facts:hover .circles_inner > span { background-position: -100px -53px; } .circles.pg .circles_inner > span { background-position: -150px 0px; } .circles.pg:hover .circles_inner > span { background-position: -150px -53px; } .circles h3 { -webkit-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; -moz-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; -o-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; -ms-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; color: #7BA5D1; font-family: 'LeagueGothicRegular'; font-size: 30px; font-style: normal; font-weight: 900; margin: 10px 0; text-align: center; text-shadow: 1px 1px 0 #FFFFFF, 2px 2px 2px rgba(0, 0, 0, 0.5); text-transform: uppercase; } .circles:hover h3 { -webkit-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; -moz-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; -o-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; -ms-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s; color: rgba(255, 255, 255, 0.9); text-shadow: 1px 1px 0 #000, 2px 2px 2px rgba(255, 255, 255, 0.5); text-transform: uppercase; } .circles p { color: #333333; font-size: 14px; line-height: 1.2em; margin: 0 0 10px; } .circles:hover p { color: #FFFFFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } .circles_list { list-style: none !important; margin: 0px auto !important; } .circles_list li { color: #555555; font-size: 12px; font-style: italic; font-weight: 500; line-height: 20px; margin: 0; padding: 1px 0 0; } .circles:hover .circles_list li { color: #FFFFFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } .circles_inner > span { display: block; font-family: serif; font-size: 7em; margin: 0; padding: 0; } /****************************************************************************** * POSRTFOLIO HOME ******************************************************************************/ .hentry h2,.post-type-archive-tm_portfolio h2,#portfolio h2,.single h1 { background-color: rgba(204, 204, 204, 0.1); border-bottom: 4px double #E3E3E3; border-top: 4px double #E3E3E3; color: #4c4c4c; font-family: 'LeagueGothicRegular'; font-size: 50px; font-style: normal; font-weight: 400; margin: 0px 0 45px; text-align: center; text-shadow: 2px 1px 0 #FFFFFF, 3px 3px 0 #BBBBBB; text-transform: uppercase; } .featured { list-style-type: none; padding: 0; } .featured li { font-size: 15px; position: relative; width: 220px; padding: 0; margin: 0 30px 30px 0; float: left; list-style-type: none; -webkit-box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.1); } .features-home .featured li { margin-bottom: 10px; } .featured li:last-child { margin-right: 0px; } .featured .feature { position: relative; clear: left; overflow: hidden; padding: 0; } .featured .feature-shot { padding: 10px; background: #fff; border: 1px solid #D5D5D7; } .featured .feature-over { position: absolute; top: 10px; left: 10px; z-index: 1; width: 180px; height: 130px; margin: 0 !important; padding: 10px; font-size: 0.8em; line-height: 2em; text-decoration: none; color: #888; background: #fff; } .featured .feature-link { position: relative; z-index: 2; } .featured img { margin: 0; height: auto; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .featured a:hover img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .featured .center { display: table-cell; vertical-align: middle; height: 135px; width: 185px; } .featured strong { display: block; font-size: 14px; line-height: 1.2em; color: #666; text-align: center; text-transform: uppercase; } .featured .dim { font-weight: bold; font-size: 11px; display: block; text-align: center; color: #ccc; } .featured em { font-size: 9px; line-height: 1em; font-style: normal; font-weight: bold; display: block; text-align: center; margin-top: 10px; text-transform: uppercase; color: #999; border-bottom: dotted 1px #e5e5e5; border-top: dotted 1px #e5e5e5; padding: 5px 0; } .featured .feature-img { width: 200px; height: 150px; overflow: hidden; } .featured h2 { padding: 0px 0 0 0; margin: -5px 0 15px 0px; color: #AAA; float: left; } .featured-portfolio-wrap { width: 100%; float: left; } .featured-portfolio-thumb,.video-frame { float: left; margin: 0px 0px 25px 0px; } .featured-portfolio-thumb img,.video-frame-padding { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 10px; border: solid 1px #eee; } .video-frame iframe { width: 480px; } .featured-portfolio-thumb2 { float: right; margin-bottom: 50px; } /****************************************************************************** * CALLOUT ******************************************************************************/ #callout .callout-area,#callout .content-pad { padding: 0; } #callout .callout-area { padding: 10px 0; } .callout_head { color: #4c4c4c; font-family: 'LeagueGothicRegular'; font-size: 50px; font-style: normal; font-weight: 400; margin: 7px 20px 0; text-shadow: 2px 1px 0 #FFFFFF, 3px 3px 0 #BBBBBB; text-transform: uppercase; } #callout .content { background-color: rgba(204, 204, 204, 0.1); border-bottom: 4px double #E3E3E3; border-top: 4px double #E3E3E3; } #callout .callout_image img { width: 75px; height: 75px; } /****************************************************************************** * BLOG ******************************************************************************/ article.fpost,article .blocks,section#comments { background: url(images/left_side.png) repeat-y #FFFFFF; border: 1px solid #D5D5D7; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); padding: 20px 10px 0px 20px; position: relative; } article .blocks { padding: 0; } /* article.fpost:after,section#comments:after { background: url("images/bottom_page.png") no-repeat scroll 0 0 transparent; bottom: -11px; content: " "; display: block; height: 11px; left: -21px; position: relative; width: 750px; }*/ .home article.fpost,.home article .blocks { background: none; border: 0 none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0px; } .home article.fpost:after { display: none; } .metabar-pad { bottom: 5px; position: absolute; right: 25px; text-align: right; } .searchform { margin: 0; width: 230px; } .searchform .searchfield,.wp-comments-pad input[type='text'],.wp-comments-pad textarea,.gform_wrapper input[type="text"],.gform_wrapper input[type="url"],.gform_wrapper input[type="email"],.gform_wrapper input[type="tel"],.gform_wrapper input[type="number"],.gform_wrapper input[type="password"],.gform_wrapper textarea.textarea { background-color: rgba(204, 204, 204, 0.1) !important; border: 4px double #E3E3E3 !important; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; padding-bottom: 10px !important; padding-top: 8px !important; width: 190px; } .gform_wrapper textarea.textarea { -webkit-background-size: 200px; -moz-background-size: 200px; background-size: 200px; min-height: 220px; overflow: auto; } .wp-comments-pad input[type='text'],.wp-comments-pad textarea { width: 90%; } .searchform .searchfield:focus { width: 190px; } #sb_primary h3,#sb_secondary h3,.grid_item .grid_info h3,.feature h3 { background: rgba(204, 204, 204, 0.1); border: 0 none; border-top: 4px double #E3E3E3; border-bottom: 4px double #E3E3E3; color: #4c4c4c; font-family: 'LeagueGothicRegular'; font-size: 20px !important; margin: 0px; text-align: center; text-transform: uppercase; width: 100%; text-shadow: 2px 1px 0 #FFFFFF, 3px 3px 0 #BBBBBB; font-style: normal; } #sb_primary .widget-pad ul li { border-bottom: 1px dashed #999999; padding: 5px; } .post-nav,.current_posts_info,.commentlist .comment-body { background-color: rgba(204, 204, 204, 0.1) !important; border: 4px double #E3E3E3 !important; } #sb_primary .widget-pad { padding: 10px 10px 5px; } .single h1 { font-size: 2em !important; } .single h2 { font-size: 1.5em; } .single h3 { font-size: 1em; } .wp-comments-pad { padding: 0; } #respond h3,h3#comments-title { background: none; font-weight: bold; } .commentlist { padding-left: 0; margin: 10px 10px 10px 20px; } .commentlist li { padding: 0; margin-bottom: 15px; } .commentlist .comment-body { padding: 15px; } .commentlist .children { width: 95%; float: right; clear: both; } .commentlist img.avatar,.commentlist .children img.avatar { float: right; margin: 0 5px 5px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; border: 5px double rgba(204, 204, 204, 0.5) !important; } #sb_secondary .widget-pad { padding: 10px 0; } #sb_secondary h3 { width: 92%; } .gform_body ul { margin: 0px; } .gform_body ul li { padding: 10px 0 !important; font-weight: bold; } .gform_wrapper input[type="text"],.gform_wrapper input[type="url"],.gform_wrapper input[type="email"],.gform_wrapper input[type="tel"],.gform_wrapper input[type="number"],.gform_wrapper input[type="password"],.gform_wrapper textarea.textarea { width: 215px !important; } .gfield_description,.validation_message { font-size: 11px; font-weight: normal; font-style: italic; color: #ff0009; } .validation_error { background: url(images/error1.png) no-repeat 0 50%; margin: 10px 0; padding-left: 25px; font-size: 11px; width: 85%; } #gforms_confirmation_message { background: url(images/success2.png) no-repeat 0 50%; margin: 10px 0; padding-left: 25px; font-size: 13px; font-weight: bold; } .gform_button { background: url(images/button-medium.png) repeat-x !important; font-size: 12px !important; padding: 10px 25px !important; } /****************************************************************************** * FLUID COLUMNS ******************************************************************************/ /* -------Fluid Columns -------*/ .one_half { width: 48%; } .one_third { width: 30.66%; } .two_third { width: 65.33%; } .one_fourth { width: 22%; } .three_fourth { width: 74%; } .one_fifth { width: 16.8%; } .two_fifth { width: 37.6%; } .three_fifth { width: 58.4%; } .four_fifth { width: 67.2%; } .one_sixth { width: 13.33%; } .five_sixth { width: 82.67%; } .one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth { position: relative; margin-right: 4%; float: left; } .last { margin-right: 0 !important; clear: right; } .clearboth { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width: 100%; } /****************************************************************************** * PORTFOLIO PAGE ******************************************************************************/ .post-type-archive-tm_portfolio .one-sidebar-right #pagelines_content #column-wrap { width: 100%; } .grid_item.portfolio_item { margin: 0 8px 8px 0; width: 232px; height: 200px; } .masonry .masonry-brick { -webkit-transition-property: left, right, top; -moz-transition-property: left, right, top; -o-transition-property: left, right, top; -ms-transition-property: left, right, top; transition-property: left, right, top; } .masonry,.masonry .masonry-brick { -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; -ms-transition-duration: 0.7s; transition-duration: 0.7s; } .grid_item { float: left; } .grid_item .grid_image { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #D5D5D7; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); cursor: pointer; overflow: hidden; padding: 15px; position: relative; } .grid_item .grid_image img { display: block; } .grid_item .grid_image .grid_title { -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; background: none repeat scroll 0 0 #FFFFFF; color: #4c4c4c; font-size: 22px; height: 100%; left: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; padding-top: 35%; position: absolute; text-align: center; top: 0; width: 100%; z-index: 10; font-family: 'LeagueGothicRegular'; font-size: 20px !important; text-transform: uppercase; text-shadow: 2px 1px 0 #FFFFFF, 3px 3px 0 #BBBBBB; font-style: normal; } .grid_item .grid_image:hover .grid_title { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: .80; -moz-opacity: .80; } .grid_item.big_item { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; width: 474px; height: 375px; } .grid_item .grid_image .grid_info { background: #FFFFFF; bottom: 30px; -webkit-box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.1); left: 50%; margin-left: -150px; position: absolute; width: 300px; } .grid_item .grid_info .info_details { color: #777777; font-size: 11px; padding: 10px 20px 20px 20px; line-height: 20px; } .grid_item .sticker { background: url(images/sticker.png) no-repeat center top; height: 26px; left: 0; position: absolute; top: -15px; width: 100%; z-index: 10; } .grid_item .grid_info h3,.feature h3 { font-size: 20px; margin-bottom: 10px; margin-top: 20px; padding: 0px; border: 0 none; background: none; } .grid_item .grid_info .meta_container { margin-bottom: 10px; margin-top: 10px; padding: 5px 0 0 20px; } .meta_container { border-top: 1px dashed #C2C7CD; font-size: 11px; overflow: hidden; } .meta_container li a { -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; -o-transition: all 0.2s ease-in 0s; -ms-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s; background: none repeat scroll 0 0 transparent; border: 0 none; color: #7B878D; cursor: pointer; font-size: 10px; height: 18px; line-height: 18px; padding: 0px; } .meta_container li a:hover { color: #4c4c4c; } #loading_graphic { background: url(images/loading.gif) no-repeat center center #222222; -webkit-border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; height: 25px; left: 50%; position: fixed; top: 50%; width: 25px; z-index: 120; } /*PageNavi*/ #page .wp-pagenavi { font-size: 1em; margin: 0; text-align: center; } #page .wp-pagenavi .current,#page .wp-pagenavi a:hover { background-color: #7BA5D1 !important; color: #FFFFFF !important; text-shadow: none !important; } .tagcloud a, .catcloud a{ font-size:11px !important; background: url(images/tag.png) no-repeat scroll 0 0 transparent; color: #4c4c4c; display: block; float: left; height: 25px; line-height: 1; margin: 5px; padding: 0 5px 0 8px; position: relative; text-decoration: none; } .tagcloud a:hover, .catcloud a:hover{ color: #000; } .tagcloud a span, .catcloud a span{ display: block; float: left; } .tagcloud a .tag_name, .catcloud a .cat_name{ background: url(images/tag.png) no-repeat scroll 100% -25px transparent; height: 19px; padding: 6px 10px 0 0; position: relative; text-shadow: 0 1px 1px #FFFFFF; z-index: 10; } .tagcloud a .tag_count, .catcloud a .cat_count { background: url(images/tag.png) no-repeat scroll 100% -50px transparent; color: #FFFFFF; height: 19px; padding: 5px 10px 0; position: absolute; right: 0; text-align:right; text-shadow: 0 -1px 0 #C54A0C; top: 1px; z-index: 5; } /*ABOUT*/ #float_about { background: #7BA5D1; display: none; border-bottom: 1px solid #4c4c4c; } #float_about .image img { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; width: 250px; height: 250px; margin-top:25px; -webkit-box-shadow: 2px 0 10px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow: 2px 0 10px rgba(0, 0, 0, 0.5) inset; box-shadow: 2px 0 10px rgba(0, 0, 0, 0.5) inset; } #float_about h3 { font-family: "LeagueGothicRegular"; text-transform: uppercase; color: #ffffff; text-align: center; padding: 10px 0 5px; font-size: 30px; text-shadow: 2px 1px 0 #555; } #float_about p { color: #ffffff; text-shadow: 0px 0px 1px #555; text-align: justify; margin: 10px 0px; } #plus-about,#goup { position: fixed; top: 32px; right: 9%; width: 50px; height: 50px; cursor: pointer; z-index: 91; } #goup { top: 75px; background: url( images/up.png ); display: none; } .plus-open { background: url( images/plus.png ); } .plus-close { background: url( images/close.png ); } #footer li { float: left; text-align: center; width: 40%; } .tla{ } #brandnav .mainlogo-link, #brandnav .title-container { padding: 0 4% !important; } .candy .like-dl{ padding: 0px; margin: 0px; } .candy .like-dl.blue { background: none !important; border: 0 none !important; } .candy-wrapper .like-dl{ font-family:inherit; color:#4080a2 !important; padding-bottom:10px !important; text-shadow:1px 1px 0 #97dafb !important; font-weight:bold !important ; } .candy-wrapper .like-dl .fb_iframe_widget{ width: 960px !important; } .candy-wrapper, .candy-wrapper a { padding-bottom: 0px !important; }