/*   
Theme Name: Petite Unique
Description: The Theme for the Website of Petite Unique.
Author: Daniel Ehniss
Version: 0.1

Screendesign: Marc Böttler http://motionfruit.de

*/

body {
    background-color: #000;
    color: #ccc;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 62.5%;
    margin: 0;
    padding: 0; 
    }

#page {
    /*background: url('img/home_bg.jpg') no-repeat fixed top left;*/
    font-size: 1.0em;
    width: 1024px;
    }

/*.page-id-2 #page {
    background: url('img/about_bg.jpg') no-repeat fixed top left;
    }

.page-id-8 #page {
    background: url('img/artists_bg.jpg') no-repeat fixed top left;
    }

.page-id-28 #page {
    background: url('img/sl_bg.jpg') no-repeat fixed top left;
    }

.page-id-33 #page {
    background: url('img/udosson_bg.jpg') no-repeat fixed top left;
    }*/

@font-face { 
    font-family: Nancy; 
    src: url(font/nancy.otf) format('otf');
    text-rendering: geometricPrecision;
    } 

#header h1 {
    display: none;
    }

h2 {
    font-family: Nancy, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.0em;
    letter-spacing: 1px;
    font-weight: normal;
    text-transform: uppercase;
    }
    
h3, h3 a {
    font-size: 1.2em;
    font-weight: normal;
    color: #ff0053;
    text-decoration: none;
    }

/* h3.artist {
    cursor: pointer;
    } */

.category-udosson h3, .category-udosson h3 a, .category-udosson a, .category-pmu h3, .category-pmu h3 a, .category-pmu a, h3.u, a.u, .u a, .fir .u, .u .sec a, .page-id-393 h3, .page-id-393 a {
    color: #0af;
    }

.category-udosson .entry a {
    color: #0af !important;
    }

.category-september-leaves h3, .category-september-leaves h3 a, .category-september-leaves a, .category-pmsl h3, .category-pmsl h3 a, .category-pmsl a, h3.sl, a.sl, .sl a, .fir .sl, .sl .sec a, .page-id-198 h3, .page-id-198 a {
    color: #ffe100;
    }

.category-september-leaves .entry a {
    color: #ffe100 !important;
    }

.category-udosson-mredit h3, .category-udosson-mredit a, .category-pmume h3, .category-pmume h3 a, h3.ume, a.ume, .ume a, .fir .ume, .ume .sec a, .page-id-130 h3, .page-id-130 a {
    color: #48ba43;
    }

.category-udosson-mredit .entry a {
    color: #48ba43 !important;
    }

.category-udosson .entry a:hover, .category-september-leaves .entry a:hover, .category-udosson-mredit .entry a:hover {
    color: #fff !important;
    }

.category h3 a:hover, .category-udosson h3 a:hover, .category-udosson-mredit h3 a:hover, .category-september-leaves h3 a:hover  {
    color: #fff;
    }

.category-hiddenpanda h3, .category-hiddenpanda h3 a, .category-hiddenpanda a, .page-id-698 h3, .page-id-698 a, h3.hp, a.hp, .hp a, .fir .hp, .hp .sec a {
    color: #aaa;
    }

.category-hiddenpanda h3 a:hover, .category-hiddenpanda h3 a:focus, .category-hiddenpanda a:hover, .category-hiddenpanda a:focus, .page-id-698 a:hover, .page-id-698 a:focus {
    color: #fff;
    }

.category-hiddenpanda .entry a {
    color: #aaa !important;
    }

.category-grafstroem h3, .category-grafstroem h3 a, .category-grafstroem a, .page-id-1074 h3, .page-id-1074 a, h3.gs, a.gs, .gs a, .fir .gs, .gs .sec a {
    color: #b000c8;
    }

.category-grafstroem h3 a:hover, .category-grafstroem h3 a:focus, .category-grafstroem a:hover, .category-grafstroem a:focus, .page-id-1074 a:hover, .page-id-1074 a:focus {
    color: #fff;
    }

.category-grafstroem .entry a {
    color: #b000c8 !important;
    }

h3.sl, h3.ume, h3.hp, h3.u {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #444;
    }

