/* -- Theme Name: Moviecomps.com Theme URL: http://www.moviecomps.com Description: Moviecomps 2.0 Version: 2.0 All files, unless otherwise stated, are released under the GNU General Public License version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html) -- */ @import url("css/reset.css"); @import url("css/custom.css"); /* -- Styles Index ======= 1.0 Document Body 2.0 Site Structure 3.0 Common Classes 4.0 Basic Alignments 5.0 Default Links 6.0 Vertical Rhythm 7.0 Default Headings 8.0 Top Bar 9.0 Secondary Navigation 10.0 header 11.0 Primary Navigation 12.0 Latest Post 12.1 Latest Post 12.5 Slider 13.0 Top Blocks 14.0 Recent Posts 15.0 Featured Posts 16.0 News in Pictures 17.0 Category Blocks 18.0 Category Blocks Summary 19.0 Forms 20.0 Entry Styles 20.1 Entry Headers 20.2 Default Text Elements 20.3 Default Lists 20.4 Tables 20.5 Images 20.6 WP Gallery 20.7 Comments 20.8 Author Bio 20.9 Shortcodes 21.0 Page Navigation 22.0 Post Page Styles 22.1 Sharing Buttons Style 23.0 Related Posts 24.0 Widgets 24.1 Calendar Widget 24.2 Widget lists 24.3 125 Ads Widget 24.4 Twitter Widget 24.5 Flickr Widget 24.6 Video Widget 24.7 300x250 Ad Widget 24.8 120x240 Ad Widget 24.9 Search Widget 24.10 Tabbed widget 25.0 Archives Template 25.5 Archives Intro Text 26.0 Full Width Template 26.5 Members Page 27.0 Contact Form Template 28.0 Footer 29.0 WP Pagenavi Support 30.0 Static Homepage Styles 30.1 Category Blocks HOME x.x Clearfix x.x Browser-specific Fixes -- */ /* -- 1.0 Document Body -- */ body, input, textarea { font: 12px/20px Arial, sans-serif; color: #333; } /* -- 2.0 Site structure -- */ #content { width: 940px; margin: 0 auto; } #primary { float: left; width: 640px; } #sidebar { float: right; width: 300px; } .sidebar-narrow { width: 140px; } #footer { clear: both; } /* -- 3.0 Common Classes -- */ .rounded { -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; } .hidden { display: none; } /* -- 4.0 Basic Alignments -- */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; } /* -- 5.0 Default Links -- */ a { text-decoration: none; } a:hover { text-decoration: underline; } a img { border: none; } /* -- 6.0 Vertical Rhythm -- */ .entry-meta { margin-bottom: 10px; } p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form, .gallery-row, .post-thumb, .author-bio { margin-bottom: 20px; } .widget { margin-bottom: 30px; } .hentry, .navigation-links, .hfeed, .nav, #featured, .pinglist { margin-bottom: 40px; } .children, .entry-content ol ol, .entry-content ul ul, .widget ul ul { margin-bottom: 0; } /* -- 7.0 Default Headings -- */ h1, h2, h3, h4, h5, h6 { font-weight: normal; } h1 { font-size: 22px; line-height: 30px; } h2 { font-size: 20px; line-height: 22px; } h3 { font-size: 16px; line-height: 20px; } h4 { font-size: 14px; line-height: 18px; } h5 { font-size: 12px; line-height: 18px; } h6 { font-size: 10px; line-height: 16px; } .page-title { font-size: 14px; font-weight: bold; margin-bottom: 15px; } .entry-title, .entry-title a { font-size: 22px; line-height: 30px; } /* -- 8.0 Top Bar -- */ #top-bar { height: 30px; background: #000000; border-bottom: 1px solid #eee; } #top-bar a { color: #333; } #top-bar-inner { width: 940px; margin: 0 auto; } #signup{ padding-top: 6px; float: left; margin-right: 10px; } #signup p { font-size: 10px; color: #93FF00; background: #363636; padding: 0 5px; line-height: 18px; margin-bottom: 0; } #signup a { color:#93FF00;} #loginout{ padding-top: 6px; float: left; margin-right: 10px; } #loginout p { font-size: 10px; color: #363636; background: #93FF00; padding: 0 5px; line-height: 18px; margin-bottom: 0; } #loginout a { color:#363636;} #date { padding-top: 6px; float: left; margin-right: 10px; } #date p { font-size: 10px; text-transform: uppercase; color: #fff; background: #363636; padding: 0 5px; line-height: 18px; margin-bottom: 0; } #feeds { float: right; padding-top: 6px; } #feeds a { background: url(images/icon-rss.png) left top no-repeat; padding-left: 17px; margin-left: 10px; } #feedstop { float: right; margin-top: 6px; } #feedstop p { font-size: 10px; color: #fff; padding: 0 5px; line-height: 18px; margin-bottom: 0; } #feeds a:hover { text-decoration: none; } #feedstop a { left top no-repeat; padding-left: 17px; margin-left: 10px; } #feedstop a:hover { text-decoration: none; } /* -- 9.0 Secondary Navigation -- */ #secondary-nav { float: left; } #secondary-nav ul { margin: 0; padding: 0; list-style: none; height: 30px; line-height: 30px; } #secondary-nav ul a { display: block; position: relative; } #secondary-nav ul li { float: left; position: relative; } #secondary-nav ul li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } #secondary-nav ul ul { position: absolute; top: -9999em; width: 180px; /* left offset of submenus need to match (see below) */ } #secondary-nav ul ul li { width: 100%; } /* Make sub menus appear */ #secondary-nav ul li:hover ul, #secondary-nav ul li.sfHover ul { left: -1px; top: 30px; /* match top ul list item height */ z-index: 99; } /* Hide all subs subs (4 levels deep) */ #secondary-nav ul li:hover li ul, #secondary-nav ul li.sfHover li ul, #secondary-nav ul li li:hover li ul, #secondary-nav ul li li.sfHover li ul, #secondary-nav ul li li li:hover li ul, #secondary-nav ul li li li.sfHover li ul { top: -9999em; } /* Displays all subs subs (4 levels deep) */ #secondary-nav ul li li:hover ul, #secondary-nav ul li li.sfHover ul, #secondary-nav ul li li li:hover ul, #secondary-nav ul li li li.sfHover ul, #secondary-nav ul li li li li:hover ul, #secondary-nav ul li li li li.sfHover ul { left: 180px; /* match .nav ul width */ top: -1px; } /* Secondary Navigation Skin */ #secondary-nav ul a { padding: 0 6px; height: 30px; line-height: 30px; } #secondary-nav ul li.current_menu_item ul li a, #secondary-nav ul li.current_page_item ul li a { color: #333; } #secondary-nav ul a:hover { text-decoration: none; } #secondary-nav ul ul { border-top: 1px solid #eee; } #secondary-nav ul ul li { border: 1px solid #eee; border-top: none; background: #f8f8f8; } #secondary-nav ul ul li.sfHover, #secondary-nav ul ul li.sfHover, #secondary-nav ul ul a:focus, #secondary-nav ul ul a:hover, #secondary-nav ul ul a:active { background: #fff; outline: 0; } /* -- 10.0 header -- */ #header { width: 940px; margin: 0 auto; padding-top: 30px; padding-bottom: 5px; height:100px;} #logo { float: left; width: 350px; margin-top:0px;} #logo, #logo a { font-size: 28px; line-height: 30px; color: #000; font-weight: bold; } #logo a:hover { text-decoration: none; } #tagline { color: #999; font-size: 12px; line-height: 20px; font-weight: normal; } #banner-header { float: right; margin-top: 0px; } #banner-header img { padding: 4px; background: #f8f8f8; } //#facebooklike { padding-top:7px;margin-top:45px;margin-right:355px;} #facebooklike { position: absolute;top:115px;left:0px;} /* -- 11.0 Primary Navigation -- */ #primary-nav { width: 940px; margin: 0 auto 10px auto; height: 40px; background: url(images/bg-primary-menu.gif) left top repeat-x; } #primary-nav ul { margin: 0; padding: 0; list-style: none; line-height: 40px; } #primary-nav ul a { display: block; position: relative; } #primary-nav ul li { float: left; position: relative; } #primary-nav ul li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } #primary-nav ul ul { position: absolute; top: -9999em; width: 180px; /* left offset of submenus need to match (see below) */ } #primary-nav ul ul li { width: 156px; } /* Make sub menus appear */ #primary-nav ul li:hover ul, #primary-nav ul li.sfHover ul { left: 0; top: 40px; /* match top ul list item height */ z-index: 99; } /* Hide all subs subs (4 levels deep) */ #primary-nav ul li:hover li ul, #primary-nav ul li.sfHover li ul, #primary-nav ul li li:hover li ul, #primary-nav ul li li.sfHover li ul, #primary-nav ul li li li:hover li ul, #primary-nav ul li li li.sfHover li ul { top: -9999em; } /* Displays all subs subs (4 levels deep) */ #primary-nav ul li li:hover ul, #primary-nav ul li li.sfHover ul, #primary-nav ul li li li:hover ul, #primary-nav ul li li li.sfHover ul, #primary-nav ul li li li li:hover ul, #primary-nav ul li li li li.sfHover ul { left: 179px; /* match .nav ul width */ top: 0; } /* Primary Navigation Skin */ #primary-nav ul { font-size: 13px; text-transform: capitalize; } /* top level skin */ #primary-nav ul li { border-right: 1px solid #fff; } #primary-nav ul a { padding: 0 12px; color: #333; height: 30px; line-height: 30px; } #primary-nav ul a:hover, #primary-nav ul li.sfHover a, #primary-nav ul li.current-cat a, #primary-nav ul li.current-menu-item a { text-decoration: none; color: #f8f8f8; background: #75BB0B; text-shadow: 0 -1px 1px rgba(0,0,0,0.7); -moz-border-radius: 2px 2px 0 0; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; } /* 2nd level skin */ #primary-nav ul ul { padding: 10px 0 15px 0; background: #75BB0B; -moz-border-radius: 0 0 2px 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.5); } #primary-nav ul ul li { height: 30px; line-height: 30px; border: none; padding: 0 12px; float: none; } #primary-nav ul ul li a { line-height: 30px; height: 30px; } #primary-nav ul li.sfHover ul a { color: #fff; background: url(images/bg-primary-menu-bevel.gif) left top repeat-x; padding: 0 5px; } #primary-nav ul li.sfHover ul li:first-child a { background: none; } #primary-nav ul li.sfHover ul a:hover { color: #93FF00; } /* 3rd level onwards */ #primary-nav ul ul ul { padding: 0; -moz-border-radius: 0 2px 2px 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-right-radius: 2px; } #primary-nav ul ul li.sfHover, #primary-nav ul ul li.sfHover, #primary-nav ul ul a:focus, #primary-nav ul ul a:hover, #primary-nav ul ul a:active { outline: 0; } /* -- Homepage Styles -- */ /* -- 12.0 Latest Post -- */ #latest-post { background: #222; padding: 15px; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.5); margin-bottom: 30px; } #latest-post-home { } #latest-post .post-thumb { margin: 0; } #latest-post .post-thumb img { float: left; margin: 0 20px 0 0; } #latest-post .entry-title { margin-bottom: 15px; } #latest-post .entry-title, #latest-post .entry-title a { color: #ddd; line-height: 30px; font-size: 22px; } #latest-post .entry-title:hover, #latest-post .entry-title a:hover { color: #fff; text-decoration: none; } #latest-post .entry-header { margin-bottom: 10px; } #latest-post .entry-header, #latest-post .entry-header a { font-size: 10px; text-transform: uppercase; color: #999; } #latest-post .entry-header a:hover { color: #ddd; text-decoration: none; } #latest-post .entry-summary { color: #999; } #latest-post .continue { font-size: 10px; text-transform: uppercase; color: #ddd; } #latest-post .continue:hover { color: #fff; text-decoration: none; } /* -- 12.1 Latest Post SMALL -- */ #latest-post-small { background: #f8f8f8; padding: 5px; margin-bottom: 10px; } #latest-post-small .post-thumb { margin: 0; } #latest-post-small .post-thumb img { float: left; margin: 0 20px 0 0; } #latest-post-small .entry-title { margin-bottom: 15px; } #latest-post-small .entry-title, #latest-post .entry-title a { color: #ddd; line-height: 14px; } #latest-post-small .entry-title:hover, #latest-post .entry-title a:hover { color: #fff; text-decoration: none; } #latest-post-small .entry-header { margin-bottom: 10px; } #latest-post-small .entry-header, #latest-post .entry-header a { font-size: 10px; text-transform: uppercase; color: #999; } #latest-post-small .entry-header a:hover { color: #ddd; text-decoration: none; } #latest-post-small .entry-summary { color: #999; } #latest-post-small .continue { font-size: 10px; text-transform: uppercase; color: #ddd; } #latest-post-small .continue:hover { color: #fff; text-decoration: none; } /* -- 12.5 Slider -- */ #slider { background: #222; padding: 15px; margin-bottom: 30px; } /* -- 13.0 Top Blocks -- */ #top-blocks { margin-bottom: 10px; } /* -- 14.0 Recent Posts -- */ #recent-news-block { width: 190px; float: right; } #recent-news-block .post-thumb { margin: 0 0 5px 0; padding: 0 0 5px 0; background: url(images/bg-dots.png) left bottom repeat-x; } #recent-news-block .entry-title, #recent-news-block .entry-title a { font-size: 13px; line-height: 20px; color: #333;/*color: #333; font-weight: bold;*/ } #recent-news-block .entry-title a:hover { text-decoration: none; } #recent-news-block .entry-header { background: url(images/bg-dots.png) left bottom repeat-x; margin: 0 0 5px 0; padding: 0 0 5px 0; } #recent-news-block .entry-header, #recent-news-block .entry-header a { font-size: 10px; text-transform: uppercase; color: #999; } #recent-news-block .entry-header a:hover { text-decoration: none; color: #333; } /* -- 15.0 Featured Posts -- */ #featured-posts-block { width: 310px; float: left; } #featured-posts-block .post-thumb { margin: 0 0 5px 0; padding: 0 0 5px 0; /*background: url(images/bg-dots.png) left bottom repeat-x;*/ } #featured-posts-block .post-container .post-thumb img { padding: 4px; background: #f8f8f8; border: 1px solid #eee; float: left; margin: 0 10px 0 0; } #featured-posts-block .post-container .post-thumb img:hover { background: #333; /*border: 2px solid #75BB0B;*/ } #featured-posts-block .entry-title, #featured-posts-block .entry-title a { font-size: 14px; line-height: 20px; color: #333; font-weight: bold; } #featured-posts-block .entry-title a:hover { text-decoration: none; } #featured-posts-block .entry-header { background: url(images/bg-dots.png) left bottom repeat-x; margin: 0 0 5px 0; padding: 0 0 5px 0; } #featured-posts-block .entry-header, #featured-posts-block .entry-header a { font-size: 10px; text-transform: uppercase; color: #999; } #featured-posts-block .entry-header a:hover { text-decoration: none; color: #333; } #featured-posts-wide { width: 620px; float: left; } #featured-posts-wide .post-thumb { margin: 0 0 5px 0; padding: 0 0 5px 0; /*background: url(images/bg-dots.png) left bottom repeat-x;*/ } #featured-posts-wide .post-container .post-thumb img { padding: 4px; background: #f8f8f8; border: 1px solid #eee; float: left; margin: 0 10px 0 0; } #featured-posts-wide .post-container .post-thumb img:hover { background: #333; /*border: 2px solid #75BB0B;*/ } #featured-posts-wide .entry-title, #featured-posts-block .entry-title a { font-size: 14px; line-height: 20px; color: #333; font-weight: bold; } #featured-posts-wide .entry-title a:hover { text-decoration: none; } #featured-posts-wide .entry-header { background: url(images/bg-dots.png) left bottom repeat-x; margin: 0 0 5px 0; padding: 0 0 5px 0; } #featured-posts-wide .entry-header, #featured-posts-block .entry-header a { font-size: 10px; text-transform: uppercase; color: #999; } #featured-posts-wide .entry-header a:hover { text-decoration: none; color: #333; } #home-enter { float: right; background-color: #dedddd; width: 75px; height: 15px; -moz-border-radius:2px; -webkit-border-radius: 2px; } #home-enter:hover { background-color: #363636; } #feat-bg{ -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#fff; } #feat-bg:hover{ -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#999; } #leftlist{ float: left; } #rightlist{ float: right; } /* -- 15.0 Featured Posts OG #featured-posts-block { width: 300px; float: right; } #featured-posts-block .post-thumb { margin: 0 0 5px 0; padding: 0 0 5px 0; background: url(images/bg-dots.png) left bottom repeat-x; } #featured-posts-block .entry-title, #featured-posts-block .entry-title a { font-size: 13px; line-height: 20px; color: #333; font-weight: bold; } #featured-posts-block .entry-title a:hover { text-decoration: none; } #featured-posts-block .entry-header { background: url(images/bg-dots.png) left bottom repeat-x; margin: 0 0 5px 0; padding: 0 0 5px 0; } #featured-posts-block .entry-header, #featured-posts-block .entry-header a { font-size: 10px; text-transform: uppercase; color: #999; } #featured-posts-block .entry-header a:hover { text-decoration: none; color: #333; }-- */ /* -- 16.0 News in Pictures -- */ #picture-posts { position: relative; margin-bottom: 30px; } div.content { display: none; position: relative; } /* slideshow */ div.slideshow-container { width: 300px; height: 290px; position: relative; } div.loader { position: absolute; top: 0; left: 0; background: url(images/loader.gif) center center no-repeat; width: 300px; height: 290px; } div.slideshow { width: 300px; height: 290px; position: absolute; top: 0; left: 0; overflow: hidden; } div.slideshow span.image-wrapper { width: 300px; height: 290px; overflow: hidden; } div.slideshow a.advance-link { width: 300px; height: 290px; position: absolute; top: 0; left: 0; } div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited { text-decoration: none; } div.slideshow img { padding: 4px; background: #f8f8f8; border: 1px solid #eee; position: absolute; top: 0; left: 0; } /* captions */ div.caption-container { position: absolute; left: 5px; top: 200px; width: 290px; } span.image-caption { display: block; position: absolute; width: 290px; top: 0; left: 0; } div.caption { padding: 8px 10px 5px 10px; background: transparent url(images/bg-dark-70.png); overflow: hidden; } div.image-title a { font-weight: bold; font-size: 13px; color: #ddd; } div.image-title a:hover { text-decoration: none; color: #fff; } div.caption .entry-header { margin: 0 0 5px 0; } div.caption .entry-header, div.caption .entry-header a { font-size: 10px; text-transform: uppercase; color: #999; } div.caption .entry-header a:hover { text-decoration: none; color: #ddd; } /* thumbs */ #picture-posts ul.thumbs { clear: both; margin: 0; padding: 0; } #picture-posts ul.thumbs li { float: left; padding: 0; margin: 5px 10px 5px 0; list-style: none; } #picture-posts a.thumb { padding: 4px; display: block; border: 1px solid #e2e2e2; background: #f2f2f2; } #picture-posts a.thumb:hover { background: #75BB0B; border-color: #222; } #picture-posts ul.thumbs li.selected a.thumb { background: #75BB0B; border-color: #222; } #picture-posts a.thumb:focus { outline: none; } #picture-posts ul.thumbs img { border: none; display: block; } /* -- 17.0 Category Blocks -- */ #category-blocks { margin-bottom: 20px; } .category-block { width: 300px; } .category-block .post-container { background: url(images/bg-dots.png) left bottom repeat-x; padding: 0 0 10px 0; margin: 0 0 10px 0; } .category-block .post-thumb { margin: 0; padding: 0; } .category-block .post-thumb img { padding: 4px; background: #f8f8f8; border: 1px solid #eee; float: left; margin: 0 10px 0 0; } .category-block .post-thumb img:hover { background: #75BB0B; border-color: #222; } .category-block .entry-title, .category-block .entry-title a { font-size: 13px; line-height: 20px; color: #333; font-weight: bold; } .category-block .entry-title a:hover { text-decoration: none; } .category-block .entry-header { margin: 0 0 3px 0; padding: 0; } .category-block .entry-header, .category-block .entry-header a { font-size: 10px; text-transform: uppercase; color: #999; } .category-block .entry-header a:hover { text-decoration: none; color: #333; } .category-block .entry-summary p { margin: 0; } /* -- 18.0 Category Blocks Summary -- */ #category-blocks-summary { margin-bottom: 20px; } .category-block-summary { width: 300px; } .category-block-summary .post-container { background: url(images/bg-dots.png) left bottom repeat-x; padding: 0 0 5px 0; margin: 0 0 5px 0; } .category-block-summary .entry-title, .category-block-summary .entry-title a { font-size: 13px; line-height: 20px; color: #333; font-weight: bold; } .category-block-summary .entry-title a:hover { text-decoration: none; } .category-block-summary .entry-header { margin: 0 0 3px 0; padding: 0; } .category-block-summary .entry-header, .category-block-summary .entry-header a { font-size: 10px; text-transform: uppercase; color: #999; } .category-block-summary .entry-header a:hover { text-decoration: none; color: #333; } /* -- 19.0 Forms -- */ input, textarea, button { background: #fff; border: 1px solid #efefef;} input, textarea, button { padding: 5px; } button { padding: 2px 10px; cursor: pointer; } input:focus, textarea:focus, button:hover { background: #fff; border-color: #ddd; } #submit { cursor: pointer; } /* -- 20.0 Entry Styles --*/ .entry-meta { font-size: 10px; color: #999; text-transform: uppercase; } .entry-meta a { color: #999; } .entry-meta a:hover { color: #666; text-decoration: none; } /* -- 20.1 Entry Headers -- */ .entry-content h2 { padding: 10px 0 15px; } /* -- 20.2 Default Text Elements -- */ address { font-style: italic; } abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px dotted #666; } blockquote { font-family: Cambria, Georgia, "Times New Roman", Times, serif; color: #666; font-style: italic; border-left: 1px solid #ddd; margin-left: 15px; padding-left: 10px; } strong { font-weight: bold; } em, dfn, cite { font-style: italic; } dfn { font-weight: bold; } sup { font-size: 11px; vertical-align: top; } sub { font-size: 11px; vertical-align: bottom; } small { font-size: 11px; } del { text-decoration: line-through; } ins { text-decoration: underline; } code, pre { line-height: 18px; } var, kbd, samp, code, pre { font: 12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace; background: #efefef; } kbd { font-weight: bold; } samp, var { font-style: italic; } pre { white-space: pre; overflow: auto; padding: 10px; border: 1px solid #ddd; clear: both; } code { padding: 3px; } /* -- 20.3 Default Lists -- */ ul, ol, dl { margin-left: 30px; } /* -- 20.4 Tables -- */ table { border: 1px solid #ccc; border-width: 1px; line-height: 18px; margin: 0 0 22px 0; text-align: left; padding: 0 5px; } table .even { background: #ddd; } caption { text-align: left; } tr { border-bottom: 1px solid #ccc; } th, td { padding: 5px; vertical-align: middle; text-align: center; } /* -- 20.5 Images -- */ img.alignnone { display: block; margin:0px; padding:0px;} img.alignleft { float: left; margin: 15px; } img.alignright { display: block; margin: 15px; } img.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; margin-top: 5px; } .wp-caption { text-align: center; margin: 15px; font-family: Georgia, serif; font-style: italic; } .wp-caption img, .wp-caption img a { margin: 0; padding: 0; border: 0 none; } .wp-caption .wp-caption-text { margin: 0; padding: 5px; } .wp-smiley { max-height: 13px; margin: 0 !important; } /* -- 20.6 WP Gallery -- */ .gallery { margin: auto; } .gallery-image { border: 2px solid #efefef; margin-left: 0; } .gallery-caption { margin-left: 0; } .gallery-item { float: left; text-align: center; margin-left: 0; } .gallery-columns-2 { width: 50%; } .gallery-columns-3 { width: 33%; } .gallery-columns-4 { width: 25%; } .gallery-columns-5 { width: 20%; } .gallery-columns-6 { width: 16%; } .gallery-columns-7 { width: 14%; } .gallery-columns-8 { width: 12%; } .gallery-columns-9 { width: 11%; } /* -- 20.7 Comments -- */ h2#comments, #respond h2 {background: url(images/bg-widget-title.gif) bottom repeat-x; padding: 0 0 20px 0; margin: 0 0 20px 0; } ol.commentlist { margin: 0 0 40px 0; list-style-type: none; overflow: visible; } li.comment { margin: 0 20px 20px 0; } li.comment .comment-body { margin: 0 0 0 70px; position: relative; } li.comment .comment-meta { overflow: hidden; float: left; display: block; width: 50%; } li.comment .comment-text { background: url(images/bg-dots.png) left bottom repeat-x; padding-bottom: 1px; } li.comment .avatar { position: absolute; left: -70px; padding: 2px; background: #f8f8f8; border: 1px solid #eee; } li.comment p { clear: both; } li.comment cite, li.bypostauthor li.comment cite { color: #333; font-weight: bold; font-style: normal; background: url(images/bg-arrow-grey.png) right center no-repeat; padding: 0 10px 0 0; margin: 0 8px 0 0; float: left;} li.comment cite a, li.bypostauthor li.comment cite a { color: #333; } li.comment cite a:hover { text-decoration: none;} .commentmetadata, .commentmetadata a { font-size: 10px; text-transform: uppercase; color: #999; } .commentmetadata a:hover {color: #666;text-decoration: none;} .says { display: none; } .comment-meta { margin: 0 0 10px; line-height: 22px; position: relative; } li.comment .comment-body a.comment-reply-link { display: block; position: absolute; right: 0; top: 0px; color: #999; font-weight: bold; background: url(images/bg-arrow-grey.png) right center no-repeat; padding: 0 10px 0 0; font-size: 10px; text-transform: uppercase; } li.comment .comment-body a.comment-reply-link:hover {color: #666;text-decoration: none; } .children { list-style-type: none; margin: 20px 0 0 70px; } .children li.comment { margin: 0 0 20px 0; } #respond h2 { margin-top: 15px; } #commentform { margin-bottom: 20px; } #commentform div.wrap { margin-bottom: 10px; } #commentform div.input-container { display: inline-block; margin-right: 10px; background-color: #f8f8f8; padding: 1px 3px;} #commentform input[type=text] { width: 290px; border: 1px solid #e8e8e8; } #commentform div.textarea-container { display: inline-block; margin-right: 10px; background-color: #f8f8f8; padding: 4px 4px 0} #commentform textarea { width: 440px; height: 155px; padding: 5px; border: 1px solid #e8e8e8; } #commentform label { font-style: italic; font-size: 13px; color: #333; } #commentform input#submit { border: none; color: #fff; font-weight: bold; padding: 5px 15px; } .cancel-comment-reply { margin: 0 0 10px; text-align: right; } /* -- 20.8 Author Bio -- */ .author-bio { margin-bottom: 30px; } .author-bio .avatar { padding: 4px; background: #f8f8f8; border: 1px solid #eee; float: left; margin: 0 10px 0 0; } /* -- 20.9 Shortcodes -- */ span.quote_left { float: left; display: inline; width: 240px; margin: 15px 15px 10px 0; padding: 0 10px 0 0; border-right: 3px solid #e8e8e8; font: 14px/22px "Georgia", serif; text-align: right; font-style: italic; color: #333; } span.quote_right { float: right; display: inline; width: 240px; margin: 15px 0 10px 15px; padding: 0 0 0 10px; border-left: 3px solid #e8e8e8; font: 14px/22px "Georgia", serif; font-style: italic; color: #333; } blockquote { margin: 0 20px 15px; padding: 0 0 0 10px; border-left: 3px solid #e8e8e8; font: 14px/22px "Georgia", serif; font-style: italic; color: #333; } /* -- 21.0 Page Navigation -- */ .page-navigation .nav-next { float: left; } .page-navigation .nav-previous { float: right; } .single-page-navigation .nav-next { float: right; } .single-page-navigation .nav-previous { float: left; } /* -- 22.0 Post Page Styles -- */ .single-entry-title { font-weight: bold; text-shadow: 1px 1px 1px #c2c2c2; padding: 10px 0 10px 0; } .featured-trailer { font-weight: bold; text-shadow: 1px 1px 1px #000000; padding: 10px 0 10px 0; } #single-column-left { float: left; width: 600px; background: url(images/bg-widget-title.gif) left top repeat-x; } p.breadcrumb { font-size: 11px; text-transform: uppercase; margin-bottom: 0; } p.breadcrumb.archive { margin-bottom: 15px; } p.breadcrumb a:hover { text-decoration: none; color: #333; } #single-column-left .entry-meta { padding: 20px 0 15px 0; background: url(images/bg-dots.png) left bottom repeat-x; } #single-column-left .entry-content { margin-bottom: 40px; } #single-column-right { float: right; width: 140px;} #single-column-right ul.share { padding-top: 15px; margin: 0 0 15px 0; list-style: none; background: url(images/bg-widget-title.gif) left top repeat-x; } #single-column-right ul.share li { line-height: 17px; margin: 0 0 7px 0; padding: 0 0 0 25px; background: url(images/icons-social.png) 0 0 no-repeat; } #single-column-right ul.share li.fb { background-position: 0 -22px; } #single-column-right ul.share li.digg { background-position: 0 -44px; } #single-column-right ul.share li.reddit { background-position: 0 -66px; } #single-column-right ul.share li.del { background-position: 0 -88px; } #single-column-right ul.share li.stumble { background-position: 0 -110px; } #single-column-right ul.share li.gbuzz { background-position: 0 -132px; } #single-column-right ul.share li.ybuzz { background-position: 0 -154px; } #single-column-right ul.share li.techno { background-position: 0 -176px; } #single-column-right ul.share li.linkedin { background-position: 0 -198px; } #single-column-right ul.share li.email { background-position: 0 -220px; } #single-column-right ul.share li a { color: #666; } #single-column-right ul.share li a:hover { text-decoration: none; } #single-column-right ul.rss { background: url(images/bg-widget-title.gif) left top repeat-x; margin: 0; padding: 15px 0 0 0; list-style: none; } #single-column-right ul.rss li { line-height: 17px; margin: 0 0 7px 0; padding: 0 0 0 25px; background: url(images/icon-rss2.png) 0 0 no-repeat; } #single-column-right ul.rss li a { color: #666; } #single-column-right ul.rss li a:hover { text-decoration: none; } /* -- 22.1 Alternate Sharing Column Style -- */ #share-column {width: 600px;} #share-column ul.shared { padding-top: 0px; margin: 0 0 15px 0; list-style: none; background: url(images/bg-widget-title.gif) left bottom repeat-x; font-size: x-small; } #share-column ul.shared li { display: inline; line-height: 17px; margin: 0 0 7px 0; padding: 0 0 0 18px; } #share-column ul.shared li.fb { } #share-column ul.shared li.digg { } #share-column ul.shared li.reddit { } #share-column ul.shared li.del { } #share-column ul.shared li.stumble { } #share-column ul.shared li.gbuzz { } #share-column ul.shared li.ybuzz { } #share-column ul.shared li.techno { } #share-column ul.shared li.linkedin { } #share-column ul.shared li.email { } #share-column ul.shared li a { color: #666; } #share-column ul.shared li a:hover { text-decoration: none; } #share-column ul.rss { background: url(images/bg-widget-title.gif) left top repeat-x; margin: 0; padding: 15px 0 0 0; list-style: none; } #share-column ul.rss li { line-height: 17px; margin: 0 0 7px 0; padding: 0 0 0 25px; background: url(images/icon-rss2.png) 0 0 no-repeat; } #share-column ul.rss li a { color: #666; } #share-column ul.rss li a:hover { text-decoration: none; } /* -- 23.0 Related Posts -- */ #related-posts .post-container { background: url(images/bg-dots.png) left bottom repeat-x; padding: 0 0 10px 0; margin: 0 0 10px 0; } #related-posts .post-thumb { margin: 0; padding: 0; } #related-posts .post-thumb img { padding: 4px; background: #f8f8f8; border: 1px solid #eee; float: left; margin: 0 10px 0 0; } #related-posts .post-thumb img:hover { background: #333; border-color: #222; } #related-posts .entry-title, #related-posts .entry-title a { font-size: 13px; line-height: 20px; color: #333; font-weight: bold; } #related-posts .entry-title a:hover { text-decoration: none; } #related-posts .entry-meta { margin: 0 0 3px 0; padding: 0; background: none; } #related-posts .entry-meta, #related-posts .entry-meta a { font-size: 10px; text-transform: uppercase; color: #999; } #related-posts .entry-meta a:hover { text-decoration: none; color: #333; } #related-posts .entry-summary p { margin: 0; } /* -- 24.0 Widgets -- */ .featured-title { text-transform: uppercase; font-size: 11px; padding-bottom: 0px; font-weight: bold; margin: 0 0 10px 0; } .widget-title { text-transform: uppercase; font-size: 11px; padding-bottom: 10px; font-weight: bold; background: url(images/bg-widget-title.gif) left bottom repeat-x; margin: 0 0 10px 0; } #footer .widget-title { background: url(images/bg-widget-title-foot.gif) left bottom repeat-x; } /* -- 24.1 Calendar Widget -- */ .widget_calendar caption { margin-bottom: 5px; } .widget_calendar table { width: 100% } /* -- 24.2 Widget lists -- */ .xoxo, .widget ul { margin: 0; padding: 0; list-style-type: none; } .xoxo li, .widget ul li { line-height: 15px; padding: 0 0 0 12px; background: url(images/bg-arrow-grey.png) left 8px no-repeat; } .xoxo a, .widget ul li a { color: #333; } .xoxo a:hover, .widget ul li a:hover { text-decoration: none; } /* -- 24.3 125 Ads Widget -- */ .tz_ad_widget { margin-bottom: 20px!important; } .tz_ad_widget .ads-125 { width: 310px; } .tz_ad_widget ul { list-style-type: none; margin: 0; padding: 0; } .tz_ad_widget ul li { display: block; width: 145px; height: 145px; float: left; margin: 0 10px 10px 0; padding: 0!important; background: none!important; line-height: 20px!important; } .ads-125 img { padding: 10px; background: #f8f8f8; } .ads-125 img:hover { background: #333; } /* -- 24.4 Twitter Widget -- */ .tz_tweet_widget ul { margin: 0 0 10px 0; list-style-type: none; } .tz_tweet_widget ul li { background: url(images/bg-dots.png) left bottom repeat-x!important; padding: 0 0 7px 0!important; margin: 0 0 7px 0; line-height: 20px; } .tz_tweet_widget a { color: #666; } .tz_tweet_widget a:hover { text-decoration: none; } .tz_tweet_widget span a:hover { text-decoration: underline!important; } /* -- 24.5 Flickr Widget -- */ .tz_flickr_widget #flickr_badge_wrapper { width: 310px; } .flickr_badge_image { float: left; margin: 0 8px 8px 0; width: 95px; height: 95px; overflow: hidden; } .flickr_badge_image img { background: #f8f8f8; padding: 9px; } .flickr_badge_image img:hover { background: #333; } /* -- 24.6 Video Widget -- */ .tz_video { padding: 5px; background: #f8f8f8; margin-bottom: 10px; } .tz_video_desc { font-style: italic; margin: 0; color: #666; } /* -- 24.7 300x250 Ad Widget -- */ .ads-120x240 img { padding: 10px; background: #f8f8f8; } .ads-120x240 img:hover { background: #333; } /* -- 24.8 120x240 Ad Widget -- */ .tz_ad300_widget { padding: 0; margin-bottom: 30px; } .tz_ad300_widget .widget-title { display: none; } .ads-300 { width: 300px; height: 250px; overflow: hidden; } /* -- 24.9 Search Widget -- */ .widget_search { margin-bottom: 20px!important; } .widget_search form { margin: 0; } .widget_search .search-container { background: #f8f8f8; padding: 4px; } .widget_search .search-inner { border: 1px solid #e8e8e8; background: #fff; padding-left: 5px; } .widget_search #searchsubmit { float: right; border: none; cursor: pointer; padding: 7px; line-height: 1; } .widget_search #s { padding: 0; float: left; margin-top: 7px; width: 205px; border: none; } /* -- 24.10 Tabbed widget -- */ .tz_tab_widget #tabs { background: #f8f8f8; padding: 4px; } .tz_tab_widget #tab-items { list-style-type: none; padding: 0; margin: 0; height: 40px; } .tz_tab_widget #tab-items li { float: left; margin: 0 2px 0 0; line-height: 40px; padding: 0; background: none; } .tz_tab_widget #tab-items li a { font-weight: bold; font-size: 11px; text-transform: uppercase; color: #999; padding: 0 10px; display: block; border-left: 1px solid #f8f8f8; border-top: 1px solid #f8f8f8; border-right: 1px solid #f8f8f8; } .tz_tab_widget #tab-items li a:hover, .tz_tab_widget #tab-items li.ui-tabs-selected a, .tz_tab_widget #tab-items li.ui-state-active a { background: #fff; text-decoration: none; border-left: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; } .tz_tab_widget .tabs-inner { border: 1px solid #e8e8e8; padding: 15px; background: #fff; } .tz_tab_widget .ui-tabs-hide { display: none; } .tz_tab_widget .tab ul { list-style-type: none; margin: 0; } .tz_tab_widget .tab ul li { background: url(images/bg-dots.png) left bottom repeat-x; padding: 10px 0; } .tz_tab_widget .tab-thumb img { padding: 4px; background: #f8f8f8; border: 1px solid #eee; float: left; margin: 0 10px 0 0; } .tz_tab_widget .tab-thumb img:hover { background: #333; border-color: #222; } .tz_tab_widget .entry-title, .tz_tab_widget .entry-title a { font-size: 13px; line-height: 20px; color: #333; font-weight: bold; } .tz_tab_widget .entry-title a:hover { text-decoration: none; } .tz_tab_widget .entry-meta, .tz_tab_widget .entry-meta a { color:#999; font-size: 10px; text-transform: uppercase; } .tz_tab_widget .entry-meta a:hover { text-decoration: none; color: #333; } .tab-comments .avatar { padding: 4px; background: #f8f8f8; border: 1px solid #eee; float: left; margin: 0 10px 0 0; } .tab-comments .avatar:hover { background: #333; border-color: #222; } .tab-comments h3, .tab-comments h3 a { font-size: 12px; line-height: 20px; font-weight: normal; font-style: italic; color: #666; } .tab-comments h3 a:hover { text-decoration: none; color: #333; } .tab-tags a { color: #666; background: #f2f2f2; padding: 4px 8px; } .tab-tags a:hover { color: #fff; text-decoration: none; } /* -- 25.0 Archives Template -- */ .archive-lists .children { margin: 0 0 0 15px; list-style: circle outside; } #archive-posts .post-container { background: url(images/bg-dots.png) left bottom repeat-x; padding: 0 0 10px 0; margin: 0 0 10px 0; } #archive-posts .post-container .post-thumb { margin: 0; padding: 0; } #archive-posts .post-container .post-thumb img { padding: 4px; background: #f8f8f8; /*border: 1px solid #eee;*/ float: left; margin: 0 10px 0 0; } #archive-posts .post-container .post-thumb img:hover { background: #e3ffb8; /*border-color: #222;*/ } #archive-posts .post-container .entry-title, #archive-posts .post-container .entry-title a { //text-shadow: 1px 1px 1px #c2c2c2; font-size: 18px; line-height: 20px; color: #333; font-weight: bold; } #archive-posts .post-container .entry-title a:hover { text-decoration: none; background: #e3ffb8; } #archive-posts .post-container .entry-meta { margin: 0 0 3px 0; padding: 0; background: none; } #archive-posts .post-container .entry-meta, #archive-posts .post-container .entry-meta a { font-size: 9px; text-transform: uppercase; color: #999; } #archive-posts .post-container .entry-meta a:hover { text-decoration: none; color: #333; } #archive-posts .post-container .entry-summary p { line-height: 18px; margin-top: 10px; } /*-- FB AND TWITTER ARCHIVE SHARE STYLE --*/ #fb-archive{ width:55px;height:62px;float:right;margin-top:10px; } #tw-archive{ width:55px;height:62px;float:right;margin-top:10px;padding-right:5px;padding-left:10px; } #fb-coda{ width:55px;height:62px;float:right;margin-top:-20px; } #tw-coda{ width:55px;height:62px;float:right;margin-top:-20px;padding-right:5px;padding-left:10px; } /*-- 25.5 Archive Intro Text --*/ #archiveintro { float: left; //background-color: #83D305; //background-color: #fff99d; //background-color: #e3ffb8; background-color: #f6f6f6; //border: 1px solid #d4ff92; border: 1px solid #ededed; width: 600px; height: 60px; -moz-border-radius:2px; -webkit-border-radius: 2px; margin-bottom: 20px; padding: 10px; font-size: 20px; line-height: 20px; font-weight: bold; color: #a0a0a0; //margin-top: 10px; //box-shadow: 0 8px 8px -5px #cccccc; //-moz-box-shadow: 0 8px 8px -5px #cccccc; //-webkit-box-shadow: 0 8px 8px -5px #cccccc; } #archiveintro:hover { //background-color: #93FF00; //background-color: #d4ff92; background-color: #ededed; } #memberintro { float: left; //background-color: #83D305; //background-color: #fff99d; //background-color: #e3ffb8; background-color: #fcffd5; //border: 1px solid #d4ff92; border: 1px solid #f3ecad; width: 600px; height: 60px; -moz-border-radius:2px; -webkit-border-radius: 2px; margin-bottom: 20px; padding: 10px; font-size: 20px; line-height: 20px; font-weight: bold; color: #a0a0a0; //margin-top: 10px; //box-shadow: 0 8px 8px -5px #cccccc; //-moz-box-shadow: 0 8px 8px -5px #cccccc; //-webkit-box-shadow: 0 8px 8px -5px #cccccc; } #memberintro:hover { //background-color: #93FF00; //background-color: #d4ff92; background-color: #f9ffa7; } #winnerintro { float: left; background: #f6f6f6 url(http://www.moviecomps.com/new/wp-content/themes/moviecomps2/images/oscar.png) no-repeat 5px 10px; border: 1px solid #ededed; width: 540px; height: 60px; -moz-border-radius:2px; -webkit-border-radius: 2px; margin-bottom: 20px; padding: 10px; font-size: 20px; line-height: 20px; font-weight: bold; color: #a0a0a0; padding-left: 70px; } #winnerintro:hover { background-color: #ededed; } #nightinintro { float: left; background: #f6f6f6 url(http://www.moviecomps.com/new/wp-content/themes/moviecomps2/images/nightin-intro.png) no-repeat 5px 10px; background-color: #f6f6f6; border: 1px solid #ededed; width: 510px; height: 85px; -moz-border-radius:2px; -webkit-border-radius: 2px; margin-bottom: 20px; padding: 10px; font-size: 20px; line-height: 20px; font-weight: bold; color: #a0a0a0; padding-left: 100px; } #nightinintro:hover { background-color: #ededed; } #topsintro { float: left; background: #f6f6f6 url(http://www.moviecomps.com/new/wp-content/themes/moviecomps2/images/tops-intro.png) no-repeat 5px 10px; border: 1px solid #ededed; width: 510px; height: 80px; -moz-border-radius:2px; -webkit-border-radius: 2px; margin-bottom: 20px; padding: 10px; font-size: 20px; line-height: 20px; font-weight: bold; color: #a0a0a0; padding-left: 100px; } #topsintro:hover { background-color: #ededed; } #divaintro { float: left; background: #f6f6f6 url(http://www.moviecomps.com/new/wp-content/themes/moviecomps2/images/diva-intro.png) no-repeat 5px 10px; border: 1px solid #ededed; width: 510px; height: 60px; -moz-border-radius:2px; -webkit-border-radius: 2px; margin-bottom: 20px; padding: 10px; font-size: 20px; line-height: 20px; font-weight: bold; color: #a0a0a0; padding-left: 100px; } #divaintro:hover { background-color: #ededed; } #prezzyintro { float: left; background: #f6f6f6 url(http://www.moviecomps.com/new/wp-content/themes/moviecomps2/images/prezzy-intro.png) no-repeat 5px 10px; border: 1px solid #ededed; width: 510px; height: 60px; -moz-border-radius:2px; -webkit-border-radius: 2px; margin-bottom: 20px; padding: 10px; font-size: 20px; line-height: 20px; font-weight: bold; color: #a0a0a0; padding-left: 100px; } #prezzyintro:hover { background-color: #ededed; } #gadgetintro { float: left; background: #f6f6f6 url(http://www.moviecomps.com/new/wp-content/themes/moviecomps2/images/gadget-intro.png) no-repeat 5px 10px; border: 1px solid #ededed; width: 510px; height: 60px; -moz-border-radius:2px; -webkit-border-radius: 2px; margin-bottom: 20px; padding: 10px; font-size: 20px; line-height: 20px; font-weight: bold; color: #a0a0a0; padding-left: 100px; } #gadgetintro:hover { background-color: #ededed; } #offerintro { float: left; background: #f6f6f6 url(http://www.moviecomps.com/new/wp-content/themes/moviecomps2/images/offer-intro.png) no-repeat 5px 10px; border: 1px solid #ededed; width: 510px; height: 60px; -moz-border-radius:2px; -webkit-border-radius: 2px; margin-bottom: 20px; padding: 10px; font-size: 20px; line-height: 20px; font-weight: bold; color: #a0a0a0; padding-left: 100px; } #offerintro:hover { background-color: #ededed; } #nightoutintro { float: left; background: #f6f6f6 url(http://www.moviecomps.com/new/wp-content/themes/moviecomps2/images/nightout-intro.png) no-repeat 5px 10px; border: 1px solid #ededed; width: 510px; height: 80px; -moz-border-radius:2px; -webkit-border-radius: 2px; margin-bottom: 20px; padding: 10px; font-size: 20px; line-height: 20px; font-weight: bold; color: #a0a0a0; padding-left: 100px; } #nightoutintro:hover { //background-color: #93FF00; background-color: #ededed; } #cinemaintro { float: left; background: #f6f6f6 url(http://www.moviecomps.com/new/wp-content/themes/moviecomps2/images/reel.png) no-repeat 5px 10px; border: 1px solid #ededed; width: 510px; height: 60px; -moz-border-radius:2px; -webkit-border-radius: 2px; margin-bottom: 20px; padding: 10px; font-size: 20px; line-height: 20px; font-weight: bold; color: #a0a0a0; padding-left: 100px; } #cinemaintro:hover { //background-color: #93FF00; background-color: #ededed; } #eatintro { float: left; background: #f6f6f6 url(http://www.moviecomps.com/new/wp-content/themes/moviecomps2/images/eat-intro.png) no-repeat 5px 10px; border: 1px solid #ededed; width: 510px; height: 60px; -moz-border-radius:2px; -webkit-border-radius: 2px; margin-bottom: 20px; padding: 10px; font-size: 20px; line-height: 20px; font-weight: bold; color: #a0a0a0; padding-left: 100px; } #eatintro:hover { //background-color: #93FF00; background-color: #ededed; } #fashionintro { float: left; background: #f6f6f6 url(http://www.moviecomps.com/new/wp-content/themes/moviecomps2/images/fashion-intro.png) no-repeat 5px 10px; border: 1px solid #ededed; width: 510px; height: 60px; -moz-border-radius:2px; -webkit-border-radius: 2px; margin-bottom: 20px; padding: 10px; font-size: 20px; line-height: 20px; font-weight: bold; color: #a0a0a0; padding-left: 100px; } #fashionintro:hover { //background-color: #93FF00; background-color: #ededed; } #travelintro { float: left; background: #f6f6f6 url(http://www.moviecomps.com/new/wp-content/themes/moviecomps2/images/travel-intro.png) no-repeat 5px 10px; border: 1px solid #ededed; width: 510px; height: 80px; -moz-border-radius:2px; -webkit-border-radius: 2px; margin-bottom: 20px; padding: 10px; font-size: 20px; line-height: 20px; font-weight: bold; color: #a0a0a0; padding-left: 100px; } #travelintro:hover { //background-color: #93FF00; background-color: #ededed; } #vaultintro { float: left; background: #f6f6f6 url(http://www.moviecomps.com/new/wp-content/themes/moviecomps2/images/vault-intro.png) no-repeat 5px 10px; border: 1px solid #ededed; width: 510px; height: 60px; -moz-border-radius:2px; -webkit-border-radius: 2px; margin-bottom: 20px; padding: 10px; font-size: 20px; line-height: 20px; font-weight: bold; color: #a0a0a0; padding-left: 100px; } #vaultintro:hover { //background-color: #93FF00; background-color: #ededed; } #kidsintro { float: left; background: #f6f6f6 url(http://www.moviecomps.com/new/wp-content/themes/moviecomps2/images/kids-intro.png) no-repeat 5px 10px; border: 1px solid #ededed; width: 510px; height: 60px; -moz-border-radius:2px; -webkit-border-radius: 2px; margin-bottom: 20px; padding: 10px; font-size: 20px; line-height: 20px; font-weight: bold; color: #a0a0a0; padding-left: 100px; } #kidsintro:hover { //background-color: #93FF00; background-color: #ededed; } #loginbox{ //float: left; //background-color: #f6f6f6 ; //border: 1px solid #ededed; width: 300px; height: 200px; //-moz-border-radius:2px; //-webkit-border-radius: 2px; //margin-bottom: 20px; //padding: 10px; font-size: 14px; //line-height: 20px; font-weight: bold; color: #a0a0a0; text-decoration: none; } #loginbuttons{ //background-color: #d4ff92; width: 280px; background: #363636; -moz-border-radius:2px; -webkit-border-radius: 2px; padding: 10px 10px 10px 10px; margin-bottom: 10px; font-size: 18px; color: #333; font-weight: bold; margin-right:5px; border: solid 1px #000; text-decoration: none; box-shadow: 0 8px 5px -6px #999999; -moz-box-shadow: 0 8px 8px -6px #999999; -webkit-box-shadow: 0 8px 8px -6px #999999; } #loginbuttons:hover{ //background-color: #e3ffb8; background: #000; text-decoration: none; } #loginbuttons a { color:#93FF00;} #topboxl { float: left; background-color: #f6f6f6 ; border: 1px solid #ededed; width: 300px; height: 100px; -moz-border-radius:2px; -webkit-border-radius: 2px; margin-bottom: 20px; //padding: 10px; font-size: 20px; line-height: 20px; font-weight: bold; color: #a0a0a0; } #topboxl:hover { //background-color: #93FF00; background-color: #ededed; } #topboxr { float: right; background-color: #f6f6f6 ; border: 1px solid #ededed; width: 300px; height: 100px; -moz-border-radius:2px; -webkit-border-radius: 2px; margin-bottom: 20px; //padding: 10px; font-size: 20px; line-height: 20px; font-weight: bold; color: #a0a0a0; } #topboxr:hover { //background-color: #93FF00; background-color: #ededed; } #signupboxl { float: left; //background-color: #333333 ; background: #333333 url(http://www.moviecomps.com/new/wp-content/themes/moviecomps2/images/whybg.png) no-repeat; font-size:10px; padding:10px; width: 280px; height: 100px; -moz-border-radius:7px; -webkit-border-radius: 7px; margin-bottom: 20px; font-weight: bold; color: #fff; line-height: 12px; } #signupboxl:hover { background-color: #000; } #signupboxr { float: right; //background-color: #333333 ; background: #333333 url(http://www.moviecomps.com/new/wp-content/themes/moviecomps2/images/whatbg.png) no-repeat; font-size:10px; padding:10px; width: 280px; height: 100px; -moz-border-radius:7px; -webkit-border-radius: 7px; margin-bottom: 20px; font-weight: bold; color: #fff; line-height: 12px; } #signupboxr:hover { background-color: #000; } /*-- 25.5 Index Intro and Boxes --*/ #indexintro { //float: left; //background-color: #83D305; //-color: #eceaea; background: #f6f6f6 url(http://www.moviecomps.com/new/wp-content/themes/moviecomps2/images/reel.png) no-repeat 5px 10px; width: 540px; height: 60px; border: 1px solid #ededed; -moz-border-radius:2px; -webkit-border-radius: 2px; margin-bottom: 10px; padding-right: 10px; padding-top: 17px; font-size: 12px; color: #7b7a7a; line-height: 15px; margin-top: 2px; padding-left: 70px; //box-shadow: 0 8px 8px -5px #cccccc; //-moz-box-shadow: 0 8px 8px -5px #cccccc; //-webkit-box-shadow: 0 8px 8px -5px #cccccc; } #indexintro:hover { //background-color: #93FF00; background-color: #ededed; } #indexboxl { float: left; //background-color: #83D305; //-color: #eceaea; //background: #f6f6f6 url(http://www.moviecomps.com/new/wp-content/themes/moviecomps2/images/reel.png) no-repeat 5px 10px; background-color: #f6f6f6; width: 280px; height: 200px; border: 1px solid #ededed; -moz-border-radius:5px; -webkit-border-radius: 5px; margin-bottom: 10px; padding-right: 10px; padding-top: 10px; font-size: 12px; color: #7b7a7a; line-height: 15px; margin-top: 10px; padding-left: 10px; //box-shadow: 0 8px 8px -5px #cccccc; //-moz-box-shadow: 0 8px 8px -5px #cccccc; //-webkit-box-shadow: 0 8px 8px -5px #cccccc; } #indexboxl:hover { //background-color: #93FF00; background-color: #ededed; } #indexboxr { float: right; //background-color: #83D305; //-color: #eceaea; //background: #f6f6f6 url(http://www.moviecomps.com/new/wp-content/themes/moviecomps2/images/reel.png) no-repeat 5px 10px; background-color: #f6f6f6; width: 280px; height: 200px; border: 1px solid #ededed; -moz-border-radius:5px; -webkit-border-radius: 5px; margin-bottom: 10px; padding-right: 10px; padding-top: 10px; font-size: 12px; color: #7b7a7a; line-height: 15px; margin-top: 10px; padding-left: 10px; //box-shadow: 0 8px 8px -5px #cccccc; //-moz-box-shadow: 0 8px 8px -5px #cccccc; //-webkit-box-shadow: 0 8px 8px -5px #cccccc; } #indexboxr:hover { //background-color: #93FF00; background-color: #ededed; } #indexbottom { float: left; //background-color: #83D305; //-color: #eceaea; background: #f6f6f6 url(http://www.moviecomps.com/new/wp-content/themes/moviecomps2/images/oscar.png) no-repeat 565px 6px; width: 620px; height: 120px; border: 1px solid #ededed; -moz-border-radius:2px; -webkit-border-radius: 2px; margin-bottom: 10px; //padding-right: 10px; //padding-top: 10px; font-size: 12px; color: #7b7a7a; line-height: 15px; margin-top: 10px; //padding-left: 10px; //box-shadow: 0 8px 8px -5px #cccccc; //-moz-box-shadow: 0 8px 8px -5px #cccccc; //-webkit-box-shadow: 0 8px 8px -5px #cccccc; } #indexbottom:hover { //background-color: #93FF00; background-color: #ededed; } #winnerindex { float: left; background: #f6f6f6 url(http://www.moviecomps.com/new/wp-content/themes/moviecomps2/images/medal.png) no-repeat 0px 4px; width: 610px; height: 30px; //border: 1px solid #ededed; -moz-border-radius:2px; -webkit-border-radius: 2px; padding-top: 8px; padding-right: 5px; //margin-bottom: 10px; font-size: 11px; color: #7b7a7a; line-height: 12px; margin-top: 10px; } #winnerindex:hover { background-color: #ededed; } #footerindex { float: left; //background: #f6f6f6 url(http://www.moviecomps.com/new/wp-content/themes/moviecomps2/images/medal.png) no-repeat 0px 4px; //background: #f6f6f6; width: 620px; height: 140px; border: 1px solid #ededed; -moz-border-radius:7px; -webkit-border-radius: 7px; padding-top: 22px; padding-right: 5px; //margin-bottom: 10px; font-size: 11px; color: #7b7a7a; line-height: 12px; //margin-top: 10px; } #facebookintro { float: left; background-color: #3b5998; width: 600px; height: 75px; -moz-border-radius:2px; -webkit-border-radius: 2px; margin-bottom: 20px; padding: 10px; font-size: 12px; color: #fff; line-height: 15px; //margin-top: 10px; //box-shadow: 0 8px 8px -5px #cccccc; //-moz-box-shadow: 0 8px 8px -5px #cccccc; //-webkit-box-shadow: 0 8px 8px -5px #cccccc; } /*SIDEBAR FEATURED*/ .side-entry-title, .category-block-summary .side-entry-title a { font-size:14px; color: #333; font-weight: bold; line-height: 15px; } .side-entry-title a:hover { text-decoration: none; } #facebookintro:hover { //background-color: #93FF00; background-color: #5972a8; } /* -- 26.0 Full Width Template -- */ .full-width { width: 940px!important; } /*--26.5 Members Page--*/ #recentmember { float: right; background: #eeeeee url(http://www.moviecomps.com/new/wp-content/themes/moviecomps2/images/recentmembers-bg2.jpg) no-repeat 0px 0px; width: 260px; height: 350px; -moz-border-radius:4px; -webkit-border-radius: 4px; } #recentmember li { list-style-type: none; color: #d7d7d7; font-family: 'Arial', Tahoma, Arial, san-serif; text-shadow: 0px -1px 0px #5a5858; line-height: 50px; } #recentmember li:hover { background-image: url(http://www.moviecomps.com/new/wp-content/themes/moviecomps2/images/fhover.png) ; } #loggedintext { float: left; background-color: #eeeeee; font-family: 'Arial', Tahoma, Arial, san-serif; text-shadow: 0px -1px 0px #5a5858; color: #d7d7d7; width: 330px; height: 200px; -moz-border-radius:4px; -webkit-border-radius: 4px; margin-bottom: 25px; } #updateprofile { float: right; margin-right: 10px; background-color: #eeeeee ; width: 125px; height: 15px; -moz-border-radius:2px; -webkit-border-radius: 2px; margin-bottom: 10px; } #updateprofile:hover { background-color: #363636; } #updatepwd { float: right; background-color: #eeeeee; width: 125px; height: 15px; -moz-border-radius:2px; -webkit-border-radius: 2px; } #updatepwd:hover { background-color: #363636; } /* -- 27.0 Contact Form Template -- */ #contactForm { margin: 15px 0; } #contactForm ul { list-style: none; margin: 0; } #contactForm ul li { margin-bottom: 10px; } #contactForm div.input-container { display: inline-block; margin-right: 10px; background-color: #f8f8f8; padding: 1px 3px;} #contactForm input[type=text] { width: 350px; border: 1px solid #e8e8e8; } #contactForm div.textarea-container { display: inline-block; margin-right: 10px; background-color: #f8f8f8; padding: 4px 4px 0} #contactForm textarea { width: 550px; height: 155px; padding: 5px; border: 1px solid #e8e8e8; } #contactForm label { font-style: italic; font-size: 13px; color: #333; display: block; margin: 2px; } #contactForm label.error { font-size: 11px; font-style: normal; color: red; } #contactForm button { background-color: #df6838; border: none; color: #fff; font-weight: bold; padding: 5px 15px; } /* -- 28.0 Footer -- */ #footer { background: #000; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; padding: 40px 0 10px 0; } #foot-inner { width: 940px; margin: 0 auto; } .foot-widget-one, .foot-widget-two, .foot-widget-three { width: 220px; float: left; margin-right: 20px; line-height: 14px; color: #999; } .foot-widget-four { line-height: 14px; width: 220px; float: right; color: #999;} #foot-notes {width: 940px; margin: 0 auto; padding: 15px 0 0 0; height: 30px; } .copyright { float: left; } .credit { float: right; } .copyright, .credit { margin: 0; } #foot-notes, #foot-notes a { font-size: 11px; color: #999; } #foot-notes a { border-bottom: 1px dotted #ccc; } #foot-notes a:hover { text-decoration: none; color: #666; } //666 /* -- 29.0 WP Pagenavi Support -- */ .page-navigation {margin-top: 20px;} .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active { padding: 4px 7px; margin: 5px; text-decoration: none; border: 1px solid #efefef; background: #FFFFFF; } .wp-pagenavi a:hover { border: 1px solid #ccc !important; } .wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink { border: 1px solid #fff; } .wp-pagenavi span.pages { padding: 4px 7px 4px 0px; margin: 5px 0 5px 0px; border: 1px solid #fff; background: #FFFFFF; } .wp-pagenavi span.current { padding: 4px 7px; margin: 5px; font-weight: bold; border: 1px solid #ccc !important; background: #fafafa; } .wp-pagenavi span.extend { padding: 4px 7px; margin: 5px; border: 1px solid #ccc; background-color: #FFFFFF; } /* -- 30.0 Static Homepage Styles -- */ .widget-titlehome { text-transform: uppercase; font-size: 11px; padding-bottom: 10px; font-weight: bold; background: url(images/bg-widget-title.gif) left bottom repeat-x; margin: 0 0 10px 0; } /* -- 30.1 Category Blocks HOME -- */ .aligncenterhome { margin-left: 215px; } .alignrighthome { margin-left:430px; margin-top: -231px; } #category-block-home { width: 620px; margin-bottom: 20px; } .category-block-home { width: 190px; } #homeimg { width: 190px; } /* -- x.x Clearfix -- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */ /* -- x.x Browser-specific Fixes -- */ body.ie #commentform div.input-container, body.ie #commentform div.textarea-container, body.ie #contactForm div.input-container, body.ie #contactForm div.textarea-container { overflow: visible; display: inline; padding: 3px;} body.ie #commentform div.input-container { width: 302px; } body.ie #commentform div.textarea-container { width: 452px; } body.ie #commentform div.input-container input { margin: 0 !important; } body.gecko #commentform div.input-container, body.gecko #commentform div.textarea-container, body.gecko #contactForm div.input-container, body.gecko #contactForm div.textarea-container, body.opera #commentform div.input-container, body.opera #commentform div.textarea-container, body.opera #contactForm div.input-container, body.opera #contactForm div.textarea-container { padding: 3px; } #loginbits{/*background-color:#f4f4f4;*/ width:590px; padding:20px;-moz-border-radius:4px;-webkit-border-radius: 4px;} #competition {/*background-color:#eeeeee;-moz-border-radius:4px;-webkit-border-radius: 4px;*/ width:590px; padding:20px;} //#loginbits input.submit, #competition input.submit { background-color:#75BB0B } #competition input[type="text"], #loginbits input[type="text"] { margin-right:5px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; font-size:16px; border: solid 1px #727272; background-image: url( 'images/form-bg.png' ); background-repeat: repeat-x; background-position: top; float: right; margin-left: 20px; //width: 450px; } #competition input[type="password"], #loginbits input[type="password"] { margin-right:5px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; font-size:16px; border: solid 1px #727272; background-image: url( 'images/form-bg.png' ); background-repeat: repeat-x; background-position: top; float: right; margin-left: 20px; } //#competition input[type="submit"], #loginbits input[type="submit"] { //margin-right:5px; //-moz-border-radius: 4px 4px 4px 4px; //-webkit-border-radius: 4px 4px 4px 4px; //width: 108px; //height: 32px; //font-size:16px; //border: none; //border: solid 1px #727272; //background: transparent url( 'images/submit.png' ); //} //#competition input[type="submit"]:hover, #loginbits input[type="submit"]:hover { //margin-right:5px; //-moz-border-radius: 4px 4px 4px 4px; //-webkit-border-radius: 4px 4px 4px 4px; //font-size:16px; //border: none; //border: solid 1px #727272; //background: transparent url( 'images/submit-h.png' ); //} #competition input[type="submit"], #loginbits input[type="submit"]{ background-color: #e3ffb8; -moz-border-radius:2px; -webkit-border-radius: 2px; padding: 10px 10px 10px 10px; margin-bottom: 10px; font-size: 18px; color: #333; font-weight: bold; margin-right:5px; border: solid 1px #75bb0b; } #competition input[type="submit"]:hover, #loginbits input[type="submit"]:hover{ background-color: #d4ff92; } #competition input[type="label"], #loginbits input[type="label"] { font-size:16px; font-weight: bold; //border: solid 1px #727272; //background-image: url( 'images/form-bg.png' ); //background-repeat: repeat-x; //background-position: top; float: left; } #competition input[type="text"]:focus, #loginbits input[type="text"]:focus{ border: solid 1px #94c443; //background-image: url( 'images/form-bg.png' ); background-color: #fff; } #competition input[type="password"]:focus, #loginbits input[type="password"]:focus{ border: solid 1px #94c443; //background-image: url( 'images/form-bg.png' ); background-color: #fff; } #competition p.formquestion { font-size: 18px; line-height: 20px; color: #333; font-weight: bold; margin-left:5px; } #competition p.formanswer { background-color: #e3ffb8; width: 545px; height: 25px; -moz-border-radius:2px; -webkit-border-radius: 2px; margin-top: 15px; padding: 10px 10px 10px 10px; font-size: 18px; line-height: 20px; color: #333; font-weight: bold; margin-left:5px; } #competition p.formanswer:hover { background-color: #d4ff92; } #competition p.selection { background-color: #e3ffb8; display: inline; width: 175px; height: 25px; -moz-border-radius:2px; -webkit-border-radius: 2px; padding: 10px 10px 10px 10px; margin-bottom: 10px; font-size: 18px; color: #333; font-weight: bold; margin-right:5px; border: solid 1px #75bb0b; } #competition p.selection:hover { background-color: #d4ff92; } //NEW FORM STUFF// #fieldsets { margin: 0 0 22px 0; border: 1px solid #dddddd; padding: 12px 17px; background-color: #dddddd; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; } #legend { background-color: #f6f6f6; border: 1px solid #ededed; -moz-border-radius:2px; -webkit-border-radius: 2px; margin-bottom: 10px; padding: 10px 10px 10px 10px; font-size: 11px; line-height: 11px; } .asterix {color:#FF0000} #competition h4 {font-weight:bold; color:#000; font-size:26px;line-height:30px;} /*BUTTON STYLE*/ .field { width: 100%; float: left; margin: 0 0 5px; } .field input { margin: 0 0 0 20px; } h3 span { background: #444; color: #fff; padding: 3px; } pre { background: #f4f4f4; } /* Used for the Switch effect: */ .cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: url(switch.gif) repeat-x; display: block; float: left; } .cb-enable span, .cb-disable span { line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold; } .cb-enable span { background-position: left -90px; padding: 0 10px; } .cb-disable span { background-position: right -180px;padding: 0 10px; } .cb-disable.selected { background-position: 0 -30px; } .cb-disable.selected span { background-position: right -210px; color: #fff; } .cb-enable.selected { background-position: 0 -60px; } .cb-enable.selected span { background-position: left -150px; color: #fff; } .switch label { cursor: pointer; } /* ==================== Form style sheet END ==================== */