/* Theme Name: Just Do It Theme URI: http://justdoitfilm.com/ Version: 2.0 Description: A custom theme by Addiction Innovation. Author: Addiction Innovation Author URI: http://www.addictionworldwide.com Copyright: (c) 2011 Addiction Innovation. License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.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! :) */ /* Default styles */ @import "css/reset.css"; /*------------------------------------------------------------------------------------------- INDEX: 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 Content -2.5 Sidebar -2.6 Footer -2.7 Featured Area 3. POSTS -3.1 Typographic Elements -3.2 Images -3.3 Pagination / WP-Pagenavi -3.4 Info boxes 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 Info Boxes -6.3 Contact Form -6.4 Events Calendar -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ body { font: 14px/22px Helvetica, Arial, sans-serif; color: #4e4e4e; background-color: #2e2e2e; } h1, h2, h3, h4, h5, h6 { margin: 0; color: #222; } h1 {font-size: 22px; } h2 {font-size: 18px;} h3 {font-size: 16px;} h4 {font-size: 14px;} h5 {font-size: 12px;} h6 {font-size: 12px;} p {margin: 0; font-size:12px; line-height: 20px; } hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; } input, textarea { border-color: #ccc #efefef #efefef #ccc; border-width:0px; border-style:solid;} /* 1.2 Hyperlinks */ a:link, a:visited { color: #ed0590; text-decoration:none;} a:hover {text-decoration:underline;} h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;} /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ #wrapper { padding:0; } #main{width:625px; padding-right:25px; } #main.fullwidth {width: 980px;margin-top:10px;} #sidebar{width:300px;} #sidebar .secondary { width:140px; } .col-left { float: left; } .col-right { float: right; } .col-full { width: 975px; margin-left:auto;margin-right:auto; } /* 2.2 Navigation */ #navigation-outer { border:1px solid #b7b7b7; width: 972px; margin: 0 auto; } #navigation{font:12px/16px Helvetica, Arial, sans-serif; border:1px solid #fff;background-color: #e8e8e8; padding: 0 35px; position:relative; z-index: 9999;} #navigation ul.rss{background:url(images/ico-rss.png) no-repeat right 10px;padding:11px 15px 3px 0;} #navigation ul.rss li{display:inline;padding:0 10px 0 0;} #navigation ul.rss li a{color:#222222;text-decoration:none; font-size:11px; } #navigation ul.rss li a:hover{text-decoration:underline;} #navigation_btm { height: 4px; background-color: #1b83e3; display: block; width: 950px; margin: -1px auto 0 auto; border-bottom: 1px solid #0261b9; } #nav-left-btm, #nav-right-btm { bottom:-11px; height:10px; position:absolute; width:10px; } #nav-left-btm { background:url(images/nav-left-btm.png) no-repeat left center; left:0; } #nav-right-btm { background:url(images/nav-right-btm.png) no-repeat right center; right:0; } .nav { z-index:99; margin:0 0 -2px 0; padding:0; list-style:none; line-height:1; } .nav a { position:relative; color:#555; display:block; z-index:100; padding: 10px; line-height:16px; text-decoration:none; font-weight:bold; border-right: 1px solid #b7b7b7; } .nav a:hover { background-color: #f7f7f7; } .nav li.current_page_item, .nav li.current_page_parent{ background:#1b83e3; margin:0; } .nav li.current_page_parent a { color:#fff; border: 1px solid #026cce; border-bottom: none; padding-top:11px } .nav li.current_page_item a, .nav li.current_page_parent a:hover { background-color: #1b83e3; color: #fff; } .nav li { float:left; width: auto; border-right: 1px solid #fff; } .nav li a.sf-with-ul { padding-right:20px; } /* 2.2.1 Drop-down menus */ .nav li ul { background: #FFF; position: absolute; left: -999em; width: 180px; border: 1px solid #dbdbdb; border-width:1px 1px 0; z-index:999; } .nav li ul li { background:#eee; border-top:1px solid #fff; border-bottom:1px solid #dbdbdb;} .nav li ul li a { width:160px; color:#555; font-size: 11px; padding: 5px 10px; border: none !important; font-weight: normal; } .nav li ul li.current_page_item a { color: #fff; padding: 5px 10px; } .nav li.current_page_item ul { border-color: #aec1d4; } .nav li.current_page_item ul li { border-color: #aec1d4; border-top: none; } .nav li.current_page_item ul li a { background-color: #d6e8fa; border-color: #aec1d4; padding-top: 5px; color: #222; } .nav li.current_page_item ul li a:hover { background-color: #1b83e3; color:#fff} .nav li.current_page_item ul ul { margin-top: -28px;} .nav li ul li.current_page_item a:hover { color: #fff; background-color: #333; } .nav .current_page_parent ul li a { color: #333; } .nav li ul li a.sf-with-ul { padding:5px 10px; } .nav li ul li a:hover { background:#eaeaea;} .nav li ul ul { margin: -28px 0 0 180px; } .nav li ul ul li a { padding:5px 10px; } .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/arrow-superfish.png) no-repeat;position:absolute;display:block;right:0.4em;top:1.3em;width:10px;height:10px;text-indent:-999em;overflow:hidden;} .nav .current_page_item .sf-sub-indicator {background: url(images/arrow-superfish-active.png) no-repeat;} .nav li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) no-repeat;} /* 2.3 Header */ #header{padding:35px 0 25px;clear:both;position:relative;} #logo { float:left; } #logo img { } #logo .site-title, #logo .site-description { color: #111; display:none; } #logo .site-title a { color:#222; font-size:36px; line-height:44px; text-transform:none; font-weight:bold; text-decoration:none; } #logo .site-title a:hover { text-decoration:underline; } #logo .site-description { color:#666; font:italic 14px Georgia, serif; } #topad {float:right; padding: 4px; background-color:#fff; border: 1px solid #B7B7B7} /* 2.4 Content */ #content{ /*padding:25px; margin-bottom:25px;*/} /* 2.5 Sidebar */ #sidebar{overflow:hidden; } #sidebar .primary { } #sidebar .secondary { float:left; margin-right:20px; } #sidebar .secondary.last { margin:0; } /* 2.6 Footer */ #footer-outer {border-top: 0px solid #2e2e2e; background: url(images/footer-blackbricks.jpg) repeat-x left top;height: 383px;} #footer{ color:#fff; } #footer p {font-size:12px; font-family: Helvetica, Arial, sans-serif;} #footer #credit img{vertical-align:middle;} #footer #credit span{display:none;} #footer #credit a{color: #fff; text-decoration: underline;} /* 2.7 Featured Area */ /* #loopedSlider { position:relative; margin: 0 auto 25px auto; width:900px; padding: 25px; background:#fff; border: 1px solid #CCCCCC; } */ #loopedSlider { position:relative; margin: 0 auto 0 auto; width:900px; padding: 25px; background:#fff; border: 1px solid #CCCCCC; } #loopedSlider .container { width:552px; height:340px; overflow:hidden; position:relative; background:#fff; border: 1px solid #dddddd; float: right; } #loopedSlider .slides { position:absolute; top:0; left:0; } #loopedSlider .slides div.slide { position:absolute; top:0; width:550px; display:none; background-color: #f2f2f2; border: 1px solid #fff; } #loopedSlider .slides div.slide h2.title { background: #2384df url(images/featured-h2-bg.jpg) left top repeat-x; color:#fff; font-size:18px; border: 1px solid #656b71} #loopedSlider .slides div.slide h2 a { color:#fff; border: 1px solid #68afeb; padding:15px 20px; display: block; } #loopedSlider .slides div.slide .post { padding: 20px; margin: 0; } #loopedSlider .slides div.slide .alignright { margin: 0 0 20px 20px; } #loopedSlider .slides .post-bottom { border-top: 1px solid #ccc; } #loopedSlider .slides div.slide .post-meta { border-top: 1px solid #fff; margin: 0; padding-top: 20px; } #loopedSlider .featured-nav { width:320px; float:left; margin-right: 20px; } #loopedSlider .featured-nav h2 { margin-bottom: 25px; color: #2a2a2a; } #loopedSlider ul.pagination { list-style:none; padding:0; margin:0; border-bottom:1px solid #dddddd; float:left} #loopedSlider ul.pagination li { float:left; background-color: #f2f2f2; border:1px solid #dddddd; border-bottom: none} #loopedSlider ul.pagination li a { width:278px; display:block; padding:20px; border:1px solid #fff; min-height:52px; } #loopedSlider ul.pagination li a:hover { background:#eee; text-decoration: none; } #loopedSlider ul.pagination li.active { border: 1px solid #111;} #loopedSlider ul.pagination li.active a { background:#2e2e2e; color:#fff; border: 1px solid #4e4e4e} #loopedSlider ul.pagination img { background:#fff; padding:3px; border:1px solid #d1d1d1; float:right; margin: 0 0 0 20px;} #loopedSlider ul.pagination li.active a img {border:1px solid #111;} #loopedSlider ul.pagination em { color:#222; font-size: 16px; font-weight:bold; line-height:18px; margin-top:10px; font-style:normal; } #loopedSlider ul.pagination li.active em {color: #fff;} #loopedSlider ul.pagination .meta { display:block; font-size:12px; color:#555; line-height:18px; margin:5px 0 0 0; } #loopedSlider ul.pagination li.active .meta {color: #ddd;} #loopedSlider p.note { margin: 0; } /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ #breadcrumb {} .archive_header { float: left; margin-top:-25px;font-size: 18px; font-weight: normal; color: #464646; text-transform:uppercase;} .archive_header .catrss a { font-size: 12px; text-decoration: none; line-height: 28px; font-weight: normal; } .post { margin: 0 0 50px;} .single .post { margin-bottom: 25px; } .post .title { font:normal bold 20px/24px Arial, Helvetica, sans-serif; margin: 0; } .page .post .title { margin: 0 0 20px 0; } .post .title a:link, .post .title a:visited {color:#444;} .post-title {margin-top:30px;} .post-title .event-name { width: 525px; } .post-title .event-name h1 { color: #464646; font-size: 20px; line-height: 30px; font-weight: normal; font-style: normal; margin-bottom: 5px;margin-top:10px; border-bottom: 0px solid #BA2371;text-transform:uppercase; } .post-title .event-name p { margin-top:20px; /*color: #ccc;*/} .post-title .event { /*width:325px; */} .post-title .event .button { font-size:13px; margin-right:25px; float:left;} .post-title .event .buttons { margin-bottom: 0; text-align: center; float:left;} .post-title .event .buttons ul { text-align: left; position: absolute; /*top: 38px;*/ left: -45px; /*padding: 12px 10px 8px;*/ border: 0px solid #000; background: /*url(images/bg-cal-popup.png) repeat-x left top*/; width:500px;margin-top:22px; } .post-title .event .buttons ul li { display: inline; margin: 0 10px;padding-top:10px; } .post-title .event .buttons ul { left: 1px; } .post-title .event .buttons ul li a { padding: 3px 0 1px 24px; color: #444 !important; font-size:12px;} .post-title .event .buttons ul li.tip { left:39%; } .post-meta {font-size: 11px; font-style: italic; color: #ed0590; } .post-meta a {color: #000; text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-style: normal;margin-left:1px;margin-right:1px;} .post-meta a:hover {text-decoration: underline;} .post-author {text-transform: uppercase;} .post-meta img {vertical-align: middle; margin-right:5px} .post-meta .comments {margin-left: 10px;} .post-meta .comments a { text-transform:capitalize; } .post-meta .small{} .single .post-meta { } .post-more { clear:both; font:12px/16px Helvetica, Arial, sans-serif; } .post-more a, .post-meta a { text-decoration:none; } .post-more a:hover, .post-meta a:hover { text-decoration:underline; } .post-more .read-more { padding: 11px 15px 10px 10px; /*background: #fafafa url('images/post-more-read-bg.gif') no-repeat right center; */ font-weight: bold; } .post-more .read-more a { color: #444; } .post-more .comments { position: static!important; padding: 10px 10px 10px 18px; margin: 1px; margin-bottom: 0; /*background: #3a3a3a url('images/post-more-comments-bg.gif') no-repeat left center;*/ } .post-more .comments a { color: #444; position: static!important; background: url(images/ico-comment.png) no-repeat left center; padding-left: 22px; padding-bottom: 2px; } .post-meta, .post-meta .post-author a, .post-more { color:#868686; } .post p.tags{/*background:url(images/ico-tag.gif) no-repeat center left;*/padding-left:1px;width:100%;clear:both;margin-bottom:10px;font-size:11px;} .post .video { margin-bottom: 25px; } .entry {} /* 3.1 Typographic Elements */ .entry h1 { border-bottom:1px solid #e6e6e6; margin-bottom:25px; padding-bottom: 25px; } .entry h2 { padding-bottom:25px; } .entry h3 { padding-bottom:25px; } .entry h4 {} .entry h5 {} .entry h6 {} .entry p { margin: 0 0 20px 0; } .entry blockquote { background:url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #444; } .entry blockquote p { font-style:italic; } .entry ul { margin: 0 0 15px 0; padding: 0 0 0 30px; } .entry ul ul { margin: 0; } .entry ul li { list-style-type: circle; } .entry ul ul li { list-style-type: disc; } .entry ol { margin: 0 0 15px 0; padding: 0 0 0 30px; } .entry ol ol { margin: 0; } .entry ol li { list-style-type: upper-latin; } .entry ol li ol li { list-style-type: lower-latin; } /* 3.2 Images */ /*.entry img, img.thumbnail { padding: px; border: 0px solid #DDDDDD; background:#fff; }*/ img.wp-smiley { padding: 0; border: none; } .alignleft { float: left; height: auto; margin: 0 15px 15px 0; } .alignright { float: right; height: auto; margin: 0 0 15px 15px; } .aligncenter { text-align: center; margin-bottom:25px;} img.aligncenter { margin-left:auto; margin-right:auto; display:block; } .entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F8; border: solid 1px #e6e6e6; } .entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; } .entry .wp-caption-text { margin:0; padding:0; font:11px/22px Arial, Helvetica, sans-serif; text-align:center; } .gallery {padding-bottom: 25px;} .gallery img {border-width: 1px !important;} /* 3.3 Pagination / WP-Pagenavi */ .nav-entries, .wp-pagenavi {font-size:11px; padding:10px 15px; } .nav-entries a { display: block; font:italic 12px/16px Georgia, serif; color:#777; text-decoration:none;} .nav-entries a:hover { text-decoration:underline; } .wp-pagenavi { margin: 0 !important; text-align: center !important; } .wp-pagenavi a:link, .wp-pagenavi a:visited { display: inline !important; text-decoration: none !important; background: #EEEEEE !important;color: #666 !important; padding: 3px 7px !important; border:1px solid #DDDDDD !important;} .wp-pagenavi .current, .wp-pagenavi .on, .wp-pagenavi a:hover { padding: 3px 7px !important; background: #ddd !important; border:1px solid #bbb !important; } .wp-pagenavi span.extend, .wp-pagenavi span.pages { background:none !important; border:none !important; color:#666 !important; } /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 4.2 Generic Widgets */ .widget { font-size:12px; margin-bottom:20px;float:left;} /*.widget div.outer {border: 1px solid #dddddd; } .widget div.inner {background-color: #f2f2f2; border: 1px solid #fff; }*/ .widget h3 { margin: 0 0 15px 0; color:#555; font-size: 14px; text-transform: uppercase; display:none;} .widget p { font:12px/20px Arial, Helvetica, sans-serif; margin-bottom:15px;} .widget ul { clear:both; list-style-position:inside; margin-bottom:-2px; margin-top:-1px;} .widget ul li { border-bottom: 0px solid #dddddd; border-top: 0px solid #fff; padding: 15px;} .widget ul li ul { border-top: 0px solid #232323; margin: 15px 0 0 0; padding:0;} .widget ul li:hover { } .widget ul li a { line-height: 22px; text-decoration: none; font-weight: bold; color: #3a3a3a; } .widget ul li a:hover { text-decoration:underline; } .widget ul ul { padding: 0 0 0 15px; border-top: none; } .widget_recent_comments li, #twitter li { padding: 6px 0; line-height: 18px; border-bottom: 1px solid #eee; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */ .widget_recent_comments li a, #twitter a { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } /* RESET STYLING FOR RECENT COMMENT & TWITTER */ /* SIDEBAR WIDGETS */ .primary .widget .outer, .secondary .widget .outer { border: 0px solid #232323;margin-bottom:10px; } .primary .widget .inner, .secondary .widget .inner { border: 0px solid #4e4e4e; /*background-color: #3A3A3A;*/ } .primary .widget ul, .secondary .widget ul { } .primary .widget ul li, .secondary .widget ul li { padding: 10px; background-color:#666; border-bottom: 1px solid #232323; border-top: 1px solid #4e4e4e; } .primary .widget h3, .secondary .widget h3 { color: #ddd; display:none;} .primary .widget, .secondary .widget { color: #ccc; } .primary .widget a, .secondary .widget a { color: #bbdcfa; } .primary .widget li:hover, .secondary .widget li:hover { background-color: #424242; } /* FOOTER WIDGETS */ #footer-widgets { padding: 25px; margin-bottom:-30px; } #footer-widgets .block { padding:0; width:282px; margin-right: 5px; float:left; } #footer-widgets .last { margin-right: 0; } #footer-widgets h3{ color: #2a2a2a; text-transform: capitalize; font-size: 18px; } /* 4.2 Specific Widgets */ /* WIDGET FORMS */ .searchform { } .widget input.s { float:left; width: 60%; padding: 7px 0 7px 7px; margin-right:5px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;} #footer-widgets .widget input.s { width: 55%; } .widget .screen-reader-text { display: none; } .widget input.submit { float:right; } /* TAG CLOUD */ .widget_tag_cloud .inner { padding: 15px; border-top: 1px solid #fff; } .primary .widget_tag_cloud .inner, .secondary .widget_tag_cloud .inner { border-top: 1px solid #4e4e4e !important; } #sidebar .widget_tag_cloud { padding: 15px; background-color:#3A3A3A; border-bottom:1px solid #232323; border-top:1px solid #4E4E4E; } /* FLICKR */ .widget_woo_flickr h3 {} .widget_woo_flickr h3 span{color:#0061D8;} .widget_woo_flickr h3 span span{color:#FF1183;} .widget_woo_flickr .flickr_badge_image { float: left; margin: 5px; } .widget_woo_flickr .wrap { position: relative; padding: 15px; } .widget_woo_flickr a img { float: left; display: block; border: #CECFC6 1px solid; background-color: #fff; padding: 4px; width:62px; height: 62px; } .widget_woo_flickr a:hover img { border:#A8AA99 1px solid; } /* LIFESTREAM */ .widget_lifestream ul li { border-bottom: 1px solid #e0e6e6; } .widget_lifestream ul li a { border:none; background:none!important; } .widget_lifestream ul .lifestream_meta { color: inherit; } /* CALENDAR */ #wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;} #wp-calendar caption{padding:10px;} #wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;} #wp-calendar td{background:transparent;} #wp-calendar td,table#wp-calendar th{padding:3px 0;} /* CUSTOMER FEEDBACK */ .feedback-widget .customer-quote { margin: 15px; background-color: #fff; float: left; padding: 15px; border: 1px solid #dddddd; font-family: Palatino, Georgia, serif; font-size: 18px; line-height: 24px; color: #525252; text-align: center; } #sidebar .feedback-widget .customer-quote { border-color: #222; background-color: #333; color: #fff; } #sidebar .feedback-widget h4 {color: #fff; } .feedback-widget .customer-details { padding: 0 15px 15px 15px; float: left; width: 247px; } #sidebar .feedback-widget .customer-details { width: 265px; } .feedback-widget .customer-name { float: left; padding-top: 8px; } #footer-widgets .feedback-widget .customer-name a { color: #666666; } .feedback-widget .customer-image { float: right; } .feedback-widget .customer-image img { padding: 4px; background-color: #fff; border: 1px solid #ddd; } /* 4.3 WooTabs */ #tabs { height:auto; display: block; margin-bottom:30px;float:left; } #tabs ul.wooTabs { padding:0px; margin: 0; } #tabs ul.wooTabs li { float: left; display:inline; color: #ffffff; margin:0px; cursor: pointer; padding: 0; border: none; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { background:#F8F8F8; text-decoration:none; } #tabs ul.wooTabs li a { background:#777; display: block;float: left;padding: 8px; font-size:11px; text-transform: uppercase; line-height:18px; font-weight:normal; } #tabs .inside { background:#F8F8F8; padding:5px;} #tabs .inside li { background:#fff; } #tabs #tab-tags { padding:10px; } #tabs .inside ul { margin:0; border: 1px solid #e6e6e6; border-width:1px 0 1px 0; } #tabs .inside li { border:1px solid #e6e6e6; border-width:0 1px 1px 1px; padding:10px; } #tabs .inside li a { color:#555; font-weight:bold; font-size: 12px; line-height: 18px; } #tabs .inside a:hover{} #tabs .inside li span.meta { display:block; font:11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#777; } #tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px; background-color: #ffffff; float: left; margin: 0 8px 0 0; } #tabs #tab-tags a { color: #666; } #sidebar #tabs ul.wooTabs li a { color: #ddd; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { color: #666 !important; } /* 4.4 Recent Blog Posts */ .recentblogposts-widget ul.pagination li.active { text-align:center; } .recentblogposts-widget ul.pagination li.active a { } .recentblogposts-widget ul.pagination img { background:#fff; padding:3px; border:1px solid #d1d1d1; float:left; margin: 0 15px 0 0;} .recentblogposts-widget ul.pagination li.active a img {border:1px solid #111;} .recentblogposts-widget ul.pagination li.active em {color: #fff;} .recentblogposts-widget ul.pagination .meta { display:block; font-size:11px; line-height:16px; margin:5px 0 0 0; } .recentblogposts-widget ul.pagination li.active .meta {color: #ddd;} /* 4.5 Blog Author Info */ .widget_woo_blogauthorinfo .about { padding: 15px;} #sidebar .widget_woo_blogauthorinfo .about { background-color:#3A3A3A; border:1px solid #4E4E4E; } #sidebar .widget_woo_blogauthorinfo .inner img { border: 1px solid #232323; padding: 1px; background-color: #fff; } #footer-widgets .widget_woo_blogauthorinfo .inner img { border: 1px solid #ddd; padding: 1px; background-color: #fff; } .widget_woo_blogauthorinfo .left { float:left; margin: 0 15px 15px 0; } .widget_woo_blogauthorinfo .right { float:right; margin: 0 0 15px 15px;} /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #comments {position:relative;margin:40px 0 0;padding:40px 0 0 0; border-top:1px solid #ddd;} #comments h3 { color:#333; font-weight:normal; margin-bottom:20px; } #comments .comment.thread-even { background: #f7f7f7; border:1px solid #ddd; } #comments .comment{margin-top:10px;width:100%;list-style-type:none; background-color:#fff; } #comments .comment .comment-container { position:relative; padding: 20px; } #comments .comment-head { margin: 0 0 15px 0; } #comments .avatar { float:left; margin: 0 15px 10px 0; } #comments .avatar img{margin: 0;vertical-align: middle;border: 1px solid #ddd; padding:3px; background:#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 p { margin: 0 0 10px 0;} #comments .reply { padding-top:10px; } #comments .reply a { } #comments .reply a:hover { } #comments ul.children{margin:0 20px;padding:0; } #comments ul.children li {border-top:1px solid #e6e6e6; margin-bottom: 20px; } #comments .cancel-comment-reply{margin:10px 0;} #comments .navigation { } #comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; } #comments .navigation a:hover{} #comments h3#pings { margin-top:25px; } #comments .pingbacks li.pingback { margin:10px 0; } #comments .pingbacks li.pingback .reply { display:none; } /* 5.2 Comments Form */ #respond { margin: 40px 0 0; } #respond h3 { font-size: 18px; font-weight: normal; color: #464646; border-bottom: 2px solid #BA2371;text-transform:uppercase; } #respond .left { float:left; width:200px; margin-right:15px; } #respond .right { float:left; width:380px; } #respond label { font-size:11px; color:#777; } #commentform { margin: 15px 0 0 0; } #commentform label { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px; } #commentform input.txt, #commentform textarea { font:14px/14px Arial, Helvetica, sans-serif; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;} #commentform input.txt { color:#666; background: #f7f7f7; width: 170px; margin: 0 5px 10px 0; padding: 5px 7px; } #commentform textarea { color:#666; background: #f7f7f7; width: 95% !important; padding: 5px 7px; } .comment-container #commentform textarea { background-color: #fff; } #commentform #submit { margin: 15px 0 0 0;padding:4px; } /* 5.3 Pingbacks / Trackbacks */ h3#pings { margin: 25px 0 10px 0; } .pinglist li { margin: 0 0 0 20px; list-style-type: decimal; } .pinglist li .author { font-weight: bold; font-size: 15px; } .pinglist li .date { font-size: 11px; } .pinglist li .pingcontent { display: block; margin: 10px 0; } /*-------------------------------------------------------------------------------------------*/ /* 6. MISC */ /*-------------------------------------------------------------------------------------------*/ /* 6.1 Buttons */ .button, .button:visited, .reply a{ background: #CCCCCC url(images/alert-overlay.png); display: inline-block; padding: 5px 10px 6px; color: #fff !important; text-decoration: none; border:none; position: relative; cursor: pointer;} .button, .button:visited, .reply a{ background-color:#CCCCCC; padding: 8px 16px; } .button:hover, .reply a:hover { color: #fff !important; text-decoration:none; background-color: #2d2d2f; } .button:active, .reply a:active { top: 1px; } .small.button, .small.button:visited, .reply a { font-size: 10px; padding: 0px 6px 1px; text-transform:uppercase;} .button, .button:visited, .medium.button, .medium.button:visited { font-size: 11px; font-weight: bold; line-height: 1; } .large.button, .large.button:visited { font-size: 14px; padding: 8px 14px 9px; } /* 6.2 Info Boxes */ p.alert, p.download, p.info, p.note, p.tick { margin:10px 0 20px 0; padding:9px 10px 9px 50px; } p.alert { border-top:1px solid #f0baa2; border-bottom:1px solid #f0baa2; background:#ffd9c8 url(images/ico-alert.png) no-repeat 20px 13px; } p.download { border-top:0px solid #d4ebaf; border-bottom:0px solid #d4ebaf; background: url(images/ico-download.png) no-repeat 20px 13px; } p.tick { border-top:0px solid #d4ebaf; border-bottom:0px solid #d4ebaf; background: url(images/ico-tick.png) no-repeat 20px 13px; } p.info { border-top:0px solid #ccc; border-bottom:0px solid #ccc; background: url(images/ico-info.png) no-repeat 20px 13px; } p.note { border-top:0px solid #efe3ae; border-bottom:0px solid #efe3ae; background: url(images/ico-note.png) no-repeat 20px 13px; } /* 6.3 Contact Form */ #contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; } #contact-page ol.forms{float:left;list-style:none;width:100%;margin:10px 0 0;} #contact-page ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%} #contact-page ol.forms label{cursor:pointer;display:block;float:left;/*font-weight:700;padding-right:20px;*/width:100px;font-size:12px;} #contact-page ol.forms input.txt{width:214px; background-color:#f7f7f7} #contact-page ol.forms input#sendCopy{border:none;} #contact-page ol.forms textarea{height:270px;width:396px; background-color:#f7f7f7} #contact-page ol.forms textarea#contactAddress { height: 80px; } #contact-page ol.forms li .error{font-size:12px;display:block;margin-left:120px;color:red;} #contact-page ol.forms li.textarea .error{display:block; margin-left:120px} #contact-page ol.forms li.screenReader{margin-bottom:0;} #contact-page ol.forms li.buttons .submit{margin: 0 0 0 120px; padding:5px; } #contact-page ol.forms li.inline input{ width:auto; margin-left:120px; margin-right:10px; } #contact-page ol.forms li.inline label{display:inline;float:none;width:auto;} /* 6.4 Events Calendar */ #events-calendar-outer {border: 0px solid #2e2e2e; width:966px; margin-left:auto;margin-right:auto; min-height:400px;background: url("images/pages/watch/event-calendar-mid.gif") top left repeat-y; } #events-calendar-top {height:20px;background: url("images/pages/watch/event-calendar-top.gif") no-repeat; background-position: -3px 0px; width:966px;margin-left:auto;margin-right:auto;margin-top:50px; } #events-calendar-bottom {height:23px;background: url("images/pages/watch/event-calendar-bottom.gif") no-repeat; background-position: 0px 0px; width:966px;margin-left:auto;margin-right:auto;} #events-calendar { border: 0px solid #4e4e4e; border-top: none;padding: 25px; font-size: 12px; } /*#events-calendar a {color:#69b3f8;}*/ #events-calendar .months {margin-top:10px; width:290px;padding-left:10px;} #events-calendar #calendar {width: 280px;} #events-calendar h2 {color:#666; font-weight:bold; margin-bottom:1px; padding-left:10px;} #events-calendar h2 span {color:#666;} .ui-datepicker-title {display:none;} #events-calendar .event-outer {/*background: transparent url(images/box-shadow.png) no-repeat center bottom; */padding-bottom:10px; } #events-calendar .event {width: 572px;border: 0px solid #232323;} #events-calendar .event .thumbnail {padding: 5px; background-color: #fff; border: 1px solid #666; } #events-calendar .event .date {font-style: italic; font-size:12px; color:#2e2e2e; font-family: Arial, Helvetica, sans-serif; margin-bottom: 5px;width:100%;float:left; } #events-calendar .event h3 {font-size: 26px; line-height: 30px; margin-bottom:10px;float:left;padding-left:0px;width:100%;} #events-calendar .event h3 a { color: #ed0590;} .event p {line-height: 18px;margin-bottom:8px;} .event .buttons {margin-bottom: 30px; position: relative;float:left; } .event .button, #events-calendar .event .button:visited { margin: 0 10p.post-title .event-name h1x 0 0; } .event .button:hover { } #events-calendar #calendar .button { background-color: #333; padding:6px; } #events-calendar #calendar a:hover.button { background-color: #555; } .event .buttons ul { position: absolute; /*top: 38px;*/ left: -5px; /*padding: 12px 10px 8px;*/ border: 0px solid #000; background: /*url(images/bg-cal-popup.png) repeat-x left top*/; width:400px;margin-top:10px;} .event .buttons ul li { display: inline; margin: 0 10px;padding-top:10px; } .event .buttons ul li a { padding: 3px 0 1px 24px; color: #000 !important; } .event .buttons ul li.outlook a { background: url(images/ico-cal-outlook.png) no-repeat left top; } .event .buttons ul li.ical a { background: url(images/ico-cal-ical.png) no-repeat left top; } .event .buttons ul li.google a { background: url(images/ico-cal-google.png) no-repeat left top; } .event .buttons ul li.tip { position: absolute; top: -12px; left: 49%; width: 15px; /*background: url(images/bg-popup-tip.png) no-repeat left top; */} #events_calendar {/* background-color: #3A3A3A; */padding-left:10px;padding-bottom:0px; } #events_calendar .ui-widget-content { background: none !important; border: none !important; } #message-none { background-color:#3A3A3A; border:1px solid #232323; padding:15px; width:522px; float: right; } #ui-datepicker-div { display: none; } .ui-datepicker table { margin-bottom: 0 !important; background-color: #444; } .ui-datepicker {padding:0 !important; width: 290px !important; } .ui-state-default, .ui-widget-content .ui-state-default { background-image:none !important; background-color: #333 !important; border-color: #444444 !important; color: #ccc !important; padding: 3px; text-align: center; } .ui-widget-header { background-image: none !important; background-color: transparent !important; border: none !important; color: #ec52ae !important; margin-bottom: 15px; padding: 0 !important; } .ui-datepicker th { background-color: #555; color: #fff; border: 1px solid #333 !important; padding: 5px 5px !important; } .ui-datepicker td { padding:7px; border: 1px solid #333 !important; background-color: #444; } .ui-state-highlight, .ui-widget-content .ui-state-highlight { background-image: none !important; background-color: #222 !important; border-color: #444 !important; } .ui-state-active, .ui-widget-content .ui-state-active { background-color: #ed0590 !important; border: 1px solid #ed0590 !important; } .ui-widget-header .ui-datepicker-next .ui-icon { background: transparent url(images/arr-right.png) center center !important;display:none; } .ui-widget-header .ui-datepicker-prev .ui-icon { background: transparent url(images/arr-left.png) center center !important; display:none;} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { background-color: transparent !important; background-image: none !important; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display:none; display:block; left:0 !important; margin-left:0 !important; margin-top:0 !important; position:absolute; top:0 !important; width: 25px; height: 25px; cursor:pointer } .hide { display: none; } /* Google Maps */ #eventlocation { min-height: 250px; padding-bottom: 20px;float:left; } #eventlocation-map { width: 520px; } #eventlocation-map .woo_map_single_output { border: 2px solid #fff; } .jdi_pink {color:#f02a9f;} /* Image Styling */ #imgleft {float:left;padding-right:8px;padding-bottom:8px;} #imgright {float:right;padding-left:8px;padding-bottom:8px;} #imgcentre {margin-left:auto;margin-right:auto;} #imgcenterholder {width:100%;} /* BLOG v2 */ div.fp-blog-row1 { float:left;margin-top:12px; } div.fp-blog-row1 .category-title { margin-bottom:8px;margin-top:8px; } div.fp-blog-row-item { border: 3px solid white; margin-bottom:5px;height:100px;width:165px;background: url('http://www.justdoitfilm.addictiondigital.com/wp-content/themes/justdoit2.1/images/logo.png') no-repeat; } div.fp-blog-row-item img { float:left;margin-top:-100px;z-index:4; } div.fp-blog-row-item-date { background: url('http://justdoitfilm.addictiondigital.com/assets/i/blog-features-bg.png') repeat;padding-left:5px;padding-top:0px;height:18px;font-size:11px;text-transform:uppercase;color:white;margin-top:83px;position:relative;z-index:99; } ul.fp-blog-rows {display:inline-block;width:720px;} li.blog-big-post {width:171px;margin-bottom:10px;float:left;margin-right:68px;pointer:cursor;} h2.blog-big-post-title {font-size:12px;color: #444;line-height:120%;} h2.blog-recommends-post-title {font-size:13px;line-height:120%;margin-bottom:5px;} h2.blog-recommends-post-title a {color: #444;font-size:14px;} .jdi-recommends { float:left;margin-top:15px; } .jdi-recommends .title { margin-bottom:19px; margin-top:8px; } .jdi-recommends ul.fp-blog-recommends {display:block;} span.recommneds-excerpt {float:right;font-size:12px;margin-left:20px;width:472px;} li.fp-blog-recommends-item {margin-bottom:17px;float:left;} .fp-blog-recommends-item-image { height:100px;border: 4px solid white; width:168px;float:left; } .quick-read-more a:link, .quick-read-more a:visited { padding: 5px 10px; margin: 3px 0; font-size: 12px; background: url('http://demo.arrastheme.com/wp-content/themes/arras/images/feed-title-white.jpg') top repeat-x #EFEFEF; color: #000; text-decoration: none; border: 1px solid #CCC; font-weight: 700; display: inline-block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .quick-read-more a:hover { background: #383332; color: #FFF; } /* BLOG - CATEGORY BOX */ #category-boxv2 { height:179px;overflow:hidden; } #category-boxv2 div {background: background: url('http://justdoitfilm.addictiondigital.com/assets/i/blog-features-bg.png') no-repeat;} /* navigation items */ .navigation_bootleg {width:290px;min-height:179px;background: url('images/blog2/blog-category.gif') top left no-repeat;float:left;margin-top:0px;margin-left:30px;} .navigation_bootleg a{text-indent:-200em;} .navigation_bootleg a.home {float:left;height:42px;width:185px;background: url('../images/menu/menu.jpg') top left no-repeat;background-position: 123px 0px;} .navigation_bootleg a.home:hover {background: url('images/blog2/blog-category-hover.gif') top left no-repeat;background-position: -53px 0px;} .navigation_bootleg .home_space {height:42px;width:185px;} .navigation_bootleg a.game {float:left;height:45px;width:185px;background: url('images/blog2/blog-category.gif') top left no-repeat;background-position: 223px 0px;} .navigation_bootleg a.game:hover {background: url('images/blog2/blog-category-hover.gif') top left no-repeat;background-position: -52px -42px;} .navigation_bootleg .game_space {height:45px;width:185px;} .navigation_bootleg a.win {float:left;height:45px;width:187px;background: url('images/blog2/blog-category.gif') top left no-repeat;background-position: 321px 0px;} .navigation_bootleg a.win:hover {background: url('images/blog2/blog-category-hover.gif') top left no-repeat;background-position: -53px -90px;} .navigation_bootleg .win_space {height:45px;width:187px;} .navigation_bootleg a.auditions {float:left;height:45px;width:185px;background: url('images/blog2/blog-category.gif') top left no-repeat;background-position: 321px 0px;} .navigation_bootleg a.auditions:hover {background: url('images/blog2/blog-category-hover.gif') top left no-repeat;background-position: -53px -137px;} .navigation_bootleg .auditions_space {height:45px;width:185px;} /*navigation spaces */ .navigation_bootleg .leftspace {width: 53px;height:175px;float:left;} .navigation_bootleg .h_g {float:left;width:33px;height:2px;} .navigation_bootleg .g_w {float:left;width:137px;height:2px;} .navigation_bootleg .w_a {float:left;width:100px;height:2px;} .navigation_bootleg .a_c {float:left;width:30px;height:34px;} /* category pages */ .blogpages-post1 { width:182px;float:left;margin-right:28px;pointer:cursor;border: 5px solid white;background:white;height:230px;margin-bottom:20px;position:relative; } span.category-excerpt {font-size:11px;line-height:145%;float:left;padding-bottom:6px;padding-top:7px;} span.blog-page-heading { float:left;background: url('http://www.justdoitfilm.addictiondigital.com/assets/i/blog-category-heading-bg.png') top left repeat-x;line-height:16px;padding-top:8px;padding-bottom:8px;padding-left:8px;padding-right:10px;font-size:14px;color:white;margin-bottom:15px;width:270px; } span.blog-page-heading-title {color: rgb(237, 5, 144);font-weight:bold;text-transform:uppercase; margin-right:20px;} /* ADS */ img.specialad {margin-left:10px;}