.menu {
    width: 90px;
    float: left;
    position: fixed;
    display: block;
    text-transform: uppercase;
    font-size: 1.2em;
    background-color: #1a1a1a;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    }

.menu ul {
    list-style: none;
    margin: 0;
    padding: 30px 0 25px 0;
    }

.menu ul li {
    padding-left: 15px;
    line-height: 1.5em;
    vertical-align: center;
    }

/*.menu ul li.current_page_item, .menu ul li.current_page_parent {
    background-position: 0 -65px;
    }*/

.menu ul li a {
    color: #fff;
    text-decoration: none;
    }

.menu ul li.current_page_item a, .menu ul li.current_page_parent a, .menu ul li a:hover, .menu ul li:hover a {
    color: #ff0053 !important;
    }

#content {
    margin: 80px 0 20px 165px;
    float: left;
    width: 490px;
    font-size: 1.4em;
    }

.dates ul {
    list-style: none;
    padding: 15px 0 15px 30px;
    margin: 0;
    background: #1a1a1a;
    opacity: 1;
    color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    line-height: 1.3em;
    }

.dates h2 {
    margin: 0 0 2px 0;
    padding: 0;
    text-align: left;
    }
    
.dates h2 span {
    background: #1a1a1a;
    opacity: 1;
    color: #fff;
    margin: 0 0 0 10px;
    padding: 5px 20px 2px;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    }

ul.dates-widget li.ec3_widget_list, ul.dates-widget li.ec3_widget_list ul.ec3_events, .dates-widget li.ec3_list_day ul {
    padding: 0 !important;
    margin: 0 !important;
    }

.dates-widget li.ec3_list_day {
    color: #fff;
    padding: 0;
    margin: 3px 0 0 0;
    }

/*.dates-widget li.ec3_list_day ul li a, .dates a {
    color: #fff !important;
    }

.dates-widget li.ec3_list_day ul li a:hover, .dates a:hover {
    color: #ff0053 !important;
    }*/
    

.entries {
    background: #1a1a1a;
    opacity: 1;
    padding: 0 30px 20px;
    margin: 15px 0;
    color: #fff;
    overflow: hidden;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    }

.entries h2 {
    padding: 5px 0 2px 0;
    text-align: right;
    margin: 0;
    }

.entries h2 span {
    background-color: #000 !important;
    padding: 6px 20px 4px;
    margin-right: -10px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    }

.post {
    letter-spacing: 0.5px;
    line-height: 1.3em;
    clear: both;
    }

.hentry {
    margin: 25px 0 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #444;
    }

.pages {
    margin: 0 0 15px;
    opacity: 1;
    color: #fff;
    }

.pages h2 {
    margin: 0 0 0px 10px;
    padding: 0;
    text-align: left;
    }
    
.pages h2 span {
    background: #1a1a1a;
    opacity: 1;
    color: #fff;
    margin: 0;
    padding: 5px 20px 2px;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    }
        
.pages .post {
    background: #1a1a1a;
    padding: 10px 30px 40px;
    margin: 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    }

a {
    color: #ff0053;
    text-decoration: none;
    }

a:hover {
    text-decoration: none;
    color: #fff !important;
    }

a.back {
    font-size: 0.8em;
    }

.postmetadata {
    clear: both;
    font-size: 0.9em;
    margin: 10px 0;
    }

.postmetadata, .postmetadata a {
    color: #808080 !important;
    text-decoration: none;
    }

.postmetadata a:hover {
    text-decoration: none;
    color: #ff0053 !important;
    }

.submenu ul {
    list-style: none;
    background: #1a1a1a;
    opacity: 1;
    padding: 7px 10px 7px 20px;
    font-size: 0.7em;
    color: #fff;
    margin: 0 0 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    }

.submenu ul li {
    display: inline;
    padding: 0 5px;
    margin: 0;
    }

.submenu ul li a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    }

.submenu ul li.current_page_item a, .submenu ul li.current_page_parent a, .submenu ul li a:hover {
    color: #ff0053;
    }

.subnavi p {
    list-style: none;
    background: #1a1a1a;
    opacity: 1;
    padding: 7px 10px 7px 30px;
    font-size: 0.8em;
    color: #fff;
    margin: 0 0 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    }

.subnavi a {
    color: #ff0053 !important;
    }

.subnavi a:hover {
    color: #fff !important;
    }

#sidebar {
    float: left;
    margin: 67px 0 0 30px;
    width: 230px;
    font-size: 1.1em;
    line-height: 1.3em;
    }

#sidebar ul {
    list-style: none;
    margin: 0; 
    padding: 0;
    }

#sidebar #twitter_div {
    background: url('img/twitter_2.png') no-repeat top left;
    padding-top: 1px;
    }

#sidebar #twitter_div ul {
    background-color: #5add44;
    color: #000;
    padding: 15px;
    margin: 29px 0 0 10px;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    overflow: hidden;
    }
    
