/*  
Theme Name: boredandbeautiful
Version: 1.0
Author: Styleserver
Author URI: www.styleserver.com
*/

/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/
body {
    behaviour: url(js/csshover2.htc); /* winIE behaviour call */
}
* {
	margin: 0;
	padding: 0;
}
#sidebar:after,
#footer:after,
#extras:after,
.navigation:after,
#main .entry:after {
    content: " ";
    display: block;
    clear: both;

}
cite {
   font-style: normal;
}
/*-----------------------------------------------------------------------------------------------
Links
-----------------------------------------------------------------------------------------------*/
a {
    color: #000;
    text-decoration: none;
}
a:hover,
p.postmetadata a:hover,
p.post-details a:hover {
    color: #fff;
    background: #fe0000;
    text-decoration: none;
}
.entry a:hover {
    color: #000;
    background: none;
    text-decoration: none;
}

a img {
	border: none;
}

blockquote{
	border-left: 2px solid #000000;
	color: #000;
        margin-left: 1em;
	padding-left: 1em;
}

/*-----------------------------------------------------------------------------------------------
Base Page Styling
-----------------------------------------------------------------------------------------------*/
body {
	background: #fff;
	color: #000;
	font-family: "Times New Roman", serif;
	font-size: 62.5%
}

fieldset {
	padding: .5em;
}

h1 {
	font-size: 260%;
	font-weight: normal;
	margin: 0;
}

p {
    line-height: 1.3em;
    margin: 0 0 10px 0;
}

/*-----------------------------------------------------------------------------------------------
Layout
-----------------------------------------------------------------------------------------------*/
#wrapper {
    width: 980px;
    margin: 44px auto 0 auto;
}
#branding {
    padding-bottom: 85px;
}
#branding div h2 {
    display: inline;
    font-size: 260%;
    font-weight: normal;
    color: #000;
}
#branding div h2.special,
#branding div h2.special a {
    color: #fe0000;
}
#branding div h2.category {
    color: #000;
}
#branding ul {
    display: inline;
}
#branding ul li {
    list-style: none;
    display: inline;
}
#branding ul li a  {
    font-size: 260%;
    color: #000;
}
#branding span.special-link,
#branding h2 a.special-link,
#branding span.special-link a {
    color: #000;
}
#branding ul li a:hover,
#branding span a:hover,
#branding h2 a.special-link:hover {
    color: #fff;
}
#branding ul li em  {
    position: static;
    font-size: 260%;
    color: #000;
}
#branding span  {
    font-size: 260%;
    color: #000;
}
#branding span span  {
    font-size: 100%;
}
#branding span em  {
    position: relative; 
    width: 3px;
    background: #fff;
    left: -8px;
}
#branding span ul li a  {
    font-size: 100%;
}
#branding span a  {
    color: #000;
}
#branding #archive {
    display: inline;
}
#branding div#archive ul {
    margin: 0;
    padding: 0;
    width: 7em;  
}
#branding div#archive ul li {
    position: relative;
    list-style: none;
    margin: 0;
}
#branding div#archive ul ul {
    position: absolute;
    top: 1.1em;
    left: 0;
    display: none;
    padding: 10px 10px 0 5px;
    background: #fff;
}
#branding div#archive ul ul li {
    display: block;

}
#branding div#archive li a  {
    display: inline;
    margin: 0;
    line-height: 1em;
    height: auto;
    width: auto;
}
#branding div#archive li li {
    font-family:"Verdana","Arial",sans-serif;
    padding: 0 10px 0 0;
    line-height: 1em;
    width:auto;
