/* Theme Name: Blizzard Theme URI: http://10sexyapples.com Description: Customised Wordpress Theme for Blizzard based off of the infamous Kubrick Author: Angie Walton Author URI: http://10sexyapples.com/ */ /* Global Reset Whitespace-----------------------------------------------------------------------------------------------*/ * { margin: 0; padding: 0; } /* end */ /* Begin Default Elements-------------------------------------------------------------------------------------------------*/ /* TYPOGRAPHY */ acronym, abbr { border-bottom: 1px dashed #999; font-size: 0.9em; letter-spacing: .07em; cursor: help; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; color: #3C3D3D; } blockquote cite { margin: 5px 0 0; display: block; } cite { text-decoration: none; } hr { border: none; width: 100%; height: 2px; display: block; } small { font-family: Helvetica, Arial, "Sans Serif"; font-size: 0.9em; line-height: 1.5em; color: #808080; } code { font: 1.1em 'Courier New', Courier, Fixed; } strike { color: #3C3D3D; } ol li { list-style: decimal outside; } /* ANCHORS */ a { color: #ccc; text-decoration: none; } a:hover { color: #3C3D3D; text-decoration: none; } /* IMAGES */ a img { border: none; } p img { padding: 0; max-width: 100%; } /* FORMS */ select { width: 130px; } /* STANDARDS */ .centered { display: block; margin-left: auto; margin-right: auto; } .clearfix { clear: both; } /* Begin Divisions--------------------------------------------------------------------------------------------------------*/ /* STRUCTURE--------------------------------------------------------------------------------------------------------------*/ html { margin: 0 auto; height: 100%; } body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: Helvetica, Arial, "Sans Serif"; color: #000; text-align: center; margin: 0; padding: 0; height: 100%; background: url(images/backgrounds/graylinen.jpg) repeat; } /*default z-index is 1*/ .home { background: #000 url(images/backgrounds/hometest12.jpg) no-repeat center center; } .look { background: #000 url(images/backgrounds/lonetreefrannie.jpg) no-repeat center center; } .listen { background: #000 url(images/backgrounds/riveropt.jpg) no-repeat center center; } .you { background: #000 url(images/backgrounds/roadopt.jpg) no-repeat center center; } /* Centering*/ div#wrapper_left { margin-bottom: -50%; /* half of content height */ width: 1px; /* required to "hide" distance div */ height: 50%; /* required */ float: left; /* required */ } div#wrapper_content { position: relative; /* positions content on top of distance */ text-align: left; /* horizontal centering hack for IE */ height: 100%; /* required - desired height */ width: 1280px; /* required - desired width */ margin: 0 auto; /* required */ clear: left; /* required */ } #page { position: relative; text-align: left; margin: 0 auto; padding-top: 20px; } .fixed_height { height: 1004px; width: 1280px; } .adjustable_height { height: auto; width: 1280px; } /*Fixed Images*/ .chris { height: 583px; width: 437px; position: fixed; bottom: 0; left: 0; background: url(images/backgrounds/chrissmall.png) no-repeat; } .seba { height: 697px; width: 344px; position: fixed; bottom: -5px; left: -80px; background: url(images/backgrounds/seba.png) no-repeat; } a.elagave { height: 360px; width: 200px; position: fixed; bottom: 0; left: 0; background: url(images/sponsor/elagavesmall.png) no-repeat; text-indent: -9999px; } a.taylor { height: 137px; width: 178px; position: fixed; bottom: 20px; right: 20px; background: url(images/sponsor/Taylorlogo.png) no-repeat; text-indent: -9999px; } /* HEADER--------------------------------------------------------------------------------------------------------*/ #masthead { position: relative; background: transparent url(images/blizzardstructure_mh.png) no-repeat; height: 150px; width: 1024px; text-align: center; margin: 0 auto; } /*Begin lavaLamp*/ .lavaLamp { background: transparent; overflow: hidden; height: 51px; width: 475px; float: left; margin-top: 39px; margin-left: 40px; text-transform: uppercase; padding-top: 8px; padding-left: 10px; } /* Force the list to flow horizontally */ .lavaLamp li { float: left; list-style-type: none; } /* Represents the background of the highlighted menu-item. */ .lavaLamp li.back { background: url(images/menuoverlaytall.png) no-repeat right -35px; width: 20px; height: 35px; z-index: 8; position: absolute; } .lavaLamp li.back .left { background: url(images/menuoverlaytall.png) no-repeat top left; height: 35px; margin-right: 20px; } /* Styles for each menu-item. */ .lavaLamp li a { position: relative; overflow: hidden; text-decoration: none; text-align: center; height: 35px; z-index: 10; float: left; display: block; margin: 3px 10px 0 10px; font-size: 2em; font-family: Impact; font-style: italic; color: #000000; letter-spacing: 1px; padding-right: 5px; text-indent: -9999px; } .lavaLamp li a.home { background: url(images/top_nav_imagetext/hometext.png) no-repeat top center; width: 50px; } .cat-item-3 a { background: url(images/top_nav_imagetext/newstext.png) no-repeat top center; width: 50px; } .cat-item-5 a { background: url(images/top_nav_imagetext/looktext.png) no-repeat top center; width: 50px; } .cat-item-6 a { background: url(images/top_nav_imagetext/listentext.png) no-repeat top center; width: 50px; } .page-item-27 a { background: url(images/top_nav_imagetext/shoptext.png) no-repeat top center; width: 50px; } .cat-item-8 a { background: url(images/top_nav_imagetext/youtext.png) no-repeat top center; width: 50px; } .lavaLamp li a:hover { color: #303030; } /*Logo*/ #branding { width: 350px; height: 100px; float: right; text-align: center; margin: 20px 20px 0 0; } #branding h1 { font-size: 1em; width: 350px; height: 40px; background: url(images/blizzardlogofinal.png) no-repeat center; text-indent: -9999px; } #branding h1 a:link, #branding h1 a:visited, #branding h1 a:hover, #branding h1 a:active { color: #f00; width: 350px; height: 40px; border: none; text-decoration: none; display: block; } /*Header Search*/ #branding #searchform { text-align: left; float: right; margin: 10px 20px 0 0; } #branding #searchform input {width: 110px; height: 16px; } /* CONTENT-------------------------------------------------------------------------------------------*/ #post_holder_sliced_topper { position: relative; margin: -1px auto 0; height: 28px; width: 1279px; background: transparent url(images/pod/pod_sliced/pod_thick_topper.png) no-repeat top center; } #post_holder_sliced_topper h2 { background: transparent; color: #fff; font-family: Georgia; font-variant: small-caps; font-style: italic; position: absolute; bottom: -20px; left: 250px; z-index: 7; width: 784px; } .vcard { position: absolute; bottom: -525px; right: 385px; } #content { font-size: 1em; padding-top: 20px; } .thin { position: relative; margin: 0 auto; height: 492px; width: 1024px; background: transparent url(images/pod/pod_thin.png) no-repeat top center; } .sliced { position: relative; margin: 0 auto; height: auto; width: 1024px; background: transparent url(images/pod/pod_sliced/pod_thick_center.png) repeat-y top center; } .sidebars { margin: 0 400px 0 400px; background: transparent url(images/pod/pod_thin.png) no-repeat top center; height: 492px; } #post_holder_thin { position: relative; margin: 0 auto; width: 336px; height: 295px; border: 1px solid #3C3D3D; overflow: hidden;} #post_scroller_thin { width: 336px; height: 295px; overflow: auto; } #post_noscroller_thin { width: 336px; height: 295px; background: #fff; overflow: hidden; } #scroller_sliced { width: 784px; height: 500px; overflow: auto; } /* Booking */ #post_holder_sliced_booking { position: relative; margin: 0 auto; width: 784px; height: 500px; border: 1px solid #3C3D3D; overflow: auto; } #post_holder_sliced_booking ul li { list-style-type: none; } /* Shopping */ #post_holder_sliced_shop { position: relative; margin: 0 auto; width: 784px; height: 500px; border: 1px solid #3C3D3D; overflow: auto; } #post_holder_sliced_shop h2 { color: #fff; font-size: 2.8em; text-align: left; } #post_holder_sliced_shop .post { margin: 20px; } #post_holder_sliced_shop .entry { text-align: left; color: #ccc; font-size: 1.2em; padding-top: 0; } #post_holder_sliced_shop .entry strong { color: #1E7181; } /* WP-Ecommerce */ div.cart { position: relative; margin: 40px 5px 5px 500px; min-height: 200px; } div.product_cats { position: absolute; top: 15px; left: 15px; margin: 0; padding: 0; color: #fff; text-align: left; } div.product_cats h2 { padding: 5px 0 20px 0; } ul#PeCatsOnly.category_brand_header li a { color: #cba734; text-decoration: none; } ul.PeCategories li { list-style-type: none; } ul.SubCategories li a { text-decoration: none; color: #3C3D3D; } ul.SubCategories li a:hover { color: #fff; } div#sliding_cart { color: #3C3D3D; } div#sliding_cart a { text-decoration: none; } div.producttext p { color: #3C3D3D; } div#products_page_container.wrap { margin-top: 0; padding-top: 0; } div#products_page_container.wrap p { font-style: italic; } div.wpsc_page_numbers a:hover { text-decoration: none; color: #cba734; } div#fancy_notification_content { color: #3C3D3D; } div#fancy_notification_content a { color: #3C3D3D; } table.shoppingcart { text-align: left; } table.shoppingcart tbody td { padding: 10px; } table.shoppingcart tbody td a { color: #3C3D3D; } table.shoppingcart tbody th { padding: 10px; color: #fff; font-weight: normal; text-decoration: underline; } div#shoppingcartcontents strong.cart_title { color: #fff; font-size: 2em; } div#sliding_cart span { color: #fff; font-weight: normal; } div#shoppingcartcontents { margin: 0; padding: 0; border: 1px dashed #fff; } div#sideshoppingcart { margin: 0; padding: 0; } tr.firstrow { color: #3C3D3D; border: 3px solid #3C3D3D; margin-bottom: 5px; } table.productcart span { color: #cba734; } table.logdisplay tr.alt { color: #3C3D3D; } table.logdisplay tr.alt a { color: #3C3D3D; text-decoration: none; } div.user-profile-links a { text-decoration: none; } /* Shows */ #post_holder_sliced_shows { position: relative; margin: 0 auto; width: 784px; height: 500px; border: 1px solid #3C3D3D; overflow: auto; } #post_holder_sliced_shows h2 { color: #fff; font-size: 2.8em; text-align: left; margin: 5px; } td.gigpress-venue a { text-decoration: none; } td.description a { text-decoration: none; color: #3C3D3D; } td.description a:hover { color: #000; } td.gigpress-rss a { text-decoration: none; } td.description span { color: #fff; } /* Search Results */ #post_holder_sliced_search { position: relative; margin: 0 auto; width: 784px; height: 500px; border: 1px solid #3C3D3D; overflow: auto; } #post_holder_sliced_search .post h2 a { font-size: 1.2em; text-align: left; margin: 20px 0 0 5px; text-transform: uppercase; color: #300000; font-weight: normal; } #post_holder_sliced_search .post { text-align: left; margin: 20px; } #post_holder_sliced_search h2 a:hover { text-decoration: none; } h2.pagetitle {color: #cba734; text-align: left; margin: 5px 0 10px 5px; border-bottom: 1px solid #3C3D3D; padding-bottom: 10px; } #post_holder_sliced_search .postmetadata { position: relative; margin: 0 auto; clear: both; color: #3C3D3D; padding: 5px 0 0 0; text-align: left; } #post_holder_sliced_search .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; } /* News */ #post_holder_sliced_news { position: relative; margin: 0 auto; width: 744px; height: auto; border: 1px solid #3C3D3D; background: #2B1D06; padding: 20px; } #post_holder_sliced_news .post { text-align: left; background: #2B1D06; padding-top: 20px; border: 1px solid #2B1D06; } #post_holder_sliced_news .post:hover { border: 1px solid #cba734; } #post_holder_sliced_news .post h2 a { font-size: 1.2em; text-align: left; margin: 20px 0 0 5px; text-transform: uppercase; color: #FBFCE7; font-weight: normal; font-family: Arial; } #post_holder_sliced_news h2 a:hover { text-decoration: none; } #post_holder_sliced_news .entry { text-align: left; font-size: 1.2em; background: #80663B; margin: 10px; border: 1px dashed #FBFCE7; } #post_holder_sliced_news .entry p { color: #000; text-indent: 2em; text-align: left; line-height: 1.5em; } #post_holder_sliced_news .entry p a { color: #DBDDA2; font-size: 1em; } #post_holder_sliced_news div.clearfix { clear: both; height: 1px; overflow: hidden; margin-top: -1px; } #post_holder_sliced_news .postmetadata { position: relative; margin: 0 auto; clear: both; font-size: 1em; background: #5A4117; text-align: center; color: #301800; } #post_holder_sliced_news .postmetadata small { color: #301800; } #post_holder_sliced_news .postmetadata small a { color: #2B1D06; } #post_holder_sliced_news .postmetadata ul, #post_holder_sliced_news .postmetadata li { display: inline; list-style-type: none; list-style-image: none; } #post_holder_sliced_news span { font-size: 2em; color: #fff; } /* Flexible Upload Options */ .imageframe { margin: 10px; padding: 5px; border: 1px solid #000; } .imgalignleft { float: left; } .imgalignright { float: right; } .imgaligncenter { margin-left: auto; margin-right: auto; text-align: center; } /* Comments */ .awpcomments { background: #2B1D06; margin: 20px; } .awpcomments h3 { padding: 20px; } .comments li { list-style-type: none; font-size: 1em; font-family: Arial; } .comments li p { margin: 10px 5px; font-weight: normal; line-height: 1.5em; font-size: 1.2em; color: #80663B; } .commentmetadata { margin: 0; display: block; font-weight: normal; } .commentmetadata a { text-decoration: underline; color: #000; } .nocomments { text-align: center; margin: 0; padding: 0; color: #FBFCE7; } .comment { margin: 15px 0; } .alt { color: #000; } .authorcomment { color: #000; } .commentbar { display:block; margin:0 !important; padding:5px 5px 10px 5px !important; text-align:left; color: #000; /* background:#5A4117; */ border: 1px dashed #000; } .commentbar a { text-decoration:none; color: #000; } .commentbar a:hover { text-decoration:none color: #000; } .commentform { margin: 40px; } .commentform p { margin: 5px 0; font-family: Helvetica, Arial, "Sans Serif"; color: #000; } .commentform p a {color: #FBFCE7; } .commentform input { width: 150px; padding: 2px; margin: 5px; font: 0.9em Helvetica, Arial, "Sans Serif"; } .commentform textarea { position: relative; margin: 0; color: #000; font: 1.6em Helvetica, Arial, "Sans Serif"; background-color: #fff; width: 100%; max-width: 100%; background: #fff; } /* Standard */ .post { margin: 0; padding: 0; text-align: center; background: transparent; } .entry { text-align: left; background: transparent; color: #ccc; font-size: 1.2em; } .entry h1 { margin-left: 5px; } .entry h3 { margin-left: 5px; } .entry p { padding: 10px; } .entry p a:visited { color: #333; } html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } html>body .entry li { margin: 7px 0 8px 10px; } .entry ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; } .entry ol { padding: 0 0 0 35px; margin: 0; } .entry ol li { margin: 0; padding: 0; } .entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; } /* PostMetaData */ .postmetadata { position: relative; margin: 0 auto; clear: both; color: #3C3D3D; padding: 5px 0 0 0; text-align: center; } .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; } /* NAVIGATION------------------------------------------------------------------------------------------------*/ .navigation { position: relative; height: 30px; width: 400px; margin: 45px auto 0; text-align: center; } .navigation_thin { position: relative; height: 30px; width: 350px; margin: 65px auto 0; text-align: center; } .navigation_single { position: absolute; top: 125%; left: 6%; height: 30px; width: 300px; text-align: center; } .alignright { float: right; padding: 4px; margin: 0 0 2px 7px; } .alignleft { float: left; padding: 4px; margin: 0 7px 2px 0; } .center { margin-left: auto; margin-right: auto; text-align: center; padding: 4px; } .navigation_news { position: relative; height: 15px; width: 700px; margin: 0 auto; text-align: center; background: #000; } .navigation_news a { font-size: 1em; color: #21DEDE; } .alignright_news { float: right; padding: 0; margin: 2px; } .alignleft_news { float: left; padding: 0; margin: 2px; } #previous a { display: block; float: left; height: 29px; width: 40px; text-decoration: none; text-indent: -9999px; background: transparent url(images/news_navLO.png) no-repeat center; } #stop a { display: block; height: 29px; width: 40px; text-decoration: none; text-indent: -9999px; background: transparent url(images/stopbutton.png) no-repeat center; margin-left: auto; margin-right: auto;} #next a { display: block; float: right; height: 29px; width: 40px; text-decoration: none; text-indent: -9999px; background: transparent url(images/news_navRO.png) no-repeat center; margin-top: -29px; } /* FOOTER-----------------------------------------------------------------------------------------------*/ #footer { position: relative; margin: 0 auto; height: 108px; width: 1280px; color: #000; text-align: center; clear: both; background: transparent url(images/showheader.png) no-repeat top center; } #footer p { text-align: center; } #footer p a {color: #000; text-decoration: none; } #footer h3 { position: absolute; top: 25px; left: 50%; margin-left: -148px; width: 296px; height: auto; text-align: center; font-family: Georgia; font-size: 2em; text-transform: uppercase; background: transparent; } #footer h3 a { color: #000; text-decoration: none; } #footer h3 a:hover { text-decoration: none; color: #300000; } #cherry { height: 180px; width: 165px; position: fixed; bottom: 20px; right: 20px; background: transparent; } #cherry h1 { font-size: 1em; width: 165px; height: 180px; background: url(images/cherrycombosmall.png) no-repeat center; text-indent: -9999px; } #cherry h1 a:link, #cherry h1 a:visited, #cherry h1 a:hover, #cherry h1 a:active { color: #f00; width: 165px; height: 180px; border: none; text-decoration: none; display: block; } h2#cherrytext a { position: fixed; right: 185px; bottom: 38px; height: auto; width: auto; color: #fff; font-family: Georgia; font-style: italic; font-variant: small-caps; background: transparent; } h2#cherrytext a:hover { text-decoration: none; } /*Footer_sliced*/ #footer_sliced { position: relative; margin: 0 auto; height: 75px; width: 1280px; color: #000; text-align: center; clear: both; background: transparent url(images/pod/pod_sliced/pod_thick_bottom.png) no-repeat top center; padding-bottom: 20px; } #footer_sliced p { text-align: center; } #footer_sliced p a {color: #000; text-decoration: none; } #footer_sliced h3 { position: absolute; top: 25px; left: 50%; margin-left: -168px; width: 336px; height: auto; text-align: center; font-family: Georgia; font-size: 2em; text-transform: uppercase; } #footer_sliced h3 a { color: #000; text-decoration: none; } #footer_sliced h3 a:hover { text-decoration: none; color: #300000; } /* SubNav-----------------------------------------------------------------------------*/ #secondary_nav { position: fixed; bottom: 0; left: 0; width: 100%; height: 30px; text-align: center; background: #000; } #secondary_nav ul { list-style: none; } #secondary_nav ul li { float: left; margin-left: 4px; } #secondary_nav ul li a.rss { display: block; height: 29px; width: 40px; text-decoration: none; text-indent: -9999px; border: 1px solid #000; background: transparent url(images/subnav/rss.png) no-repeat center; } #secondary_nav ul li a.rss:hover { border: 1px solid #000; background: transparent url(images/subnav/rsshover.png) no-repeat center; } #secondary_nav ul li a.contact { display: block; height: 29px; width: 40px; text-decoration: none; text-indent: -9999px; border: 1px solid #000; background: transparent url(images/subnav/contact.png) no-repeat center; } #secondary_nav ul li a.contact:hover { border: 1px solid #000; background: transparent url(images/subnav/contacthover.png) no-repeat center; } #secondary_nav ul li.search { border: 1px solid #000; background: transparent url(images/subnav/search.png) no-repeat center; height: 29px; width: 150px; } #secondary_nav ul li.search:hover, #secondary_nav ul li.search:active { border: 1px solid #000; background: transparent url(images/subnav/searchhover.png) no-repeat center; } #secondary_nav ul li.reg_sub a { display: block; height: 29px; width: 79px; text-decoration: none; text-indent: -9999px; border: 1px solid #000; background: transparent url(images/subnav/subscribe.png) no-repeat center; } #secondary_nav ul li.reg_sub a:hover { border: 1px solid #000; background: transparent url(images/subnav/subscribehover.png) no-repeat center; } #footer_empty { position: relative; margin: 0 auto; height: auto; width: 1280px; color: #000; text-align: center; clear: both; } #footer_news { position: relative; margin: 0 auto; height: 75px; width: 1280px; color: #000; text-align: center; clear: both; background: transparent url(images/pod/pod_sliced/pod_thick_bottom.png) no-repeat top center; padding-bottom: 20px; } #footer_subnav_only { position: relative; margin: 0 auto; height: auto; width: 1280px; color: #000; text-align: center; clear: both; } #footer_show_schedule_only { position: relative; margin: 0 auto; height: 108px; width: 1280px; color: #000; text-align: center; clear: both; background: transparent url(images/showheader.png) no-repeat top center; } #footer_show_schedule_only h3 { position: absolute; top: 25px; left: 50%; margin-left: -168px; width: 336px; height: auto; text-align: center; font-family: Georgia; font-size: 2em; text-transform: uppercase; background: transparent; } #footer_show_schedule_only h3 a { color: #000; text-decoration: none; } #footer_show_schedule_only h3 a:hover { text-decoration: none; color: #300000; } #footer_cherry_only { position: relative; margin: 0 auto; height: 108px; width: 1280px; color: #fff; text-align: center; clear: both; } #footer_cherry_only #cherry { height: 180px; width: 165px; position: fixed; bottom: 20px; right: 20px; background: transparent; } #footer_cherry_only #cherry h1 { font-size: 1em; width: 165px; height: 180px; background: url(images/cherrycombosmall.png) no-repeat center; text-indent: -9999px; } #footer_cherry_only #cherry h1 a:link, #cherry h1 a:visited, #cherry h1 a:hover, #cherry h1 a:active { color: #f00; width: 165px; height: 180px; border: none; text-decoration: none; display: block; } #footer_cherry_only h2#cherrytext a { position: fixed; right: 185px; bottom: 38px; height: auto; width: auto; color: #fff; font-family: Georgia; font-style: italic; background: transparent; } #footer_cherry_only h2#cherrytext a:hover { text-decoration: none; } /* Search Form */ #searchform { margin: 5px 0 0 8px; text-align: left; /* height: 20px; */ } #searchform input {width: 110px; height: 16px; } /* SIDEBARS------------------------------------------------------------------------------------*/ #sidebar { position: absolute; top: 200px; left: 50px; text-align: center; background: transparent url(images/pod/pod_sidebar.png) no-repeat center; width: 300px; height: 515px; } #sidebar ul { list-style-type: none; text-align: left; margin: 15px auto; width: 185px; } #sidebar2 { position: absolute; top: 200px; right: 50px; text-align: center; background: transparent url(images/pod/pod_sidebar.png) no-repeat center; width: 300px; height: 515px; } #sidebar2 ul { list-style-type: none; text-align: center; margin: 15px auto; width: 187px; } /*ATTACHMENTS---------------------------------------------------------------------------------------------------*/ .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; } .attachment { text-align: center; margin: 5px 0px; } /* PLUGINS----------------------------------------------------------------------------------*/ /* Kimili Flash Embed */ div.flashmovie { position: relative; margin: 0; padding: 0; text-align: center; } /*Wimpy*/ #button { position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: 120px; width: 60px; height: 60px; } div#calendar_wrap table { width: 187px; } div#wpsc_akst_form div#wpsc_akst_form div#wpsc_akst_form { display: hidden !important; }