/* * Theme Name: Radius WordPress Theme * Theme URI: http://okaythemes.com/themes/radius * Description: A Super Clean Responsive Theme * Author: Mike McAlister * Author URI: http://okaythemes.com.com * Version: 1.7 * Tags: white, two-columns, fixed-width, custom-header, custom-background, threaded-comments * License: GNU General Public License v2.0 * License URI: http://www.gnu.org/licenses/gpl-2.0.html ================================================== */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0 } ol, ul { list-style: none } caption, th { text-align: left } input, h1, h2, h3, h4, h5, h6 { font-size: 100%; font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal; color: #4c4c4c; } html { height: 100%; overflow-x: hidden; /*min-width:1000px; */ } body { font: 13px/20px 'Helvetica Neue', Helvetica, sans-serif; margin: 0 auto; background: #fff ; height: 100%; color: #666; } @font-face { font-family: 'EntypoRegular'; src: url('includes/fonts/entypo/entypo-webfont.eot'); src: url('includes/fonts/entypo/entypo-webfont.eot?#iefix') format('embedded-opentype'), url('includes/fonts/entypo/entypo-webfont.woff') format('woff'), url('includes/fonts/entypo/entypo-webfont.ttf') format('truetype'), url('includes/fonts/entypo/entypo-webfont.svg#EntypoRegular') format('svg'); font-weight: normal; font-style: normal; } .entypo { font-family: 'EntypoRegular' } a { text-decoration: none ; cursor: pointer; } a:hover { color: #fff } hr { margin: 20px 0 20px; border: 0; border-bottom: 1px dashed #e6e6e6; height: 1px; } h1 { font-size: 27px; line-height: 36px; margin-bottom: 15px; } h2 { font-size: 22px; line-height: 36px; margin-bottom: 15px; } h3, h4, h5, h6 { line-height: 28px; margin-bottom: 12px; } h3 { font-size: 18px } h4 { font-size: 15px } h5 { font-size: 13px } h6 { font-size: 13px; color: #bfbfbf; text-transform: uppercase; } p { margin-bottom: 15px } .clear { clear: both; font-size: 0px; line-height: 0px; display: block; } .clearfix:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; } .clearfix { *display: inline-block; height: 1%; } .last { margin-right: 0 !important } blockquote p { position: relative; font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif; color: #999; font-size: 20px; font-weight: 300; line-height: 30px; text-align: right; padding: 10px 15px 10px 50px; border-right: solid 10px #f0f0f0; } ::selection { background: #666; color: #fff; } ::-moz-selection { background: #666; color: #fff; } img { max-width: 100%; height: auto; } /* ===[ Layout Styles ]===================================================== */ .main-wrapper { width: 100%; margin: 0 auto; overflow-x: hidden; /* min-width:1000px; */ } .header-texture { /*background: url(images/dark-texture.png) repeat-x */ } .header-wrapper { width: 100%; margin: 0 0 0 0; background: #082843; /* Old browsers */ background: -moz-linear-gradient(top, #082843 0%, #072641 40%, #001732 66%, #000011 90%, #040102 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#082843), color-stop(40%,#072641), color-stop(66%,#001732), color-stop(90%,#000011), color-stop(100%,#040102)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #082843 0%,#072641 40%,#001732 66%,#000011 90%,#040102 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #082843 0%,#072641 40%,#001732 66%,#000011 90%,#040102 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #082843 0%,#072641 40%,#001732 66%,#000011 90%,#040102 100%); /* IE10+ */ background: linear-gradient(to bottom, #082843 0%,#072641 40%,#001732 66%,#000011 90%,#040102 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#082843', endColorstr='#040102',GradientType=0 ); /* IE6-9 */ } .header { /* margin: 0 auto; width: 100%; */ position: relative; width: 940px; margin: 0 auto; } .header-left { width: 214px; margin: 0 auto; } .headerLinks { /* float: left; width: 25%; */ float: left; width: 319px; } .headerLinks #donateLink{ float: left; margin-top: 20px; padding-top: 15px; } .headerLinks #storeLink{ float: left; margin-left: 20px; margin-top: 20px; padding-left: 20px; padding-top: 15px; } .socialLinks { position: absolute; right: 10px; top: 20px; } .socialLinks #fbLink { float: right; margin-right: 20px; padding-top: 35px; } .socialLinks #twLink { float: right; margin-left: 10px; padding-top: 35px; } .hide-clear { display: none; } .header-left img { padding: 0 0 0 0 } .header-left h1 { margin: 0 0 0 0 } .logo-text { margin-top: 7px; } .header-left h1 a { color: #fff; text-decoration: none; font-size: 22px; line-height: 48px; letter-spacing: -1px; } .dashboard { } #nav .entypo a { border: 0 !important; font: 0/0 a !important; color: transparent !important; background-color: transparent !important; position: relative; } #nav li.entypo { box-shadow: inset rgba(0,0,0, 0.2) 0px -20px 30px -5px; -moz-box-shadow: inset rgba(0,0,0, 0.2) 0px -20px 30px -5px; -webkit-box-shadow: inset rgba(0,0,0, 0.2) 0px -20px 30px -5px; padding: 0 6px; height: 66px; border-left: dotted 1px rgba(0,0,0, .3); } #nav li.entypo:hover { background: rgba(0,0,0, .04) } #nav .entypo a { margin-top: 25px } #nav .entypo a:after { content: "2"; font-family: 'EntypoRegular'; font-size: 40px; color: #fff; position: absolute; left: 3px; margin-top: -5px; } #nav .sidebar-toggle { display: none } /* ===[ Header Navigation Styles ]===================================================== */ .header-right { } .select-menu, .select { display: none } .menu-primary-menu-container { -moz-box-sizing: border-box; display: table; overflow: visible; padding: 0; width: 706px; z-index: 9999; position: relative; margin: 0 auto; } .menu-primary-menu-container .nav-top{ background: none repeat scroll 0 0 #C52234; border-radius: 0 0 8px 8px; height:36px; width: 706px; } .menu-primary-menu-container .sub-menu{ margin: 0; padding: 0; position: absolute; background: #fff; z-index: 1000; left:10px; width: 686px; } .menu-primary-menu-container .sub-menu .sub-menu{ left:0; position:static; width:100%; padding-bottom: 10px; overflow:auto; } .menu-primary-menu-container .sub-menu .sub-menu li{width:100%;} .menu-primary-menu-container .sub-menu li a{color:#C52234;font-size:18px;} .menu-primary-menu-container .sub-menu li li a{color:#052844;font-size:16px;padding: 5px 11px;} .menu-primary-menu-container .nav-top li{ display:block; width:33%; float:left; } .menu-primary-menu-container a { display: block; padding: 5px; color: #fff; text-decoration: none; text-align: left; outline: none; font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif; font-size: 16px; text-transform: uppercase; padding: 8px 15px; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,.1); } /* Mega menu styles */ .megaMenuContainer { width: 940px; margin: 0 auto; } #megaMenu ul.megaMenu { background: none repeat scroll 0 0 #C52234; border-radius: 0 0 8px 8px; height:36px; width: 798px !important; z-index: 9999 !important; position: absolute; left:70px; top:0; } #megaMenu .sub-menu{ margin: 0; padding: 0 0 20px 0 !important; background: white; left: 10px; width: 777px !important; border:none !important; border-radius: 0 0 8px 8px; } #megaMenu .sub-menu-1{box-shadow: 0 2px 5px #CCC !important;} #megaMenu .sub-menu:after{ display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } #megaMenu .sub-menu .sub-menu{ left:0; width:100% !important; padding: 0 !important; } #megaMenu ul.megaMenu li{ display: block !important; width: 33%; margin-right: 0 !important; float:left; clear: none !important; } #megaMenu ul.megaMenu > li{ position:static !important; width:25% !important; } #megaMenu ul.sub-menu > li{ margin-left: 3%; width: 30%; margin-right: 2% !important; } #megaMenu ul.sub-menu-1 li.ss-nav-menu-item-depth-1:first-child{ width: 25%; margin-left: 5 margin-right: 0 !important; } #megaMenu ul.megaMenu > li > a { background-image: url(images/separator.png) !important; background-position: right center !important; background-repeat: no-repeat !important; display: block; padding: 7px 10px 5px !important; cursor: default; } #megaMenu ul.megaMenu > li:hover > a{ background:#052844; } #megaMenu ul.megaMenu > li:first-child:hover > a{border-radius:0 0 0 8px;} #megaMenu ul.megaMenu > li:last-child:hover > a{border-radius:0 0 8px 0;} #megaMenu ul.megaMenu > li:last-child > a{background-image:none !important;cursor:pointer;} #megaMenu ul.megaMenu .sub-menu .sub-menu li{width:100%;margin-left: 0;margin-bottom: 5px;} #megaMenu ul.megaMenu a { display: block; padding: 5px; color: #fff; text-decoration: none; text-align: left; outline: none; font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif; font-size: 16px; text-transform: uppercase; padding: 8px 15px; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,.1); } #megaMenu ul.megaMenu .sub-menu li a{ color:#C52234; font-size:18px; text-align:left; padding-left: 0; padding-right: 0; } #megaMenu ul.megaMenu .sub-menu li li a{color:#052844;font-size:13px;padding: 5px 0;line-height: 18px;padding-left:5px !important;} #megaMenu ul.megaMenu .sub-menu li li a:hover{background:#C52234 !important;color:#fff;} #megaMenu .wpmega-nonlink { width: auto; margin-top: -5px; padding: 0 !important; font-size: 12px; color: #052844; } #megaMenu li.widget_recent_entries, #megaMenu li.widget_recent_entries li, #wpmega-ubermenu-widget-area-1 li, #wpmega-ubermenu-widget-area-2 li{width:100% !important;} #megaMenu li.widget_recent_entries li{margin-bottom:5px !important;clear:both;} /* ===[ Title Styles ]===================================================== */ .home .page-title { text-align: center; border-bottom: none; } .page-title { position: relative; margin: 0 0 20px 0; padding: 0 0 15px 0; border-bottom: 1px dashed #e6e6e6; } .search .page-title, .archive .page-title { background: #fff; box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; margin-bottom:0; border-bottom: none; padding: 0 15px; } .search .page-title h1, .archive .page-title h1 { font-size: 14px; text-transform: uppercase; color: #999; letter-spacing: 0; } .error404 .page-title { border-bottom: none; margin-bottom: 0px; } .page-title-portfolio { border-bottom: none; margin-bottom: 0; } .page-title a { color: #4c4c4c } .page-title h2, .page-title h1 { margin-bottom: 0px; font-size: 26px; line-height: 36px; letter-spacing: -1px; color:#C42234; } .page-title h1 {font-size: 28px;} .page-title h3 { color: #bbb; font-size: 14px; margin-bottom: 0px; margin-top: 0px; text-transform: uppercase; } .page-title h3 a { color: #aaa } .post-nav { font-size: 11px; border-top: dashed 1px #e6e6e6; float: left; margin-top: 15px; padding-top: 15px; } .post-nav > span { float: left } .post-nav a { color: #aaa } .post-nav a:hover { color: #555 } .next-prev-color { color: #666 } .previous, .next { color: #aaa } .previous:hover, .next:hover { color: #666 } /* ===[ Showcase Styles ]===================================================== */ #header-slider { /*margin-bottom: 38px; min-height: 300px;*/ background: url(images/loader.gif) center center no-repeat; z-index: 200; } .header-slider-sized { width:940px !important; margin: 50px auto 35px auto !important; } .no-slider { display: none; } .showcase { position: relative; background: url(images/irongrip.png); max-width: 100%; } .showcase-open { } .showcase-wrap { padding: 0 50px } .showcase-info { text-align: center; width: 100%; position: absolute; top: 41%; -webkit-transition: .2s ease-in; -moz-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; } .showcase-info-open { top: 24%; -webkit-transition: .2s ease-in; -moz-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; } .header-slider-sized .showcase-info-open { top:14%; } .showcase-info-open .hide-title { display: block } .hide-title { display: none } .showcase-info-open .showcase-title h2 { padding: 0 10px 0 10px } .showcase-title h2 { font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif; letter-spacing: -1px; font-size: 48px; display: block; background: #555; background: rgba(253, 167, 45, .5); background: rgba(123, 232, 75, .4); background: rgba(255, 246, 102, .6); background: rgba(87, 255, 206, .4) url(images/header-bg.png); background: rgba(0, 0, 0, .1) url(images/header-bg.png); line-height: 70px; padding: 15px 10px 20px 10px; } .showcase-title h2 a { color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0, .3); width: 940px; display: block; margin: 0 auto; -webkit-transition: .2s ease-in; -moz-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; } .showcase-title h2 a:hover { color: #eee; -webkit-transition: .2s ease-in; -moz-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; } .showcase-title .hide1 { } .showcase-title .hide2 { display: none; } .showcase-info-open .showcase-title .hide1 { display: none; } .showcase-info-open .showcase-title .hide2 { display: block; } .showcase-info-open .showcase-title-white { display: none; } .showcase-info-open .hide2 .showcase-title-white { display: block; } .close-slide { display: none; } .showcase-open .close-slide { display: block; position: absolute; bottom: 0; right: 0; padding: 15px 20px; background: rgba(0, 0, 0, .30); font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif; color: #fff; } .showcase-open .close-slide:hover { background: rgba(0, 0, 0, .40); } .showcase-title-white { color: #fff !important; background: none !important; text-shadow: 2px 2px 2px #333 !important; } .showcase-title-white a { color: #fff !important } .showcase-title-white a:hover { color: #eee !important } .showcase-title-hide { display: none; -webkit-transition: .2s ease-in; -moz-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; } .showcase-text { color: #ddd; display: none; -webkit-transition: .2s ease-in; -moz-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; line-height: 26px; text-shadow: 1px 1px 2px #333; } .showcase-meta ul { display: inline-block; border-top: dashed 1px #777; border-bottom: dashed 1px #777; margin-bottom: 20px; } .showcase-meta li { display: inline-block; margin-bottom: 0; font-size: 11px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; } .showcase-meta li a { color: #fff; padding: 2px 10px; -webkit-transition: .1s ease-in; -moz-transition: .1s ease-in; -o-transition: .1s ease-in; transition: .1s ease-in; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .showcase-meta li a:hover { color: #ccc; -webkit-transition: .1s ease-in; -moz-transition: .1s ease-in; -o-transition: .1s ease-in; transition: .1s ease-in; } .showcase-meta .showcase-cat { margin-left: 10px; padding-right: 10px; } .showcase-meta .showcase-cat a { padding: 2px 0px; } .showcase-text p { width: 700px; margin: 0 auto; font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 300; font-size: 22px; line-height: 32px; color: #eee; } .showcase-more { text-transform: uppercase; font-size: 11px; color: #fff; font-weight: bold; margin-top: 15px; display: inline-block; padding: 2px 10px; } a.showcase-more:hover { color: #ccc } .showcase-text-show { display: block; -webkit-transition: .2s ease-in; -moz-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; } .showcase-image { -webkit-transition: .2s ease-in; -moz-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; overflow:hidden; } .showcase-image-hide { opacity: .1; -webkit-transition: .2s ease-in; -moz-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; } .showcase-image img { width: 100%; height: auto; } .showcase-toggle a { color: #fff } /* ===[ Blog Styles ]===================================================== */ #blog-slider ul li { margin-bottom: 10px } #blog-slider .flex-control-nav { bottom: -10px; width: 940px; } .blog-post { margin-bottom: 60px; padding-bottom: 15px; position: relative; background: #fff; box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; } .single .blog-post { margin-bottom: 30px } .blog-post:before { content: " "; width: 684px; position: absolute; bottom: -4px; left: 8px; background: #000; height: 2px; background: #fff; border-top: solid 1px #f7f7f7; box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; -moz-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; } .blog-post:last-child { margin-bottom: 0px } .blog-post blockquote p { position: relative; font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif; color: #999; font-size: 20px; font-weight: 300; line-height: 30px; text-align: right; padding: 10px 15px 10px 50px; border-right: solid 10px #f0f0f0; margin-right: 10px; } .post-dash { border-bottom: dashed 1px #e6e6e6; height: 1px; margin: 30px -20px 0 -20px; } .blog-content { padding: 0 0 0 0 } .readmore { text-align: center; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; padding-top: 5px; margin-top: 10px; } .more-link { clear: both } .blog-inside { padding: 25px 20px 0 15px; float: left; } .blog-meta { float: left; width: 100%; margin: 5px 0 0 0; font-family: 'Helvetica Neue', Helvetica, sans-serif; } .meta-links li { padding-left: 0px !important } .blog-meta-date { padding-bottom: 10px !important; margin-bottom: 10px !important; border-bottom: solid 1px #eee; float: left; } .blog-meta-date span { font-size: 18px !important; color: #555 !important; } .blog-meta li { background-image: none !important; padding: 0 0 5px 0; margin: 0 20px 5px 0 !important; color: #999; width: auto; line-height: 18px; float: left; display: block; } .blog-meta .meta-links li:last-child { border-bottom: none; margin-bottom: 0 !important; padding-bottom: 0 !important; } .blog-meta li a, .blog-meta li { color: #999 } .blog-meta li a:hover { color: #4c4c4c } .blog-meta span.meta-list { font-size: 11px; float: left; width: 100%; } .blog-meta .tag-wrap { float: left; font-size: 11px; width: 92px; } .blog-meta .entypo { font-size: 28px; text-transform: none; color: #666; font-family: 'EntypoRegular'; line-height: 10px; float: left; margin-right: 6px; } .blog-text { float: left; width: 525px; } .title-meta h2, .title-meta h1 { margin-top: 3px; margin-bottom: 0px; padding-bottom: 10px; line-height: 32px; font-size: 24px; } .title-meta h2 a, .title-meta h1 a { color: #555 } .title-meta h2 a:hover, .title-meta h1 a:hover { color: #999 } .blog-image { width: 100%; margin-bottom: 0; float: left; } .blog-image img { -webkit-transition: .1s ease-in; -moz-transition: .1s ease-in; -o-transition: .1s ease-in; transition: .1s ease-in; } .blog-image img:hover { -webkit-transition: .1s ease-in; -moz-transition: .1s ease-in; -o-transition: .1s ease-in; transition: .1s ease-in; opacity: .9; } .blog-post .okvideo { margin-bottom: 0px } .blog-read-more { border-top: solid 1px #eee; text-align: center; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; padding-top: 5px; margin-top: 10px; } /* ===[ Tagcloud Styles ]===================================================== */ .tags { width: 620px; padding: 15px 0 15px 0; clear: both; margin-right: 35px; background: #f9f9f9; } .tags-list { width: 505px; float: left; } .tags-list ul { float: left; padding: 0 0 0 5px; width: 100%; margin-bottom: 0; } .tags-list ul li { display: block; padding: 0 19px 0 0; float: left; } .tags-list ul li p { font-size: 11px; font-weight: bold; color: #5a5a5a; float: none; padding: 0; } .tags-list ul li span { font-size: 11px; font-weight: bold; color: #a2a2a2; display: inline; padding: 0 0 0 4px; } .tags_rgt { float: right; width: 81px; margin-right: 15px; } .search .post-share, .archive .post-share { display: none } .post-share { margin-top: 20px; font-size: 11px; color: #555 !important; } .post-share li { padding: 0; margin: 0 !important; } .post-share li:hover { background: #f7f7f7 } .post-share a { color: #aaa; display: block; padding: 2px 5px 2px 5px !important; } .post-share a:hover { color: #4c4c4c } .share-title { color: #666 !important; background: #f7f7f7 !important; padding: 2px 5px 2px 5px !important; font-weight: bold; font-size: 10px; } .post-share li:hover { color: #fff } .post-share .twitter, .post-share .facebook, .post-share .googleplus { padding-left: 0px; width: 125px; } .post-share .twitter:hover { background: #5ec8e8 } .post-share .facebook:hover { background: #5d73a1 } .post-share .googleplus:hover { background: #ca4c4c } .post-share .twitter a:hover, .post-share .facebook a:hover, .post-share .googleplus a:hover { color: #fff } .blog-navigation { padding: 0 0 10px 0; margin-top: -25px; } .single .blog-navigation { padding: 30px 0 30px 0 } .blog-navigation a { text-decoration: none; padding: 10px 0; color: #666; font-weight: bold; font-size: 11px; text-transform: uppercase; font-family: 'Helvetica Neue', Helvetica, sans-serif; } .blog-navigation a:hover { color: #999 } .navigation a { text-decoration: none; padding: 10px 0; color: #555; font-weight: normal; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; } .navigation a:hover { color: #999 } .featured-image { margin: 0 0 20px 0; float: left; width: 100%; } .fullsize-image { margin: 0 0 30px 0; float: left; width: 100%; } .okvideo-wrap { margin: 50px 0 -10px 0 } .okvideo { } .intro { color: #979797; font-size: 20px; font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 300; line-height: 28px; margin-bottom: 15px; border-top: dashed 1px #e6e6e6; border-bottom: dashed 1px #e6e6e6; padding: 10px 0; } /* ===[ Search Form Styles ]===================================================== */ \ #searchform { float: left } #s { background: #fff; float: left; padding: 12px 25px 12px 8px; border: 0; font-size: 9px; font-weight: bold; text-transform: uppercase; color: #aaa; outline: none; width: 182px; margin: 0 0 0 0; box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; -moz-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; -webkit-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; } .error404 #s { background: #f7f7f7; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #s:focus, #s:hover { } #searchsubmit { float: right; border: none; height: 30px; width: 30px; background: url(images/search-icon.png) no-repeat 5px center; outline: none; margin: 2px 0 0 -34px; display: block; } .content #searchsubmit { float: left } #searchsubmit:hover { cursor: pointer } #searchform .screen-reader-text { display: none } .error404 h4 { color: #979797; font-size: 16px; line-height: 28px; margin-bottom: 15px; } /* ===[ Sidebar Styles ]===================================================== */ #sidebar-close { display: none } #sidebar-close2 { display: none } #sidebar { margin-top:10px; width: 100%; float: right; font-size: 12px; line-height: 22px; position: relative; } #sidebar-wrap{float: right;width: 262px;} #sidebar a { text-decoration: none } #sidebar a:hover { } #sidebar .social-box { background: #fff; float: left; width: 215px; box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; -moz-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; -webkit-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; } #sidebar .social-search { background: #f9f9f9 } #sidebar .social-box a { padding: 10px 9px; border-right: dotted 1px #e6e6e6; float: left; } #sidebar .social-box a:first-child { padding-left: 12px } #sidebar .social-box a:last-child { border-right: 0px; padding-right: 12px; } #sidebar .social-box a:hover { background: #f7f7f7 } #sidebar .widget { margin-bottom: 25px; clear: both; float: left; width: 100%; } #sidebar .widget h2 { color: #C42234; padding: 5px 10px; font-size: 17px; font-size: 12px; text-transform: uppercase; letter-spacing: 0; margin-bottom: 0; box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; -moz-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; -webkit-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; } #sidebar .widget ul { margin: 0; padding: 0; } #sidebar .widget li { background: url(images/arrow-bullet.png) no-repeat left 8px; padding-left: 14px; list-style-type: none; margin-bottom: 0px; } iframe { background: url(images/loader.gif) center center no-repeat } .arrow-list li { background: url(images/arrow-bullet.png) no-repeat left 8px; padding-left: 14px; list-style-type: none; margin-bottom: 5px; } .tweet-list { padding-left: 0px !important } .tweet-list li { list-style-type: none !important; padding: 0 0 10px 0 !important; margin-bottom: 10px !important; background: none !important; } .tweet-list li:last-child { padding-bottom: 0 !important; margin-bottom: 0; border-bottom: none; } .tweets-more { font-size: 11px; line-height: 20px; color: #aaa; margin-top: 10px; } .widget ul { padding: 0 0 0 15px } .widget ul li { padding: 0; list-style-type: none; } .widget ul li ul { padding: 0 0 0 0 } .tagcloud { padding: 0 0 0 0; text-align: center; } .tagcloud a { background: #f7f7f7; text-decoration: none; float: left; color: #888; font-size: 10px !important; text-transform: uppercase; margin: 0 6px 12px 10px; padding: 0 8px 0 5px; position: relative; } .tagcloud a:before { width: 0; height: 0; border-top: 11px solid transparent; border-right: 10px solid #f7f7f7; border-bottom: 11px solid transparent; position: absolute; left: -10px; display: block; content: ""; } .tagcloud a:hover { color: #555 } /* ===[ Comment Styles ]===================================================== */ .comments { float: left; position: relative; margin: 0; padding: 15px; width: 670px; border-top: none; background: #fff; box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; } .comments:before { content: " "; width: 684px; position: absolute; bottom: -4px; left: 8px; background: #000; height: 2px; background: #fff; border-top: solid 1px #f7f7f7; box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; -moz-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; -webkit-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; } .comments li { background: none !important } h3#comments { padding: 15px 0 15px 0; margin: -15px -15px 25px -15px !important; font-size: 22px; font-weight: 300; line-height: 30px; text-align: center; background: #f9f9f9; letter-spacing: 0; color: #777; } #respond { margin: 0 0 15px 0; padding: 0px 0 20px 0; } .comment #respond { margin-top: 0px } #respond h3 { padding: 0 0 10px 0; font-size: 24px; margin-bottom: 0px; margin-top: 25px; } #respond label { font-weight: bold; font-size: 10px; margin: 5px 0 0 15px; color: #aaa; } #respond p { margin-bottom: 15px } #respond input[type="text"], #respond textarea { color: #777; width: 50%; padding: 10px; font-size: 13px; border: none; background: #f0f0f0; -webkit-transition: .2s ease-in; -moz-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #respond input:focus, #respond textarea:focus { outline: none; background: #e9e9e9; -webkit-transition: .2s ease-in; -moz-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; } #respond textarea { line-height: 22px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #respond .respond-submit { background: #555; color: #fff; font-size: 13px; padding: 10px 20px; border: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; } #respond .respond-submit:hover { background: #666; cursor: pointer; } .allowed { font-size: 11px; color: #888; float: left; margin: 0 0 15px 0; } .commentlist { list-style-type: none !important } .commentlist li { padding: 0 20px 30px 20px; margin: 0 -15px 30px -15px !important; position: relative; list-style-type: none !important; border-bottom: dashed 1px #e6e6e6; position: relative; } .commentlist li:last-child { margin-bottom: 0 } .commentlist li:before, .commentlist ol .num { float: left; margin: 0 0 0 0 !important; content: none !important; counter-increment: none !important; } /* .children { margin-bottom: 0px !important; margin-top: 25px !important; } .children li { margin: 0 0 0 10px !important; padding-left: 25px !important; border-bottom: none; border-left: solid 3px #f7f7f7; } .children li:last-child { margin-bottom: 0; padding-bottom: 0; } */ .comment-block { padding: 0 } .comment-text { background: #fff; font-size: 13px; } .comment-text:before { width: 0; height: 0; } .reply { margin: 0px !important } .reply a { font-size: 10px; font-weight: bold; color: #999; text-transform: uppercase; position: relative; display: inline-block; } .comments .children .reply { text-align: left } .reply a:hover { text-decoration: none; color: #777; } .reply a:after { content: "/"; font-family: 'EntypoRegular'; font-size: 28px; font-weight: normal; position: absolute; top: -5px; right: -20px; color: #ccc; } #cancel-comment-reply { margin: 0 0 15px 0; float: right; } .comments .logged-in { float: left; font-size: 14px !important; } .comment-awaiting-moderation { color: #555; font-weight: bold; font-size: 11px; } .vcard { margin: 0 0 0 0; padding: 0 85px 0 0; float: left; } .vcard img { float: left; background: #fff; border: solid 1px #eee; padding: 3px; } .fn { float: left; font-style: normal; font-size: 14px; line-height: 20px; margin-top: 0; font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif; } .fn a { color: #666 } .comment-info { margin-bottom: 10px; position: relative; } .comment-meta { float: left; margin: 2px 0 0 12px; } .comment-time { font-size: 11px; color: #999; } .comment-edit-link { font-size: 11px } #comments #submit { padding: 10px 15px } /* ===[ Sidebar Styles ]===================================================== */ .blog-entry { } .pro-title h4 { display: block float:left; width: 295px; background: url(images/design-repeat.gif) right center repeat-x; } .pro-title h4 span { font-size: 14px; color: #FFF; font-weight: bold; background: #3e3e3e; padding: 0 10px 0 0; } .pro-title h3 { font-size: 14px; color: #FFF; font-weight: bold; display: block float:left; width: 295px; background: url(images/design-repeat.gif) right center repeat-x; } .pro-title h3 span { font-size: 14px; color: #FFF; font-weight: bold; background: #3e3e3e; padding: 0 10px 0 0; } /* ===[ Section Styles ]===================================================== */ .container { width: 940px !important; margin: 0 auto; padding-top:20px; } body.page .sub-page-slide { height:420px; width:100%; background:url(images/sub-pages-bg.jpg) no-repeat center top; } .sized { width: 940px; margin: 0 auto; } #sections-wrap { margin: 0 0 0 0; padding: 0 0 40px; /* background: url(images/texture.jpeg); */ background: #FFFFFF; } #sections { position:relative; /*width: 940px; */ width: 900px; margin: 0 auto; padding-left: 40px; } .section-title { letter-spacing: 5px; font-size: 14px; text-transform: uppercase; margin-bottom: 20px; text-align: center; padding: 10px; background: url(images/title-bg.png) repeat-x 0 20px; } .section-title span { background: #fff; padding: 0 15px; } .section:first-child { padding-top: 0px; border-top: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-bottom: none; } .section { margin: 0 -9999px 0 -9999px; padding: 55px 9999px 0 9999px; float: left; width: 100%; position: relative; box-shadow: inset rgba(235,235,235, 0.4) 0px 20px 70px -5px; -moz-box-shadow: inset rgba(235,235,235, 0.4) 0px 20px 70px -5px; -webkit-box-shadow: inset rgba(235,235,235, 0.4) 0px 20px 70px -5px; border-bottom: 1px dashed #e6e6e6; } body.home .section{padding-top: 35px;} .section:last-child { margin-bottom: 0px; border-bottom: none } .top-section{ position: relative; z-index: 999; margin-top: -70px; } .top-section .column-wrap{ width: 100% !important; padding-right: 0 !important; } .top-section h2.widgettitle{ float: left; color: #fff; font-size: 15px; margin: 0; line-height: 27px; margin-right: 25px; } .nm_mc_form{ float: left; width: 685px; position:relative; } .nm_mc_form li{ display: block; float: left; width: 155px; margin-left: 5px; font-size: 15px; font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif; line-height: 15px; text-transform: uppercase; color: #C23345; } body.page .nm_mc_form {margin-bottom: 40px;} body.page .nm_mc_form li{width: 31%;background:none;} body.page .nm_mc_form li input{width: 99%;} body.page .nm_mc_form li:last-child {width: 115px;} body.page .nm_mc_form #mc-response-area { bottom: -35px; right: 98px; width: 82%; } body.page .nm_mc_form #mc-response-area .nm_mc_error {padding: 0px 10px;} .nm_mc_form li input{ color: #C23345; border: 1px solid #C23345; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size:14px; text-align: center; height: 25px; text-transform:uppercase; } .nm_mc_form li:last-child{margin-right: 0; width: 115px;} .nm_mc_form li:last-child input{ font-size: 14px; height: 27px; width: 115px; border: 1px solid #C23345; color: #C23345; background: white; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; text-transform: uppercase; } .nm_mc_form li:last-child:hover input{ color: white; background: #C23345; } #mc-response-area{ bottom: -42px; position: absolute; right: 98px; width: auto; } #mc-response-area .nm_mc_error{ color: #C23345; border: 1px solid #C23345; padding: 6px 10px; } .nm_mc_form label { margin:0; padding:0; line-height: 0px !important; overflow: hidden; height: 0px; display:none; visibility: hidden; } .nm_mc_form li:first-child label{width: 40px;} .section .column-wrap { width: 296px; margin: 0 0 0 0; float: left; padding-right: 25px; -webkit-transition: .2s ease-in; -moz-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; } /* .section .column-wrap:hover { background: url(images/box-hover.png) no-repeat bottom center; padding-bottom: 30px; margin-top: -5px; -webkit-transition: .2s ease-in; -moz-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; } */ .section .column { background: #fff; position: relative; box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; } .section .column:before { content: " "; width: 286px; position: absolute; bottom: -4px; left: 4px; background: #000; height: 2px; background: #fff; background:none; box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; -moz-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; -webkit-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; } .section .no-border { height: 1px; background: #fff; width: 100%; float: left; margin-top: -26px; } .section .column:last-child { margin-right: 0px; border-right: none; } /* ===[ Services Styles ]===================================================== */ .section-widget-wrap { display: block; float: left; width: 965px; } .services { overflow-x: hidden; position: relative; padding: 20px 20px 15px 20px; } .services h3 { font-size: 15px; line-height: 26px; text-transform: uppercase; letter-spacing: 0; position: relative; z-index: 3; } .services h3 a { color: #666 } .services h3 a:hover { color: #888 } .services .service-icon { position: absolute; right: -12px; top: -15px; font-family: 'EntypoRegular'; font-size: 150px; color: #f0f0f0; z-index: 1; } .services p { margin: 0 0 12px 0; font-size: 13px; } /* ===[ Homepage Intro Styles ]===================================================== */ .intro-block h2 { color: #999; text-align: center; background: #fff; box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; padding: 20px; position: relative; z-index: 6; font-family: "Abel", Helvetica Neue, Helvetica, sans-serif; letter-spacing: -1px; font-size: 28px; } .intro-block h2:before { content: " "; width: 920px; position: absolute; bottom: -5px; left: 10px; background: #000; height: 3px; background: #fff; border-top: solid 1px #f7f7f7; box-shadow: rgba(0,0,0, 0.08) 0px 1px 2px; -moz-box-shadow: rgba(0,0,0, 0.08) 0px 1px 2px; -webkit-box-shadow: rgba(0,0,0, 0.08) 0px 1px 2px; } .mid-left { float: left;width: 100%; } .mid-left .widget { margin: 0 } .mid-left h2 { font-size: 22px } .mid-left h3 { font-size: 16px; text-transform: uppercase; color: #bbb; margin-top: 15px; border-bottom: dashed 1px #ddd; padding: 5px 0; } .mid-right {float:left;width: 100%; } .mid-right h2 { padding: 5px 10px; font-size: 13px; line-height: 22px; text-transform: uppercase; letter-spacing: 0; box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; -moz-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; -webkit-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; } .mid-right small { text-transform: uppercase; font-size: 10px; color: #aaa; clear: both; float: left; margin-top: 5px; } /* ===[ Homepage Portfolio Styles ]===================================================== */ .home-portfolio { float: left; padding-top: 15px; } .home-portfolio-left { float: left; /*width: 295px;*/ position: relative; } .home-portfolio-left h3:before { content: "@"; display: block; position: absolute; right: 0; font-family: 'Entypo'; font-size: 120px; color: rgba(0,0,0, .04); z-index: 0; display: none; } .home-portfolio-right { float: right; width: 605px; } .home-portfolio-item-wrap { width: 625px } .home-portfolio-item { float: left; margin: 0 20px 20px 0; width: 188px; height: 150px; box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; -moz-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; -webkit-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; } .home-portfolio-item:last-child { margin-right: 0 } .home-portfolio-item-img { -webkit-transition: .1s ease-in; -moz-transition: .1s ease-in; -o-transition: .1s ease-in; transition: .1s ease-in; margin-bottom: 0px; } .home-portfolio-item-img:hover { opacity: .85; -webkit-transition: .1s ease-in; -moz-transition: .1s ease-in; -o-transition: .1s ease-in; transition: .1s ease-in; } .home-portfolio-item-img img { } .portfolio-title { font-family: Helvetica Neue, Helvetica, sans-serif; font-weight: 600; font-size: 11px; float: left; width: 100%; padding: 5px 0; } a.portfolio-title { color: #999; text-align: center; background: #fff; position: relative; } .home-portfolio-left .recent-posts li { margin-bottom: 0px; padding-bottom: 0px; } .home-portfolio-left .recent-posts li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .home-portfolio-left .panes { padding-top: 5px; } .home-portfolio-left .recent-posts h3 { margin: 0px; } .home-portfolio-left .recent-posts h3 a { color: #666; font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif; font-size: 16px; font-weight: 400; } .home-portfolio-left .recent-posts h3 a:hover { color: #999; } .home-portfolio-left .recent-posts .excerpt { } .home-portfolio-left .recent-posts .recent-meta { font-size: 9px; font-weight: bold; margin-bottom: 5px; padding-bottom: 5px; border-bottom: dashed 1px #ddd; } .home-portfolio-left .recent-posts .recent-read-more { font-size: 9px; text-transform: uppercase; font-weight: bold; } a.portfolio-title:hover { color: #666 } /* ===[ Portfolio Page Styles ]===================================================== */ .filter-bar { background: #fff; box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-weight: 500; margin: 50px 0 20px 0; } .filter-list { padding: 10px 0 0 0; width: 730px; float: left; } .filter-list .entypo { font-size: 39px; color: #fff; text-transform: none; line-height: 0; float: left; background: #666 url(images/dark-texture.png); display: block; padding: 17px 12px 26px 12px; margin-top: -10px; } .filter-list .entypo:hover { cursor: pointer; background: #555; } .filter-list li { float: left } .filter-list li a { color: #666; text-transform: uppercase; font-size: 11px; padding: 14px 15px 16px 15px; } .filter-list li.active a { background: #f7f7f7 } .filter-list li a:hover { background: #f7f7f7 } .portfolio-nav-mobile { display: none } .portfolio-nav { float: right; margin: 0 0 0 0; text-transform: uppercase; font-size: 11px; } .portfolio-nav a { color: #999; -webkit-transition: .2s ease-in; -moz-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; margin-left: 10px; } .portfolio-nav a:hover { color: #777; -webkit-transition: .2s ease-in; -moz-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; } .portfolio-nav .nav-left { float: right; width: 38px; } .portfolio-nav .nav-right { float: right; width: 38px; padding-left: 1px; } .next-text, .prev-text { display: none } .next-arrow, .prev-arrow { color: white; font-size: 18px; font-weight: bold; text-transform: none; line-height: 3px; float: right; background: #666 url(images/dark-texture.png); display: block; padding: 20px 10px; height: 3px; } .next-arrow:hover, .prev-arrow:hover { background: #555 } .next-arrow { border-left: dotted 1px rgba(0,0,0, .3) !important } .prev-arrow { border-right: dotted 1px rgba(255,255,255, .1) !important } .portfolio-item-wrap { width: 296px; height: 225px; margin: 0 25px 55px 0; float: left; } .portfolio-item { background: #fff; position: relative; box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; padding-bottom: 10px; position: relative; } .portfolio-item:hover { -webkit-box-shadow: 0px 4px 10px -5px rgba(0, 0, 0, .1); -moz-box-shadow: 0px 4px 10px -5px rgba(0, 0, 0, .1); box-shadow: 0px 4px 10px -5px rgba(0, 0, 0, .1); margin-top:-2px; } .portfolio-item:last-child { margin-right: 0px; border-right: none; } .portfolio-item-img { margin-bottom: 10px; display: block; -webkit-transition: .2s ease-in; -moz-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; } .portfolio-item-img:hover { opacity: .95; -webkit-transition: .2s ease-in; -moz-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; } .portfolio-item h4 { font-size: 13px; line-height: 22px; text-transform: uppercase; letter-spacing: 0; margin-bottom: 0; text-align: center; } .portfolio-item h4 a { color: #666 } .portfolio-item h4 a:hover { color: #aaa } .portfolio-item p { font-size: 11px; color: #aaa; margin-bottom: 0; text-align: center; line-height: 18px; } .portfolio-item .entypo { color: #ddd; font-size: 35px; position: absolute; bottom: 65px; right: 10px; display: none; } .sized { margin: 50px 0 30px 0 } .white-bar { background: #fff; height: 0; box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; } .no-nav { margin-top: -38px } /* ===[ Portfolio Meta Styles ]===================================================== */ .portfolio-sidebar { width: 215px; float: right; font-size: 12px; line-height: 22px; margin-top: 70px; } .meta-mobile { display: none } .portfolio-meta { float: right; width: 215px; margin: 0 0 0 0; } .portfolio-meta h3 { border-bottom: dashed 1px #e6e6e6; padding-bottom: 12px; } .portfolio-meta-date { padding-bottom: 10px !important; margin-bottom: 10px !important; border-bottom: solid 1px #eee; float: left; } .portfolio-meta-date span { font-size: 18px !important; color: #555 !important; } .portfolio-meta li { background: none !important; padding: 0 0 5px 0 !important; margin: 0 0 5px 0 !important; color: #999; width: 100%; line-height: 18px; float: left; } .portfolio-meta li:last-child { border-bottom: none; margin-bottom: 0 !important; padding-bottom: 0 !important; } .portfolio-meta li { color: #999 } .portfolio-meta a { color: #999 } .portfolio-meta li a:hover { color: #4c4c4c } .blog-post .portfolio-meta span { width: auto } .portfolio-meta span { font-size: 11px; margin-right: 10px; float: left; width: 100%; } .portfolio-meta .tag-wrap { float: left; width: 190px; } .portfolio-meta .entypo { font-size: 28px; line-height: 10px; float: left; margin-right: 6px; color: #666; text-transform: none; } /* ===[ Content Styles ]===================================================== */ .content-full { width: 900px !important } .content-full:before { width: 924px !important; content: " "; position: absolute; bottom: -4px; left: 8px; background: #000; height: 2px; background: #fff; border-top: solid 1px #f7f7f7; box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; -moz-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; -webkit-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; } .content { width: 638px; float: left; position: relative; margin: 10px 0 60px 0; padding: 20px; background: #fff; } body.page-template-calendar-page-php .content{width:96%;} .sub-sidebar{ float: right; margin: 0 0 25px; padding: 0; position:relative; width:262px; } .sub-sidebar #firstBanner{padding:0; margin-top:25px;} .content:before { content: " "; width: 684px; position: absolute; bottom: -4px; left: 8px; background: #000; height: 2px; background: #fff; border-top: solid 1px #f7f7f7; } .page-template-blog-php .content, .single .content, .search .content, .archive .content { background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; padding: 0px; margin-top: 50px; width: 655px; } .page-template-social-php .content { background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; padding-top: 0px; } .page-template-social-php .content:before, .page-template-blog-php .content:before, .search .content:before, .archive .content:before, .single .content:before { content: ""; height: 0px; display: none; } .error404 .content { min-height: 300px } .portfolio-full { padding: 30px 0; width: 964px; position: relative; } .content ul, .content ol { margin-bottom: 20px } .content ul li { background: url(images/arrow-bullet.png) no-repeat left 9px; padding-left: 14px; list-style-type: none; margin-bottom: 5px; } .blog-meta .meta-links{ padding-left: 14px; float: left; display: block; width: auto; margin-right: 20px; } .content ol li { list-style-type: decimal; margin-left: 20px; } /* ===[ Social Page Styles ]===================================================== */ .social-wrap { width: 964px; min-height: 350px; } .social-wrap-row { float: left; margin-bottom: 40px; } .social-widget { float: left; width: 270px; margin-right: 45px; margin-bottom: 25px; display: none; min-height: 350px; } .social-widget h2 { background: #fff; color: #777; padding: 5px 10px; font-size: 12px; line-height: 22px; text-transform: uppercase; letter-spacing: 0; box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; -moz-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; -webkit-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; } /* ===[ Social Instagram Styles ]===================================================== */ .wpinstagram-wrap { background: #fff; box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; padding: 10px !important; position: relative; height: 250px; } #sidebar .wpinstagram-wrap { height: 195px } .wpinstagram-wrap:before { content: " "; width: 260px; position: absolute; bottom: -5px; left: 5px; background: #000; height: 3px; background: #fff; border-top: solid 1px #f7f7f7; box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; -moz-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; -webkit-box-shadow: rgba(0,0,0, 0.07) 0px 1px 2px; } #sidebar .wpinstagram-wrap:before { width: 204px } .wpinstagram img { max-width: 250px } #sidebar .wpinstagram img { max-width: 195px } #fancybox-title, #fancybox-title-over { display: none !important } .footer-widget .wpinstagram-wrap { height: 188px } .footer-widget .wpinstagram-wrap:before { display: none } .footer-widget .wpinstagram img { max-width: 188px } .cloud {padding: 15px 0 !important;} .paidby{padding:29px 0 0 !important; margin-right:110px;} .cloud li {background:none !important ;} .cloud li a{ background: url(images/ourtowncloud.png)no-repeat; height: 42px; display: block; width: 165px; text-indent: -9999px; } .cloud .widgettitle{display:none;} /* ===[ Social Flickr Styles ]===================================================== */ .flickr-photos { margin: 0 !important; padding: 0 !important; width: 284px; } .flickr-photos li { background: none !important; padding: 0 !important; margin: 0 15px 15px 0 !important; display: inline; float: left; width: 117px; height: 88px; overflow: hidden; border: solid 5px #fff; box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; } .flickr-photos li img { position: relative; min-height: 88px; width: auto; } .flickr-more { font-size: 11px } .page-template-social-php .content .flickr-more, .page-template-social-php .content .tweets-more, .page-template-social-php .content .dribbble-more { color: #aaa; font-size: 12px; font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif; text-transform: uppercase; font-weight: 400; } .page-template-social-php .twitter-box a:hover, .page-template-social-php .dribbble-more:hover, .page-template-social-php .flickr-more:hover { color: #666 } #sidebar .flickr-photos { width: 230px } #sidebar .flickr-photos li { width: 90px } /* ===[ Social Twitter Styles ]===================================================== */ .page-template-social-php .content .twitter-box { font-size: 20px; line-height: 34px; font-weight: 300; font-family: 'Oswald', 'Helvetica Neue', Helvetica, sans-serif; } .page-template-social-php .content .twitter-box li { border-bottom: dashed 1px #e6e6e6 } .page-template-social-php .content .twitter-box li:last-child { border-bottom: none } .page-template-social-php .content .twitter-box a, .page-template-social-php .content .tweets-more a { color: #aaa } .page-template-social-php .content .tweet-list { margin-bottom: 0 } .page-template-social-php .content .tweets-more { margin-top: 0 } .page-template-social-php .content .tweets-more a:hover { color: #666 } /* ===[ Social Dribbble Styles ]===================================================== */ .dribbbles { margin: 0 !important; padding: 0 !important; width: 284px; } .dribbbles li { background: none !important; padding: 0 !important; margin: 0 15px 15px 0 !important; display: inline; float: left; } .dribbbles li img { background: #fff; box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; padding: 5px !important; position: relative; max-width: 117px; } .dribbble-more a:hover { color: #666 } #sidebar .dribbbles { width: 230px } #sidebar .dribbbles li img { max-width: 90px } .footer-widget .dribbbles { width: 222px } .footer-widget .dribbbles li img { max-width: 86px } /* ===[ Social Image Styles ]===================================================== */ .recent-photos { margin: 0; padding: 0; width: 284px; } .recent-photos li { margin: 0 15px 10px 0 !important; padding: 0 !important; background: none !important; float: left; } .recent-photos li img { background: #fff; box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px; padding: 5px; position: relative; } #sidebar .recent-photos { width: 230px } #sidebar .recent-photos li img { max-width: 90px } .footer-widgets .recent-photos li img { max-width: 87px; } /* ===[ Footer Styles ]===================================================== */ .footer-wrap { width: 100%; margin: 0 0 0 0; background: #082843; /* Old browsers */ background: -moz-linear-gradient(top, #082843 0%, #072641 40%, #001732 66%, #000011 90%, #040102 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#082843), color-stop(40%,#072641), color-stop(66%,#001732), color-stop(90%,#000011), color-stop(100%,#040102)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #082843 0%,#072641 40%,#001732 66%,#000011 90%,#040102 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #082843 0%,#072641 40%,#001732 66%,#000011 90%,#040102 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #082843 0%,#072641 40%,#001732 66%,#000011 90%,#040102 100%); /* IE10+ */ background: linear-gradient(to bottom, #082843 0%,#072641 40%,#001732 66%,#000011 90%,#040102 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#082843', endColorstr='#040102',GradientType=0 ); /* IE6-9 */ color: #aaa; /* background: #343333; background-image: linear-gradient(bottom, rgb(54,50,50) 0%, rgb(79,78,78) 100%); background-image: -o-linear-gradient(bottom, rgb(54,50,50) 0%, rgb(79,78,78) 100%); background-image: -moz-linear-gradient(bottom, rgb(54,50,50) 0%, rgb(79,78,78) 100%); background-image: -webkit-linear-gradient(bottom, rgb(54,50,50) 0%, rgb(79,78,78) 100%); background-image: -ms-linear-gradient(bottom, rgb(54,50,50) 0%, rgb(79,78,78) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(54,50,50)), color-stop(1, rgb(79,78,78)) ); color: #aaa; */ } .footer-texture { /*background: url(images/dark-texture.png) */ } .footer-wrap a { color: #c52234 } .footer-wrap a:hover { color: #888 } .footer { width: 100% ; margin: 0 auto; } .footer-text { width: 200px; margin: auto; padding: 0; font-family: Helvetica, sans-serif; /* border-top: dashed 1px #444; */ } .footerLinks { float: left; color: #c52234; padding: 26px 0 0 100px; } .footerLinks h4{ float: left; padding-right: 30px; } .footer-text-left { width: 400px; float: left; } .footer-text-left ul { float: left } .footer-text-left ul li { /* float: left; display: inline; */ margin: 0 5px 0 0; } .footer-text-left ul li a { /*font-size: 10px; */ text-transform: uppercase; color: #fff; text-decoration: none; padding: 0px 5px; font-weight: bold; } .footer-text-left ul li a:hover { color: #aaa; padding: 5px; } .footer-text-left ul li:first-child { padding-left: 0px } .footer-text-left ul li.last { padding: 3px 0 0 0 } .footer-text-left { width: 200px; float: left; } .footer-text-right { float: right; font-size: 10px; color: #aaa; text-decoration: none; text-transform: uppercase; } .footer-text-right a { color: #fff } .footer-text-right a:hover { color: #999 } .home .footer-widgets { } .footer-widgets-wrap { float: right;width: auto; } .footer-widgets { width: auto; float: right; margin: 0 auto; padding: 0; -webkit-transition: .2s ease-in; -moz-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; } .footer-texture { width: 940px; margin: 0 auto; } .footer-widget { float: left; padding: 0; font-size: 12px; } .footer-widgets div:last-child { padding-right: 0px; margin-right: 22px !important; } .footer-widget a { text-decoration: none } .footer-widget ul { margin: 0 0 0 0 } .footer-widget li { background: url(images/arrow-bullet.png) no-repeat left 8px; padding-left: 14px; list-style-type: none; } .footer-widget p { line-height: 22px } .footer-widget h2 { font-size: 13px; text-transform: uppercase; color: #EEE; display: block; line-height: 24px; padding: 0; margin: 0; white-space: nowrap; } /* ===[ Deafult WP Styles ]===================================================== */ .wp-caption { background: rgba(255,255,255, 0.6); box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px; padding: 5px; max-width: 96%; /* Image does not overflow the content area */ text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0 } .wp-caption.alignleft { margin: 5px 20px 20px 0 } .wp-caption.alignright { margin: 5px 0 20px 20px } img.alignleft, img.alignright { } .alignright { float: right } .alignleft { float: left } .aligncenter { text-align: center } img.alignleft { margin: 5px 25px 20px 0 } img.alignright { margin: 5px 0 20px 20px } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 10px !important; margin: 0 !important; padding: 3px 0 0 0!important; } .gallery-caption { text-align: center } .gallery-item { width: 115px !important; margin-right: 15px; margin-bottom: 20px; } .gallery-icon { width: 115px } .gallery-item img { width: 95px; height: auto; border: solid 8px rgba(255, 255, 255, .70) !important; box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px; } .sticky { } .bypostauthor { } /* ===[ Contact Form 7 Styles ]===================================================== */ .wpcf7 input[type="text"] { padding: 8px 10px; font-size: 16px; font-weight: 200; color: #777; border: none; width: 50%; background: #f0f0f0; -webkit-transition: .2s ease-in; -moz-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .wpcf7 textarea { margin: 0; padding: 10px; font-size: 16px; width: 100%; height: 250px; box-sizing: border-box; -moz-box-sizing: border-box; color: #777; border: none; background: #f0f0f0; margin-top: 5px; -webkit-transition: .2s ease-in; -moz-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .wpcf7 input:focus, .wpcf7 textarea:focus { outline: none; background: #e9e9e9; -webkit-transition: .2s ease-in; -moz-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; } .wpcf7 p { font-size: 10px !important; font-weight: bold; font-family: 'Helvetica Neue', Helvetica, sans-serif; text-transform: uppercase; margin: 0 0 20px 0; } .wpcf7 br { margin-bottom: 10px } .wpcf7-submit { display: inline-block; text-decoration: none; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; padding: 10px 15px; color: #555; border: 1px solid #dedede; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-width: 44px; text-align: center; background: #f5f5f5; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0'); /* IE */ background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); /* WebKit */ background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0); border-color: #dedede #d8d8d8 #d3d3d3; color: #555; text-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; -moz-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; } .wpcf7-submit:hover { background: #f4f4f4; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8'); /* IE */ background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#f8f8f8)); /* WebKit */ background: -moz-linear-gradient(top, #efefef, #f8f8f8); border-color: #c7c7c7 #c3c3c3 #bebebe; text-shadow: 0 1px 0 #fdfdfd; -webkit-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; -moz-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; cursor: pointer; } .wpcf7-response-output { background: #faf7d6; border: none !important; } .wpcf7-mail-sent-ok { margin-left: 0px !important; margin-right: 0px !important; background: #ECF3E5; background: rgba(229, 243, 212, .5); padding: 15px !important; border: solid 1px #D2EFAC !important; } .wpcf7-validation-errors { margin-left: 0px !important; background: #FCF3F3; background: rgba(255, 238, 238, .5); border: solid 1px #FBDCDC !important; padding: 10px !important; margin-right: 0px !important; } /* ===[ Page With Sidebar Shortcode Column Styles ]===================================================== */ .two-third { width: 491px; margin: 0 40px 20px 0; float: left; } .two-third-last { width: 491px; margin-right: 0px !important; float: left; } .one-third { width: 273px; float: left; margin: 0 40px 20px 0; } .one-third-last { width: 273px; margin-right: 0px !important; float: left; } .one-sixth { width: 137px; float: left; margin: 0 40px 20px 0; } .one-sixth-last { float: left; margin-right: 0px !important; } /* ===[ Full Width Shortcode Column Styles ]===================================================== */ .content-full .two-third { width: 590px; margin-right: 30px; float: left; } .content-full .two-third-last { width: 590px; margin-right: 0px !important; float: left; } .content-full .one-third { width: 280px; float: left; margin: 0 30px 20px 0; } .content-full .one-third-last { width: 280px; float: left; margin-right: 0px !important; } .content-full .one-sixth { width: 125px; float: left; margin: 0 30px 20px 0; } .content-full .one-sixth-last { width: 125px; float: left; margin-right: 0px !important; } /* ===[ Shortcode Button Styles ]===================================================== */ .highlight { background: #fff890; color: #222; width: auto; display: inline; padding: 2px 3px; font-weight: normal; } .highlight a { font-weight: bold; color: #444; padding: 5px; } .highlight a:hover { color: #666; } .demo-button { margin-bottom: 6px; padding-top: 4px; } .demo-button span { margin-right: 4px } .button a { } .button a:hover { } .button { display: inline-block; text-decoration: none; font: bold 10px/12px 'Helvetica Neue', Helvetica, sans-serif; text-transform: uppercase; padding: 6px 11px; color: #555; border: 1px solid #dedede; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; } .button:hover { cursor: pointer } .button.white { background: #f5f5f5; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0'); /* IE */ background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); /* WebKit */ background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0); border-color: #dedede #d8d8d8 #d3d3d3; color: #555; text-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; -moz-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; } .button.white:hover { background: #f4f4f4; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8'); /* IE */ background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#f8f8f8)); /* WebKit */ background: -moz-linear-gradient(top, #efefef, #f8f8f8); border-color: #c7c7c7 #c3c3c3 #bebebe; text-shadow: 0 1px 0 #fdfdfd; -webkit-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; -moz-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3; } .button.white a { color: #555 } .button.gray { background: #bdbdbd; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacaca', endColorstr='#aeaeae'); /* IE */ background: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#aeaeae)); /* WebKit */ background: -moz-linear-gradient(top, #cacaca, #aeaeae); border-color: #b5b5b5 #a1a1a1 #8f8f8f; color: #555; text-shadow: 0 1px 0 #d4d4d4; -webkit-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7; -moz-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7; box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7; } .button.gray:hover { background: #c2c2c2; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcbcbc', endColorstr='#c2c2c2'); /* IE */ background: -webkit-gradient(linear, left top, left bottom, from(#bcbcbc), to(#c2c2c2)); /* WebKit */ background: -moz-linear-gradient(top, #bcbcbc, #c2c2c2); border-color: #989898 #8e8e8e #878787; text-shadow: 0 1px 0 #dadada; -webkit-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; -moz-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc; } .button.gray a { color: #555 } .button.pink { background: #f67689; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f78297', endColorstr='#f56778'); /* IE */ background: -webkit-gradient(linear, left top, left bottom, from(#f78297), to(#f56778)); /* WebKit */ background: -moz-linear-gradient(top, #f78297, #f56778); border-color: #df6f8b #da5f75 #d55061; color: #913944; text-shadow: 0 1px 0 #f89ca9; -webkit-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1; -moz-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1; box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1; } .button.pink:hover { background: #f67c90; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f56c7e', endColorstr='#f78297'); /* IE */ background: -webkit-gradient(linear, left top, left bottom, from(#f56c7e), to(#f78297)); /* WebKit */ background: -moz-linear-gradient(top, #f56c7e, #f78297); border-color: #c36079 #c25669 #c14e5c; text-shadow: 0 1px 0 #f9a6b4; -webkit-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e; -moz-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e; box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e; } .button.pink a { color: #913944 } .button.orange { background: #fecc5f; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feda71', endColorstr='#febb4a'); /* IE */ background: -webkit-gradient(linear, left top, left bottom, from(#feda71), to(#febb4a)); /* WebKit */ background: -moz-linear-gradient(top, #feda71, #febb4a); border-color: #f5b74e #e5a73e #d6982f; color: #996633; text-shadow: 0 1px 0 #fedd9b; -webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395; -moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395; box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395; } /* My Styles*/ .content1 { width: 100%; height: 200px; text-align:center; } .content2 { width: 100%; height: 199px; text-align:center; } .content3 { width: 100%; height: 83px; text-align:center; } .content4 { height: 280px; text-align:center; /* position: absolute; right: 30px; bottom: 25px; */ } #firstBanner, .firstBanner { padding-right: 32px; float: left; text-align:center; position:relative; } #secondBanner, .secondBanner { padding-right: 32px; float: left; text-align:center; } #thirdBanner, .thirdBanner { float: left; text-align:center; } #fourthBanner, .fourthBanner { padding-right: 33px; float: left; text-align:center; position: relative; } #fifthBanner { float: left; text-align:center; } #sixthBanner { background: #052844; margin-right: 20px; float: left; text-align:center; height: 60px; width: 180px; } #seventhBanner { margin-right: 20px; background: #C23345; float: left; text-align:center; height: 60px; width: 178px; } #eightBanner, .eightBanner { float: left; margin-bottom: 8px; margin-top: -8px; text-align: center; position:relative; width:62%; } #ninethBanner { float: left; text-align:left; margin-right: 16px; background: rgb(5,40,68) ; color:#FFFFFF; width: 283px; height:305px; } #tenthBanner, .tenthBanner { float: right; margin-right: 25px !important; width: 64%; } #firstRow { width: 270px; padding: 70px 5px 5px 7px; } #secondRow { padding: 50px 5px 5px 8px; } #social { position: absolute; } #text1 { font-weight:bold; color:#FFFFFF; left: 85px; position: absolute; top: 35px; } #text2 { color:#FFFFFF; position: absolute; right: 42px; top: 104px; width: 230px; } #text3 { font-weight:bold; color:#C23345; position: absolute; right: 47px; top: 138px; width: 225px; } #text4 { color: #FFFFFF; font-weight: bold; padding: 17px 5px 5px 60px; position: absolute; width: 152px; } #text5 { font-weight:bold; color:#C23345; position: absolute; padding: 45px 5px 5px 88px; } #text6 { font-weight:bold; color:rgb(5,40,68) ; position: absolute; padding:77px 5px 5px 80px; } #text7 { font-weight: bold; position: absolute; padding: 0; bottom: 6px; left: 100px; margin: 0; } h1#text7 a{color:#fff;} h1#text7 a span{color:#052844;} #text8 { width: 277px; font-weight:bold; color: #FFFFFF; position: absolute; padding:135px 5px 5px 195px; } #text9 { width: 141px; font-weight:bold; color:#FFFFFF; position: absolute; padding: 20px 5px 5px 62px; } #text10 { width: 138px; color: #FFFFFF; position: absolute; padding:122px 5px 5px 98px; } #text11 { width: 153px; color:#C23345; position: absolute; padding: 60px 5px 5px 57px; } #text12 { width: 223px; color: #C23345; position: absolute; padding:80px 5px 5px 25px; } #text13 { font-weight:bold; color:#FFFFFF; position: absolute; padding: 17px 5px 5px 20px; } #text14 { font-weight:bold; color: #FFFFFF; position: absolute; padding:17px 5px 5px 28px; } #text15 { color: #FFFFFF; position: absolute; padding:17px 5px 5px 10px; } #text16 { font-weight:bold; color: #C23345; position: absolute; padding:50px 0 0 10px; } #text17 { line-height: 1.5em; color: #FFFFFF; position: absolute; padding:95px 5px 5px 10px; width:275px; } #text18 { color: #FFFFFF; padding-top: 6px; } #text19 { position: absolute; right: 15px; top: 32px; background: #fff; padding: 2px 5px; border-radius: 5px; } #text19 a:hover{color:#C52234;} #text20 { float: left; padding: 12px 0 0 82px; color: #FFFFFF; } #text21 { float: left; padding: 12px 45px 0 8px; color: #C23345; } .contentImg1 { float:left; width:262px; height:177px; } .contentImg2 { float:left; width:556px; height:177px; } .contentImg3 { float:left; width:262px; height:177px; } .contentImg4 { float: left; margin-top: 10px; width: 100%; } .contentImg5 { float:left; width: 173px; height: 145px; margin-right: 17px; margin-bottom: 15px; } .contentImg6 { float:left; margin-right: 12px; margin-bottom: 15px; width: 40px; height: 40px; } #button { border:0; background:#C23345; margin: 230px 19px 21px 50px; /* background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.18, #271D1B), color-stop(0.59, #735544) ); background-image: -moz-linear-gradient( center bottom, #271D1B 18%, #735544 59% ); */ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #buttons { width: 260px; padding: 112px 5px 5px 7px; position: absolute; } #buttons .nm_mc_form li{ display:block; float:left; margin-right: 3%; width: 30%; } #buttons .nm_mc_form li:nth-child(3){padding-top:26px;} #buttons .nm_mc_form input{ border: 1px solid #C23345; border-radius: 5px 5px 5px 5px; color: #C23345; font-size: 11px; text-transform: uppercase; height: 27px; text-align: center; width:98%; } #buttons .nm_mc_form label { color: #C23345; float: left; font-size: 14px; height: 25px; font-family: 'Oswald','Helvetica Neue',Helvetica,sans-serif; line-height: 27px !important; margin-right: 10px; overflow: hidden; text-transform: uppercase; width:100%; } #questionButtons { /*float: left;*/ padding: 14px 5px 5px 17px; } #textVolunteer { font-size:13px; height: 25px; width: 85px; border:1px solid #C23345; color:#C23345; background:#FFFFFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center; } #textVolunteer1 { font-size:13px; height: 25px; width: 85px; border:1px solid #C23345; color:#C23345; background:#FFFFFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center; } #buttonVolunteer { font-size:13px; border:1px solid #C23345; color:#C23345; background:#FFFFFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; cursor: pointer; height: 25px; width: 60px; } #buttonVolunteer :hover { color:#FFFFFF; background:#C23345; } #buttonQuestion { font-size:14px; height: 25px; margin-left: 41px; width: 115px; border:1px solid #C23345; color:#C23345; background:#FFFFFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; cursor: pointer; } #buttonQuestion:hover { color:#FFFFFF; background:#C23345; } #viewListButton { height: 40px; width: 190px; border:0; color:#FFFFFF; background:#C23345; margin: 230px 19px 21px 50px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; cursor: pointer; font-size:15px; } .endorsements-link{ border: 0; color: white; background: #C23345; margin: 230px 19px 21px 50px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; position: absolute; font-size: 12px; font-weight: bold; padding: 8px 10px; } #viewListButton:hover { height: 40px; width: 190px; color:#C23345; background:#FFFFFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #question { height: 45px; width:100%; background: #082843; /* Old browsers */ background: -moz-linear-gradient(top, #082843 0%, #072641 40%, #001732 66%, #000011 90%, #040102 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#082843), color-stop(40%,#072641), color-stop(66%,#001732), color-stop(90%,#000011), color-stop(100%,#040102)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #082843 0%,#072641 40%,#001732 66%,#000011 90%,#040102 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #082843 0%,#072641 40%,#001732 66%,#000011 90%,#040102 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #082843 0%,#072641 40%,#001732 66%,#000011 90%,#040102 100%); /* IE10+ */ background: linear-gradient(to bottom, #082843 0%,#072641 40%,#001732 66%,#000011 90%,#040102 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#082843', endColorstr='#040102',GradientType=0 ); /* IE6-9 */ position: relative; z-index: 999; } body.page #question{display:none;visibility:hidden} #questionBox { height: 45px; padding-bottom: 9px; margin:0px auto; width: 940px; } #textQuestion { font-size:14px; height: 25px; margin-left: 40px; width: 155px; border:1px solid #C23345; color:#C23345; background:#FFFFFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align: center; } #textQuestion1 { font-size:14px; height: 25px; margin-left: 41px; width: 75px; border:1px solid #C23345; color:#C23345; background:#FFFFFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align: center; } /* #textQuestion:hover { color:#FFFFFF; background:#C23345; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } */ /* ===[ Shortcode Tabbed Box Styles ]===================================================== */ .tabs { list-style-type: none !important; height: 60px; } .home-portfolio-left .tabs { border-bottom: none; } #sidebar .tabs { border-bottom: none; height: auto; } .tabs li { float: left; text-indent: 0; background: #C52234 !important; text-align: center; margin-right: 0px; } .content .tabs li a:hover { background: #f7f7f7 } .content .tabs li a:hover { -webkit-transition: .2s ease-in; -moz-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; } .tabs a { display: block; font-size: 16px; font-weight: bold; text-transform: uppercase; line-height: 60px; text-align: center; text-decoration: none; padding: 0 10px; margin: 0px; position: relative; color: #FFFFFF; } .home-portfolio-left > .tabs a { font-weight: bold; font-size: 13px; background: #c52234; } .home-portfolio-left > a:hover { background: #fbfbfb; } .tabs a:hover { color: #FFFFFF } .tabs a:active { outline: none ;} .tabs .current, .tabs .current:hover, .tabs li.current a { cursor: default !important; color: #666 !important; background: #f7f7f7; line-height: 60px; } .home-portfolio-left .tabs .current, .tabs .current:hover, .tabs li.current a { background: #052844; color: #fff !important; font-weight: bold; font-size: 13px; height: 60px; line-height: 60px; } .panes .pane { display: none; padding-top: 15px; margin-top: -1px; height: 305px; width: 283px; text-align: left; } /* Polls */ .poll-wrapper, .poll-wrapper-home{ background: #082843; /* Old browsers */ background: -moz-linear-gradient(top, #082843 0%, #072641 40%, #001732 66%, #000011 90%, #040102 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#082843), color-stop(40%,#072641), color-stop(66%,#001732), color-stop(90%,#000011), color-stop(100%,#040102)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #082843 0%,#072641 40%,#001732 66%,#000011 90%,#040102 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #082843 0%,#072641 40%,#001732 66%,#000011 90%,#040102 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #082843 0%,#072641 40%,#001732 66%,#000011 90%,#040102 100%); /* IE10+ */ background: linear-gradient(to bottom, #082843 0%,#072641 40%,#001732 66%,#000011 90%,#040102 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#082843', endColorstr='#040102',GradientType=0 ); /* IE6-9 */ color:#fff; cursor:default; padding:10px 0; } .poll-wrapper-home{margin-top: 15px !important;position: relative;width: 262px;padding-bottom: 4px;float: right;margin-right: 49px !important;height: 259px;} /*.poll-wrapper-home .wp-polls-ul{margin-bottom:0;}*/ .poll-wrapper-home p{font-size: 12px;} .poll-wrapper-home h2{} /*.poll-wrapper-home .wp-polls .Buttons{position: absolute;right: 8px;bottom: 7px;padding: 3px 10px;}*/ .poll-wrapper p:first-child{color:#C52234;} .poll-wrapper p{ color:#C52234; display: block; float: left; margin-top: 12px; padding-left: 12px; } .poll-wrapper p a{padding-top:6px;display: block;} .poll-wrapper-home p a{padding-top:4px;} .poll-wrapper h2{ text-align:center; color:#fff !important; font-size: 30px !important; margin-bottom:0; } .wp-polls-ul{padding: 0 15px !important;} .poll-wrapper li{background:none !important;} .wp-polls .Buttons{ background: rgb(178,36,51); /* Old browsers */ background: -moz-linear-gradient(top, rgba(178,36,51,1) 0%, rgba(178,36,51,1) 52%, rgba(91,18,26,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(178,36,51,1)), color-stop(52%,rgba(178,36,51,1)), color-stop(100%,rgba(91,18,26,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(178,36,51,1) 0%,rgba(178,36,51,1) 52%,rgba(91,18,26,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(178,36,51,1) 0%,rgba(178,36,51,1) 52%,rgba(91,18,26,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(178,36,51,1) 0%,rgba(178,36,51,1) 52%,rgba(91,18,26,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(178,36,51,1) 0%,rgba(178,36,51,1) 52%,rgba(91,18,26,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b22433', endColorstr='#5b121a',GradientType=0 ); /* IE6-9 */ border:none; color: white; padding: 5px 15px; text-transform: uppercase; border-radius: 5px; cursor:pointer; } /* Calendar table width*/ #wp-calendar{width:70%;}