/*
Theme Name: Stylescape
Theme URI: http://www.stylescape.jp
Description: Stylescape-web Theme by <a href="http://www.stylescape.jp">Stylescape</a>
Version: 1.0
Author: stylescape
Author URI: http://www.stylescape.jp
*/

/*************************************
 +Containers
 *************************************/
* {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
}

body{
 background:#536355 url(./images/top_bg.gif) repeat-x;
 color:#000;
 font: 0.75em/120% "Myriad Web Pro", "Tahoma", Verdana, Helvetica, Arial, sans-serif;
 line-height:1.4;
 margin:0;
 padding:0;
 text-align:center;
}
#wrap{
margin:0 auto;
text-align:center;
    width:1024px;

}
#header{
 padding:0;
 color:#fff;
 font-size:10pt;
 line-height: 55px;
}
#header_container{
 height:98px;
 color:#fff;
 font-size:10pt;
 margin: 0 auto;
 width: 1024px;
}
#header_container div{ margin-top:15px;}

#container{
 margin: 0 auto;
 width: 1024px;
 text-align:center;
 padding-top:1.5em;
}
.in_conteiner { text-align:left; }

#content{
 font-size:10pt;
 width:760px;
 float:left;
}
#contentbox{
    border-top:1px dotted #999;
	width:100%;
	margin:0;
    padding:4px;
}
#kategorien{
	float:left;
	width:180px;
}
#archive{
        margin-left:20px;
	float:left;
	width:150px
}
#sidebar{
 color:#FFF;
 font-size:10pt;
 float : left ;
 width : 200px ; 
}
#menu{
        height:15px;
        line-height:15px;
	margin:0 auto; padding:0;
}
#footer_container{ width:100%; }

#footer{
 border-style:dashed;
 border-color:#a7af98;
 border-width:1px 0px 0px 0px;
 color:#fff;
 font-size:0.9em;
 width:100%;
 clear:both;
}
.banner{
 text-align:center;
 margin:0 0 1em 0;
}


.menu {
margin-top:17px;
}
.menu img {
margin:0;
}
.menu a {
margin:0;
}
/*************************************
 +Headline
 *************************************/
h1, h2, h3{
	font-weight:normal;
	margin:0;
}

.entrytitle h2{
 font-size:16pt;
 letter-spacing:-1pt;
 margin-bottom:5px;
}

.entrytitle_center h2{
 font-size:16pt;
 letter-spacing:-1pt;
 margin-bottom:5px;
 text-align:center;
}
.entrytitle h2 a{
 color:#FFF;
 padding:0 8px;
 text-decoration:none;
}

.entrytitle_center h2 a{
 color:#FFF;
 border-left:white 10px solid;
 border-right:white 10px solid;
 text-decoration:none;
}
.entrytitle h2 a:hover, .entrytitle_center h2 a:hover{
	color:#7ABE2D;
}
#sidebar h3{
	color:#000;
	font-size:1.5em;
	margin:2px;
    font-weight:bold;
}
/*************************************
 +works_Page_template
 *************************************/
.page_title {
 padding-left:25px;
 font-weight:normal;
 color:white;
 margin:1em 0 1em 0;
}

/*************************************
 +works_Page_template
 *************************************/
.page_entrybody {
 width:750px;
 margin:0px 5px;
 font-size:10pt;
 color:#353535;
}
#page_top_bg {
 background: url(./images/page_top_bg.gif);
 width:760px;
 height:6px;
}
#page_body_bg {
 background: url(./images/page_body_bg.gif);
 width:760px;
}
#page_bottom_bg {
 background: url(./images/page_bottom_bg.gif);
 width:760px;
 height:6px;
 clear:both;
}
#page_body_bg a img {
 margin:1px;
}

#page_body_bg a {
	color: #000;
	text-decoration: none;
}
.page_entrybody a {
	color: #000;
	text-decoration: none;
}
#page_body_bg a:hover {
	color: #c3e490;
	text-decoration: none;
}

.detail {
 color:#000;
 font-size:10pt;
 float : left ;
 width : 400px ; 
}
.page_caption{
 font-size:11pt;
 font-weight:normal;
 color:#000;
 margin:1em 0 1em 0;
 border-style:dashed;
 border-color:#5A5F53;
 border-width:0px 0px 1px 0px;
}

.page_video{
 font-size:10pt;
 width:350px;
 float:right;
 margin:0.5em 0 1em 0.5em;
}

/*** Single_page_image **/

#single_top_bg {
 background: url(./images/single_top_bg.jpg);
 width:760px;
 height:33px;
}
#single_body_bg {
 background: url(./images/single_body_bg.jpg);
 width:760px;
 background-color:#ffffff;
}
#single_bottom_bg {
 background: url(./images/single_bottom_bg.jpg);
 width:760px;
 height:33px;
 clear:both;
}


/*************************************
 +Entry
 *************************************/
