/*  
Theme Name: Femine
Theme URL: http://ashleymgreene.org
Description: Theme do Wordpressa zrobiony przez Serenity
Author: Serenity
Author URL: http://ashleymgreene.org
Tags: 2 columns, pale colors, violet, blue, pink, light colors
*/

* { margin: 0; padding: 0; outline: none; }
body
{ background: #cfccde;}
a:link, a:visited, a:active { color: #b894bf; text-decoration: none;}
a:hover { color: #9d80a5;  text-decoration: none;  }
td, table, div, p, textarea, input, body { color : #a6a3b4; font-family: Arial Narrow, Georgia; font-size: 13px; text-shadow: 1px 0px 0px #ffffff;
}

b{color: #c3909d;}


header { padding: 4px; background-repeat: no-repeat; background-color: #cfccde; margin: 0 auto; height: 700px; width: 1260px; background-image: url(header.png); text-align: center;  }

@font-face {
  font-family: CitizenKern;
  src: url(wp-content/themes/violet/citizen_kern_regular.ttf);
  /* font-weight, font-style ==> default to normal */
}

/*
        .comments template styles
*/

.comments { float: left; padding: 0; width: 430px; }

.comments input[type=text], textarea { margin-left: 20px; background: #dddbe7; width: 250px; height: 30px;  -moz-border-radius: 5px; border-bottom:  2px solid #c3bfd6; border-right:  2px solid #c3bfd6; border-left: 0px;
border-top: 0px; }

textarea { margin-left: 20px; background: #dddbe7; width: 430px; border: 0px solid #e4c883; height: 300px; -moz-border-radius: 5px; border-bottom:  2px solid #c3bfd6; border-right:  2px solid #c3bfd6; border-left: 0px;
border-top: 0px;}

.comments fieldset { padding: 10px; border: 0px solid #CCC; margin: 10px 0 20px 0; width: 430px }

.comments p { padding: 0 0 10px 0; }

.comments h2 { padding: 0 0 15px 0; }

#cdisplay { list-style-type: none; padding: 0; margin: 0; }
        
        #cdisplay li.first {  margin-left: 20px; background-image: url(comment.png); padding: 5px;  color: #9791bd; margin-bottom: 20px; -moz-border-radius: 5px; border-bottom: 1px solid #bab5d4; border-right: 1px solid #bab5d4; font-family: Georgia; font-style: italic; font-size: 22px; width: 470px;}
        
        #cdisplay li.first:hover {  margin-left: 20px; background-image: url(comment2.png); padding: 5px;  color: #9791bd; margin-bottom: 20px; -moz-border-radius: 5px; border-bottom: 1px solid #bab5d4; border-right: 1px solid #bab5d4; font-family: Georgia; font-style: italic; font-size: 22px; width: 470px;}
        
        input, textarea, option, select ,submit {
        color: #aba7c4;        
        background: #dddbe7; 
border-bottom:  2px solid #c3bfd6; 
border-right:  2px solid #c3bfd6; 
border-left: 0px;
border-top: 0px;
margin-left: 20px;
        -moz-border-radius: 5px;
        font-size: 13px; 
        font-family: Arial Narrow;
        padding: 5px;
        text-shadow: 0px 0px 0px;
        
        
}

 ul.top {
 font-size: 13px; 
 list-style-type: none;  }
        ul.top li {

        width: 205px; 
        display: inline; 
        }
        ul.top li a {background: #e7e5ee; 
        padding:5px;  
        display: block; 
        width: 210px; 
        color: #9785b1; 
        text-align: left; 
        margin: 1px; 
        padding-bottom: 5px;
        border-bottom: 1px dashed #b4a3ca;
        }
        ul.top li a:hover {
        background: #eae8f2; 
        color: #b185a5; 
        margin: 1px;
        padding-bottom: 5px;
        padding-left: 5px;
        border-bottom: 1px dashed #af9ec5;
        }
        ul.top li a:active { 
        margin: 1px;
        }
        ul.top li a:visited { 
        margin: 1px;
        }
        
ul.projects {
 font-size: 13px; 
 list-style-type: none; 
 width: 220px;
 
}
ul.projects li {
background: #f5f5f5;
border-bottom: 1px solid #d8d3df;
}

.button {
padding: 5px;
background: #fbfbfb;
border-right: 1px solid #d1cdd5;
border-bottom: 1px solid #d1cdd5;
}

.thumb {
  background: #fbfbfb;
  -moz-border-radius: 5px;
  border-bottom: 2px solid #c7c1ce;
  border-right: 2px solid #c7c1ce;
  padding: 10px;
  margin-top: 10px;
  }
  
  .pro {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  }

ul.twitter {
list-style-type: none;
}
ul.twitter li {
width: 210;
background: #ffffff;
-moz-border-radius: 5px;
color: #c1a5b4;
margin-bottom: 6px;
display: block;
padding: 3px;
border-bottom: 2px solid #c5bfd6;
}
ul.twitter li:hover {
width: 210;
display: block;
background: #ffffff;
-moz-border-radius: 5px;
color: #b791a6;
margin-bottom: 6px;
}

blockquote {   
width: 400px;
padding: 10px;
color: #ebdde5;
margin-top: 20px;
margin-left: 10px;
margin-bottom: 20px;
background-image: url(quote.png);
border: 1px solid #e0d0d9;
-moz-border-radius: 5px;
}

.aramka {
    backgrond: transparent;
    width: 280px;
    }
    
    .aramka3 {
    backgrond: transparent;
    margin-bottom: 20px;
    }
    
    .aramka2 {
    background-image: url(tbg2.png);
    color: #ebd9e3;
    text-shadow: 1px 0px 0px #c6b0d3;
    padding: 7px;
    height: 60px;
    }
    
    
    
.boczny {
background-image: url(bg2a.png);
background-repeat: no-repeat;
color: #eee0e8;

padding: 40px;

}
    
    .end {
    backgrond: transparent;
    width: 280px;
    margin-bottom: 30px;
    }
    

    
.ramka {
   background: url("bg1.png") repeat-y;
   font-family: Arial Narrow;
   color: #af7dcd;
   text-shadow: 1px 0px 0px #ffffff
   font-size: 11px;
padding-left: 32px;
   width: 245px;

   }
   
   .ramka2 {
   background: url("bg2.png") no-repeat;
   font-family: Arial Narrow;
   color : #a6a3b4;
   text-shadow: 1px 0px 0px #ffffff
   font-size: 13px;
   width: 450px;
   padding: 15px;
   }
   

    





.flexdropdownmenu, .flexdropdownmenu ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Arial Narrow;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border-bottom-width: 0;
visibility: hidden;
display: none; /*collapse all sub menus to begin with*/
}


.flexdropdownmenu li{
position: relative;
}

.flexdropdownmenu li a{
display: block;
width: 191px; /*width of menu (not including side paddings)*/
color: #e2d2e6;
background: #bda4be;
border-bottom: 1px solid #9d849e;
text-decoration: none;
padding: 4px 5px;
text-shadow: 0px 0px 0px
}

* html .flexdropdownmenu li{ /*IE6 CSS hack*/
display: inline-block;
width: 191px; /*width of menu (include side paddings of LI A*/
}

.flexdropdownmenu li a:hover, .flexdropdownmenu li.selected>a{
background: #998eb2;
border-bottom: 1px solid #9d849e;
color: #e3ddef;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}