/* Default styles */ @import "css/reset.css"; /* 1.1 Defaults */ body { font: 14px/22px Helvetica, 'Open Sans', sans-serif; color: #2e301c; background-color: #999999;width:100%;padding:0px;margin:0px; } h1, h2, h3, h4, h5, h6 { margin: 0; color: #c80000; font-family: 'Bowlby One SC', cursive; font-weight:normal;} h1 {font-size: 22px; line-height:33px;} h2 {font-size: 18px;} h3 {font-size: 16px;} h4 {font-size: 14px;} h5 {font-size: 12px;} h6 {font-size: 12px;} p {margin: 0; font-size:17px; line-height: 28px; font-family:'Open Sans', sans-serif;} hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; } input, textarea { padding: 7px 0 7px 7px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;} /* 1.2 Hyperlinks */ a:link, a:visited { color: #f31818; text-decoration:none;} a:hover {text-decoration:underline;} h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;} /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ #wrapper { padding:0; background-color:#222;width:100%; margin:0px auto; background-image:url('/images/background.jpg');background-repeat:repeat!important;} #h1img{max-width:995px; width:100%; height:100%; max-height:400px; margin:0px auto;} #h1img img{width:100%; height:auto;} #main{width:60%; padding-right:25px;margin:0px auto } #main.fullwidth {max-width: 900px; width:100%} .fix{clear:both} #sidebar{width:30%;} #sidebar .secondary { width:140px; } .fl{float:left} .fr{float:right} .col-left { float: left; } .col-right { float: right; } .col-full { width: 100%; margin: 0 auto; } /* 2.2 Navigation */ #navigation{font-family:'Open Sans', sans-serif; font-size:13px; font-weight:normal; text-transform:uppercase; color:#ffffff; background-color: #222222; padding: 0px;float:right; position:relative; z-index: 9999; width:65%; max-width:475px;} #navigation ul.rss{background:url(images/ico-rss.png) no-repeat right 10px;padding:11px 15px 3px 0;} #navigation ul.rss li{display:inline;padding:0 10px 0 0;} #navigation ul.rss li a{color:#222222;text-decoration:none; font-size:11px; } #navigation ul.rss li a:hover{text-decoration:underline;} #navigation_btm { height: 4px; background-color: #1b83e3; display: block; width: 950px; margin: -1px auto 0 auto; border-bottom: 1px solid #0261b9; } #nav-left-btm, #nav-right-btm { bottom:-11px; height:10px; position:absolute; width:10px; } #nav-left-btm { background:url(images/nav-left-btm.png) no-repeat left center; left:0; } #nav-right-btm { background:url(images/nav-right-btm.png) no-repeat right center; right:0; } ul#main-nav{float:right;margin:0px; padding:0px;} .nav { z-index:99;padding:0; list-style:none; line-height:1; float:right;} .nav li { float:left; width: auto; border-right: 1px solid #c9c9c9; font-family:'Open Sans', sans-serif; font-size:13px; font-weight:600; text-transform:uppercase; color:#ffffff; padding:45px 17px 11px 12px; } .nav li a{ font-family:'Open Sans', sans-serif; font-size:13px; font-weight:600; text-transform:uppercase; color:#ffffff; padding:0px; } .nav li a:hover{text-decoration:none;color:#EEE;} .nav li a.sf-with-ul { padding-right:20px; } .nav li:last-child{ border:none; background-color:#c80001; padding-right:9px;} /* 2.3 Header */ #header{padding:0px 0 0px;clear:both;position:relative; width:100%; margin:0px;background-color:#222222; border-bottom:1px solid #999999; height:66px; overflow:hidden;} #logo { float:left; height:52px; margin-top:12px; margin-left:12px; float:left; max-width:457px; position:relative;} #feat iframe{max-height:700px;} img.linksImg{width:100%; max-width:450px; float:left;} @media only screen and (min-width: 771px) and (max-width: 950px) {#logo img { max-width:260px; margin-top:10px;} .nav li a{font-size:11px;}} @media only screen and (max-width: 770px) {#logo{float:none; height:52px; margin:10px auto 0px auto; width:100%; text-align:center; display:block;} #navigation{float:none; width:486px; margin:0px auto 20px auto;} #header{height:auto;} #feat iframe{max-height:700px; max-wdith:650px;} ul#main-nav{float:none;padding:0px; width:486px; margin:0px auto 20px auto;} .nav { z-index:99;padding:0; list-style:none; line-height:1; float:none;} .nav li { float:left; width: auto; border-right: 1px solid #333333; font-family:'Open Sans', sans-serif; font-size:13px; font-weight:600; text-transform:uppercase; color:#ffffff; padding:11px 17px 11px 12px; } .nav li a{ font-family:'Open Sans', sans-serif; font-size:13px; font-weight:600; text-transform:uppercase; color:#ffffff; padding:0px; } .nav li a:hover{text-decoration:none;color:#EEE;} /* 2.7 Featured Area */ #loopedSlider { position:relative; margin: 0px; width:auto; padding: 25px 0px 0px 0px; background: transparent; border: none; float: left; } #loopedSlider .container { max-width:100%; height:538px; overflow:hidden; position:relative; background: transparent; border: none; float: left; } #loopedSlider .slides { position:absolute; top:0; left:0; width:538px;} #loopedSlider .slides div.slide { position:absolute; top:0; width:538px; display:none; background-color: none; } } @media only screen and (max-width: 650px) {.soliloquy-caption{display:none!important;} #feat iframe{max-height:650px; max-width:620px;} ul#main-nav{float:none;padding:0px; width:285px; margin:0px 0px 0px 31px;} .nav li:last-child{padding:9px 40px;} #main.fullwidth {max-width: 570px; width:100%} #footer-widgets .block { padding:0; width:100%; margin-right: 0px; float:none; } .col-full { width: 100%;max-width:650px; margin: 0 auto; } #footer-widgets .block { padding:0; width:100%;padding:25px 2%; margin-right: 0px; float:none; display:block;} img.linksImg{width:100%; max-width:450px;} } @media only screen and (min-width: 651px) and (max-width:1100px) { img.linksImg{width:50%; max-width:450px;} } #logo .site-title, #logo .site-description { color: #111; display:none; } #logo .site-title a { color:#222; font-size:36px; line-height:44px; text-transform:none; font-weight:bold; text-decoration:none; } #logo .site-title a:hover { text-decoration:underline; } #logo .site-description { color:#666; font:italic 14px Georgia, serif; } #topad {float:right; padding: 4px; background-color:transparent; border: 1px solid #B7B7B7} /* 2.4 Content */ #content{background-color:#fff!important; border: 1px solid #ccc; padding:25px; margin-bottom:25px; max-width:903px; width:100%;} #content.dark{background-color:#222; border: 0px solid #ccc; border-top:1px solid #fff; padding:50px 0px 50px 0px; margin-bottom:-30px; padding-top:50px; max-width:2000px; width:100%; color:#fff!important;margin-top:-20px} /* 2.5 Sidebar */ #sidebar{overflow:hidden; padding:25px 24px 0 24px; background-color:#2E2E2E; border: 1px solid #232323} #sidebar .primary { } #sidebar .secondary { float:left; margin-right:20px; } #sidebar .secondary.last { margin:0; } /* 2.6 Footer */ #footer-outer {border-top: 1px solid #2e2e2e; background: #2e2e2e url(images/footer-line.gif) repeat-x left top;} #footer{padding: 20px; color:#fff; } #footer p {font-size:12px; font-family: Helvetica, Arial, sans-serif;} #footer #credit img{vertical-align:middle;} #footer #credit span{display:none;} #footer #credit a{color: #fff; text-decoration: underline;} @media only screen and (max-width: 450px){ #nola{width:440px; overflow:hidden;} #logo img { max-width:260px; margin-top:10px;} /* connect */ #feathome{height:480px; float:none;display:block; margin:0px auto;} #feat iframe{max-height:390px; max-width:390px;} .connect{padding-left:0px!important; border-left:0px!important; width:100%;} .connect h2{display:none;} h2.instag{font-size:18px!important;} #loopedSlider .featured-nav h2{font-size:20px!important;} img.front-photo{width:100%;} } @media only screen and (max-width: 350px){ #nola{width:340px; overflow:hidden;} /* connect */ #feathome{height:380px; float:none;display:block; margin:0px auto;} #feat iframe{max-height:290px; max-width:290px;} } @media only screen and (max-width: 950px){ .connect{padding-left:0px!important; border-left:0px!important; width:100%;} #content{background-color:transparent; border: none; padding:0px; margin-bottom:25px; max-width:903px; width:100%;} #footer-widgets{padding:0px;} #fbfeed{display:none;} /* connect */ #feathome{width:538px; float:none;display:block; margin:0px auto;} .connect { border-left:2px solid #f5f5f5; padding-left:20px;width:348px; padding-top:25px;height:480px; overflow:hidden; position:relative; background: transparent; float: none; display:block; margin:0px auto;} .connect h2{ margin-bottom: 0px; text-transform:uppercase; color:#000; font-size:20px; padding-bottom:37px; width:123px; font-weight:normal; text-align:right;float:right;background-image:url('/new/downarrow.png'); background-position:center bottom; background-repeat:no-repeat; background-color:transparent;} #main{width:60f%; padding:25px 0px;} #sidebar{width:100%;padding:0px;} } /* connect */ #feathome{width:538px; padding-left:22px;} .connect { border:none; padding-left:20px;width:348px; padding-top:59px;height:auto; overflow:hidden; position:relative; background: transparent; } .connect h2{ margin-bottom: 0px; text-transform:uppercase; color:#000; font-size:20px; padding-bottom:37px; width:123px; font-weight:normal; text-align:right;float:right;background-image:url('/new/downarrow.png'); background-position:center bottom; background-repeat:no-repeat; background-color:transparent;} h2.instag{ text-align:left; padding-top:41px; padding-left:19px; border-top:3px solid #BBB; margin-bottom: 10px; text-transform:uppercase; color: #397dc2; font-size:26px; padding-bottom:5px; border-bottom:none; } /*twitter */ #twitter{ width:100%; border-top:1px solid #999999; margin:0 auto; height:64px; padding-left:0px; position:relative; } img#twitterlogo{ width:70px; height:auto; margin-top:15px; position:relative; margin-left:15px; border:0px; float:left; } #twitter_update_list { margin:0px 0px 0px 00px; width: 100%; float:left; padding: 0px; overflow: hidden; font-family: 'Open Sans',sans-serif; font-size: 14px; color: #ffffff; font-weight:bold; text-transform:uppercase; line-height: 16px; font-weight:bold; background-color:#111111; position:relative; height:auto; } #twitter_update_list li { width: 80%; padding:35px 0px 35px 70px; margin:0px auto; list-style: none; position:relative; line-height:18px; background-image:url('/new/twitterlogo.png'); background-repeat:no-repeat; background-position:left 25px; } #twitter_update_list li a { color: #9b770a; border-bottom: dotted 1px; text-decoration: none; } #twitter_update_list li a:hover { color: #31353d; background: #d3f1f9; } #joinconvo{ width:340px; height:42px; padding-left:5px; background-color:#f7f8fa; border-left:2px solid #333; border-bottom:2px solid #333; margin-bottom:5px; } #joinconvo img:hover{opacity:0.4; filter:alpha(opacity=40);} #nola{max-width:952px; width:100%; margin:0px auto; border-bottom:3px solid #f5f5f5;padding-top:22px; background-color:#eee!important;} /* 2.7 Featured Area */ #loopedSlider { position:relative; margin: 0px; width:100%; padding: 25px 0px 0px 0px; background: transparent; border: none; float: left; overflow:hidden;} #loopedSlider .container { width:100%; height:538px; overflow:hidden; position:relative; background: transparent; border: none; float: left; } #loopedSlider .slides { position:absolute; top:0; left:0; width:538px;} #loopedSlider .slides div.slide { position:absolute; top:0; width:538px; display:none; background-color: none; } #loopedSlider .slides div.slide h2.title { color:#000000; font-size:22px; border: none; font-weight:800; font-weight:bolder; font-weight:bold; text-transform:uppercase; font-family:'Open Sans', sans-serif;line-height:24px;} h2.title a{line-height:30px} #loopedSlider .slides div.slide h2 a { color:#c80000; font-size:26px; font-weight:800;font-weight:bolder!important; border: none; font-weight:bold; text-transform:uppercase; display: block;font-family:'Open Sans', sans-serif; line-height:25px!important;} h2 a { color:#c80000!important; font-size:26px; font-weight:800;font-weight:bolder!important; border: none; font-weight:bold; text-transform:uppercase; display: block;font-family:'Open Sans', sans-serif; line-height:25px!important;} #loopedSlider .slides div.slide .post { padding: 20px; margin: 0; } #loopedSlider .slides div.slide .alignright { margin: 0 0 20px 20px; } #loopedSlider .slides div.slide .post-meta { border-top: 1px solid #fff; margin: 0; padding-top: 20px; } #loopedSlider .featured-nav { width:538px; float:left; margin-right: 20px; } #loopedSlider .featured-nav h2 { margin-bottom: 10px; text-transform:uppercase; color: #b5b5b5; font-size:33px; border-bottom:none; width:538px;padding-bottom:5px; } #loopedSlider ul.pagination { display:none;list-style:none; padding:0; margin:0; border-bottom:1px solid #dddddd; float:left} #loopedSlider ul.pagination li { float:left; background-color: #f2f2f2; border:1px solid #dddddd; border-bottom: none} #loopedSlider ul.pagination li a { width:278px; display:block; padding:20px; border:1px solid #fff; min-height:52px; } #loopedSlider ul.pagination li a:hover { background:#eee; text-decoration: none; } #loopedSlider ul.pagination li.active { border: 1px solid #111;} #loopedSlider ul.pagination li.active a { background:#2e2e2e; color:#fff; border: 1px solid #4e4e4e} #loopedSlider ul.pagination img { background: transparent; padding:3px; border:1px solid #d1d1d1; float:right; margin: 0 0 0 20px;} #loopedSlider ul.pagination li.active a img {border:1px solid #111;} #loopedSlider ul.pagination em { color:#222; font-size: 16px; font-weight:bold; line-height:18px; margin-top:10px; font-style:normal; } #loopedSlider ul.pagination li.active em {color: #fff;} #loopedSlider ul.pagination .meta { display:block; font-size:12px; color:#555; line-height:18px; margin:5px 0 0 0; } #loopedSlider ul.pagination li.active .meta {color: #ddd;} #loopedSlider p.note { margin: 0; } /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ #breadcrumb {} .archive_header { display: block; float: left; width: 100%; margin:0 0 25px; padding:0 0 10px; font-size: 18px; font-weight: bold; border-bottom:#e6e6e6 4px solid; } .archive_header .catrss a { font-size: 12px; text-decoration: none; line-height: 28px; font-weight: normal; } .post { margin: 0 0 50px;} .single .post { margin-bottom: 25px; } .post .title { font:normal bold 20px/24px Arial, Helvetica, sans-serif; margin: 0; } .page .post .title { margin: 0 0 20px 0; } .post .title a:link, .post .title a:visited { color:#222; } .post-title { background-color:#111111; padding: 25px;margin-top:-35px; border-top:1px solid #fff;} .post-title .event-name { width: 100%; } .post-title .event-name h1 { color: #fff; font-size: 40px; line-height: 46px; text-align:center; width:100%;} .post-title .event-name p { margin: 10px 0 0 0; color: #ccc;} .post-title .event { width:325px; padding: 25px 0 25px 25px; border:1px solid #444; background-color: #333; } .post-title .event .button { font-size:14px; margin-right:25px} .post-title .event .buttons { margin-bottom: 0; text-align: center; } .post-title .event .buttons ul li { display: inherit; text-align: left; } .post-title .event .buttons ul { left: 145px; } .post-title .event .buttons ul li a { font-size: 12px; } .post-title .event .buttons ul li.tip { left:39%; } h1.pgtitle{position:relative; z-index:999; margin-top:-13%; background-color:RGBA(0,0,0,0.8); color:#fe0000!important; width:30%; margin-left:23px; height:auto; border:none;padding:25px; font-size:36px;text-transform:uppercase; margin-bottom:0px} .post-meta{margin: 10px 0 25px 0;font-size:11px; line-height: 11px; font-size:12px; display:none;} .post-meta img {vertical-align: middle; margin-right:5px} .post-meta .comments {margin-left: 10px;} .post-meta .comments a { text-transform:capitalize; } .post-meta .small{} .single .post-meta { } .post-more { clear:both; border:1px solid #ddd; background-color: #f7f7f7; font:12px/16px Arial, Helvetica, sans-serif; } .post-more a, .post-meta a { text-decoration:none; } .post-more a:hover, .post-meta a:hover { text-decoration:underline; } .post-more .read-more { padding: 11px 15px 10px 10px; background: #fafafa url('images/post-more-read-bg.gif') no-repeat right center; font-weight: bold; } .post-more .read-more a { color: #222; } .post-more .comments { position: static!important; padding: 10px 10px 10px 18px; margin: 1px; margin-bottom: 0; background: #3a3a3a url('images/post-more-comments-bg.gif') no-repeat left center; } .post-more .comments a { color: #fff; position: static!important; background: url(images/ico-comment.png) no-repeat left center; padding-left: 22px; padding-bottom: 2px; } .post-meta, .post-meta .post-author a, .post-more { color:#868686; } .post p.tags{background:url(images/ico-tag.gif) no-repeat center left;padding-left:25px;width:100%;clear:both;margin-bottom:20px;} .post .video { margin-bottom: 25px; } .entry {} /* 3.1 Typographic Elements */ .entry h1 { border-bottom:1px solid #e6e6e6; margin-bottom:25px; padding-bottom: 25px; } .entry h2 { padding-bottom:25px; } .entry h3 { padding-bottom:25px; } .entry h4 {} .entry h5 {} .entry h6 {} .entry p { margin: 0 0 20px 0; } .entry blockquote { background:url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #444; } .entry blockquote p { font-style:italic; } .entry ul { margin: 0 0 15px 0; padding: 0 0 0 30px; } .entry ul ul { margin: 0; } .entry ul li { list-style-type: circle; } .entry ul ul li { list-style-type: disc; } .entry ol { margin: 0 0 15px 0; padding: 0 0 0 30px; } .entry ol ol { margin: 0; } .entry ol li { list-style-type: upper-latin; } .entry ol li ol li { list-style-type: lower-latin; } /* 3.2 Images */ #feat img, #feat img.thumbnail { background: transparent; width:538px; height:auto;} .entry img, img.thumbnail { background: transparent; } img.wp-smiley { padding: 0; border: none; } .alignleft { float: left; height: auto; margin: 0 15px 15px 0; } .alignright { float: right; height: auto; margin: 0 0 15px 15px; } .aligncenter { text-align: center; margin-bottom:25px;} img.aligncenter { margin-left:auto; margin-right:auto; display:block; } .entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F8; border: solid 1px #e6e6e6; } .entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; } .entry .wp-caption-text { margin:0; padding:0; font:11px/22px Arial, Helvetica, sans-serif; text-align:center; } .gallery {padding-bottom: 25px;} .gallery img {border-width: 1px !important;} /* 3.3 Pagination / WP-Pagenavi */ .nav-entries, .wp-pagenavi {font-size:11px; padding:10px 15px; border:1px solid #e6e6e6; background:#fafafa; border-width:1px 0 4px; } .nav-entries a { display: block; font:italic 12px/16px Georgia, serif; color:#777; text-decoration:none;} .nav-entries a:hover { text-decoration:underline; } .wp-pagenavi { margin: 0 !important; text-align: center !important; } .wp-pagenavi a:link, .wp-pagenavi a:visited { display: inline !important; text-decoration: none !important; background: #EEEEEE !important;color: #666 !important; padding: 3px 7px !important; border:1px solid #DDDDDD !important;} .wp-pagenavi .current, .wp-pagenavi .on, .wp-pagenavi a:hover { padding: 3px 7px !important; background: #ddd !important; border:1px solid #bbb !important; } .wp-pagenavi span.extend, .wp-pagenavi span.pages { background:none !important; border:none !important; color:#666 !important; } /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 4.2 Generic Widgets */ .widget { margin: 0 0 25px 0; font-size:12px; } .widget div.outer {border: none } .widget div.inner {background-color: #999; border: 3px solid #999; } .widget h3 { margin: 0 0 5px 0; color:#ffffff; font-size: 14px; text-transform: uppercase; } .widget p { font:12px/20px Arial, Helvetica, sans-serif; margin-bottom:15px; } .widget ul { clear:both; list-style-position:inside; margin-bottom:-2px; margin-top:-1px; border:none;} .widget ul li {border:none; border-bottom: 0px solid #888; padding: 3px; background-color:#999;} .widget ul li ul { border-top: 1px solid #b0b0b0; margin: 15px 0 0 0; padding:0;} .widget ul li:hover { background-color: #999; } .widget ul li a { line-height: 22px; text-decoration: none; font-weight: bold; color: #111; } .widget ul li a:hover { text-decoration:underline; } .widget ul ul { padding: 0 0 0 15px; border-top: none; } /* SIDEBAR WIDGETS */ .primary .widget .outer, .secondary .widget .outer { border: 1px solid #232323; } .primary .widget .inner, .secondary .widget .inner { border: 1px solid #4e4e4e; background-color: #3A3A3A; } .primary .widget ul, .secondary .widget ul { } .primary .widget ul li, .secondary .widget ul li { padding: 6px; background-color:#3A3A3A; border-bottom: 1px solid #232323; border-top: 1px solid #4e4e4e; } .primary .widget h3, .secondary .widget h3 { color: #F31818; font-size:16px; font-weight:300; text-shadow: 2px 2px #000000;} .primary .widget, .secondary .widget { color: #ccc; } .primary .widget a, .secondary .widget a { color: #ccc;text-transform:uppercase } .primary .widget li:hover, .secondary .widget li:hover { background-color: #424242; } /* FOOTER WIDGETS */ #footer-widgets { border-top:4px solid #cccccc; background-color: #999; padding: 0px 0px; margin: 25px auto 0px auto; } #footer-widgets .block { padding:0; width:28%;padding:25px 2%; margin-right: 0px; float:left; } #footer-widgets .last { margin-right: 0; } #footer-widgets h3{ color: #2a2a2a; text-transform: capitalize; font-size: 18px; } @media only screen and (max-width: 950px){ #footer-widgets{padding:15px 0px;} .post-title{padding:25px 0px;} } @media only screen and (max-width: 950px){#main{width:100%;}} /* 4.2 Specific Widgets */ /* WIDGET FORMS */ .searchform { } .widget input.s { float:left; width: 60%; padding: 7px 0 7px 7px; margin-right:5px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;} #footer-widgets .widget input.s { width: 55%; } .widget .screen-reader-text { display: none; } .widget input.submit { float:right; } /* TAG CLOUD */ .widget_tag_cloud .inner { padding: 15px; border-top: 1px solid #fff; } .primary .widget_tag_cloud .inner, .secondary .widget_tag_cloud .inner { border-top: 1px solid #4e4e4e !important; } #sidebar .widget_tag_cloud { padding: 15px; background-color:#3A3A3A; border-bottom:1px solid #232323; border-top:1px solid #4E4E4E; } /* FLICKR */ .widget_woo_flickr h3 {} .widget_woo_flickr h3 span{color:#0061D8;} .widget_woo_flickr h3 span span{color:#FF1183;} .widget_woo_flickr .flickr_badge_image { float: left; margin: 5px; } .widget_woo_flickr .wrap { position: relative; padding: 15px; } .widget_woo_flickr a img { float: left; display: block; border: #CECFC6 1px solid; background-color: #fff; padding: 4px; width:62px; height: 62px; } .widget_woo_flickr a:hover img { border:#A8AA99 1px solid; } /* LIFESTREAM */ .widget_lifestream ul li { border-bottom: 1px solid #e0e6e6; } .widget_lifestream ul li a { border:none; background:none!important; } .widget_lifestream ul .lifestream_meta { color: inherit; } /* CALENDAR */ #wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;} #wp-calendar caption{padding:10px;} #wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;} #wp-calendar td{background:transparent;} #wp-calendar td,table#wp-calendar th{padding:3px 0;} /* CUSTOMER FEEDBACK */ .feedback-widget .customer-quote { margin: 15px; background-color: #fff; float: left; padding: 15px; border: 1px solid #dddddd; font-family: Palatino, Georgia, serif; font-size: 18px; line-height: 24px; color: #525252; text-align: center; } #sidebar .feedback-widget .customer-quote { border-color: #222; background-color: #333; color: #fff; } #sidebar .feedback-widget h4 {color: #fff; } .feedback-widget .customer-details { padding: 0 15px 15px 15px; float: left; width: 247px; } #sidebar .feedback-widget .customer-details { width: 265px; } .feedback-widget .customer-name { float: left; padding-top: 8px; } #footer-widgets .feedback-widget .customer-name a { color: #666666; } .feedback-widget .customer-image { float: right; } .feedback-widget .customer-image img { padding: 4px; background-color: #fff; border: 1px solid #ddd; } /* 4.3 WooTabs */ #tabs { height:auto; display: block; margin-bottom:30px; } #tabs ul.wooTabs { padding:0px; margin: 0; } #tabs ul.wooTabs li { float: left; display:inline; color: #ffffff; margin:0px; cursor: pointer; padding: 0; border: none; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { background:#F8F8F8; text-decoration:none; } #tabs ul.wooTabs li a { color:#777; display: block;float: left;padding: 8px; font-size:11px; text-transform: uppercase; line-height:18px; font-weight:normal; } #tabs .inside { background:#F8F8F8; padding:5px;} #tabs .inside li { background: transparent; } #tabs #tab-tags { padding:10px; } #tabs .inside ul { margin:0; border: 1px solid #e6e6e6; border-width:1px 0 1px 0; } #tabs .inside li { border:1px solid #e6e6e6; border-width:0 1px 1px 1px; padding:10px; } #tabs .inside li a { color:#555; font-weight:bold; font-size: 12px; line-height: 18px; } #tabs .inside a:hover{} #tabs .inside li span.meta { display:block; font:11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#777; } #tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px; background-color: #ffffff; float: left; margin: 0 8px 0 0; } #tabs #tab-tags a { color: #222; } #sidebar #tabs ul.wooTabs li a { color: #ddd; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { color: #666 !important; } /* 4.4 Recent Blog Posts */ .recentblogposts-widget ul.pagination li.active { border: 1px solid #111; background:#2e2e2e; color:#fff;border: 1px solid #4e4e4e; text-align:center; } .recentblogposts-widget ul.pagination li.active a { background:#2e2e2e; color:#fff; } .recentblogposts-widget ul.pagination img { background: transparent; padding:3px; border:1px solid #d1d1d1; float:left; margin: 0 15px 0 0;} .recentblogposts-widget ul.pagination li.active a img {border:1px solid #111;} .recentblogposts-widget ul.pagination li.active em {color: #fff;} .recentblogposts-widget ul.pagination .meta { display:block; font-size:11px; line-height:16px; margin:5px 0 0 0; } .recentblogposts-widget ul.pagination li.active .meta {color: #ddd;} /* 4.5 Blog Author Info */ .widget_woo_blogauthorinfo .about { padding: 15px;} #sidebar .widget_woo_blogauthorinfo .about { background-color:#3A3A3A; border:1px solid #4E4E4E; } #sidebar .widget_woo_blogauthorinfo .inner img { border: 1px solid #232323; padding: 1px; background-color: #fff; } #footer-widgets .widget_woo_blogauthorinfo .inner img { border: 1px solid #ddd; padding: 1px; background-color: #fff; } .widget_woo_blogauthorinfo .left { float:left; margin: 0 15px 15px 0; } .widget_woo_blogauthorinfo .right { float:right; margin: 0 0 15px 15px;} /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #comments {position:relative;margin:40px 0 0;padding:40px 0 0 0; border-top:1px solid #ddd;} #comments h3 { color:#333; font-weight:normal; margin-bottom:20px; } #comments .comment.thread-even { background: #f7f7f7; border:1px solid #ddd; } #comments .comment{margin-top:10px;width:100%;list-style-type:none; background-color:transparent; } #comments .comment .comment-container { position:relative; padding: 20px; } #comments .comment-head { margin: 0 0 15px 0; } #comments .avatar { float:left; margin: 0 15px 10px 0; } #comments .avatar img{margin: 0;vertical-align: middle;border: 1px solid #ddd; padding:3px; background: transparent; } #comments .comment-head .name { margin: 0; font-weight: bold; font-size: 15px; } #comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; } #comments .comment-entry p { margin: 0 0 10px 0;} #comments .reply { padding-top:10px; } #comments .reply a { } #comments .reply a:hover { } #comments ul.children{margin:0 20px;padding:0; } #comments ul.children li {border-top:1px solid #e6e6e6; margin-bottom: 20px; } #comments .cancel-comment-reply{margin:10px 0;} #comments .navigation { } #comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; } #comments .navigation a:hover{} #comments h3#pings { margin-top:25px; } #comments .pingbacks li.pingback { margin:10px 0; } #comments .pingbacks li.pingback .reply { display:none; } /* 5.2 Comments Form */ #respond { margin: 40px 0 0; } #respond h3 { color:#333; font-weight:normal; margin-bottom:20px; } #respond .left { float:left; width:200px; margin-right:15px; } #respond .right { float:left; width:380px; } #respond label { font-size:11px; color:#777; } #commentform { margin: 15px 0 0 0; } #commentform label { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px; } #commentform input.txt, #commentform textarea { font:14px/14px Arial, Helvetica, sans-serif; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;} #commentform input.txt { color:#666; background: #f7f7f7; width: 170px; margin: 0 5px 10px 0; padding: 5px 7px; } #commentform textarea { color:#666; background: #f7f7f7; width: 95% !important; padding: 5px 7px; } .comment-container #commentform textarea { background-color: #fff; } #commentform #submit { margin: 15px 0 0 0; } /* 5.3 Pingbacks / Trackbacks */ h3#pings { margin: 25px 0 10px 0; } .pinglist li { margin: 0 0 0 20px; list-style-type: decimal; } .pinglist li .author { font-weight: bold; font-size: 15px; } .pinglist li .date { font-size: 11px; } .pinglist li .pingcontent { display: block; margin: 10px 0; } /*-------------------------------------------------------------------------------------------*/ /* 6. MISC */ /*-------------------------------------------------------------------------------------------*/ /* 6.1 Buttons */ .button, .button:visited, .reply a{ background: #026cce url(images/alert-overlay.png); display: inline-block; padding: 5px 10px 6px; color: #fff !important; text-decoration: none; border:none; position: relative; cursor: pointer;} .button, .button:visited, .reply a{ background-color:#025fb4; padding: 8px 16px; } .button:hover, .reply a:hover { color: #fff !important; text-decoration:none; background-color: #026cce; } .button:active, .reply a:active { top: 1px; } .small.button, .small.button:visited, .reply a { font-size: 10px; padding: 0px 6px 1px; text-transform:uppercase;} .button, .button:visited, .medium.button, .medium.button:visited { font-size: 11px; font-weight: bold; line-height: 1; } .large.button, .large.button:visited { font-size: 14px; padding: 8px 14px 9px; } /* 6.2 Info Boxes */ p.alert, p.download, p.info, p.note, p.tick { margin:10px 0 20px 0; padding:9px 10px 9px 50px; } p.alert { border-top:1px solid #f0baa2; border-bottom:1px solid #f0baa2; background:#ffd9c8 url(images/ico-alert.png) no-repeat 20px 13px; } p.download { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(images/ico-download.png) no-repeat 20px 13px; } p.tick { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(images/ico-tick.png) no-repeat 20px 13px; } p.info { border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee url(images/ico-info.png) no-repeat 20px 13px; } p.note { border-top:1px solid #efe3ae; border-bottom:1px solid #efe3ae; background:#fef6d2 url(images/ico-note.png) no-repeat 20px 13px; } /* 6.3 Contact Form */ #contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; } #contact-page ol.forms{float:left;list-style:none;width:100%;margin:10px 0 0;} #contact-page ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%} #contact-page ol.forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;} #contact-page ol.forms input.txt{width:214px; background-color:#f7f7f7} #contact-page ol.forms input#sendCopy{border:none;} #contact-page ol.forms textarea{height:300px;width:396px; background-color:#f7f7f7} #contact-page ol.forms textarea#contactAddress { height: 80px; } #contact-page ol.forms li .error{font-size:12px;display:block;margin-left:120px;color:red;} #contact-page ol.forms li.textarea .error{display:block; margin-left:120px} #contact-page ol.forms li.screenReader{margin-bottom:0;} #contact-page ol.forms li.buttons .submit{margin: 0 0 0 120px; } #contact-page ol.forms li.inline input{ width:auto; margin-left:120px; margin-right:10px; } #contact-page ol.forms li.inline label{display:inline;float:none;width:auto;} /* 6.4 Events Calendar */ #events-calendar-outer {background-color: transparent;border: none; max-width:952px; margin: 10px auto 10px auto; width:100%; display:block;} #events-calendar { width:880px; margin:0 auto;border: none; border-top: none;padding: 23px 45px 15px 23px; color: #fff; font-size: 12px; display:block;} @media only screen and (max-width: 881px){#events-calendar-outer {background-color: #222222;border: none; margin: 0 auto 25px auto; width:100%; display:block;} #events-calendar { width:100%; margin:0 auto;border: none; border-top: none;padding: 0px 0px 0px 0px; color: #fff; font-size: 12px; display:block; } #events-calendar #calendar{display:none;} #events-calendar .event-outer{width:100%;float:none; margin:20px auto;}} @media only screen and (max-width: 580px){#events-calendar .event-outer{display:none}} @media only screen and (max-width: 450px){ img.woo-image{ width:100%; max-width:250px;} .post .title{max-width:250px}} #events-calendar .event-outer{width:556px;} #events-calendar a {color:#ee0d0d;} #events-calendar .months {margin-top:20px} #events-calendar #calendar {width: 310px;} #events-calendar h2, #events-calendar .event h3 {color:#fff; font-weight:bold; margin-bottom:25px; font-size:46px; line-height:46px;text-transform:uppercase;font-weight:normal;} #events-calendar h2 span {color:#ee0d0d;} #events-calendar .event-outer {background: transparent url(images/box-shadow.png) no-repeat center bottom; padding-bottom:10px; width:556px} #events-calendar .event {background-color: #444444;width: 550px; padding: 15px; border: 1px solid #232323; height:408px;} #events-calendar .event .thumbnail {padding: 5px; background-color: #fff; border: 1px solid #222; } #events-calendar .event .date {font-style: normal; text-transform:uppercase; font-weight:bold; font-size:15px; margin:0px; line-height:10px; color:#cccccc; font-family: 'open sans', sans-serif; margin-bottom: 5px; } #events-calendar .event h3 {font-size: 36px; line-height: 30px; margin-bottom:15px; font-weight:normal;} #events-calendar .event h3 a { color: #fff; } .event p {font-size: 14px; line-height: 22px;} .event .buttons {margin-bottom: 30px; position: relative; } .event .button, #events-calendar .event .button:visited { margin: 0 10px 0 0; } .event .button:hover { } #events-calendar #calendar .button { background-color: #333; background-image:none;padding: 10px; border: 1px solid #50a0ea; background-color:#5ba2eb;background-image:none; font-family:'Open Sans', sans-serif; font-size:13px; font-weight:bold; text-transform:uppercase; } #events-calendar #calendar a:hover.button { background-color: #555; } .event .buttons ul { position: absolute; top: 38px; left: -30px; padding: 18px 16px 13px; border: 1px solid #000; background-color:#5ba2eb; } .event .buttons ul li { display: inline; margin: 0 10px; } .event .buttons ul li a { padding: 3px 0 1px 24px; color: #000 !important; } .event .buttons ul li.outlook a { background: url(images/ico-cal-outlook.png) no-repeat left top; } .event .buttons ul li.ical a { background: url(images/ico-cal-ical.png) no-repeat left top; } .event .buttons ul li.google a { background: url(images/ico-cal-google.png) no-repeat left top; } .event .buttons{padding-top:10px;} .event .buttons .book-tickets{background-color:#026cce;padding: 10px; border: 1px solid #50a0ea; background-color:#5ba2eb;background-image:none; font-family:'Open Sans', sans-serif; font-size:15px; font-weight:bold; text-transform:uppercase;} .event .buttons .add-calendar{background-color:#026cce;padding: 10px; border: 1px solid #50a0ea; background-color:#5ba2eb;background-image:none; font-family:'Open Sans', sans-serif; font-size:15px; font-weight:bold; text-transform:uppercase;} .event .buttons ul li.tip { position: absolute; top: -12px; left: 49%; width: 15px; background: url(images/bg-popup-tip.png) no-repeat left top; } #events_calendar { background-color: #3A3A3A; border: 1px solid #232323; padding:10px; } #events_calendar .ui-widget-content { background: none !important; border: none !important; } #message-none { background-color:#3A3A3A; border:1px solid #232323; padding:15px; width:522px; float: right; } #ui-datepicker-div { display: none; } .ui-datepicker table { margin-bottom: 0 !important; background-color: #444; } .ui-datepicker {padding:0 !important; width: 290px !important; } .ui-state-default, .ui-widget-content .ui-state-default { background-image:none !important; background-color: #333 !important; border-color: #444444 !important; color: #ccc !important; padding: 3px; text-align: center; } .ui-widget-header { background-image: none !important; background-color: transparent !important; border: none !important; color: #ee0d0d !important; margin-bottom: 15px; padding: 0 !important; } .ui-datepicker th { background-color: #555; color: #fff; border: 1px solid #333 !important; padding: 3px 0 !important; } .ui-datepicker td { padding: 0 !important; border: 1px solid #333 !important; background-color: #444; } .ui-state-highlight, .ui-widget-content .ui-state-highlight { background-image: none !important; background-color: #222 !important; border-color: #444 !important; cursor: pointer; } .ui-state-active, .ui-widget-content .ui-state-active { background-color: #026cce !important; border: 1px solid #2e86dd !important; } .ui-widget-header .ui-datepicker-next .ui-icon { background: transparent url(images/arr-right.png) center center !important; } .ui-widget-header .ui-datepicker-prev .ui-icon { background: transparent url(images/arr-left.png) center center !important; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { background-color: transparent !important; background-image: none !important; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display:block; left:0 !important; margin-left:0 !important; margin-top:0 !important; position:absolute; top:0 !important; width: 25px; height: 25px; cursor:pointer } .hide { display: none; } /* 6.5 Gravity forms */ .gfield { margin-bottom: 10px; } .gform_wrapper .top_label .gfield_label { display:block; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; } .gform_wrapper input.button { padding: 5px 10px 6px !important; } .gform_wrapper input { padding: 7px 3px !important; } .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 350px !important; padding: 7px 3px !important; } .gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; } ul.top_label .clear-multi { clear: none !important; } .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; } img.ui-datepicker-trigger { border: 0px; padding: 0px; } /* Google Maps */ #eventlocation { min-height: 250px; padding-bottom: 20px; } #eventlocation-map { width: 520px; } #eventlocation-map .woo_map_single_output { border: 2px solid #fff; } .woo-image{ width:100%; padding-right:10px;} .recentblogposts-widget ul.pagination img{width:48px; } .item-holder{width:45%}