#sidebar a {
    color: #fff;
    text-decoration: none;
    }    

#twitter_div a:hover {
    text-decoration: none;
    color: #000 !important;
    }    
    
#sidebar #twitter_div .follow {
    margin: 0 0 10px 10px;
    padding: 0 15px 15px;
    text-align: right !important;
    display: block !important;
    background-color: #5add44;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    }

ul.widgets, ul.artist-widgets {
    margin: 15px 0 0 10px !important;
    }

#sidebar h2 {
    background-color: #1a1a1a;
    color: #fff;
    padding: 1px 10px 4px;
    margin: 0;
    font-size: 1.2em;
    opacity: 1;
     border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    }

#sidebar h2 span {
    background-color: #000;
    padding: 1px 10px 4px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    }

#sidebar #text-3 h2 {
    text-align: right;
    }

#sidebar #text-4 h2 {
    background-color: #ff0053;
    margin-top: 15px;
    padding: 1px 6px 4px;
    }

#sidebar #text-4 h2 span {
    padding-top: 2px;
    } 

#sidebar #text-3 .textwidget {
    background-color: #1a1a1a;
    padding: 15px 15px 45px 15px;
    margin: 0;
    font-size: 1.8em;
    line-height: 1.2em;
    opacity: 1;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    }

.search {
    margin: 15px 0;
    }
    

.search input#searchsubmit {
    background: #000;
    border: 1px solid #000;
    padding: 0px 5px 2px;
    color: #fff;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    }

.search input#searchsubmit:hover {
    cursor: pointer;
    color: #ff0053;
    }

.search input#s {
    font-family: Georgia, "Times New Roman", Times, serif;
    background: url('img/input_bg46.jpg') no-repeat top left;
    border: 1px solid #000;
    padding: 3px 5px;
    margin-left: 5px;
    width: 130px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    }

#wpcf7-f2-w2-o1 {
    background-color: #ff0053;
    opacity: 1;
    padding: 10px 0;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    }

.mailing input.wpcf7-validates-as-email {
    font-family: Georgia, "Times New Roman", Times, serif;
    background: url('img/input_bg46.jpg') no-repeat top left;
    color: #000;
    border: 1px solid #ff0053;
    margin-left: 5px;
    padding: 3px 5px;
    width: 130px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    }

.mailing input {
    background: #ff0053;
    border: 1px solid #ff0053;
    padding: 0px 5px 2px;
    color: #000;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.2em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    }

.mailing input.send {
        font-weight: bold;
        }

.mailing input.send:hover {
    cursor: pointer;
    color: #fff;
    }

.mailing img.ajax-loader, #text-4 .wpcf7-not-valid-tip, .wpcf7-not-valid-tip-no-ajax {
    display: none !important;
    }

#text-4 .wpcf7-validation-errors, #text-4 .wpcf7-mail-sent-ok {
    border: 1px solid #ff0053 !important;
    }
#text-4 .wpcf7-response-output {
    padding: 10px;
    margin: 0;
    color: #fff;
    }

ul.artist-widgets li {
    margin: 15px 0 0 0;
    }

ul.artist-widgets li h2 {
    margin: 15px 0 0 0 !important;
    padding: 1px 6px 4px !important;
    }

ul.artist-widgets li ul {
    margin: 0 !important;
    padding: 5px 0 15px !important;
    }

ul.artist-widgets li ul li {
    margin: 0 !important;
    padding: 0 10px 0 16px !important;
    }

ul.artist-widgets li.widget_rss ul, ul.artist-widgets li.widget_text ul {
    background-color: #1a1a1a;
    font-size: 1.2em;
    line-height: 1.4em;
    opacity: 1;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    }

ul.artist-widgets li.widget_rss h2 img {
    display: none;
    } 

ul.artist-widgets span.red {
    color: #ff0053;
    }

ul.artist-widgets a:hover span.red {
    color: #fff;
    }

img.catmation {
    margin: 20px 0 0 10px;
    }

#footer {
    clear: both;
    /*background: url('img/footer_bg.png') no-repeat bottom left;*/
    height: 30px;
    }

img {
    border: none;
    }

img.feedicon {
    display: inline;
    }

img.alignleft {
    float: left;
    margin: 0 10px 10px 0;
    }

img.alignright {
    float: right;
    margin: 0 0 10px 10px;
    }

.navigation {
    padding-bottom: 10px;
    }

.navigation a, a.post-edit-link {
    color: #808080;
    }