margin: -6px 0 0 0;
}
#branding div#archive li li a  {
    display: inline;
    margin: 0;
    height: 1%;
    width: auto;
    font-size: 40%;
    color: #000;
}
#branding div#archive li li a:hover  {
    color: #fff;
    background: #000;
    padding: 0 5px;
}
#branding div#archive>ul a  {
    width: auto;
}
#branding div#archive ul li:hover ul {
   display: block; 
}
#branding li.current-cat a {
   color: #fff;
    background: #fe0000;
}
/*-----------------------------------------------------------------------------------------------
  Extras
-----------------------------------------------------------------------------------------------*/
#extras,
#sidebar,
#footer {
    height: 1%; 
}
#sidebar ul {
    height: 1%;
    overflow: hidden;
    margin: 0;
    padding: 0:
}
#sidebar ul li {
    list-style: none;
    float: left;
    width: 115px;
    margin: 0;    
    padding: 0;
}
#sidebar ul li#linkcat-31 {
    width: 135px;
}
#sidebar ul li#linkcat-34 {
    width: 90px;
}
#sidebar ul li#linkcat-29 {
    width: 120px;
}
#sidebar ul li#linkcat-28 {
    width: 95px;
}
#sidebar ul li#linkcat-30 {
    width: 135px;
}
#sidebar ul li#linkcat-32 {
    width: 120px;
}
#sidebar ul li#linkcat-10 {
    width: 145px;
}
#sidebar ul li em {
    display: none;
}
#sidebar ul li ul li {
    float: none;
    width: auto;
    padding: 0 10px 5px 0;
    font-family: "Verdana", "Arial", sans-serif;
}
#sidebar ul li ul li a:hover {
    background: #000;
    padding: 0 3px;
    color: #fff;
}
#sidebar h2 {
    font-size: 130%;
    font-weight: normal;
    border-bottom: 1px solid #000;
    padding-bottom: 2px;    
    margin-bottom: 10px;
    color: #000;
}
#footer {
	clear: both;
	margin: 0 0 165px 0;
}

#footer p {
	font-size: 1.0em;
	margin: 0px;
}


#footer ul {
   width: 100%;
   border-top: 1px solid #000;
   padding-top: 14px;
    margin-top: 10px;
} 
#footer ul li {
   float: left;
   width: 150px;
   list-style: none;
}
#footer div.attributes {
    width: 100%;
    margin: 22px 0 34px 0;
}
#footer div.attributes span {
    margin-right: 20px;
}
#footer div.attributes span a {
    color: #000;
}
#footer div.attributes span a:hover {
    background: none;
}
/*-----------------------------------------------------------------------------------------------
  Content Elemente
-----------------------------------------------------------------------------------------------*/
#main .post h2,
#main h2 {
   font-size: 320%;
   font-weight: normal;
   border-bottom: 1px solid #000;
   margin-bottom: 6px;
   padding-bottom: 4px;
    color: #000;
}
#main h2.hl-comments {
   width: 400px;
   float: left;
   font-size: 280%;
   font-weight: normal;
   border-bottom: none;
   margin: 15px 0 20px 0;
   padding-bottom: 0;
   color: #000;
}
#main .hl-respond {
   width: 400px;
   float: left;
}
#main .hl-comments-box,
#main .hl-respond-box {
    position: relative;
    overflow: hidden;
    clear: both;
    height: 1%;
}
#main .hl-comments-box .sociable {
    position: absolute;
    right: 0;
    top: 10px;
    width: 200px;
}
#main .hl-respond-box .sociable {
    position: absolute;
    right: 0;
    top: 40px;
    width: 200px;
}
#main .hl-comments-box .sociable ul,
#main .hl-respond-box .sociable ul {
    float: right;
}
#main .post h2 a {
   font-size: 100%;
   color: #000;
}
#main .post h2 a:hover {
   background: none;
   color: #000;
}
#main h3 {
   font-size: 150%;
   font-weight: normal;
   margin: 15px 0 10px 0;
   padding: 0;
}
#main h3.hl-respond {
    margin-top: 50px;
}
#main .post {
    margin-bottom: 35px;
}
#main p {
   font-size: 100%;
   line-height: 1.3em;
   font-family: "Verdana", "Arial", sans-serif;
}
#main p.paragraph {
   width: 550px;
}
#main .post-details {
    margin-bottom: 35px;
   text-transform: uppercase;
}
#main .postmetadata {
   text-transform: uppercase;
    margin-top: 17px;
    width: 550px;
}
#main .entry {
    height: 1%;
}
#main .entry,
#main .text {
    overflow: hidden;
    height: 1%;
}
#main .entry .gallery {
    overflow: hidden;
    height: 1%;
}
#main .entry .gallery p {
    float: left;
    margin: 0;
}
#main .entry .gallery .row {
    overflow: hidden;
    height: 1%;
}
#main .entry p a,
#main .text p a {
    color: #FE0000;
    background: #fff;
}
#main .entry p a:hover {
    background: #FE0000;
    color: #fff;
}
#main .entry p a:hover img {
    display: block;
    background: #fff;
    color: #fff;
}
#main .entry img.alignleft,
#main .text img.alignleft {
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
}
#main .entry img {
    margin-right: 8px;
    margin-bottom: 2px;
}
#main .text {
    margin-bottom: 30px;
}
#main .text h1 {




   font-size: 300%;
   font-weight: normal;
   border-bottom: 1px solid #000;
   margin-bottom: 6px;
   padding-bottom: 4px;
}
.navigation {
    border-top: 1px solid #000;
    width: 100%;
    height: 1%;
    margin: 13px 0 48px 0;
    padding-top: 4px;
}
.navigation .next {
    float: left;
}
.navigation .previous {
    float: right;
}
.navigation .next a, 
.navigation .previous a {
    font-size: 150%;
    font-weight: normal;
}
.navigation .next span {
    font-family: "Verdana", "Arial", sans-serif;
    margin-right: 8px;
   font-weight: lighter;
}
.navigation .previous span {
    font-family: "Verdana", "Arial", sans-serif;
    margin-left: 8px;
    font-weight: lighter;
}
.text sociable {
    display: none;
}
.sociable {
     clear: both;
     font-family:"Verdana","Arial",sans-serif;
     font-size:100%;
     font-weight: normal;
}
.sociable strong {
    display: block;
    margin-top: 20px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.sociable ul li {
    list-style: none;
    display: inline;
    margin-right: 5px;
}
#main div.video {
    padding: 20px 0;
    background: #000;
    width: 100%;
    text-align: center;
}