.entry, .post {
 color:white;
 margin-bottom: 0.8em;
 margin-left:10px;
 width:95%;
 margin-left:10px;
 padding:20px 5px 5px 5px;
 background:url(./images/post_angle.jpg);
 background-repeat:no-repeat;
}
.entry p{
        padding:4px;
}
.entrybody ul{
 list-style-type:disc;
 padding:4px;
}
.entrybody li{
 margin-left:2em;
 list-style-type:decimal;
}
.entry code{
        padding:4px;
        background:#ccc;
}
.entry h3{
        padding:2px;
        margin:2px;
        font-weight:bold;
        font-size:1.2em;
}
.postinfo {
	font-size: 8pt;
    margin-left:10px;
}
.entrybody {
 width:100%;
 background-color:#69776b;
 margin-left:0px;
 padding:10px 5px 5px 5px;
 border-style:dashed;
 border-color:#252a1a;
 border-width:1px 0px 1px 0px;
}
.entrymeta {
	margin-top: 12px;
	color: #000;
	font-size: 1em;
}
.author {
	font-weight: bold;
	color: #FF6300;
}
.comments {
	font-size:9pt;
        padding-left: 20px;
	background:  url(./images/comments.gif) no-repeat;
	font-weight: bold;
}
.postmetadata {
 background-color:#949B87;
 padding: 0.5em;
 color: #000;
 margin-top: 30px;
}
#content blockquote {
	margin:20px;
	padding:1px 10px 1px 70px;
	background: transparent url( images/quote.png ) top left no-repeat;
}
.alignleft{
 text-align:left;
 font-size:12pt;
 float:left;
}
.alignright{
 text-align:right;
 font-size:12pt;
}

/*************************************
 +Content Box
 *************************************/
#archive, #kategorien ul{
	list-style-type:none;
}
#kategorien li, #archive li{
	display: block;
    font-size: 1em;
    text-align: left;
	text-decoration: none;
    border-bottom: 1px dotted #000;
}
#kategorien li a, #archive li a, #kategorien li a:visited, #archive li a:visited {
	display: block;
	text-decoration: none;
	padding: 1px 5px 1px 10px;
	height: 17px;
}
#kategorien li a:hover, #LastEntrys li a:hover, #archive li a:hover, #kategorien li a:active, #LastEntrys li a:active, #archive li a:active{
        background:#7ABE2D;
        color:#fff;
}

#archive h2, #kategorien h2 {
	font-weight:bold;
	font-size: 1.2em;
}

 #LastEntrys li a, #LastEntrys li a:visited, {
	display: block;
	text-decoration: none;
	padding: 0px 0px 0px 10px;
	font-size:0.9em;
}

/*************************************
 +Sidebar
 *************************************/

#sidebar ul{
	list-style-type:none;
	margin:0;padding:0;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:10px;
}
#sidebar ul li{
	padding:0px;
}
#sidebar a{
color:#FFF;
}



h2.caption {
 font-size:11pt;
font-weight: bold
}

/*************************************
 +Footer
 *************************************/
#footer_container{
 padding-top:30px;
}

.copy {
 color:#BDC1B7;
 text-align:center;
 font-size:8pt;
 text-decoration:none;
}
.copy a {
 text-decoration:none;
}
/*************************************
 +Comments
 *************************************/
.commentsblock{
	margin:0;
	padding:0;
}

.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	color:#000;
	font-size:0.9em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}
.commentlist li{
	padding:0.5em;
}

.alt{
 background-color:#949B87;
	border-top: 1px solid #939393;
	border-bottom: 1px solid #939393;
	padding: 0.8em;
        color: #000;
}

.normal{
 padding: 0.8em;
 color: #000;
}

h3#comments{
 font-size:1.3em;
}

h3#respond{
 font-size:1.3em;
 margin-top: 30px;
}

.countcomment{
 color:#000;
}

.commentmetadata
{
 font-size:0.9em;
}

.gravatar
{
 float:left;
 border:1px solid #000;
 margin-right: 5px;
 margin-top: 5px;
 width: 36px;
 height: 36px;
}

/*************************************
 +Misc
 *************************************/

a{
 color:#FFF;
 text-decoration:underline;
}
a:hover{
	color:#7ABE2D;
}
.nodisplay {
        left: -5000px;
        position:absolute;
}
.bold {
        font-size:1em;
        font-weight:bold;
}
.trennen {
        background:#fff url(./images/trennung.gif) no-repeat;
        margin-top: 5px;
        margin-bottom: 5px;
        margin:0 auto;
}
input{
 border: 2px solid #474b3f;
 font-size: 11pt;
 background-color:#D3D8CC;
}

textarea {
   border: 1px solid #939393;
   padding: 2px;
   font-size: 1.0em;
 background-color:#D3D8CC;
}

.clear { clear:both; }

p
{
        margin-bottom: 5pt;
}