.alignleft {
    float: left;
    margin: 0;
    }

.alignright {
    float: right;
    margin: 0;
    }

/* Postsnavigation */

ul.postsnav {
    background-color: #151515;
    padding: 15px;
    margin: 30px 0 0;
    list-style: none;
    border: 1px solid #000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    }

ul.postsnav li {
    padding: 0;
    margin: 0;
    }

.postsnav a {
    color: #808080 !important;
    }

.postsnav a:hover {
    color: #fff !important;
    }

/* Kommentarbereich */

h3#comments, #respond h3 {
    margin-top: 50px;
    }

ol.commentlist {
    list-style: none;
    margin: 0;
    padding: 0;
    }

ol.commentlist li {
    margin: 10px 0;
    padding: 10px 0;
    border-bottom: 1px solid #444;
    }

.comment-author img {
    width: 32px;
    float: right;
    }

input#author, input#email, input#url {
    font-family: Georgia, "Times New Roman", Times, serif;
    background: url('img/input_bg46.jpg') no-repeat top left;
    color: #000;
    border: 1px solid #000;
    margin-right: 5px;
    padding: 3px 5px;
    width: 150px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    }

textarea#comment {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 0.9em;
    background: url('img/input_bg46.jpg') no-repeat top left;
    color: #000;
    border: 1px solid #000;
    margin-right: 5px;
    padding: 3px 5px;
    width: 420px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    }

/* Ende Kommentarbereich */

/* Mediaseite */

h3.media {
    margin: 15px 0 5px;
    padding: 0;
    cursor: pointer;
    }

p.media {
    color: #48b137;
    list-style: none;
    margin: 0;
    padding: 0 0 0 20px;
    cursor: pointer;
    }

ul.sec {
    color: #fff;
    list-style: none;
    padding: 0;
    margin: 0 0 5px 40px;
    }


#cboxTitle {
    font-size: 1.3em !important;
    }
    
/* Ende Mediaseite */

/* Tourseite */

ul.tourpage {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #fff;
    }

ul.tourpage h3 {
    margin: 15px 0 5px;
    padding: 0;
    }

ul.tourpage .ec3_list {
    color: #fff;
    letter-spacing: 0;
    margin: 0;
    word-spacing: 0;
    }

ul.tourpage li ul.ec3_events {
    list-style: none;
    margin: 0 0 0 20px;
    padding: 0;
    }

ul.tourpage li ul.ec3_events li.ec3_list_month {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
    }


/* Ende der Tourseite */

/* Linkseite */

ul.links {
    list-style: none;
    margin: 0;
    padding: 0;
    }

ul.links h3 {
    margin: 15px 0 5px;
    padding: 0;
    }

ul.links li ul {
    list-style: none;
    margin: 0 0 0 20px;
    padding: 0;
    }

/* Ende der Linkseite */

.hidden {
    display: none;
    }

.last {
    margin-bottom: 30px;
    }


/* Shop */

#sidebar li#shopping-cart {
    margin: 15px 0 0 0;
    }

#sidebar #sliding_cart {
    background-color: #1a1a1a;
    padding: 15px 15px 45px 15px;
    margin: 0;
    line-height: 1.3em;
    opacity: 1;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    }

p.visitshop, span.gocheckout {
    margin-top: 5px !important;
    }

.visitshop a, .gocheckout a {
    color: #ff0053 !important;
    }

.visitshop a:hover, .visitshop a:focus, .gocheckout a:hover, .gocheckout a:focus {
    color: #fff !important;
    }

.stop {
    clear: both;
    }

table.productcart tr.firstrow td, table.productcart tr.firstrow td, table.productcart tr td {
    background-color: #1a1a1a !important;
    border-left: 2px solid #1a1a1a !important;
    }

td.shipping_header {
    padding-top: 20px;
    }

#wpsc_shopping_cart_container h2, .wpsc_checkout_forms h2 {
    margin: 20px 0 0 0 !important;
    }
    
table.wpsc_checkout_table input.text, table.wpsc_checkout_table textarea,  fieldset.wpsc_registration_form input {
    background: #fff url("img/input_bg46.jpg") no-repeat scroll left top;
    padding: 3px 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: 1px solid #1a1a1a !important;
    }

.productdisplay {
    margin: 20px 0 !important;
    }

h2.prodtitles span {
    margin: 0 !important;
    padding: 0 !important;
    }

#fancy_notification {
    background-color: #1a1a1a !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: 0px solid #000 !important;
    padding: 20px !important;
    }