/*-----------------------------------------------------------------------------------------------
  Comments and Forms
-----------------------------------------------------------------------------------------------*/
ol.commentlist {
    margin-bottom: 20px;
}
.commentmetadata {
    display: block;
    margin-bottom: 15px;
}
ol.commentlist li {
    text-transform: uppercase;
    list-style: none;
    font-family: "Verdana","Arial", sans-serif;
    margin: 15px 0 20px 0;
}
ol.commentlist li cite {
   display: block;
    color: #000;
   font-size: 180%;
   font-weight: normal;
   border-bottom: 1px solid #000;
   margin-bottom: 6px;
   margin-top: 20px;
   padding-bottom: 4px;
   font-family:"Times New Roman",serif;
}
ol.commentlist li cite a {
    color: #000;
}
ol.commentlist li cite a:hover {
    color: #000;
}
#wrapper #main ol.commentlist li p {
    text-transform: none;
    margin: 0 0 10px 0;
    font-weight: bold;
    font-size: 140%;
    font-family:"Times New Roman",serif;
}
input, textarea, select {
	background-color: #fff;
	border: 1px solid #000;
	margin: 0 0 5px 0;
	width: 50%;
}
input:focus, textarea:focus, select:focus {
	background-color: #fff;
	border: 1px solid #000;
}
input#submit,.submit-button input {
	background-color: #000;
	border: 1px solid #000;
        color: #fff;
	margin: 10px 0 5px 0;
        padding: 3px 10px;
	width: auto;
        text-transform: uppercase;
}
/* ---------------------------------------
Contactform 
------------------------------------------ */
.wpcf7 {
    margin: 20px 0 20px 0;
}

.wpcf7 label {
    display: block;
    margin-bottom: 5px;
}
.wpcf7 input {
    padding: 3px;
}
.wpcf7 .submit-button input {
    padding: 3px 10px;
}
.wpcf7 br {
    display: none;
}