/* Theme Name: UP Custom Shop Skin Name: Blissful Misery Skin URI: http://www.unboundedmusic.com Description: UP: Custom Shop: Skin: Blissful Misery Version: 1.5.04 Author: Michael Keeter of Unbounded Productions. Author URI: http://www.unboundedmusic.com/ File Name: /skins/unbounded-productions/skin.css Last Version Updated: 1.5.04 Compatability To Do: 1.5.05: Update to 1.5.05 Style Test compatibility with Theme. ________________ Notes: !!!!!!! READ THIS BEFORE CHANGING ANYTHING !!!!!!! The file is broken into Sub sections of styles which mainly follow how the site is laid out. The exception is the Widget Areas such as Sidebars and Bottom Bars. These will be near the bottom of the file just above the Optional Plugin Styles. Each sub section will contain 3 categories for the same style, which are listed below in the order the lines fall. Also, we have tried to use the most specific code we could to eliminate combo from inheriting. i.e. border: 1px solid #000000; has become border-width: 1px; border-style: solid: border-color: #000000; Categories: User Customizable: Line 1 Everything found here is completely customizable. Most of the stuff found here is cosmetic, and won't change the layout of the site. Semi Friendly: Line 2 Things found here may somewhat change the layout due to size and font changes. Things here can be easily changed, but should be tested change by change. Advanced: Line 3 Everything here should be left alone unless you are changing the entire style sheet and site. Everything found here is mainly for the main layout of the Skin. */ /* Overall */ body{ background-color: #888888; background-image: url('body.jpg'); color: #000000; } /* :: USER CUSTOMIZABLE :: */ body{ font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 12px; } /* :: SEMI FRIENDLY :: */ body{ margin: 0; text-align: center; vertical-align: top; } /* :: ADVANCED :: */ body,h1,h2,h3,h4,h5,h6,blockquote,p{ } body,h1,h2,h3,h4,h5,h6,blockquote,p{ } body,h1,h2,h3,h4,h5,h6,blockquote,p{ margin: 0; padding: 0; } /* Border Classes */ .solidborder{ border-color: #000000; } .solidborder{ border-width: 1px; border-style: solid; } .solidborder{ } .dottedborder{ border-color: #000000; } .dottedborder{ border-width: 1px; border-style: dotted; } .dottedborder{ } .dashedborder{ border-color: #000000; } .dashedborder{ border-width: 1px; border-style: dashed; } .dashedborder{ } .doubleborder{ border-color: #000000; } .doubleborder{ border-width: 1px; border-style: double; } .doubleborder{ } /* Sectional Headers */ h1{ } h1{ font-family: Georgia, Sans-serif; font-size: 24px; } h1{ padding: 0 0 10px 0; } h2,h4{ color: #924f3e } h2,h4{ } h2,h4{ } /* Wrappers */ #wrapper{ background-image: url('wrapper.jpg'); } #wrapper{ text-align: left; } #wrapper{ margin: 0 auto; padding: 0; width: 800px; height: 100%; display: table; } /* Header */ #header{ background-color: transparent; background-image: url('header.jpg'); color: #ffffff; } #header{ background-repeat: no-repeat; vertical-align: top; color: #ffffff; } #header{ float: left; width: 800px; height: 195px; } #headerinfo{ } #headerinfo{ } #headerinfo{ clear: both; width: 100%; } #header a:link,#header a:visited{ color: #ffffff; text-decoration: none; } #header a:link,#header a:visited{ } #header a:link,#header a:visited{ } #header a:hover{ color: #eeeeee; text-decoration: none; } #header a:hover{ } #header a:hover{ } h1#siteheader{ } h1#siteheader{ font-family: 'Comic Sans MS', Sand; font-size: 24px; font-weight: normal; vertical-align: middle; } h1#siteheader{ height: 195px; padding: 40px 0 10px 15px; float: left; } img#titlelogo{ } img#titlelogo{ margin: 10px 0 0 4em; } img#titlelogo{ float: left; border-width: 0; } #searchform-top{ } #searchform-top{ float: right; padding: 10px; } #searchform-top{ } /* Navigation Menu */ /* Top Nav Menu */ #nav-top{ background-color: #000000; } #nav-top{ font-size: 12px; vertical-align: middle; } #nav-top{ clear: both; float: left; width: 100%; height: 2em; margin: 0; padding: 0; } #nav-top ul{ } #nav-top ul{ float: left; vertical-align: middle; } #nav-top ul{ list-style-type: none; padding: 0; margin: 0; } #nav-top ul li{ } #nav-top ul li{ vertical-align: middle; } #nav-top ul li{ float: left; margin: 0; padding: 5px 4px 0 4px; line-height: 18px; } #nav-top a:link,#nav-top a:visited{ text-decoration: none; color: #ffffff; } #nav-top a:link,#nav-top a:visited{ } #nav-top a:link,#nav-top a:visited{ } #nav-top a:hover{ text-decoration: none; color: #cccccc; } #nav-top a:hover{ } #nav-top a:hover{ } /* Bottom Nav Menu */ #nav-bottom{ background-color: transparent; } #nav-bottom{ font-size: 12px; vertical-align: middle; } #nav-bottom{ clear: both; float: left; width: 100%; height: 2em; margin: 0; padding: 0; } #nav-bottom ul{ } #nav-bottom ul{ float: left; vertical-align: middle; } #nav-bottom ul{ list-style-type: none; padding: 0; margin: 0; } #nav-bottom ul li{ } #nav-bottom ul li{ vertical-align: middle; } #nav-bottom ul li{ float: left; margin: 0; padding: 5px 1px 0 1px; line-height: 18px; } #nav-bottom ul li:before{ content: '['; } #nav-bottom ul li:before{ } #nav-bottom ul li:before{ } #nav-bottom ul li:after{ content: ']'; } #nav-bottom ul li:after{ } #nav-bottom ul li:after{ } #nav-bottom a:link, #nav-bottom a:visited{ text-decoration: none; color: #0000ff; } #nav-bottom a:link, #nav-bottom a:visited{ } #nav-bottom a:link, #nav-bottom a:visited{ } #nav-bottom a:hover{ text-decoration: none; color: #1E90FF; } #nav-bottom a:hover{ } #nav-bottom a:hover{ } /* Nav Menu with MenuBar */ /* Mainly to let it use it's built in style */ #nav-menubar-top{ background-color: #000000; } #nav-menubar-top{ } #nav-menubar-top{ margin: 0; padding: 0; } #nav-menubar-bottom{ background-color: transparent; } #nav-menubar-bottom{ } #nav-menubar-bottom{ margin: 0; padding: 0; } /* Container */ #container{ } #container{ } #container{ float: left; width: 540px; margin: 0 5px 0 5px; } /* Content */ .notes { border-color: #000000; background-color: #F5F5DC; } .notes { border-width: 1px; border-style: dashed; } .notes { margin: 1em; padding: 1em; } .post{ } .post{ } .post{ padding: 10px 0 10px 20px; } .post h2{ } .post h2{ font-family: Georgia, Sans-serif; font-size: 18px; } .post h2{ } .entry{ } .entry{ line-height: 18px; } .entry{ } p{ } p{ } p{ padding: 10px 0 0 0; } .postmetadata{ border-bottom-color: #cccccc; font-style: italic; } .postmetadata{ border-bottom-width: 1px; border-bottom-style: solid; font-size: 10px; } .postmetadata{ margin: 0; padding: 0 0 0 1em; } .postmetadata-archive{ } .postmetadata-archive{ } .postmetadata-archive{ border-width: 0; margin: 0; } .postedit{ } .postedit{ font-size: 10px; font-style: italic; } .postedit{ } .navigation{ } .navigation{ font-size: 14px; font-weight: bold; line-height: 18px; } .navigation{ padding: 10px 0 0 0; } a:link,a:visited{ text-decoration: none; color: #004a80; } a:link,a:visited{ } a:link,a:visited{ } a:active,a:hover{ text-decoration: underline; color: #333399; } a:active,a:hover{ } a:active,a:hover{ } h2 a:link,h2 a:visited,h1 a:link,h1 a:visited{ text-decoration: none; color: #924f3e; } h2 a:link,h2 a:visited,h1 a:link,h1 a:visited{ } h2 a:link,h2 a:visited,h1 a:link,h1 a:visited{ } h2 a:hover,h1 a:hover{ text-decoration: none; color: #b7634e; } h2 a:hover,h1 a:hover{ } h2 a:hover,h1 a:hover{ } /* Comments Section */ .comments-template{ border-top-color: #cccccc; } .comments-template{ border-top-width: 1px; border-top-style: solid; } .comments-template{ margin: 10px 0 0 0; padding: 10px 0 0 0; } .comments-template ol{ } .comments-template ol{ } .comments-template ol{ margin: 0; padding: 0 0 15px; list-style: none; } .comments-template ol li{ border-bottom-color: #cccccc; } .comments-template ol li{ border-bottom-width: 1px; border-bottom-style: solid; line-height: 18px; } .comments-template ol li{ margin: 10px 0 0; padding: 0 0 10px; } .comments-template h2,.comments-template h3{ } .comments-template h2,.comments-template h3{ font-family: Georgia, Sans-serif; font-size: 16px; } .comments-template h2,.comments-template h3{ } .commentmetadata{ font-style: italic; } .commentmetadata{ font-size: 10px; } .commentmetadata{ margin: 0; padding: 0 0 0 1em; } .comments-template p.nocomments{ } .comments-template p.nocomments{ } .comments-template p.nocomments{ padding: 0; } .comments-template textarea{ } .comments-template textarea{ font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 12px; } .comments-template textarea{ } /* Footer */ /* Footer-Top is Mainly Cosmetic Only. However, it can be used for widgets, and customized if needed. */ #footer{ color: #ffffff; } #footer{ text-align: center; } #footer{ clear: both; float: left; width: 800px; padding: 0; margin: 0; } #footer-top{ background-color: transparent; background-image: url('footer-top.jpg'); } #footer-top{ height: 100px; } /* Height is to allow background image correct space. */ #footer-top{ padding: 0; margin: 0; width: 800px; } #footer-bottom{ background-color: #924f3e; background-image: url('footer-bottom.jpg'); } #footer-bottom{ background-position: bottom left; background-repeat: no-repeat; } #footer-bottom{ padding: 0; margin: 0; bottom: 0; width: 800px; } #footer p{ } #footer p{ line-height: 16px; } #footer p{ padding: 5px; } #footer a:link,#footer a:visited{ color: #ffffff; text-decoration: none; } #footer a:link,#footer a:visited{ } #footer a:link,#footer a:visited{ } #footer a:hover{ color: #eeeeee; text-decoration: underline; } #footer a:hover{ } #footer a:hover{ } /* Widget Features */ /* Calendar Setup */ #wp-calendar{ border-color: #000000; } #wp-calendar{ width: 100%; border-collapse: collapse; border-width: 0; border-style: solid; } #wp-calendar{ margin: 0 auto; padding: 0; } #wp-calendar tr{ } #wp-calendar tr{ } #wp-calendar tr{ padding: 0; } #wp-calendar th,#wp-calendar td{ border-color: #000000; background-color: #ffffff; } #wp-calendar th,#wp-calendar td{ border-width: 1px; border-style: solid; text-align: center; } #wp-calendar th,#wp-calendar td{ padding: 0; } #wp-calendar thead th{ color: #ffffff; background-color: #924f3e; border-color: #000000;} #wp-calendar thead th{ } #wp-calendar thead th{ } #wp-calendar tfoot td{ background-color: transparent; border-color: #000000; } #wp-calendar tfoot td{ border-width: 0; border-style: solid; } #wp-calendar tfoot td{ padding: 5px 0; } #wp-calendar caption{ color: #000000; background-color: transparent; border-color: #000000; } #wp-calendar caption{ border-width: 0; border-style: solid; } #wp-calendar caption{ padding: 3px; } /* Sidebars Section */ /* VERSION 1.5 ONLY :: V2.0 will completely change everything below this line. */ /* THERE SHOULD BE NO USER CUSTOMIZATION AT ALL IN THIS SECTION UNTIL 2.0 IS RELEASED SO THERE WILL BE 1 LINE INSTEAD OF 3 */ /* Sidebar Wrapper */ .sidebar{ float: left; width: 250px; background-color: transparent; margin: 0; height: 100%; display: inline; } /* Sidebar Row Option 1 */ .sidebar1{ float: left; width: 240px; margin: 0 5px 0 5px; background-color: transparent; display: inline; } /* Sidebar Row Option 2 */ .sidebar2{ clear: both; float: left; width: 120px; margin: 0 0 0 5px; background-color: transparent; display: inline; } .sidebar3{ float: left; width: 120px; margin: 0 0 0 5px; background-color: transparent; display: inline; } /* Bottom Bars Section */ /* Bottom Bar Wrapper */ .bottombar{ clear: both; float: left; width: 100%; background-color: transparent; margin: 0; display: inline; color: #000000; } /* Bottom Bar Row Option 1 */ /* Bottombars 1 - 3 are sidebars 4 - 6 */ .sidebar4,.sidebar5,.sidebar6{ float: left; width: 256px; margin: 5px; background-color: transparent; } /* Widget List Styles */ .sidebar1 ul,.sidebar2 ul,.sidebar3 ul,.sidebar4 ul,.sidebar5 ul,.sidebar6 ul{ list-style-type: none; margin: 0; padding: 0 10px 0 10px; } .sidebar1 ul li,.sidebar2 ul li,.sidebar3 ul li,.sidebar4 ul li,.sidebar5 ul li,.sidebar6 ul li{ padding: 5px 0 5px 0; } .sidebar1 ul li h2,.sidebar2 ul li h2,.sidebar3 ul li h2,.sidebar4 ul li h2,.sidebar5 ul li h2,.sidebar6 ul li h2{ font-family: Georgia, Sans-serif; font-size: 14px; } .sidebar1 ul ul li,.sidebar2 ul ul li,.sidebar3 ul ul li,.sidebar4 ul ul li,.sidebar5 ul ul li,.sidebar6 ul ul li{ padding: 0; line-height: 15px; } /* OPTIONAL PLUGIN STYLES */ /* If you want to mess with these please comment the originals out, then copy and paste them before editing them. */ /*PLUGIN: Menubar: Style: sf-upcs */ /* Some of these may get long, but are kept that way for organization. */ .sf-upcs{ background-color: transparent; border-top-color:#a9a9a9; } .sf-upcs{ border-top-width: 0; border-top-style: solid; text-align: left; } .sf-upcs{ margin: 0; background-repeat: repeat; height: 28px; padding: 0; } .sf-upcs ul{ background-color: #222222; } .sf-upcs ul{ } .sf-upcs ul{ float: right; list-style: none; margin: 0; padding: 0; width: 100%; background-repeat: repeat; z-index: 9; } .sf-upcs ul ul{ } .sf-upcs ul ul{ } .sf-upcs ul ul{ top: 28px; position: absolute; left: -999em; width: 170px; margin: 0; padding: 0; } .sf-upcs ul ul ul{ } .sf-upcs ul ul ul{ } .sf-upcs ul ul ul{ margin: -26px 0 0 170px; } .sf-upcs li{ } .sf-upcs li{ float: left; } .sf-upcs li{ padding: 0; height: 28px; position: relative; } .sf-upcs li li{ } .sf-upcs li li{ } .sf-upcs li li{ float: left; padding: 0; width: 170px; } .sf-upcs a,.sf-upcs a:visited,.sf-upcs a:hover{ color: #ffffff; text-decoration: none; } .sf-upcs a,.sf-upcs a:visited,.sf-upcs a:hover{ font-size: 12px; font-weight: bold; } .sf-upcs a,.sf-upcs a:visited,.sf-upcs a:hover{ float: left; display: block; height: 28px; line-height: 28px; padding: 0 12px; overflow: hidden; } .sf-upcs li li a,.sf-upcs li li a:visited,.sf-upcs li li a:hover{ } .sf-upcs li li a,.sf-upcs li li a:visited,.sf-upcs li li a:hover{ } .sf-upcs li li a,.sf-upcs li li a:visited,.sf-upcs li li a:hover{ width: 167px; } .sf-upcs li:hover ul ul,.sf-upcs li:hover ul ul ul,.sf-upcs li:hover ul ul ul ul,.sf-upcs li.wpmhover ul ul,.sf-upcs li.wpmhover ul ul ul,.sf-upcs li.wpmhover ul ul ul ul{ } .sf-upcs li:hover ul ul,.sf-upcs li:hover ul ul ul,.sf-upcs li:hover ul ul ul ul,.sf-upcs li.wpmhover ul ul,.sf-upcs li.wpmhover ul ul ul,.sf-upcs li.wpmhover ul ul ul ul{ } .sf-upcs li:hover ul ul,.sf-upcs li:hover ul ul ul,.sf-upcs li:hover ul ul ul ul,.sf-upcs li.wpmhover ul ul,.sf-upcs li.wpmhover ul ul ul,.sf-upcs li.wpmhover ul ul ul ul{ left: -999em; } .sf-upcs li:hover ul,.sf-upcs li li:hover ul,.sf-upcs li li li:hover ul,.sf-upcs li li li li:hover ul,.sf-upcs li.wpmhover ul,.sf-upcs li li.wpmhover ul,.sf-upcs li li li.wpmhover ul,.sf-upcs li li li li.wpmhover ul{ } .sf-upcs li:hover ul,.sf-upcs li li:hover ul,.sf-upcs li li li:hover ul,.sf-upcs li li li li:hover ul,.sf-upcs li.wpmhover ul,.sf-upcs li li.wpmhover ul,.sf-upcs li li li.wpmhover ul,.sf-upcs li li li li.wpmhover ul{ } .sf-upcs li:hover ul,.sf-upcs li li:hover ul,.sf-upcs li li li:hover ul,.sf-upcs li li li li:hover ul,.sf-upcs li.wpmhover ul,.sf-upcs li li.wpmhover ul,.sf-upcs li li li.wpmhover ul,.sf-upcs li li li li.wpmhover ul{ left: 0; } .sf-upcs li.selected,.sf-upcs li.current-cat,.sf-upcs li.current-cat-parent,.sf-upcs li.current_page_item,.sf-upcs li.current_page_parent,.sf-upcs li.current_page_ancestor { background-color: #606060; } .sf-upcs li.selected,.sf-upcs li.current-cat,.sf-upcs li.current-cat-parent,.sf-upcs li.current_page_item,.sf-upcs li.current_page_parent,.sf-upcs li.current_page_ancestor { } .sf-upcs li.selected,.sf-upcs li.current-cat,.sf-upcs li.current-cat-parent,.sf-upcs li.current_page_item,.sf-upcs li.current_page_parent,.sf-upcs li.current_page_ancestor { } .sf-upcs li:hover,.sf-upcs li.wpmhover{ background-color: #808080; } .sf-upcs li:hover,.sf-upcs li.wpmhover{ } .sf-upcs li:hover,.sf-upcs li.wpmhover{ visibility: inherit; } .sf-upcs li{ border-left-color: #a9a9a9; border-right-color: #778899; } .sf-upcs li{ border-left-width: 0; border-left-style: solid; border-right-width: 0; border-right-style: solid; } .sf-upcs li{ } .sf-upcs li li{ border-top-color: #a9a9a9; border-bottom-color: #778899; } .sf-upcs li li{ border-width: 0; border-style: solid; } .sf-upcs li li{ } .sf-upcs ul ul{ border-left-color: #a9a9a9; border-right-color: #778899; } .sf-upcs ul ul{ border-width: 0; border-style: solid; } .sf-upcs ul ul{ } .sf-upcs li.right{ } .sf-upcs li.right{ } .sf-upcs li.right{ float: right; } .sf-upcs form{ } .sf-upcs form{ } .sf-upcs form{ margin: 0; padding: 4px 10px 0; } .sf-upcs form input{ } .sf-upcs form input{ border-width: 0; } .sf-upcs form input{ } .sf-upcs li a img{ } .sf-upcs li a img{ } .sf-upcs li a img{ float: left; margin: 6px 7px 0 -5px; } .sf-upcs-after{ border-top-color: #778899; } .sf-upcs-after{ border-top-width: 0; border-top-style: solid; } .sf-upcs-after{ clear: both; margin: 0 0px 0 0px; height: 0px; } /*PLUGIN: FAQ You */ h4.faq-header{ } h4.faq-header{ font-size: 18px; } h4.faq-header{ } p.faq-question{ } p.faq-question{ font-size: 14px; font-style: italic; font-weight: bold; } p.faq-question{ } p.faq-answer{ border-color: #000000; } p.faq-answer{ border-width: 1px; border-style: dashed; } p.faq-answer{ margin: 0 1em; padding: 6px 1em; }