/* Theme Name: ElectAd Theme URI: http://www.woothemes.com/ Version: 1.0.10 Description: Designed by WooThemes. Author: WooThemes Author URI: http://www.woothemes.com Tags: woothemes Copyright: (c) 2009-2011 WooThemes. License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! :) */ /*------------------------------------------------------------------------------------------- INDEX: 0. RESET 1. SETUP -1.1 Defaults -1.2 Hyperlinks 2. SITE STRUCTURE & APPEARANCE -2.1 Containers & Columns -2.2 Navigation -2.2.1 Drop-down menus -2.3 Header -2.4 Featured Slider -2.5 Content -2.6 Sidebar -2.7 Footer -2.8 Homepage Tabs -2.9 Homepage Tabs New 3. POSTS -3.1 Typographic Elements -3.2 Images -3.3 Pagination / WP-Pagenavi -3.4 Single Post Author -3.5 Related Videos -3.6 Entry Tables -3.7 Featured Video -3.8 Video Archive Page -3.9 Upload Video 4. WIDGETS -4.1 Generic Widgets -4.2 Specific Widgets -4.3 WooTabs 5. COMMENTS -5.1 Comments -5.2 Pingbacks / Trackbacks -5.3 Comments Form 6. MISC -6.1 Buttons -6.2 Contact Form -6.3 Gravity forms -6.4 Timeline page template -6.5 IE specific styling -6.6 Subscribe & Connect -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* RESET - http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */ /*-------------------------------------------------------------------------------------------*/ body,html{height:100%;} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,h7,p,blockquote,pre,a,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;} body{line-height:1;} ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:none;} :focus{outline:0;} del{text-decoration:line-through;} table{border-collapse:collapse;border-spacing:0;} /* Floating & Alignment */ .fl{float:left;} .fr{float:right;} .ac{text-align:center;} .ar{text-align:right;} /* Clear Floats */ .col-full:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .col-full-nav:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .col-full-livenf:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .col-full-index:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .col-full-footer-home:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .col-full-archive:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0;} html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;} /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ body { background: #888 url(images/bg.png) repeat; font: 12px/1.5em Sans-serif; color: #555;} h1, h2, h3, h4, h5, h6, h7 { margin: 0; font-family: sans-serif; color: #222; font-weight:normal; } h1 {font-size: 2em } h2 {font-size: 1.8em;} h3 {font-size: 1.6em;} h4 {font-size: 1.2em;} h5 {font-size: 1em;} h6 {font-size: 0.8em;} h7 {font-size: 0.6em;} p {margin: 0; } hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; } input, textarea { padding: 5px; border-color: #CCCCCC #EFEFEF #EFEFEF #CCCCCC; border-width:1px; border-style:solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; color: #777; } /* 1.2 Hyperlinks */ a:link, a:visited { color: #00adb3; 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, h7 a:link, h7 a:visited { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h7 a:hover {text-decoration: underline;} /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ #wrapper {background-color:#e1e1e1; } #content-wrap { background-color: none; /*repeat-x center 30px;*/ min-height:200px; padding-top: 30px; } #content-wrap-single { background-color: none; /*repeat-x center 30px;*/ min-height:200px; padding-top: 10px;} #main { width:580px; padding: 30px } .col-full {width: 960px; margin:0 auto; } .col-full-nav {width: 1090px; margin:0 auto; } .col-full-livenf { max-width: 1500px; margin:0 auto; } .col-full-footer-home {width: 960px; margin:0 auto; } /*.col-full-livenf {width: 1090px; margin:0 auto; } */ #main.fullwidth, .layout-full #main { width:900px; } .layout-full #content, .page-template-template-fullwidth-php #content { background:#fff; } #sidebar { width:320px; margin-right:10; padding-top:20px; background: #ffffff; -moz-box-right-shadow: 0 1px 3px #111; -webkit-box-right-shadow: 0 1px 3px #111; border-radius:5px; -moz-border-right-radius:5px; -webkit-border-right-radius:5px; } #sidebar1{ width:320px; padding-top:20px; } /*--- Sub Columns ---*/ .subcol{ width: 150px; } .subcol h2{ font-size: 14px; padding: 0 0 10px; color: #FFFFFF; } .col-left { float: left; } .col-right { float: right; } .layout-right-content .col-left { float:right; } .layout-right-content .col-right { float:left; } 2.2 Navigation #navigation{ background: url(images/bg-nav.png) repeat; font-size:14px; height:30px; line-height:28px !important; } #navigation #tagline { float:left; padding: 6px 0; color: #999; text-shadow: 0px 1px 1px #000; width: 220px; line-height: 15px; } #navigation .nav { max-width: 1500px; } .nav { z-index:99; padding:0; list-style:none; } .nav a { position:relative; color:#3ff; display:block; z-index:100; padding:0px 10px; font-family: 'PT Sans', arial, sans-serif; font-size:13px; line-height:28px !important; text-decoration:none; text-shadow:0 -1px 0px #000; } .nav a:hover { background-color: #B91010; } .nav li.current_page_item a { background-color: #B91010; } .nav li.current_page_parent a { background-color: #B91010; } .nav li.current-menu-ancestor a { background-color: #899BC1; } .nav li.current-cat a { background-color: #3B5998; } .nav li.current-menu-item a { background-color: #3B5998; } .nav li { float:left; width: auto; } .nav li a.sf-with-ul { padding-right:20px; } /* 2.2.1 Drop-down menus */ .nav li ul { position: absolute; left: -999em; width: 204px; z-index:999; } .nav li ul li { background-color: #3B5998; } .nav li ul li a { background-color: #3B5998; !important; padding:0px 12px; width:180px; color:#fff; font-size:12px; text-align: left; } .nav li ul li a.sf-with-ul { padding: 0 12px; } .nav li ul li a:hover, .nav li ul li.current_page_item a, .nav li ul li.current-menu-item a { background-color: #B91010; } .nav li ul ul { margin: -27px 0 0 204px; } .nav li ul ul li a { } .nav li ul li ul li a { } .nav li:hover,.nav li.hover { position:static; } .nav li:hover ul ul, .nav li.sfhover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; } .nav li:hover ul, .nav li.sfhover ul, .nav li li:hover ul, .nav li li.sfhover ul, .nav li li li:hover ul, .nav li li li.sfhover ul, .nav li li li li:hover ul, .nav li li li li.sfhover ul { left:auto; } .nav .sf-sub-indicator {background: url(images/li-arrow.png) no-repeat;position:absolute;display:block;right:0.4em;top:45%;width:10px;height:10px;text-indent:-999em;overflow:hidden;} .nav li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) no-repeat;} /* 2.2.2 Top Navigation (optional) */ #top { background: url(images/bg-nav.png) repeat; height:30px;} #top .nav { } #top .nav a { color:#fff; padding:6px 10px; line-height:18px !important; font-size:12px; text-decoration:none; text-shadow:none; } #top .nav li { background:none; } #top .nav li a.sf-with-ul { padding-right:20px; } #top .nav a:hover { background: #3B5998 !important; } #top .nav li.current_page_item a { background: #3B5998 !important; } #top .nav li.current_page_parent a { background: #3B5998 !important; } #top .nav li.current-menu-ancestor a { background: #E06666 !important; } #top .nav li.current-cat a { background: #3B5998 !important; } #top .nav li.current-menu-item a { background: #3B5998 !important; } #top .nav li.sfHover { background: #B91010 !important; } #top .nav li ul { background: #222 !important; margin:0; padding:0px; width: 180px; border: none; z-index:999; /* Box Shadow */ -moz-box-shadow: 0 2px 2px rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1); box-shadow: 0 2px 2px rgba(0,0,0,.1); } #top .nav li ul, #top .nav li ul li:last-child a { /* Border Radius */ border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; } #top .nav li ul li { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } #top .nav li ul li a { background: #B91010 !important; padding:6px 10px; width:160px; color:#fff; font-size:11px;} #top .nav li ul li a:hover { background: #3B5998 !important; } #top .nav li ul li a.sf-with-ul { padding-right:10px; } #top .nav li ul ul { margin: -34px 0 0 180px; } /* 2.3 Header */ #header { margin-bottom:20px; } #header #header-top { /* background-color: #F0D6D6; */ background-color: #e1e1e1; padding: 20px 0 20px;clear:both;position:relative; } #logo { float:left; } #logo img { } #logo .site-title { font-family: sans-serif; color: #fff; text-shadow: 0px 1px 1px #000; display:none; font-weight: bold; padding: 0 0 5px; } #logo .site-title a { color:#222; font-size:40px; line-height:40px; text-transform:none; font-weight:bold; text-decoration:none; } #logo .site-title a:hover { text-decoration:underline; } #logo .site-description { color:#ddd; font:italic 14px Georgia, serif; } #search-top { float:right; width: 207px; position: relative; margin-top: 4px; background:none; } #search-top input.s { background: #fff; padding: 5px 6px 6px 6px; width:160px; margin:0; border:none; color:#777; -moz-box-shadow: 0 -1px 0px #111; -webkit-box-shadow: 0 -1px 0px #111; -box-shadow: 0 -1px 0 #111; } #search-top input.search-submit { float:right; border:none; margin:0; padding:0; } #search-top input.search-submit:hover { opacity: 0.7; } #search-nav { float:right; width: 207px; height: 12px; position: relative; margin-top: 4px; background:none; } #search-nav input.s { background: #fff; padding: 5px 6px 6px 6px; width:160px; height: 12px; margin:0; border:none; color:#777; -moz-box-shadow: 0 -1px 0px #111; -webkit-box-shadow: 0 -1px 0px #111; -box-shadow: 0 -1px 0 #111; } #search-nav input.search-submit { float:right; border:none; margin:0; padding:0; } #search-nav input.search-submit:hover { opacity: 0.7; } /* 2.4 Featured Slider */ #slides { position: relative; width: 760px; margin: 0 auto; background: rgba(255, 255, 255, 0.1); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding: 5px 5px 10px; } .slides_container { width:760px; background-color: #515151; box-shadow: 0 0 4px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.6); } .slides_container div { width:760px; display:block; } /* .slides_container:first-child .slide { display: none; } Make sure the slider doesn't display all slides in a stack on load */ .slides_container .text { position: absolute; top: 0; left: 0; padding: 25px; width: 35%; height: 100%; color: #fff; background: rgba(0,0,0,0.7) } .slides_container .text.right { left: auto; right: 0; } .slides_container .text.top { width:94%; height: auto; top: 0; } .slides_container .text.bottom { width:94%; height: 30px; bottom: 45px; top: auto; } .slides_container .text.no-image { position: relative; width: 710px; } .slides_container .text h2 { margin: -10px; 0px; 25px; 0px; line-height: 30px; font-size: 28px; color: #fff; font-weight: bold; } .slides_container .text h2 a { color: #fff; } .slides_container .single-slide { } .slides_control { overflow: hidden; position: relative; } #slides .prev, #slides .next { position: absolute; top: 42%; display: block; width: 50px; height: 0; overflow: hidden; padding-top: 50px; opacity: 1; } #slides .prev:hover, #slides .next:hover { opacity: 0.6; } #slides .prev { left: -65px; background: url(images/btn-slider-prev.png) no-repeat center center; } #slides .next { left: 785px; background: url(images/btn-slider-next.png) no-repeat center center; } #slides .pagination { margin: 15px 0 0 0; text-align: center; } #slides .pagination li { display: inline; margin: 0 5px; } #slides .pagination li a { display: inline-block; width: 12px; height: 0; overflow: hidden; padding-top: 12px; background: url(images/btn-slider-pagi.png) no-repeat top center; } #slides .pagination li.current a, #slides .pagination li a:hover { background: url(images/btn-slider-pagi-active.png) no-repeat top center; } .slide-overlay-toggle { display: block; width: 16px; height: 0; overflow: hidden; padding-top: 16px; cursor: pointer; color: #fff; position: absolute; top: 5px; right: 5px; z-index: 999; background: url(images/ico-slider-close.png) no-repeat center center; } .right .slide-overlay-toggle { } .top .slide-overlay-toggle { top: auto; bottom: 5px; right: 5px; } .bottom .slide-overlay-toggle { top: 5px; right: 5px; } #slides .woo-sc-box.no-slide { margin: 25px 30px; background-color: #595959; border: 1px solid #000; color: #fff; } /* 2.5 Content */ #content{ /* background: url(images/bg-content.png) repeat-y top right #fff; */ background: #ffffff; min-height:200px; -moz-box-shadow: 0 1px 3px #111; -webkit-box-shadow: 0 1px 3px #111; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .layout-right-content #content { background-color: #B91010; } /* 2.6 Sidebar */ #sidebar{overflow:hidden;} #sidebar .primary { } #sidebar .secondary { float:left; margin-right:20px; } #sidebar .secondary.last { margin:0; } #sidebar1{overflow:hidden;} #sidebar1 .primary { } #sidebar1 .secondary { float:left; margin-right:20px; } #sidebar1 .secondary.last { margin:0; } /* 2.7 Footer */ #footer{padding: 20px 0 0;color:#999; text-shadow: 0px 1px 1px #000;} #footer p {} #footer #credit img{vertical-align:middle;} #footer #credit span{display:none;} #footer-widgets { background:#353535; background: rgba(255,255,255,.15); color:#ccc; padding:0; margin-top: 30px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #footer-widgets #footer-wrapper { padding:10px 0 10px 20px;} #footer-widgets .widget { background: none; padding:0; } #footer-widgets .block { padding:20px 20px 0 20px; width:200px; float:left; } #footer-widgets.col-1 .block { width:880px; } #footer-widgets.col-2 .block { width:45%; } #footer-widgets.col-3 .block { width:266px; } #footer-widgets.col-4 .block { width:190px; } #footer-widgets .widget h3 { font-size: 16px; color: #999; font-weight: bold; text-shadow: 0px 1px 1px #111; background: url(images/hr.png) repeat-x bottom left; border-bottom: 0px; padding:0 0 15px; margin: 0px 0px 10px;} #footer-widgets .widget ul { padding: 0px !important;} #footer-widgets .widget ul li { list-style: none; line-height: 30px; } #footer-widgets a, #footer-widgets .widget ul li a { color: #fff; font-weight: bold; text-shadow: 0px 0px 0px #111; padding: 0px;} /* 2.8 Homepage Tabs */ #tabs-home { /* background: url("images/bg-top.png") repeat scroll 0 0 rgba(255, 255, 255, 0.1); */ background-color: #3B5998 !important; height:auto; display: block; /* Border Radius */ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; /* Box Shadow */ -moz-box-shadow: 0 1px 3px #111; -webkit-box-shadow: 0 1px 3px #111; box-shadow: 0 1px 3px #111; } #tabs-home ul.wooTabs { padding:0px; } #tabs-home ul.wooTabs li { float: left; display:inline; color: #ffffff; margin:0px; cursor: pointer; background: url(images/li-tabs.png) no-repeat top right; } #tabs-home ul.wooTabs li a.selected { background:#fff; text-shadow: 0px 1px 1px #fff; color: #B91010; text-decoration:none;} #tabs-home ul.wooTabs li a:hover { text-decoration:none;} #tabs-home ul.wooTabs li a { color:#222; display: block;float: left;padding: 11px 13px; font-size: 15px; font-weight:bold; text-shadow: 0px 1px 1px #777; text-decoration: none;} #tabs-home ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { border-top-right-radius:3px; border-top-left-radius:3px; -moz-border-radius-topright:3px; -moz-border-radius-topleft:3px;-webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius:3px; } #tabs-home .inside { background:#fff; min-height:400px; padding: 30px 20px; border-bottom-right-radius:3px; border-bottom-left-radius:3px; -moz-border-radius-bottom-right:3px; -moz-border-radius-bottomleft:3px;-webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius:3px;} #tabs-home .inside li { background:#fff;} #tabs-home #tab-tags { padding:0 10px; line-height:28px; } #tabs-home .inside ul { margin:0;} #tabs-home .inside li { padding:10px; } #tabs-home .inside li a { color:#555; font:bold 12px/18px sans-serif; } #tabs-home .inside a:hover{} #tabs-home .inside li span.meta { display:block; font:11px/20px sans-serif; text-transform:uppercase; color:#777; } #tabs-home .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-home .inside .list { display:none; } #tabs-home .inside .list:first-child { display:block; } #tabs-home .block { width: 200px; float: left; padding: 0px 15px; min-height: 200px; margin-bottom: 25px; } #tabs-home .block h2 a { font-size: 14px; font-weight: bold; color: #333; line-height: 1.4em;} #tabs-home .block .title { margin: 10px 0px 3px; } #tabs-home .block img { opacity: 1; border: 0px; padding: 0px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #tabs-home .block img:hover { opacity: 0.7; } #tabs-home .block .date { color: #777; font-size: 12px; } #tabs-home ul.wooTabs li { background:none; } #tabs-home ul.wooTabs li a { color: #fff; } #tabs-home, #content { /* Box Shadow */ -moz-box-shadow: 0 1px 3px #777; -webkit-box-shadow: 0 1px 3px #777; box-shadow: 0 1px 3px #777; } /* 2.9 Homepage Tabs New */ #tabs-home-new { /* background: url("images/bg-top.png") repeat scroll 0 0 rgba(255, 255, 255, 0.1); */ background-color: #3B5998 !important; height:auto; display: block; /* Border Radius */ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; /* Box Shadow */ -moz-box-shadow: 0 1px 3px #111; -webkit-box-shadow: 0 1px 3px #111; box-shadow: 0 1px 3px #111; } #tabs-home-new ul.wooTabs { padding:0px; } #tabs-home-new ul.wooTabs li { float: left; display:inline; color: #ffffff; margin:0px; cursor: pointer; background: url(images/li-tabs.png) no-repeat top right; } #tabs-home-new ul.wooTabs li a.selected { background:#fff; text-shadow: 0px 1px 1px #fff; color: #B91010; text-decoration:none;} #tabs-home-new ul.wooTabs li a:hover { text-decoration:none;} #tabs-home-new ul.wooTabs li a { color:#222; display: block;float: left;padding: 11px 13px; font-size: 15px; font-weight:bold; text-shadow: 0px 1px 1px #777; text-decoration: none;} #tabs-home-new ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { border-top-right-radius:3px; border-top-left-radius:3px; -moz-border-radius-topright:3px; -moz-border-radius-topleft:3px;-webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius:3px; } #tabs-home-new .inside { background:#fff; min-height:400px; padding: 30px 20px; border-bottom-right-radius:3px; border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-bottomleft:3px;-webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius:3px;} #tabs-home-new .inside li { background:#fff;} #tabs-home-new #tab-tags { padding:0 10px; line-height:28px; } #tabs-home-new .inside ul { margin:0;} #tabs-home-new .inside li { padding:10px; } #tabs-home-new .inside li a { color:#555; font:bold 12px/18px sans-serif; } #tabs-home-new .inside a:hover{} #tabs-home-new .inside li span.meta { display:block; font:11px/20px sans-serif; text-transform:uppercase; color:#777; } #tabs-home-new .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-home-new .inside .list { display:none; } #tabs-home-new .inside .list:first-child { display:block; } #tabs-home-new .block { width: 108px; float: left; padding: 0px 11px; min-height: 150px; margin-bottom: 25px; } #tabs-home-new .block h2 a { color: #183A52; font-family: sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: bold; line-height: 14px; } #tabs-home-new .block .title { color: #183A52; font-size: 11px; font-weight: bold; line-height: 14px; margin: 10px 0px 3px; } #tabs-home-new .block img { opacity: 1; border: 0px; padding: 0px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; } #tabs-home-new .block img:hover { opacity: 0.7; } #tabs-home-new .block .date { color: #777; font-size: 10px; } #tabs-home-new ul.wooTabs li { background:none; } #tabs-home-new ul.wooTabs li a { color: #fff; } #tabs-home-new, #content { /* Box Shadow */ -moz-box-shadow: 0 1px 3px #777; -webkit-box-shadow: 0 1px 3px #777; box-shadow: 0 1px 3px #777; } /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ .post .video { margin-bottom:1.5em;} .archive_header { display: block; float: left; width: 100%; margin:0 0 30px; padding:0 0 10px; font-size: 18px; font-weight: bold; border-bottom:#e6e6e6 1px solid; } .archive_header .catrss a { font-size: 14px; text-decoration: none; line-height: 28px; } .post { margin: 0 0 2em;} .post .title { margin: 0 0 15px; position:relative; font-size: 24px; line-height:1.2em; color: #222; font-weight: bold; } .post .title a:link, .post .title a:visited { color:#222; } .post-meta {margin: 1em 0 1.5em 0;font:1em/1em sans-serif;color:#999; } .post-more { clear:both; margin: 0 0 40px; padding: 5px 10px 1px; text-transform: uppercase; font-size: 10px; font-weight: bold; text-shadow: 1px 1px 0 #fff; color:#999; border: 1px solid #E6E6E6; background-color: #f3f3f3; box-shadow: inset 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; } .post p.tags{color:#999; background:url(images/ico-tag.gif) no-repeat center left;padding-left:25px;width:100%;clear:both;margin-bottom:20px;} .post-meta a:link, .post-meta a:visited, .post-more a:link, .post-more a:visited, .post p.tags a:link, .post p.tags a:visited { } .post-more a:hover, .post-meta a:hover, .post p.tags a:hover { text-decoration:underline;} /* 3.1 Typographic Elements */ .entry, .entry p { font:14px/1.5em sans-serif; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .entry h7 { margin:0 0 0.5em; line-height:1.5em; } .entry p { margin-bottom: 1.2em; } .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-bottom: 1.5em; padding: 0 0 0 30px; } .entry ul ul { margin: 0; } .entry ul li { list-style-type: disc; } .entry ul ul li { list-style-type: circle; } .entry ol { margin-bottom: 1.5em; padding: 0 0 0 30px; } .entry ol ol { margin: 0; } .entry ol li { list-style-type: decimal; } .entry ol li ol li { list-style-type: lower-latin; } /* 3.2 Images */ .entry img, img.thumbnail { border: 0px; padding: 0px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;;} img.wp-smiley { padding: 0; border: none; } .alignleft { float: left; height: auto; margin: 0px 20px 10px 0; } .alignright { float: right; height: auto; margin: 0px 0 10px 20px; } .aligncenter { text-align: center; margin-bottom:15px;} 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:0.9em/1.5em sans-serif; text-align:center; } .entry .wp-caption.aligncenter { margin:0 auto 15px; } /* 3.3 Pagination / WP-Pagenavi / Woo-Pagination */ .nav-entries, .wp-pagenavi, .woo-pagination { padding:10px 15px; } .nav-entries a { display: block; color:#777; text-decoration:none;} .nav-entries a:hover { text-decoration:underline; } #post-entries .nav-prev, #post-entries .nav-next { line-height: 14px; width: 274px; } #post-entries .nav-next { text-align: right; } .woo-pagination { margin: 0; text-align: center; } .woo-pagination a:link, .woo-pagination a:visited { display: inline; text-decoration: none; color: #666; padding: 3px 7px; border: 1px solid #DDDDDD; } .woo-pagination span.extend, .woo-pagination .page-numbers { border: none; color: #666; } .woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active, .woo-pagination span.current { /* Border Radius */ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active { border:1px solid #dedede; /* Gradient Background */ background: #EBEBEB; background: -moz-linear-gradient(100% 100% 90deg, #f5f5f5, #fff); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f5f5f5)); } .woo-pagination .current, .woo-pagination a:hover { padding: 3px 7px; background: #EEEEEE; border: 1px solid #bbb; } /* 3.4 Single Post Author */ #post-author { background:#fafafa; margin:0 0 1.5em; padding:15px; border:1px solid #E6E6E6; border-width:1px 0 1px; clear:both; } #post-author .title { margin-bottom: 10px; } #post-author .profile-image { float:left; margin:0 15px 5px 0; padding: 5px; border: 1px solid #e6e6e6; background:#F8F8F8; background:rgba(255,255,255,0.7);} #post-author .profile-link { } /* 3.5 Related Videos */ .related-videos { margin: 0 0 20px; } .related-videos h3 { margin-bottom: 15px; } .related-videos ul li { display: block; float: left; width: 100px; clear: none; width: 180px; margin: 0 20px 20px 0; } .related-videos .related-title { color: #222; font-weight: bold; } .related-videos ul li .thumbnail { opacity: 1; border: 0px; padding: 0px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .related-videos ul li .thumbnail:hover { opacity: 0.7; } /* 3.5a Related Videos Side */ .related-videos-side { margin: 0 0 10px; } .related-videos-side h3 { margin-bottom: 5px; } .related-videos-side ul li { display: block; float: left; width: 100px; clear: none; width: 100px; margin: 0 20px 20px 0; } .related-videos-side .related-title-side { color: #222; font-weight: bold; } .related-videos-side ul li .thumbnail { margin: 0 0 5px; } /* 3.6 Entry Tables */ .entry table { width: 100%; border: 1px solid #e6e6e6; margin-bottom:1.2em; } .entry table tr.alt-table-row { background: #f9f9f9; } .entry table th { padding: 6px 0 3px 0; background: #EEEEEE; border: 1px solid #e6e6e6; text-shadow: 1px 1px 0 #fff; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; } .entry table td { padding: 6px 0 3px 10px; border: 1px solid #e6e6e6; } /* 3.7 Featured Video */ #feat-video { background: rgba(255, 255, 255, 0.1); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:20px 0; } #feat-video .video { padding: 0 0 0 20px; width: 600px;} #feat-video .meta { width: 300px; padding:0 20px 0 0; } #feat-title .title { margin-bottom: 15px; font-size: 30px; line-height:1em; color: #fff; font-weight: bold; text-shadow: 0px 1px 1px #000; } #feat-video .video-excerpt { margin: 0 0 20px; padding: 0 0 1px; background: url(images/hr.png) repeat-x left bottom; } #feat-video .video-excerpt p, #feat-video .video-excerpt p a { font-size: 13px; color: #ccced2; text-shadow: 1px 1px 0 #000; } #feat-video .video-excerpt p a { text-decoration: underline; } #feat-video .meta ul { margin:0; } #feat-video .meta li { float: left; width: 100%; color: #ccced2; text-shadow: 0px 1px 1px #111; font-weight: bold; line-height: 24px; } #feat-video .meta li a { text-shadow: 0px 1px 1px #111; font-weight: bold; text-decoration: none; } #feat-video .meta span.small { display: block; width: 80px; float: left; color: #7a7b7f; text-shadow: 0px 1px 1px #111; font-weight: normal;} #feat-video .meta .post-tags ul { float: left; width: 70%; } #feat-video .meta .post-tags li { float:left; width: auto; } #feat-video .meta .post-tags a { background: none; padding: 0px 5px 0px 0px; margin: 3px 3px 0 0; color: #ccced2; line-height:24px; text-decoration: none; font-weight: bold; text-shadow: 0px 1px 1px #111; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } #feat-video .meta .post-tags a:hover { text-decoration: none; background: none; } #feat-video .adpanel { clear:both; margin-top:10px; } #feat-video .share { float: left; margin: 10px 0 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 1px 1px 0 rgba(255,255,255,0.1), -1px -1px 0 rgba(255,255,255,0.1); -moz-box-shadow: 1px 1px 0 rgba(255,255,255,0.1), -1px -1px 0 rgba(255,255,255,0.1); -webkit-box-shadow: 1px 1px 0 rgba(255,255,255,0.1), -1px -1px 0 rgba(255,255,255,0.1); } #feat-video .share li { float: left; } #feat-video .share li a { display: block; width: 177px; padding: 0 10px; line-height: 30px; font-weight: bold; color: #fff; text-shadow: 1px 1px #000; background: #323232 url(images/btn-share-gradient.png) repeat-x left bottom; border: 1px solid #000000; border-width: 1px 1px 1px 0; box-shadow: inset 1px 1px 0 rgba(255,255,255,0.1); -moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.1); -webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.1); } #feat-video .share li.first a { width: 179px; border-left: 1px solid #000000; border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; } #feat-video .share li.last a { width: 180px; border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; } #feat-video .share li a:hover { text-decoration: none; background-color: #272727; } #feat-video .share li a:active { background-color: #000; } #feat-video .share li a img { float: left; margin: 5px 7px 0 0; } #feat-video .share li .iLikeThis .counter { margin-left: 0!important; padding: 0; background: none; } /* 3.8 Video Archive Page */ #main.video-archive .post { float: left; width: 180px; margin: 0 20px 30px 0; } #main.video-archive .post img { opacity: 1; } #main.video-archive .post img:hover { opacity: 0.7; } #main.video-archive .post h2.title { margin: 10px 0 3px; font-size: 14px; line-height: 16px; } #main.video-archive .sorting { float: left; width: 550px; margin: -10px 0 30px; padding: 0 15px; font-weight: bold; text-shadow: 1px 1px 0 #fff; background: #e5e6e8; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } #main.video-archive .sorting li { float: left; margin: 0 15px 0 0; line-height: 33px; } #main.video-archive .sorting li a { line-height: 33px; color: #333333; text-decoration: none; } #main.video-archive .sorting li a:hover, #main.video-archive .sorting li.active a { color: #00adb3; } /* 3.8.1 Video Archive Page New */ #main-archive{ background-color: none; width:600px; padding: 30px 0px 30px 30px; } .col-full-archive {width: 960px; margin:0 auto; } #main-archive.video-archive .post { float: left; width: 108px; margin: 0 15px 30px 0; } #main-archive.video-archive .post img { opacity: 1; } #main-archive.video-archive .post img:hover { opacity: 0.7; } #main-archive.video-archive .post h2.title-archive { margin: 10px 0 3px; color: #183A52 !important; font-family: sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: bold; line-height: 14px; } #main-archive.video-archive .sorting { float: left; width: 570px; margin: -10px 0 30px; padding: 0 15px; font-weight: bold; text-shadow: 1px 1px 0 #fff; background: #e5e6e8; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } #main-archive.video-archive .sorting li { float: left; margin: 0 15px 0 0; line-height: 33px; } #main-archive.video-archive .sorting li a { line-height: 33px; color: #333333; text-decoration: none; } #main-archive.video-archive .sorting li a:hover, #main-archive.video-archive .sorting li.active a { color: #B91010; } .thumbnail-archive { border: 0px; padding: 0px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;} .date-archive { color: #777; font-size: 10px; } #woo-loader { text-align: center; margin: 30px 0 0; } #woo-loader span { display: block; width: 16px; text-align: center; overflow: hidden; height: 0; margin: 0 auto; padding-top: 16px; background: url(images/ajax-loader.gif) no-repeat center center; } /* 3.9 Upload Video */ #upload-video p { margin: 0; } #upload-video .title .logout-link { float: right; padding: 0 10px; text-transform: uppercase; font-weight: bold; font-size: 12px; border:1px solid #dedede; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; /* Gradient Background */ background: #EBEBEB; background: -moz-linear-gradient(100% 100% 90deg, #f5f5f5, #fff); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f5f5f5)); } #upload-video form { margin: 20px 0 0 0; } #upload-video .form_row { margin: 0 0 20px; } #upload-video .form_row label { display: block; float: left; width: 120px; margin: 0 10px 0 0; text-align: right; text-transform: uppercase; font-weight: bold; font-size: 11px; line-height: 14px; padding: 5px 0 0; } #upload-video .input-text, #upload-video textarea, #upload-video select { width: 438px; } #upload-video select { max-height: 100px; width: 450px; } #upload-video .explain { font-style: italic; font-size: 12px; margin: 0 0 0 130px; } #upload-video .submit-buttons { margin: 0 0 0 125px; } /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 4.1 Generic Widgets */ .widget { margin-bottom: 15px; /* background: url(images/hr-sidebar.png) repeat-x bottom left; */ /* background: #ffffff; */ padding: 0px 9px 10px; } .widget h3 { height: 25px; margin: 0 0 10px 0; padding:5px 2px 0 5px; font:normal bold 14px sans-serif; color:#183A52; text-shadow: 0px 0px 0px #none; background-color: #e1e1e1; } .widget p { margin-bottom: 5px; } .widget a { color: #6e6e72; font-weight: bold;} .widget a:hover { color: #323232; } .widget ul { clear:both; padding-left:10px; list-style-position:inside; list-style-type:disc;} .widget ul li {} .widget ul li a { padding: 0 0 0 5px; line-height: 22px; text-decoration: none; } .widget ul li a:hover { text-decoration:underline; } .widget ul ul { padding: 0 0 0 15px; border-top: none; } /* 4.2 Specific Widgets */ /* SEARCH FORM */ .widget_woo_search .searchform { position: relative; margin:0; } .widget_woo_search .searchform input.s { background:#fff; padding: 5px 6px 6px 6px; width:240px; margin:0; border:none; color:#777; -moz-box-shadow: 0 -1px 0px #aaa; -webkit-box-shadow: 0 -1px 0px #aaa; -box-shadow: 0 -1px 0 #aaa; } .widget_woo_search .searchform input.search-submit { float:right; border:none; margin:0; padding:0; } .widget_woo_search .searchform input.search-submit:hover { opacity: 0.7;} #footer-widgets .widget_woo_search .searchform input.s { width: 140px; } /* 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: 3px; } .widget_woo_flickr .wrap { position: relative; margin-bottom: 20px; padding: 0; } .widget_woo_flickr a img { float: left; margin: 4px 4px 0 0; display: block; border: 1px solid #A0A1A5; background:#F8F8F8; background:rgba(255,255,255,0.2); padding: 3px;} .widget_woo_flickr a:hover img { border:#737373 1px solid; } #footer-widgets .widget_woo_flickr a img { border: 1px solid #343434; background:#646464; background:rgba(255,255,255,0.2); } #footer-widgets .widget_woo_flickr a img:hover { background:#343434; background:rgba(0,0,0,0.2); } /* 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; } /* WIDGET WOO RECENT COMMENTS */ .widget_woo_recentcomments { } .widget_woo_recentcomments ul { padding: 0; } .widget_woo_recentcomments ul li { list-style: none; padding: 0; } .widget_woo_recentcomments ul li a { padding: 0; } .widget_woo_recentcomments ul li .comment-excerpt { background: #b8b9be; padding: 10px; border-top: 1px solid #96979a; border-bottom: 1px solid #e2e4e6; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; } .widget_woo_recentcomments ul li .comment-author { display: block; margin-top: -1px; padding: 5px 0 7px 45px; background: url(images/bg-bubbletip.png) no-repeat 20px 0; } #footer-widgets .widget_woo_recentcomments ul li .comment-excerpt { background-color: #2c2c2c; border-bottom-color: #5C5C5C; border-top-color: #1f1f1f; line-height: 16px; } #footer-widgets .widget_woo_recentcomments ul li .comment-author { font-size: 10px; line-height: 12px; background: url(images/bg-bubbletip-footer.png) no-repeat 20px 0; } /* EMBED WIDGET */ .widget-video-unit { position: relative; } .widget-video-unit h4 { width: 270px; padding: 5px 0 5px 10px; border-bottom: 1px solid #000; font-size: 13px; font-weight: bold; color: #fff; text-shadow: 1px 1px #000; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.8) } .widget-video-list { margin: 10px 0 0 0; text-align: center; } .widget-video-list li { display: inline; margin: 0 2px 0; } .widget-video-list li a { display: inline-block; width: 10px; height: 0; overflow: hidden; padding: 11px 0 0 0!important; background: url(images/btn-videowidget-pagi.png) no-repeat center center; } .widget-video-list li.active a, .widget-video-list li a:hover { background: url(images/btn-videowidget-pagi-active.png) no-repeat center center; } #footer-widgets .widget-video-unit h4 { width: 180px; } #footer-widgets .widget-video-list li a { background: url(images/btn-videowidget-pagi-footer.png) no-repeat center center; } #footer-widgets .widget-video-list li.active a, #footer-widgets .widget-video-list li a:hover { background: url(images/btn-videowidget-pagi-active-footer.png) no-repeat center center; } /* CALENDAR */ #wp-calendar{width:100%;margin-bottom:15px;clear:both;padding:0;} #wp-calendar caption{padding: 0 0 2px 0; font-weight: bold;} #wp-calendar th,#wp-calendar td{text-align:center;background:#A0A1A5;padding:5px;} #wp-calendar td{background:transparent;} #wp-calendar td,table#wp-calendar th{padding:3px 0;} #wp-calendar a { text-decoration: underline; } #wp-calendar #prev { text-align: left; } #wp-calendar #next { text-align: right; } #footer-widgets #wp-calendar th { background:#646464; } /* AD SPACE */ #footer-widgets .adspace-widget { text-align: center; } #footer-widgets .adspace-widget h3 { text-align: left; } /* Blog Author Widget */ .widget_woo_blogauthorinfo .avatar { padding: 3px; border: 1px solid #A0A1A5; background:#F8F8F8; background:rgba(255,255,255,0.2);} .widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; } .widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; } #footer-widgets .widget_woo_blogauthorinfo .avatar { border: 1px solid #343434; background:#646464; background:rgba(255,255,255,0.2); } /* TWITTER */ .widget_woo_twitter ul { background: none; padding: 0; } .widget_woo_twitter ul li { list-style:none; } .widget_woo_twitter ul li .content { display: block; background: #b8b9be; padding: 10px; border-top: 1px solid #96979a; border-bottom: 1px solid #e2e4e6; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; } .widget_woo_twitter ul li a { padding: 0px; } .widget_woo_twitter ul li .time { display: block; margin-top: -1px; padding: 5px 0 7px 45px; background: url(images/bg-bubbletip.png) no-repeat 20px 0; } .widget_woo_twitter p { text-align: right; font-size: 10px; text-transform: uppercase; } .widget_woo_twitter p a { color:#222; } .widget_woo_twitter ul li .content { } .widget.widget_woo_twitter h3 { border-bottom:none; padding:0; } #footer-widgets .widget_woo_twitter ul li .content { background-color: #2c2c2c; border-bottom-color: #5C5C5C; border-top-color: #1f1f1f; line-height: 16px; } #footer-widgets .widget_woo_twitter ul li .time { padding: 5px 0 7px 45px; background: url(images/bg-bubbletip-footer.png) no-repeat 20px 0; } /* SUBSCRIBE WIDGET */ .widget_woo_subscribe #connect { padding: 0; background: none; border: none; } .widget_woo_subscribe #connect .email { width: 180px!important; } #footer-widgets .widget_woo_subscribe #connect .email { width: 177px; } #footer-widgets .widget_woo_subscribe #connect .submit { float: right; margin-right: 0; } /* 4.3 WooTabs */ #tabs { margin: 0px -6px; display: block; background: #ffffff; padding: 10px; border-top: 0px solid #96979a; border-bottom: 0px solid #e2e4e6; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; } #tabs ul.wooTabs { padding:0px; } #tabs ul.wooTabs li { float: left; display:inline; color: #ffffff; margin:0px; cursor: pointer; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { background:#e1e1e1; text-decoration:none; } #tabs ul.wooTabs li a { color:#183A52; display: block;float: left;padding: 4px 6px; margin-right: 1px; text-transform:uppercase; font:11px/18px sans-serif; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { border-top-right-radius:3px; border-top-left-radius:3px; -moz-border-radius-topright:3px; -moz-border-radius-topleft:3px;-webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius:3px; } #tabs .inside { background:#e1e1e1; padding:1px; } #tabs .inside li { background:#fff; } #tabs #tab-tags { padding:10px; } #tabs .inside ul { margin:0; padding: 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; list-style: none; } #tabs .inside li a { padding: 0; color:#183A52; font:bold 12px/18px sans-serif; } #tabs .inside a:hover{} #tabs .inside li span.meta { display:block; font:11px/20px 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 .inside .list { display:none; } #tabs .inside .list:first-child { display:block; } #tabs #tab-tags { background: #fff; color:#183A52 !important; } #footer-widgets #tabs { margin: 0; padding: 2px; background-color: #2c2c2c; border-bottom-color: #1f1f1f; border-top-color: #1f1f1f; line-height: 16px; } #footer-widgets #tabs .inside { padding: 2px; background: #3E3E3E; } #footer-widgets #tabs .inside ul { border-color: #2b2b2b; } #footer-widgets #tabs ul.wooTabs li a { font-size: 9px; padding: 4px; margin: 0; } #footer-widgets #tabs ul.wooTabs li a.selected, #footer-widgets #tabs ul.wooTabs li a:hover { background-color: #3E3E3E; } #footer-widgets #tabs #tab-tags, #footer-widgets #tabs .inside li { background: #333; border-color: #2b2b2b; } #footer-widgets #tabs .inside li { line-height: 10px; } #footer-widgets #tabs .inside li a, #footer-widgets #tabs #tab-tags a { font-weight: normal; } #footer-widgets #tabs .inside li .meta { font-size: 10px; } #footer-widgets #tabs .inside li img.avatar, #footer-widgets #tabs .inside li img.thumbnail { border-color: #222; background-color: #2b2b2b; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #comments {position:relative;margin:2em 0 0;padding:2em 0 0 0; border-top:1px solid #e6e6e6;} #comments h3 { color:#333; font-weight:normal; margin-bottom:20px; } #comments .comment.thread-even { border-bottom:1px solid #e6e6e6; } #comments .comment.thread-odd { border-bottom:1px solid #e6e6e6; } #comments .comment.bypostauthor { background: #fef6d2; border-bottom:1px solid #efe3ae; } #comments .comment { width:100%;list-style-type:none;} #comments .comment .comment-container { position:relative; padding: 20px; } #comments .comment-head { margin: 0 0 10px 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:#fff; } #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 { overflow:auto; } #comments .comment-entry p { margin: 0 0 10px 0; } #comments .reply { text-align:right; } #comments .reply a { font: bold 11px/18px sans-serif; background: #e5e6e7; border:1px solid #c4c7cc; display:inline-block; padding: 3px 6px; text-shadow: none; text-transform:none; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} #comments .reply a:hover { background-color: #e6e6e6;} #comments ul.children{margin:10px 0 0 25px;padding:0; } #comments ul.children li {border-top:1px solid #e6e6e6; } #comments .cancel-comment-reply { float: right; margin: 0; text-transform: uppercase; font-weight: bold; font-size: 10px; } #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; } #comments .nocomments { font-size:14px; font-weight: bold; } #comments .comment #respond { position: relative; margin-top: -19px; } #comments .comment #respond h3 { display: none; } #comments .comment #respond .faker { position: absolute; top: -3px; right: 1px; display: block; width: 42px; height: 10px; background: #e5e6e7; } .depth-1 #respond #commentform input.txt { width: 63%; } .depth-2 #respond #commentform .field { width: 31%; } .depth-2 #respond #commentform input.txt { width: 61%; } .depth-3 #respond #commentform input.txt { width: 60%; } /* 5.2 Comments Form */ #respond { margin: 2em 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; padding: 10px; background: #e5e6e7; border: 1px solid #c4c7cc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: inset 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; } #commentform p.field { float: left; width: 32%; margin: 0 10px 0 0; } #commentform label { position:relative; height: 18px; line-height: 18px; width: 15%; padding: 5px 13px 2px 7px; display:inline-block; vertical-align: bottom; background: #f0f0f1; text-transform: uppercase; text-shadow: 1px 1px 0 #fff; border: 1px solid #aeafb5; border-left: none; border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; background: url(images/bg-comment-label.png) repeat-x left top; } #commentform input.txt, #commentform textarea { font:14px/14px sans-serif; border:1px solid #aeafb5; box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; } #commentform input.txt { float: left; color:#666; background: #fcfcfc; width: 64%; padding: 7px 5px 3px; margin: 0; height: 15px; border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-right: none; } #commentform textarea { margin: 10px 0 0 0; color:#666; background: #fcfcfc; width: 97% !important; padding: 5px 7px; } #respond #commentform #submit { margin: 15px 0 0 0; cursor: pointer; } /* 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 */ a.button, #commentform #submit, .submit { display: inline-block; margin: 5px; padding: 6px 13px; border: 1px solid #2a8589; border-bottom-color: #2a8589; color: white !important; text-align: center; text-transform: uppercase; text-shadow: 0 -1px 0 hsla(0,0%,0%,.3); text-decoration: none; /*Border radius*/ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; /*Background*/ background: #237fd7; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #2ed6dc), color-stop(1, #22b7db) ); background: -moz-linear-gradient( center top, #2ed6dc 20%, #22b7db 100% ); /*Box shadow*/ -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; } a.button.large { padding:6px 16px;} a.button.small { padding:0px 10px;} a.button:hover, a.button.hover, a.button.active, #commentform #submit:hover, .submit:hover { text-decoration: none !important; /*Background*/ background: #0073d2; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #22b7db), color-stop(1, #2ed6dc) ); background: -moz-linear-gradient( center top, #22b7db 20%, #2ed6dc 100% ); } a.button:active, a.button.active { border-color: #adeff2; /*Box shadow*/ -webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; -moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; } a.button.inactive,{ border: 1px solid #d5d5d5; border-bottom-color: #e6e2e2; color: #aeaeae; text-shadow: 0 1px 0 white; /*Background*/ background: #e8e8e8; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #f3f3f3), color-stop(1, #e6e6e6) ); background: -moz-linear-gradient( center top, #f3f3f3 20%, #e6e6e6 100% ); /*Box shadow*/ -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/; -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/; } /* 6.2 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;} #contact-page ol.forms input#sendCopy{border:none;} #contact-page ol.forms textarea{height:300px;width:400px;} #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: 15px 0 0 120px; cursor:pointer; } #contact-page ol.forms li.inline input{width:auto;margin-left:120px;} #contact-page ol.forms li.inline label{display:inline;float:none;width:auto;} .entry #contact-page ol.forms li { list-style: none; } /* Added to accomodate the contact form shortcode */ /* 6.3 Gravity forms */ .gfield { margin-bottom: 10px; } .gform_wrapper .top_label .gfield_label { display:block;float:left; 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: 400px !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; } /* 6.4 Timeline Page Template */ #archives { padding: 10px 0 0; } #archives a { font-style: italic; } h3.archive_year { font: bold 20px sans-serif; color:#555; margin-top:0; } #archives .archives_list { border-left:1px solid #e6e6e6; list-style: none; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 15px 15px;} #archives .archives_list li { clear:left; padding-left:24px; font-size: 12px; font-style: normal; list-style: none; margin-bottom: 10px; } #archives .archives_list .date { color: #808080; width: 100px; font-style: italic; display: inline-block; vertical-align: top; } #archives .archives_list .linked { width: 270px; display: inline-block; vertical-align: top;} #archives .archives_list .comments { width: 100px; display: inline-block; vertical-align: top;} #archives .archives_list .comments a { color: #808080; font-size: 12px; font-style: italic; text-decoration: underline; padding-left: 13px; } #archives .archives_list .comments a:hover { text-decoration: none; } /* 6.5 IE specific styling */ .ie6 .nav .sf-sub-indicator { display:none; } .ie6 .nav li a:hover { text-decoration:none; } .ie6 .nav li a.sf-with-ul { padding-right:10px; } .ie6 .button, .ie6 .button:visited { margin:0; color:#555 !important; font-weight:normal; } .ie7 .nav li a {_height: 0;zoom: 1;} /* IE7 Fix */ .ie7 .button, .ie7 .button:visited { padding:7px 6px; margin:0; } .ie8 .button, .ie8 .button:visited { padding:10px 15px; margin:0; } /* 6.6 Connect */ #connect { background: #fafafa; margin:0 0 1.5em; padding:15px; border:1px solid #e6e6e6; border-width:1px 0 1px; clear:both; } #main #connect .col-left, #connect .col-right { width:48%; } #connect .title { margin-bottom: 10px; } #connect p { margin: 0 0 1em; } #connect .newsletter-form { margin: 0 0 1em; } #connect .newsletter-form .input { } #connect .newsletter-form .email { width:140px; } #connect .newsletter-form .submit { cursor:pointer; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; } #connect .social { } #connect .social a { opacity:1; } #connect .social a:hover { opacity:0.7; } #connect .related-posts { border-left:1px solid #e6e6e6; padding-left:15px; } #connect .related-posts ul { list-style: outside disc; margin:5px 0 5px 15px; } .widget #connect .fl, .widget #connect .fr { float:none;} /* 6.7 Breadcrumbs */ .breadcrumbs { overflow:hidden; background: #B91010; border-bottom: 1px solid #ccc; width: 640px; color: #fff; text-shadow: 0px 1px 1px #fff; line-height: 22px; padding: 5px 0px 2px; border-top-left-radius:3px; -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px;} .breadcrumbs .breadcrumb-title { display: none; } .breadcrumbs .breadcrumb-trail { padding:0 5px; } .breadcrumbs strong { padding: 9px 10px; } .breadcrumbs .sep { display:none; } .breadcrumbs a { font-weight: bold; text-shadow: 0px 1px 1px #fff; background: url(images/li-breadcrumbs.png) no-repeat right; line-height: 1.2em; padding: 9px 20px 9px 10px; margin-right:5px; } .layout-full #content .breadcrumbs, .page-template-template-fullwidth-php #content .breadcrumbs { width:auto; border-top-right-radius:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius: 3px; } #feat-video .breadcrumbs { margin: -20px 0 20px 0; width: 100%; font-weight: bold; background: none; border-color: rgba(255,255,255,0.3); text-shadow: 1px 1px 0 #000; color: #7a7b7f; } #feat-video .breadcrumbs a { text-shadow: 1px 1px 0 #000; background: url(images/li-breadcrumbs-video.png) no-repeat right; } /* IE SPECIFIC */ .ie7 #search-top .search-submit { margin-top: -27px; } .ie7 #search-nav .search-submit { margin-top: -27px; } .ie7 #slides .prev, .ie7 #slides .next { padding-top: 70px; } .ie7 .slides_container .text, .ie .slides_container .text { background: url("images/bg-ie-transparency.png") repeat top left; } .ie7 #slides, .ie7 #feat-video, .ie #slides, .ie #feat-video { background: url("images/bg-nav.png") repeat scroll 0 0 transparent; } .ie7 .slide-overlay-toggle { background: url(images/ico-slider-close.png) no-repeat top left; } .ie7 #tabs-home, .ie #tabs-home { background: url("images/bg-top.png") repeat scroll top left; } .ie7 #feat-video .breadcrumbs, .ie #feat-video .breadcrumbs { border-bottom: 1px solid #666; } /* ---------------------------------------------------------- */ /* --------------------ELECTAD CSS Template --------------------*/ /* ---------------------------------------------------------- */ ul.rssclass li { color: #888888; } ul.rssclass a: { color: #183A52; text-decoration: none; font-weight: bold !important;} ul.rssclass a:hover { color: #3B5998; text-decoration: underline; } ul.rssclass { font-size: 12px; } ul.rssclass { line-height: 150% } ul.rssclass { width: 100% } /* ul.rssclass1 li { color: #888888; } ul.rssclass1 a:link { color: #B91010 !important; font-weight: bold !important; } ul.rssclass1 a:visited { color: #B91010 !important; } ul.rssclass1 a:hover { color: #3B5998 !important; text-decoration: underline; } ul.rssclass1 { font-size: 12px; } ul.rssclass1 { line-height: 150% } ul.rssclass1 { width: 100% } */ #social-top { float:right; width: 300px; position: relative; margin-top: 4px; background:none; } .bannertab { position:relative; top:10px; bottom:0px; left:2px; margin:0px 0px 10px 0px; width:958px; height:90px; /*padding:0px 0px 20px 0px; */ float:left; /*background-color:white;*/ } .bannercontainertab { background: url("http://electad.com/wp-content/uploads/2011/10/ba-bg1.png") repeat scroll 0 0 transparent; bottom: 50px; display: block; height: 110px; margin-left: -20px; position: relative; top: 10px; width: 958px; } .bannerbelowtab { position:relative; top:10px; bottom:0px; left:2px; margin:0px 0px 10px 0px; width:958px; height:90px; /*padding:0px 0px 20px 0px; */ float:left; /*background-color:white;*/ } .bannercontainerbelowtab { background: url("http://electad.com/wp-content/uploads/2011/10/ba-bg1.png") repeat scroll 0 0 transparent; background: #ffffff; bottom: 50px; display: block; height: 110px; margin: auto; position: relative; top: 10px; width: 958px; } .bannerad { position:relative; top:10px; bottom:0px; left:2px; margin:0px 0px 10px 0px; width:958px; height:90px; /*padding:0px 0px 20px 0px; */ float:left; /*background-color:white;*/ } .bannertext { position:relative; top:5px; bottom:0px; left:2px; margin:0px 0px 10px 0px; width:958px; height:20px; /*padding:0px 0px 20px 0px; */ float:left; } .bannercontainer { /* background: url("http://electad.com/wp-content/uploads/2011/10/ba-bg1.png") repeat scroll 0 0 transparent; */ background: #ffffff; bottom: 50px; display: block; height: 110px; margin: auto; position: relative; top: 5px; width: 958px; } .bannercontainerindex { /* background: url("http://electad.com/wp-content/uploads/2011/10/ba-bg1.png") repeat scroll 0 0 transparent; */ background: #ffffff; bottom: 50px; display: block; height: 110px; margin: auto; position: relative; top: 5px; width: 960px; } .bannertabindex { position:relative; top:10px; bottom:0px; left:2px; margin:0px 0px 10px 0px; width:960px; height:90px; /*padding:0px 0px 20px 0px; */ float:left; /*background-color:white;*/ } .bannercontainertabindex { background: url("http://electad.com/wp-content/uploads/2011/10/ba-bg1.png") repeat scroll 0 0 transparent; bottom: 50px; display: block; height: 110px; margin-left: -20px; position: relative; top: 10px; width: 960px; } .bannerbelowtabindex { position:relative; top:10px; bottom:0px; left:2px; margin:0px 0px 10px 0px; width:960px; height:90px; /*padding:0px 0px 20px 0px; */ float:left; /*background-color:white;*/ } .bannercontainerbelowtabindex { background: url("http://electad.com/wp-content/uploads/2011/10/ba-bg1.png") repeat scroll 0 0 transparent; background: #ffffff; bottom: 50px; display: block; height: 110px; margin: auto; position: relative; top: 10px; width: 960px; } .banneradindex { position:relative; top:10px; bottom:0px; left:2px; margin:0px 0px 10px 0px; width:960px; height:90px; /*padding:0px 0px 20px 0px; */ float:left; /*background-color:white;*/ } .bannertextindex { position:relative; top:5px; bottom:0px; left:2px; margin:0px 0px 10px 0px; width:960px; height:20px; /*padding:0px 0px 20px 0px; */ float:left; } /* ---------------------------------------------------------- */ /* --------------------Campaign CSS Template --------------------*/ /* ---------------------------------------------------------- */ #campaigncontainer { float:left; text-align: left; margin:0px auto; /*height:540px;*/ width: 960px; position: relative; padding: 0px 0px 0px 0px; background:url(images/featured-description.png); /* background-color:red;*/ } #campaign_title { position:absolute; top:220px; text-align:left; padding:10px 10px 10px 10px; left:170px; width:180px; height:30px; background-color:green; } #campaign_logo { float:left; position:absolute; top:0px; text-align:center; left:200px; width:200px; } #mycampaign_box { float:left; position:relative; padding:0px; margin:0px; width:600px; height:550px; background-color:#ffffff; } #mycampaign_image { float:left; position:absolute; top:10px; left:0px; width:120px; height:180px; } #mycampaign_bio { position:absolute; top:10px; left:130px; width:450px; height:180px; } #mycampaign_panel { position:absolute; top:230px; left:0px; width:580px; height:150px; } #mycampaign_panel_image { position:absolute; top:40px; left:0px; width:100px; height:80px; } #mycampaign_panel_address { position:absolute; top:40px; left:120px; width:210px; height:80px; } #mycampaign_address_title { position:absolute; top:40px; left:120px; width:210px; height:20px; } #mycampaign_address_street { position:absolute; top:60px; left:120px; width:210px; height:20px; } #mycampaign_address_city { position:absolute; top:80px; left:120px; width:210px; height:20px; } #mycampaign_address_state { position:absolute; top:80px; left:200px; width:210px; height:20px; } #mycampaign_address_zip { position:absolute; top:100px; left:120px; width:210px; height:20px; } #mycampaign_manager { position:absolute; top:125px; left:120px; width:210px; height:20px; } #mycampaign_panel_contact { position:absolute; top:40px; left:380px; width:210px; height:20px; background-color:red; } #mycampaign_tel { position:absolute; top:40px; left:380px; width:210px; height:20px; background-color:none; } #mycampaign_fax { position:absolute; top:60px; left:380px; width:210px; height:20px; background-color:none; } #mycampaign_email { position:absolute; top:80px; left:380px; width:210px; height:20px; background-color:none; } #mycampaign_panel2 { position:absolute; top:400px; left:0px; width:580px; height:150px; background-color:none; } #mycampaign_logo { float:left; position:absolute; top:600px; text-align:center; left:0px; width:600px; height:100px; background-color:none; } #mycampaign_category { float:left; position:relative; top:70px; /*width:330px;*/ text-align:center; left:630px; /*background-color:green;*/ } #campaign_contact { position:absolute; top:30px; left:170px; width:185px; height:95px; border:2px solid white; /* background-color:black;*/ } #campaign_category { position:absolute; top:550px; left:377px; width:185px; height:95px; border:2px solid white; /*background-color:white;*/ } #campaign_connected { position:absolute; top:550px; left:584px; width:185px; height:95px; background-image: url('http://electad.com/wp-content/uploads/2011/07/GreenBox185x95.png'); background-repeat: no-repeat; border:2px solid white; } .campaign_website { position:absolute; top:35px; left:5px; } .campaign_website_url { position:absolute; top:35px; left:40px; width:270px; height:30px; padding:1px; font-size:.85em; } .campaign_youtube { position:absolute; top:30px; left:280px; } .campaign_youtube_url { position:absolute; top:35px; left:325px; width:270px; height:30px; padding:1px; font-size:.85em; } .campaign_twitter { position:absolute; top:67px; left:0px; } .campaign_twitter_url { position:absolute; top:73px; left:40px; width:270px; height:30px; padding:1px; font-size:.85em; } .campaign_flicker { position:absolute; top:67px; left:280px; } .campaign_flicker_url { position:absolute; top:73px; left:325px; width:270px; height:30px; padding:1px; font-size:.85em; } .campaign_electad { position:absolute; top:110px; left:285px; } .campaign_electad_url { position:absolute; top:115px; left:325px; width:270px; height:30px; padding:1px; font-size:.85em; } .campaign_facebook { position:absolute; top:105px; left:0px; } .campaign_facebook_url { position:absolute; top:110px; left:40px; width:270px; height:30px; padding:1px; font-size:.85em; } #campaign_info { float:left; /*margin:0px auto;*/ top:200px; left:0px; position:relative; /*width:660px;*/ /*background-color:pink;*/ } #campaign_donate { top:500px; position:absolute; left:300px; width:120px; height:110px; background-color:pink; } .campaign_backdrop { background:url(images/featured-description.png); } #candidate_video { position:relative; width="100%"; top:20px; margin-bottom:20px; } #mycampaign_tweets { position:absolute; top:1100px; left:0px; width:580px; height:1500px; background-color:none; } #mycandidates_tweeting { position:relative; width="100%"; top:20px; margin-bottom:20px; } /* ---------------------------------------------------------- */ /* --------------------Tweeting CSS Template --------------------*/ /* ---------------------------------------------------------- */ #tweetingcontainer { float:left; text-align: left; margin:0px auto; /*height:540px;*/ width: 590px; position: relative; padding: 0px 0px 0px 0px; background:url(images/featured-description.png); /* background-color:red;*/ } #mytweeting_box { float:left; position:relative; padding:0px; margin:0px; width:590px; height:900px; background-color:none; } .tweetingcolleft_title { position:absolute; top:10px; left:15px; width:270px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: left; background-color:none; } .tweetingcolleft { position:absolute; top:45px; left:15px; width:270px; height:770px; padding:0px; background-color:none; } .tweetingcolright_title { position:absolute; top:10px; left:300px; width:270px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: left; background-color:none; } .tweetingcolright { position:absolute; top:45px; left:300px; width:270px; height:770px; padding:0px; background-color:none; } ---------------------------- /* ---------------------------------------------------------- */ /* --------------------Home News Tab CSS Template --------------------*/ /* ---------------------------------------------------------- */ #homenewscontainer { height:auto; display: block; position:relative; padding:0px; margin:0px; width:960px; background:none; } .homenewscontainerleft { float: left; position:relative; display: block; top:5px; left:0px; width:440px; padding:0px; background:none; } .homenewscontainerright { float: left; position:relative; display: block; top:5px; left:30px; width:440px; padding:0px; background:none; } /* ---------------------------------------------------------- */ /* --------------------Room 2 CSS Template --------------------*/ /* ---------------------------------------------------------- */ .bannerroom2 { position:relative; top:10px; bottom:0px; left:0px; margin:0px 0px 0px 0px; width:960px; height:90px; /*padding:0px 0px 20px 0px; */ float:left; /*background-color:white;*/ } .bannercontainerroom2end { background: url("http://electad.com/wp-content/uploads/2011/10/ba-bg1.png") repeat scroll 0 0 transparent; bottom: 50px; display: block; height: 110px; margin-left: -30px; position: relative; top: 954px; width: 960px; /*background-color:white;*/ } #room2container { float:left; text-align: left; margin:0px auto; /*height:540px;*/ width: 590px; position: relative; padding: 0px 0px 0px 0px; background:url(images/featured-description.png); /* background-color:red;*/ } #myroom2_box { float:left; position:relative; padding:0px; margin:0px; width:900px; height:1096px; background-color:none; } .room2colleftR1_title { position:absolute; top:10px; left:15px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room2colleftR1 { position:absolute; top:52px; left:15px; width:280px; height:350px; padding:0px; background-color:none; } .room2colcentR1_title { position:absolute; top:10px; left:310px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room2colcentR1 { position:absolute; top:52px; left:310px; width:280px; height:350px; padding:0px; background-color:none; } .room2colrightR1_title { position:absolute; top:10px; left:605px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room2colrightR1 { position:absolute; top:52px; left:605px; width:280px; height:350px; padding:0px; background-color:none; } .room2colleftR2_title { position:absolute; top:472px; left:15px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room2colleftR2 { position:absolute; top:514px; left:15px; width:280px; height:350px; padding:0px; background-color:none; } .room2colcentR2_title { position:absolute; top:472px; left:310px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room2colcentR2 { position:absolute; top:514px; left:310px; width:280px; height:350px; padding:0px; background-color:none; } .room2colrightR2_title { position:absolute; top:472px; left:605px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room2colrightR2 { position:absolute; top:514px; left:605px; width:280px; height:350px; padding:0px; background-color:none; } /* ---------------------------------------------------------- */ /* --------------------Room 4 CSS Template --------------------*/ /* ---------------------------------------------------------- */ .bannerroom4 { position:relative; top:10px; bottom:0px; left:0px; margin:0px 0px 0px 0px; width:960px; height:90px; /*padding:0px 0px 20px 0px; */ float:left; /*background-color:white;*/ } .bannercontainerroom4 { background: url("http://electad.com/wp-content/uploads/2011/10/ba-bg1.png") repeat scroll 0 0 transparent; bottom: 50px; display: block; height: 110px; margin-left: -30px; position: relative; top: 934px; width: 960px; /*background-color:white;*/ } .bannercontainerroom4end { background: url("http://electad.com/wp-content/uploads/2011/10/ba-bg1.png") repeat scroll 0 0 transparent; bottom: 50px; display: block; height: 110px; margin-left: -30px; position: relative; top: 1888px; width: 960px; /*background-color:white;*/ } #room4container { float:left; text-align: left; margin:0px auto; /*height:540px;*/ width: 590px; position: relative; padding: 0px 0px 0px 0px; background:url(images/featured-description.png); /* background-color:red;*/ } #myroom4_box { float:left; position:relative; padding:0px; margin:0px; width:900px; height:2150px; background-color:none; } .room4colleftR1_title { position:absolute; top:10px; left:15px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room4colleftR1 { position:absolute; top:52px; left:15px; width:280px; height:350px; padding:0px; background-color:none; } .room4colcentR1_title { position:absolute; top:10px; left:310px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room4colcentR1 { position:absolute; top:52px; left:310px; width:280px; height:350px; padding:0px; background-color:none; } .room4colrightR1_title { position:absolute; top:10px; left:605px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room4colrightR1 { position:absolute; top:52px; left:605px; width:280px; height:350px; padding:0px; background-color:none; } .room4colleftR2_title { position:absolute; top:472px; left:15px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room4colleftR2 { position:absolute; top:514px; left:15px; width:280px; height:350px; padding:0px; background-color:none; } .room4colcentR2_title { position:absolute; top:472px; left:310px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room4colcentR2 { position:absolute; top:514px; left:310px; width:280px; height:350px; padding:0px; background-color:none; } .room4colrightR2_title { position:absolute; top:472px; left:605px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room4colrightR2 { position:absolute; top:514px; left:605px; width:280px; height:350px; padding:0px; background-color:none; } .room4colleftR3_title { position:absolute; top:1064px; left:15px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room4colleftR3 { position:absolute; top:1106px; left:15px; width:280px; height:350px; padding:0px; background-color:none; } .room4colcentR3_title { position:absolute; top:1064px; left:310px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room4colcentR3 { position:absolute; top:1106px; left:310px; width:280px; height:350px; padding:0px; background-color:none; } .room4colrightR3_title { position:absolute; top:1064px; left:605px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room4colrightR3 { position:absolute; top:1106px; left:605px; width:280px; height:350px; padding:0px; background-color:none; } .room4colleftR4_title { position:absolute; top:1526px; left:15px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room4colleftR4 { position:absolute; top:1568px; left:15px; width:280px; height:350px; padding:0px; background-color:none; } .room4colcentR4_title { position:absolute; top:1526px; left:310px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room4colcentR4 { position:absolute; top:1568px; left:310px; width:280px; height:350px; padding:0px; background-color:none; } .room4colrightR4_title { position:absolute; top:1526px; left:605px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room4colrightR4 { position:absolute; top:1568px; left:605px; width:280px; height:350px; padding:0px; background-color:none; } /* ---------------------------------------------------------- */ /* --------------------Room 6 CSS Template --------------------*/ /* ---------------------------------------------------------- */ .bannerroom6 { position:relative; top:10px; bottom:0px; left:0px; margin:0px 0px 0px 0px; width:960px; height:90px; /*padding:0px 0px 20px 0px; */ float:left; /*background-color:white;*/ } .bannercontainerroom6 { background: url("http://electad.com/wp-content/uploads/2011/10/ba-bg1.png") repeat scroll 0 0 transparent; bottom: 50px; display: block; height: 110px; margin-left: -30px; position: relative; top: 1396px; width: 960px; /*background-color:white;*/ } .bannercontainerroom6end { background: url("http://electad.com/wp-content/uploads/2011/10/ba-bg1.png") repeat scroll 0 0 transparent; bottom: 50px; display: block; height: 110px; margin-left: -30px; position: relative; top: 2812px; width: 960px; /*background-color:white;*/ } #room6container { float:left; text-align: left; margin:0px auto; /*height:540px;*/ width: 590px; position: relative; padding: 0px 0px 0px 0px; background:url(images/featured-description.png); /* background-color:red;*/ } #myroom6_box { float:left; position:relative; padding:0px; margin:0px; width:900px; height:3074px; background-color:none; } .room6colleftR1_title { position:absolute; top:10px; left:15px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room6colleftR1 { position:absolute; top:52px; left:15px; width:280px; height:350px; padding:0px; background-color:none; } .room6colcentR1_title { position:absolute; top:10px; left:310px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room6colcentR1 { position:absolute; top:52px; left:310px; width:280px; height:350px; padding:0px; background-color:none; } .room6colrightR1_title { position:absolute; top:10px; left:605px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room6colrightR1 { position:absolute; top:52px; left:605px; width:280px; height:350px; padding:0px; background-color:none; } .room6colleftR2_title { position:absolute; top:472px; left:15px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room6colleftR2 { position:absolute; top:514px; left:15px; width:280px; height:350px; padding:0px; background-color:none; } .room6colcentR2_title { position:absolute; top:472px; left:310px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room6colcentR2 { position:absolute; top:514px; left:310px; width:280px; height:350px; padding:0px; background-color:none; } .room6colrightR2_title { position:absolute; top:472px; left:605px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room6colrightR2 { position:absolute; top:514px; left:605px; width:280px; height:350px; padding:0px; background-color:none; } .room6colleftR3_title { position:absolute; top:934px; left:15px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room6colleftR3 { position:absolute; top:976px; left:15px; width:280px; height:350px; padding:0px; background-color:none; } .room6colcentR3_title { position:absolute; top:934px; left:310px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room6colcentR3 { position:absolute; top:976px; left:310px; width:280px; height:350px; padding:0px; background-color:none; } .room6colrightR3_title { position:absolute; top:934px; left:605px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room6colrightR3 { position:absolute; top:976px; left:605px; width:280px; height:350px; padding:0px; background-color:none; } .room6colleftR4_title { position:absolute; top:1526px; left:15px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room6colleftR4 { position:absolute; top:1568px; left:15px; width:280px; height:350px; padding:0px; background-color:none; } .room6colcentR4_title { position:absolute; top:1526px; left:310px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room6colcentR4 { position:absolute; top:1568px; left:310px; width:280px; height:350px; padding:0px; background-color:none; } .room6colrightR4_title { position:absolute; top:1526px; left:605px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room6colrightR4 { position:absolute; top:1568px; left:605px; width:280px; height:350px; padding:0px; background-color:none; } .room6colleftR5_title { position:absolute; top:1988px; left:15px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room6colleftR5 { position:absolute; top:2030px; left:15px; width:280px; height:350px; padding:0px; background-color:none; } .room6colcentR5_title { position:absolute; top:1988px; left:310px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room6colcentR5 { position:absolute; top:2030px; left:310px; width:280px; height:350px; padding:0px; background-color:none; } .room6colrightR5_title { position:absolute; top:1988px; left:605px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room6colrightR5 { position:absolute; top:2030px; left:605px; width:280px; height:350px; padding:0px; background-color:none; } .room6colleftR6_title { position:absolute; top:2450px; left:15px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room6colleftR6 { position:absolute; top:2492px; left:15px; width:280px; height:350px; padding:0px; background-color:none; } .room6colcentR6_title { position:absolute; top:2450px; left:310px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room6colcentR6 { position:absolute; top:2492px; left:310px; width:280px; height:350px; padding:0px; background-color:none; } .room6colrightR6_title { position:absolute; top:2450px; left:605px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room6colrightR6 { position:absolute; top:2492px; left:605px; width:280px; height:350px; padding:0px; background-color:none; } /* ---------------------------------------------------------- */ /* --------------------Room 8 CSS Template --------------------*/ /* ---------------------------------------------------------- */ .bannerroom8 { position:relative; top:10px; bottom:0px; left:0px; margin:0px 0px 0px 0px; width:960px; height:90px; /*padding:0px 0px 20px 0px; */ float:left; /*background-color:white;*/ } .bannercontainerroom8 { background: url("http://electad.com/wp-content/uploads/2011/10/ba-bg1.png") repeat scroll 0 0 transparent; bottom: 50px; display: block; height: 110px; margin-left: -30px; position: relative; top: 1858px; width: 960px; /*background-color:white;*/ } .bannercontainerroom8end { background: url("http://electad.com/wp-content/uploads/2011/10/ba-bg1.png") repeat scroll 0 0 transparent; bottom: 50px; display: block; height: 110px; margin-left: -30px; position: relative; top: 3736px; width: 960px; /*background-color:white;*/ } #room8container { float:left; text-align: left; margin:0px auto; /*height:540px;*/ width: 590px; position: relative; padding: 0px 0px 0px 0px; background:url(images/featured-description.png); /* background-color:red;*/ } #myroom8_box { float:left; position:relative; padding:0px; margin:0px; width:900px; height:3998px; background-color:none; } .room8colleftR1_title { position:absolute; top:10px; left:15px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room8colleftR1 { position:absolute; top:52px; left:15px; width:280px; height:350px; padding:0px; background-color:none; } .room8colcentR1_title { position:absolute; top:10px; left:310px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room8colcentR1 { position:absolute; top:52px; left:310px; width:280px; height:350px; padding:0px; background-color:none; } .room8colrightR1_title { position:absolute; top:10px; left:605px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room8colrightR1 { position:absolute; top:52px; left:605px; width:280px; height:350px; padding:0px; background-color:none; } .room8colleftR2_title { position:absolute; top:472px; left:15px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room8colleftR2 { position:absolute; top:514px; left:15px; width:280px; height:350px; padding:0px; background-color:none; } .room8colcentR2_title { position:absolute; top:472px; left:310px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room8colcentR2 { position:absolute; top:514px; left:310px; width:280px; height:350px; padding:0px; background-color:none; } .room8colrightR2_title { position:absolute; top:472px; left:605px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room8colrightR2 { position:absolute; top:514px; left:605px; width:280px; height:350px; padding:0px; background-color:none; } .room8colleftR3_title { position:absolute; top:934px; left:15px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room8colleftR3 { position:absolute; top:976px; left:15px; width:280px; height:350px; padding:0px; background-color:none; } .room8colcentR3_title { position:absolute; top:934px; left:310px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room8colcentR3 { position:absolute; top:976px; left:310px; width:280px; height:350px; padding:0px; background-color:none; } .room8colrightR3_title { position:absolute; top:934px; left:605px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room8colrightR3 { position:absolute; top:976px; left:605px; width:280px; height:350px; padding:0px; background-color:none; } .room8colleftR4_title { position:absolute; top:1396px; left:15px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room8colleftR4 { position:absolute; top:1438px; left:15px; width:280px; height:350px; padding:0px; background-color:none; } .room8colcentR4_title { position:absolute; top:1396px; left:310px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room8colcentR4 { position:absolute; top:1438px; left:310px; width:280px; height:350px; padding:0px; background-color:none; } .room8colrightR4_title { position:absolute; top:1396px; left:605px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room8colrightR4 { position:absolute; top:1438px; left:605px; width:280px; height:350px; padding:0px; background-color:none; } .room8colleftR5_title { position:absolute; top:1988px; left:15px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room8colleftR5 { position:absolute; top:2030px; left:15px; width:280px; height:350px; padding:0px; background-color:none; } .room8colcentR5_title { position:absolute; top:1988px; left:310px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room8colcentR5 { position:absolute; top:2030px; left:310px; width:280px; height:350px; padding:0px; background-color:none; } .room8colrightR5_title { position:absolute; top:1988px; left:605px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room8colrightR5 { position:absolute; top:2030px; left:605px; width:280px; height:350px; padding:0px; background-color:none; } .room8colleftR6_title { position:absolute; top:2450px; left:15px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room8colleftR6 { position:absolute; top:2492px; left:15px; width:280px; height:350px; padding:0px; background-color:none; } .room8colcentR6_title { position:absolute; top:2450px; left:310px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room8colcentR6 { position:absolute; top:2492px; left:310px; width:280px; height:350px; padding:0px; background-color:none; } .room8colrightR6_title { position:absolute; top:2450px; left:605px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room8colrightR6 { position:absolute; top:2492px; left:605px; width:280px; height:350px; padding:0px; background-color:none; } .room8colleftR7_title { position:absolute; top:2912px; left:15px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room8colleftR7 { position:absolute; top:2954px; left:15px; width:280px; height:350px; padding:0px; background-color:none; } .room8colcentR7_title { position:absolute; top:2912px; left:310px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room8colcentR7 { position:absolute; top:2954px; left:310px; width:280px; height:350px; padding:0px; background-color:none; } .room8colrightR7_title { position:absolute; top:2912px; left:605px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room8colrightR7 { position:absolute; top:2954px; left:605px; width:280px; height:350px; padding:0px; background-color:none; } .room8colleftR8_title { position:absolute; top:3374px; left:15px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room8colleftR8 { position:absolute; top:3416px; left:15px; width:280px; height:350px; padding:0px; background-color:none; } .room8colcentR8_title { position:absolute; top:3374px; left:310px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room8colcentR8 { position:absolute; top:3416px; left:310px; width:280px; height:350px; padding:0px; background-color:none; } .room8colrightR8_title { position:absolute; top:3374px; left:605px; width:280px; height:40px; padding:0px; font-size:18px; font-weight: bold; text-align: center; background-color:none; } .room8colrightR8 { position:absolute; top:3416px; left:605px; width:280px; height:350px; padding:0px; background-color:none; } /* ---------------------------------------------------------- */ /* --------------------Live CSS Template --------------------*/ /* ---------------------------------------------------------- */ #live-title .title { margin-bottom: 15px; font-size: 30px; line-height:1em; color: #fff; font-weight: bold; text-shadow: 0px 1px 1px #000; } /* 2.4 Featured Live Slider */ #lives { position: relative; width: 960px; margin: 0 auto; background: rgba(255, 255, 255, 0.1); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding: 5px 5px 10px; } .slides_container { width:760px; background-color: #515151; box-shadow: 0 0 4px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.6); } .slides_container div { width:760px; display:block; } /* .slides_container:first-child .slide { display: none; } Make sure the slider doesn't display all slides in a stack on load */ .slides_container .text { position: absolute; top: 0; left: 0; padding: 25px; width: 35%; height: 100%; color: #fff; background: rgba(0,0,0,0.7) } .slides_container .text.right { left: auto; right: 0; } .slides_container .text.top { width:94%; height: auto; top: 0; } .slides_container .text.bottom { width:94%; height: 30px; bottom: 45px; top: auto; } .slides_container .text.no-image { position: relative; width: 710px; } .slides_container .text h2 { margin: -10px; 0px; 25px; 0px; line-height: 30px; font-size: 28px; color: #fff; font-weight: bold; } .slides_container .text h2 a { color: #fff; } .slides_container .single-slide { } .slides_control { overflow: hidden; position: relative; } #slides .prev, #slides .next { position: absolute; top: 42%; display: block; width: 50px; height: 0; overflow: hidden; padding-top: 50px; opacity: 1; } #slides .prev:hover, #slides .next:hover { opacity: 0.6; } #slides .prev { left: -65px; background: url(images/btn-slider-prev.png) no-repeat center center; } #slides .next { left: 785px; background: url(images/btn-slider-next.png) no-repeat center center; } #slides .pagination { margin: 15px 0 0 0; text-align: center; } #slides .pagination li { display: inline; margin: 0 5px; } #slides .pagination li a { display: inline-block; width: 12px; height: 0; overflow: hidden; padding-top: 12px; background: url(images/btn-slider-pagi.png) no-repeat top center; } #slides .pagination li.current a, #slides .pagination li a:hover { background: url(images/btn-slider-pagi-active.png) no-repeat top center; } .slide-overlay-toggle { display: block; width: 16px; height: 0; overflow: hidden; padding-top: 16px; cursor: pointer; color: #fff; position: absolute; top: 5px; right: 5px; z-index: 999; background: url(images/ico-slider-close.png) no-repeat center center; } .right .slide-overlay-toggle { } .top .slide-overlay-toggle { top: auto; bottom: 5px; right: 5px; } .bottom .slide-overlay-toggle { top: 5px; right: 5px; } #slides .woo-sc-box.no-slide { margin: 25px 30px; background-color: #595959; border: 1px solid #000; color: #fff; } /* ---------------------------------------------------------- */ /* ------CSS For Single Video New ------------*/ /* ---------------------------------------------------------- */ #singlenewtitle_box { min-height: 50px; position:relative; margin:0 auto; width:960px; background: green; } #singlenew-video { background: rgba(255, 255, 255, 0.1); -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; padding:0px 0px 0px 0px; } #singlenewoutside_box { width:100%; float: left; margin: 0 auto 3px auto; position: static; padding:0px 0px 0px 0px; background-color:#888888; } .singlenewinside_box { min-height: 335px; position:relative; margin:0 auto; width:960px; background: none; z-index: 102; } .singlenewvideo_box { margin: 0px 0px 0px 0px; float: left; width:600px; padding:0px 0px 0px 0px; background:black; } .singlenewad_box { float: right; margin: 20px 20px 0px 0px; width: 300px; height: 250px; padding:0px 0px 0px 0px; background-color:none; } #singlenewshare_box { align: center; float: left; position:relative; width:60px; height: 250px; margin: 20px 0px 0px 40px; padding:0px 0px 0px 0px; background-color: white; } #singlenew-title .title { margin-bottom: 10px; margin-left: 20px; font-size: 30px; line-height:1em; color: #000; font-weight: bold; text-shadow: 0px 0px 0px #000; } #singlenew-video .video-excerpt { margin: 0 0 20px; padding: 0 0 1px; background: url(images/hr.png) repeat-x left bottom; } #singlenew-video .video-excerpt p, #singlenew-video .video-excerpt p a { font-size: 13px; color: #ccced2; text-shadow: 1px 1px 0 #000; } #singlenew-video .video-excerpt p a { text-decoration: none; } #singlenew-video .breadcrumbs { color: #fff; } #singlenew-video .breadcrumbs a { color: #333; text-shadow: 1px 1px 0 #999; } #singlenew-video .video-excerpt p { text-shadow: 1px 1px 0 #666; } #singlenew-video .video-excerpt p, #singlenew-video .video-excerpt { background-image: url(clean/hr.png); } #singlenew-video-date .meta { width: 100%; padding:0 20px 0px 0; } #singlenew-video-date .meta ul { margin:0; } #singlenew-video-date .meta li { float:left; width: 100%; color: #000; text-shadow: 0px 0px 0px #000; font-weight: bold; line-height: 10px; margin-right: 20px; margin-bottom: 10px; width: auto; list-style: none;} #singlenew-video-date .meta li a { text-shadow: 0px 0px 0px #000; font-weight: bold; text-decoration: none; } #singlenew-video-date .meta span.small { display: block; width: 70px; float: left; color: #7a7b7f; text-shadow: 0px 0px 0px #000; font-weight: normal;} #singlenew-video-date .meta .post-tags ul { float: left; width: 70%; } #singlenew-video-date .meta .post-tags li { float:left; width: auto; } #singlenew-video-date .meta .post-tags a { background: none; padding: 0px 5px 0px 0px; margin: 3px 3px 0px 0; color: #ccced2; line-height:10px; text-decoration: none; font-weight: normal; text-shadow: 0px 1px 1px #111; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } #singlenew-video-date .meta .post-tags a:hover { text-decoration: none; background: underline; } #singlenew-video-cat .meta { width: 100%; padding:0 20px 0px 0; } #singlenew-video-cat .meta ul { margin:0; } #singlenew-video-cat .meta li { float:left; width: 100%; color: #000; text-shadow: 0px 0px 0px #000; font-weight: bold; line-height: 10px; margin-right: 20px; margin-bottom: 10px; width: auto; list-style: none;} #singlenew-video-cat .meta li a { text-shadow: 0px 0px 0px #000; font-weight: bold; text-decoration: none; } #singlenew-video-cat .meta span.small { display: block; width: 47px; float: left; color: #7a7b7f; text-shadow: 0px 0px 0px #000; font-weight: normal;} #singlenew-video-cat .meta .post-cat ul { float: left; width: 70%; } #singlenew-video-cat .meta .post-cat li { float:left; width: auto; } #singlenew-video-cat .meta .post-cat a { background: none; padding: 0px 2px 0px 0px; margin: 3px 0px 0px 3px; color: #183A52; line-height:10px; text-decoration: none; font-weight: bold; text-shadow: 0px 0px 0px #000; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } #singlenew-video-cat .meta .post-cat a:hover { text-decoration: underline; background: none; color: #b91010; } #singlenew-video-tag .meta { width: 100%; padding:0 20px 0px 0; } #singlenew-video-tag .meta ul { width: 100%; margin-bottom:0px; } #singlenew-video-tag .meta li { float:left; width: 100%; color: #000; text-shadow: 0px 0px 0px #000; font-weight: bold; font-size: 12px; line-height: 18px; margin: 0px 0px 0px 0px; width: auto; list-style: none;} #singlenew-video-tag .meta li a { text-shadow: 0px 0px 0px #000; font-weight: bold; text-decoration: none; } #singlenew-video-tag .meta span.small { display: block; width: 50px; float: left; color: #7a7b7f; text-shadow: 0px 0px 0px #000; font-weight: normal;} #singlenew-video-tag .meta .post-tags ul { float: none; width: 960px; } #singlenew-video-tag .meta .post-tags li { float:left; width: auto; } #singlenew-video-tag .meta .post-tags a { background: none; padding: 0px 5px 5px 0px; margin: 3px 3px 3px 0; color: #183A52; line-height:10px; text-decoration: none; font-weight: normal; text-shadow: 0px 0px 0px #000; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } #singlenew-video-tag .meta .post-tags a:hover { text-decoration: underline; background: none; color: #b91010; } #singlenew-excerpt-title p { text-shadow: 1px 1px 0 #666; color: #fff!important; } #singlenew-excerpt-title { background-image: url(clean/hr.png); } #singlenew-share { float:right; width: 100%; line-height: 10px; margin: -5px -120px 10px -5px; width: auto; list-style: none;} /* ---------------------------------------------------------- */ /* ------Title For Post Section In Single Video New ------------*/ /* ---------------------------------------------------------- */ #singlenew-title .title { margin-top: 0px; margin-left: 0px; margin-bottom: 15px; font-size: 20px; line-height:1.2em; color: #000; font-weight: bold; text-shadow: 0px 0px 0px #000; } /* ---------------------------------------------------------- */ /* ------------------------Single New Related ------------*/ /* ---------------------------------------------------------- */ #singlenewrelatedoutside_box { min-height: auto; position:relative; margin:20px auto 10px auto; padding:5px 0px 5px 0px; width:960px; background: none; border-top-width:1px; border-top-style:solid; color: #777; border-bottom-width:1px; border-bottom-style:solid; color: #777; } #singlenewrelatedinside_box { min-height: 200px; margin: 0px 20px 20px 20px; float: left; width:920px; padding:5px 0px 5px 0px; background:yellow; } .singlenewrelated-videos { margin: 0 0 15px; } .singlenewrelated-videos h3 { color: #000; font-size: 11px; font-weight: bold; line-height: 18px; margin:0pt 0pt 5px; } .singlenewrelated-videos ul li { display: block; float: left; width: 72px; clear: none; width: 108px; margin: 0px 12px 10px 0px; } .singlenewrelated-videos .singlenewrelated-title { color: #183A52; font-size: 11px; font-weight: bold; line-height: 14px; margin:0px; padding: 0px; } .singlenewrelated-videos ul li .thumbnail { opacity: 1; border: 0px; padding: 0px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .singlenewrelated-videos ul li .thumbnail:hover { opacity: 0.7; } /* Single New Related Videos Side */ .singlenewrelated-videos-side { margin: 0 0 10px; } .singlenewrelated-videos-side h3 { margin-bottom: 5px; } .singlenewrelated-videos-side ul li { display: block; float: left; width: 100px; clear: none; width: 100px; margin: 0 20px 20px 0; } .singlenewrelated-videos-side .singlenewrelated-title-side { color: #222; font-weight: bold; } .singlenewrelated-videos-side ul li .thumbnail { margin: 0 0 5px; } /* ---------------------------------------------------------- */ /* ----------------------NEW INDEX ------------*/ /* ---------------------------------------------------------- */ #main-index { background-color: none; width:600px; padding: 0px; } .col-full-index {width: 960px; margin:0 auto; 0 -100px; } #main-index.fullwidth, .layout-full #main-index { width:900px; } .layout-full #content, .page-template-template-fullwidth-php #content { background:#fff; } #main-index.video-archive .post { float: left; width: 180px; margin: 0 20px 30px 0; } #main-index.video-archive .post img { opacity: 1; } #main-index.video-archive .post img:hover { opacity: 0.7; } #main-index.video-archive .post h2.title { margin: 10px 0 3px; font-size: 14px; line-height: 16px; } #main-index.video-archive .sorting { float: left; width: 550px; margin: -10px 0 30px; padding: 0 15px; font-weight: bold; text-shadow: 1px 1px 0 #fff; background: #e5e6e8; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } #main-index.video-archive .sorting li { float: left; margin: 0 15px 0 0; line-height: 33px; } #main-index.video-archive .sorting li a { line-height: 33px; color: #333333; text-decoration: none; } #main-index.video-archive .sorting li a:hover, #main.video-archive .sorting li.active a { color: #00adb3; } #main-index #connect .col-left, #connect .col-right { width:48%; } #content-wrap-index { background-color: none; /*repeat-x center 30px;*/ min-height:200px; padding-top: 30px; } .col-left-index { float: left; } .col-right-index { float: right; } .layout-right-content-index .col-left { float:right; } .layout-right-content-index .col-right { float:left; } #content-index{ /* background: url(images/bg-content.png) repeat-y top right #fff; */ background: #ffffff; min-height:200px; -moz-box-shadow: 0 1px 3px #111; -webkit-box-shadow: 0 1px 3px #111; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .layout-right-content #content { background-color: #B91010; } #tabs-home-new-index { /* background: url("images/bg-top.png") repeat scroll 0 0 rgba(255, 255, 255, 0.1); */ background-color: #3B5998 !important; width:630px; height:auto; display: block; /* Border Radius */ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; /* Box Shadow */ -moz-box-shadow: 0 1px 3px #111; -webkit-box-shadow: 0 1px 3px #111; box-shadow: 0 1px 3px #111; } #tabs-home-new-index ul.wooTabs { padding:0px; } #tabs-home-new-index ul.wooTabs li { float: left; display:inline; color: #ffffff; margin:0px; cursor: pointer; background: url(images/li-tabs.png) no-repeat top right; } #tabs-home-new-index ul.wooTabs li a.selected { background:#fff; text-shadow: 0px 1px 1px #fff; color: #B91010; text-decoration:none;} #tabs-home-new-index ul.wooTabs li a:hover { text-decoration:none;} #tabs-home-new-index ul.wooTabs li a { color:#222; display: block;float: left;padding: 8px 11px; font-size: 12px; font-weight:bold; text-shadow: 0px 1px 1px #777; text-decoration: none; border-right:1px; border-style: solid; border-color:#fff;} #tabs-home-new-index ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { border-top-right-radius:0px; border-top-left-radius:0px; -moz-border-radius-topright:0px; -moz-border-radius-topleft:0px;-webkit-border-top-right-radius: 0px; -webkit-border-top-left-radius:0px; } #tabs-home-new-index .inside { background:#ffffff; min-height:400px; padding: 30px 10px 30px 10px; border-bottom-right-radius:3px; border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-bottomleft:3px;-webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius:3px;} #tabs-home-new-index .inside li { background:#fff;} #tabs-home-new-index #tab-tags { padding:0 10px; line-height:28px; } #tabs-home-new-index .inside ul { margin:0;} #tabs-home-new-index .inside li { padding:10px; } #tabs-home-new-index .inside li a { color:#555; font:bold 12px/18px sans-serif; } #tabs-home-new-index .inside a:hover{} #tabs-home-new-index .inside li span.meta { display:block; font:11px/20px sans-serif; text-transform:uppercase; color:#777; } #tabs-home-new-index .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-home-new-index .inside .list { display:none; } #tabs-home-new-index .inside .list:first-child { display:block; } #tabs-home-new-index .block { width: 108px; float: left; padding: 0px 7px; min-height: 150px; margin-bottom: 25px; } #tabs-home-new-index .block h2 a { color: #183A52; font-family: sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: bold; line-height: 14px; } #tabs-home-new-index .block .title { color: #183A52; font-size: 11px; font-weight: bold; line-height: 14px; margin: 10px 0px 3px; } #tabs-home-new-index .block img { opacity: 1; border: 0px; padding: 0px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; } #tabs-home-new-index .block img:hover { opacity: 0.7; } #tabs-home-new-index .block .date { color: #777; font-size: 10px; } #tabs-home-new-index ul.wooTabs li { background:none; } #tabs-home-new-index ul.wooTabs li a { color: #fff; } #tabs-home-new-index, #content { /* Box Shadow */ -moz-box-shadow: 0 0px 0px #777; -webkit-box-shadow: 0 0px 0px #777; box-shadow: 0 0px 0px #777; } /* #tabs-home-new-index, #content { /* Box Shadow */ /*-moz-box-shadow: 0 1px 3px #777; */ /*-webkit-box-shadow: 0 1px 3px #777; */ /*box-shadow: 0 1px 3px #777;*/ } */ #homenewscontainerindex { height:auto; display: block; position:relative; padding:0px; margin:0px; width:580px; background:none; } .homenewscontainerleftindex { float: left; position:relative; display: block; top:5px; left:0px; width:300px; padding:0px; background:none; } .homenewscontainerrightindex { float: left; position:relative; display: block; top:5px; left:30px; width:300px; padding:0px; background:none; } /* 2.7 Footer Home */ #footer-home{padding: 20px 0 0;color:#999; text-shadow: 0px 1px 1px #000;} #footer-home p {} #footer-home #credit img{vertical-align:middle;} #footer #credit span{display:none;} #footer-home-widgets { background:#353535; background: rgba(255,255,255,.15); color:#ccc; padding:0; margin-top: 30px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #footer-home-widgets #footer-home-home-wrapper { padding:10px 0 10px 20px;} #footer-home-widgets .widget { background: none; padding:0; } #footer-home-widgets .block { padding:20px 20px 0 20px; width:200px; float:left; } #footer-home-widgets.col-1 .block { width:880px; } #footer-home-widgets.col-2 .block { width:45%; } #footer-home-widgets.col-3 .block { width:266px; } #footer-home-widgets.col-4 .block { width:190px; } #footer-home-widgets .widget h3 { font-size: 16px; color: #999; font-weight: bold; text-shadow: 0px 1px 1px #111; background: url(images/hr.png) repeat-x bottom left; border-bottom: 0px; padding:0 0 15px; margin: 0px 0px 10px;} #footer-home-widgets .widget ul { padding: 0px !important;} #footer-home-widgets .widget ul li { list-style: none; line-height: 30px; } #footer-home-widgets a, #footer-home-widgets .widget ul li a { color: #fff; font-weight: bold; text-shadow: 0px 0px 0px #111; padding: 0px;} #footer-home-widgets .widget_woo_search .searchform input.s { width: 140px; } #footer-home-widgets .widget_woo_flickr a img { border: 1px solid #343434; background:#646464; background:rgba(255,255,255,0.2); } #footer-home-widgets .widget_woo_flickr a img:hover { background:#343434; background:rgba(0,0,0,0.2); } #footer-home-widgets .widget_woo_recentcomments ul li .comment-excerpt { background-color: #2c2c2c; border-bottom-color: #5C5C5C; border-top-color: #1f1f1f; line-height: 16px; } #footer-home-widgets .widget_woo_recentcomments ul li .comment-author { font-size: 10px; line-height: 12px; background: url(images/bg-bubbletip-footer.png) no-repeat 20px 0; } #footer-home-widgets .widget-video-unit h4 { width: 180px; } #footer-home-widgets .widget-video-list li a { background: url(images/btn-videowidget-pagi-footer.png) no-repeat center center; } #footer-home-widgets .widget-video-list li.active a, #footer-home-widgets .widget-video-list li a:hover { background: url(images/btn-videowidget-pagi-active-footer.png) no-repeat center center; } #footer-home-widgets #wp-calendar th { background:#646464; } /* AD SPACE */ #footer-home-widgets .adspace-widget { text-align: center; } #footer-home-widgets .adspace-widget h3 { text-align: left; } /* Blog Author Widget */ .widget_woo_blogauthorinfo .avatar { padding: 3px; border: 1px solid #A0A1A5; background:#F8F8F8; background:rgba(255,255,255,0.2);} .widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; } .widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; } #footer-home-widgets .widget_woo_blogauthorinfo .avatar { border: 1px solid #343434; background:#646464; background:rgba(255,255,255,0.2); } #footer-home-widgets .widget_woo_twitter ul li .content { background-color: #2c2c2c; border-bottom-color: #5C5C5C; border-top-color: #1f1f1f; line-height: 16px; } #footer-home-widgets .widget_woo_twitter ul li .time { padding: 5px 0 7px 45px; background: url(images/bg-bubbletip-footer.png) no-repeat 20px 0; } #footer-home-widgets .widget_woo_subscribe #connect .email { width: 177px; } #footer-home-widgets .widget_woo_subscribe #connect .submit { float: right; margin-right: 0; } #footer-home-widgets #tabs { margin: 0; padding: 2px; background-color: #2c2c2c; border-bottom-color: #1f1f1f; border-top-color: #1f1f1f; line-height: 16px; } #footer-home-widgets #tabs .inside { padding: 2px; background: #3E3E3E; } #footer-home-widgets #tabs .inside ul { border-color: #2b2b2b; } #footer-home-widgets #tabs ul.wooTabs li a { font-size: 9px; padding: 4px; margin: 0; } #footer-home-widgets #tabs ul.wooTabs li a.selected, #footer-home-widgets #tabs ul.wooTabs li a:hover { background-color: #3E3E3E; } #footer-home-widgets #tabs #tab-tags, #footer-home-widgets #tabs .inside li { background: #333; border-color: #2b2b2b; } #footer-home-widgets #tabs .inside li { line-height: 10px; } #footer-home-widgets #tabs .inside li a, #footer-home-widgets #tabs #tab-tags a { font-weight: normal; } #footer-home-widgets #tabs .inside li .meta { font-size: 10px; } #footer-home-widgets #tabs .inside li img.avatar, #footer-home-widgets #tabs .inside li img.thumbnail { border-color: #222; background-color: #2b2b2b; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } /* ------END NEW INDEX ------------*/ /* ---------------------------------------------------------- */ /* ------CSS For Featured Live Big Screen ------------*/ /* ---------------------------------------------------------- */ /* 3.7 Featured Video Live */ #live-video { background: rgba(255, 255, 255, 0.1); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:5px 0; } #live-video .video { padding: 0 0 0 5px; width: 960px;} #live-video .meta { width: 300px; padding:0 20px 0 0; } #live-title .title { margin-bottom: 15px; font-size: 30px; line-height:1em; color: #fff; font-weight: bold; text-shadow: 0px 1px 1px #000; } .post .pagetitle { font:normal bold 28px/28px sans-serif;position:relative; color: #555; margin: 0 0 15px; text-align:center; } .post .pagetitle a:link, .post .pagetitle a:visited { color:#222; } .post .livetitle { font:normal bold 28px/28px sans-serif;position:relative; line-height: 35px; color: #000000; margin: 0 0 15px; text-align:left; } .post .livetitle a:link, .post .pagetitle a:visited { color:#222; } /* ---------------------------------------------------------- */ /* ------CSS For Featured Live New ------------*/ /* ---------------------------------------------------------- */ /* 3.7 Featured Video Live New */ #liven-video { background: rgba(255, 255, 255, 0.1); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:20px 0; } #liven-video .video { padding: 0 0 0 20px; width: 600px;} #liven-video .meta { width: 300px; padding:0 20px 0 0; } #liven-title .title { margin-bottom: 15px; font-size: 30px; line-height:1em; color: #fff; font-weight: bold; text-shadow: 0px 1px 1px #000; } #liven-video .video-excerpt { margin: 0 0 20px; padding: 0 0 1px; background: url(images/hr.png) repeat-x left bottom; } #liven-video .video-excerpt p, #liven-video .video-excerpt p a { font-size: 13px; color: #ccced2; text-shadow: 1px 1px 0 #000; } #liven-video .video-excerpt p a { text-decoration: none; } #liven-video .meta ul { margin:0; } #liven-video .meta li { float: left; width: 100%; color: #ccced2; text-shadow: 0px 1px 1px #111; font-weight: bold; line-height: 24px; } #liven-video .meta li a { text-shadow: 0px 1px 1px #111; font-weight: bold; text-decoration: none; } #liven-video .meta span.small { display: block; width: 80px; float: left; color: #7a7b7f; text-shadow: 0px 1px 1px #111; font-weight: normal;} #liven-video .meta .post-tags ul { float: left; width: 70%; } #liven-video .meta .post-tags li { float:left; width: auto; } #liven-video .meta .post-tags a { background: none; padding: 0px 5px 0px 0px; margin: 3px 3px 0 0; color: #ccced2; line-height:24px; text-decoration: none; font-weight: bold; text-shadow: 0px 1px 1px #111; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } #liven-video .meta .post-tags a:hover { text-decoration: none; background: underline; } #liven-video .adpanel { clear:both; margin-top:10px; } /* ---------------------------------------------------------- */ /* ------CSS For Featured Live New Full Width ------------*/ /* ---------------------------------------------------------- */ #livenf-video { background: rgba(255, 255, 255, 0.1); -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; padding:0px 0px 0px 0px; } #livenoutside_box { width:100%; float: left; margin: 0 auto 3px auto; position: static; padding:0px 0px 0px 0px; background-color:#888888; } .liveninside_box { min-height: 370px; position:relative; margin:0 auto; width:960px; background: none; z-index: 102; } .livenvideo_box { margin: 0px 0px 0px 20px; float: left; width:600px; padding:0px 0px 0px 0px; background:black; } .livenad_box { float: right; margin: 20px 20px 0px 0px; width: 300px; height: 250px; padding:0px 0px 0px 0px; background-color:none; } #livenf-video .meta { width: 300px; padding:0 20px 0 0; } #livenf1-title .title { margin-top: 0px; margin-left: 20px; margin-bottom: 15px; font-size: 20px; line-height:1.2em; color: #000; font-weight: bold; text-shadow: 0px 0px 0px #000; } #livenf-video .video-excerpt { margin: 0 0 20px; padding: 0 0 1px; background: url(images/hr.png) repeat-x left bottom; } #livenf-video .video-excerpt p, #livenf-video .video-excerpt p a { font-size: 13px; color: #ccced2; text-shadow: 1px 1px 0 #000; } #livenf-video .video-excerpt p a { text-decoration: none; } #livenf-video .meta ul { margin:0; } #livenf-video .meta li { float:left; width: 100%; color: #ccced2; text-shadow: 0px 1px 1px #111; font-weight: bold; line-height: 24px; } #livenf-video .meta li a { text-shadow: 0px 1px 1px #111; font-weight: bold; text-decoration: none; } #livenf-video .meta span.small { display: block; width: 80px; float: left; color: #7a7b7f; text-shadow: 0px 1px 1px #111; font-weight: normal;} #livenf-video .meta .post-tags ul { float: left; width: 70%; } #livenf-video .meta .post-tags li { float:left; width: auto; } #livenf-video .meta .post-tags a { background: none; padding: 0px 5px 0px 0px; margin: 3px 3px 0 0; color: #ccced2; line-height:24px; text-decoration: none; font-weight: bold; text-shadow: 0px 1px 1px #111; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } #livenf-video .meta .post-tags a:hover { text-decoration: none; background: underline; } /* ---------------------------------------------------------- */ /* ------Title For Post Section In Live New ------------*/ /* ---------------------------------------------------------- */ /* ---------------------------------------------------------- */ /* ------Title For Post Section In Feat Video Post ------------*/ /* ---------------------------------------------------------- */ #video-title .title { margin-top: 0px; margin-left: 0px; margin-bottom: 15px; font-size: 20px; line-height:1.2em; color: #000; font-weight: bold; text-shadow: 0px 0px 0px #000; } /* ---------------------------------------------------------- */ /* ------Excerpt Replacement Title Feat Video Post ------------*/ /* ---------------------------------------------------------- */ #video-excerpt-title { margin: 0 0 20px; padding: 0 0 1px; position:relative; top:15px; background: url(images/hr.png) repeat-x left bottom; } #video-excerpt-title p, #video-excerpt-title p a { font-size: 15px; color: #ccced2; text-shadow: 1px 1px 0 #000; } #video-excerpt-title p a { text-decoration: underline; } /* ---------------------------------------------------------- */ /* ------------Meta For Video Blog Post Template--------------*/ /* ---------------------------------------------------------- */ #feat-video-blog .meta ul { margin:0; } #feat-video-blog .meta li { float: left; width: 100%; color: #ccced2; text-shadow: 0px 1px 1px #111; font-weight: bold; line-height: 24px; margin-left: 0px; list-style: none; } #feat-video-blog .meta li a { text-shadow: 0px 1px 1px #111; font-weight: bold; text-decoration: none; } #feat-video-blog .meta span.small { display: block; width: 80px; float: left; color: #7a7b7f; text-shadow: 0px 1px 1px #111; font-weight: normal;} #feat-video-blog .meta .post-tags ul { float: left; width: 70%; } #feat-video-blog .meta .post-tags li { float:left; width: auto; } #feat-video-blog .meta .post-tags a { background: none; padding: 0px 5px 0px 0px; margin: 3px 3px 0 0; color: #ccced2; line-height:24px; text-decoration: none; font-weight: bold; text-shadow: 0px 1px 1px #111; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } #feat-video-blog .meta .post-tags a:hover { text-decoration: none; background: none; } /* ---------------------------------------------------------- */ /* ------------Meta For Tag Below Video Blog --------------*/ /* ---------------------------------------------------------- */ #feat-video-tag .meta ul { width: 100%; margin-bottom:7px; } #feat-video-tag .meta li { float: left; width: 100%; color: #ccced2; text-shadow: 0px 1px 1px #111; font-weight: bold; font-size: 13px; line-height: 24px; margin-left: 0px; list-style: none; } #feat-video-tag .meta li a { text-shadow: 0px 1px 1px #111; font-weight: bold; text-decoration: none; } #feat-video-tag .meta span.small { display: block; width: 70px; float: left; color: #7a7b7f; text-shadow: 0px 1px 1px #111; font-weight: bold;} #feat-video-tag .meta .post-tags ul { float: none; width: 590px; } #feat-video-tag .meta .post-tags li { float:left; width: auto; } #feat-video-tag .meta .post-tags a { background: none; padding: 0px 5px 0px 0px; margin: 3px 3px 5px 0; color: #ccced2; line-height:20px; text-decoration: none; font-weight: normal; text-shadow: 0px 1px 1px #111; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } #feat-video-tag .meta .post-tags a:hover { text-decoration: none; background: none; } #video-blog-title { font-family: 'PT Sans', arial, sans-serif; font-size: 24px; font-weight:bold; line-height:1.2em; color:#222; position:relative; margin: 0 0 15px; } #video-blog-title a:link, #video-blog-title a:visited { color:#f8f8f8; } /* Header Ticker Above Nav */ .headertickabove { background-color: #FCC105; height: 20px; margin:0px 0px 0px 0px; padding: 5px; text-align:center; font-size: 15px; font-weight: bold; width:100%; } .tickertextabove { position:relative; background-color: #FCC105; text-align:center; font-size: 15px; font-weight: bold; top:0px; bottom:0px; margin: auto; margin:0px 0px 0px 0px; width:100%; height:20px; padding:5px 0px 5px 0px; float:none; } /* Header Ticker Below Nav */ .headertickbelow { background-color: #FCC105; height: 20px; margin:5px 0px 0px 0px; padding: 5px; text-align:center; font-size: 15px; font-weight: bold; width:100%; } .tickertextbelow { position:relative; background-color: #B00000; -moz-border-radius: 7px; border-radius: 7px; -moz-box-shadow: 2px 2px 1px #ccc; -webkit-box-shadow: 2px 2px 1px #ccc; box-shadow: 2px 2px 1px #ccc; text-align:center; font-size: 15px; font-weight: bold; color: #ffffff; top:10px; bottom:0px; margin: 0px auto 20px auto; width:960px; height:20px; padding:5px 0px 5px 0px; float:none; } .tickertextbelow a:link { color: #FFFF00 !important; font-weight: bold !important; } .tickertextbelow a:visited { color: #FFFF00 !important; } .tickertextbelow a:hover { color: #FFFF00 !important; text-decoration: underline; } #dimmer { margin:0px auto; text-align:left; overflow:hidden; position:relative; } #command { position:relative; height:25px; display:block; margin: 15px 0 0 0; } .lightswitch { height: 21px; width: 90px; display: inline-block; background-color: #aaa; border-radius: 3px; -moz-box-shadow: 0 2px 2px rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1); box-shadow: 0 2px 2px rgba(0,0,0,.1); color: #ffffff !important; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin: 0 0 0 0px; padding: 5px 0 0 30px; vertical-align: top; position:absolute; z-index:102; background-image:url(images/light_bulb.png); background-repeat:no-repeat; background-position: 10px center; outline:none; text-decoration:none; font-size: 11px; } .lightswitch:hover { text-decoration:underline; } .turnedOff { font-size: 11px; font-weight: bold; color: #000000 !important; background-image:url(images/light_bulb_off.png); } #shadow { position:fixed; top:0; right:0; bottom:0; left:0; height:100%; width:100%; margin:0; padding:0; background:#000; opacity:.90; filter: alpha(opacity=75); -moz-opacity: 0.90; z-index: 101; } #social-top { float:right; width: 207px; position: relative; margin-top: 0px; background:none; } #embeditem { position:relative; height:25px; display:block; margin: 15px 0px 0 140px; } .embedlink { height: 21px; width: 90px; display: inline-block; background-color: #aaa; border-radius: 3px; -moz-box-shadow: 0 2px 2px rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1); box-shadow: 0 2px 2px rgba(0,0,0,.1); color: #ffffff !important; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin: 0 0 0 0px; padding: 5px 0 0 25px; align: center; position:absolute; z-index:99; background-position: 10px center; outline:none; text-decoration:none; font-size: 11px; } .embedlink:hover { text-decoration:none; } .embedDim { font-size: 11px; font-weight: bold; color: #000000 !important; }