/*  
Theme Name: studio laut
Theme URI: http://www.studio-laut.com
Description: A simple green - white theme on  <a href="http://www.studio-laut.com" target="_blank">studio laut</a>.
Version: 1.7
Author: laut
Author URI: http://www.studio-laut.com/
Tags: simple,widget ready,two columns,sidebar right,green,valid XHTML,valid CSS,ie6, ie7,firefox 2.0, opera 9.0

/* HTML Elements */

* {margin:0; padding:0; }

body{ 
font: normal 12px/200% Sans-Serif; 
voice-family: "\"}\"";  
voice-family: inherit; 
color: #333333;
background:#EDF5DA url(http://www.studio-laut.com/images/bg.jpg) repeat-x top;
 }

div#container{
width:760px; 
margin:0 auto;
background-color:#FFFFFF;
}

div#header {
	width:760px;
	height:90px;
	background-image:url(http://www.studio-laut.com/blog/wp-content/themes/studiolaut/images/header.jpg);
	background-repeat:no-repeat;
	display:block;
}

div#content{
float:left; 
background:#fff; 
width:530px; 
padding: 10px 10px 10px 5px; 
}

div#bottombg{
background:#000; 
height: 7px; margin: 0 auto;
}

div#sidebar{
float:right;  
color:#000; 
padding: 0 0 30px 0; 
width:210px;
}

div#footer{
clear:both; background:#ffffff; 
color:#333333; 
width:760px; 
text-align: center;
margin:0px auto;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #98C830;
	text-align:center;
}

div.description {
text-align: left; 
color: #333333; 
margin-left: 375px; 
padding-right: 5px; 
width:380px; 
font-size:10px; 
line-height:130%;
}

p {	
margin: 1.2em 0;
}

a:link, a:visited {
color:#009900;
text-decoration:none;
}

a:hover, a:active {
color:#009900;
text-decoration:underline; 
}

hr {
display: block;
height:1px;
background:#333;
border:0;
}

small {
font-size: 0.95em; 
background:#E6F3CF; 
padding:3px 3px;
display:block;
}

img { 
border: none; 
padding: 5px; 
max-width: 98%;
}

img,a:link img,a:visited img { 
text-decoration:none;
}

.left { 
float: left;
}

.right {
float:right;
}

.clearfloat:after {
display:block;
visibility:hidden;
clear:both;
height:0;
content:"."; 
}

.clearfloat {
display:inline-block
}

.clearfloat {
display:block
 }

blockquote {  
margin:1em;  
padding:1em;  
font-style:nomal;    
background-color:#999999;	
border-left:#FF5B33 2px solid;
}

pre { 
overflow:auto; 
margin:0 0 18px 0; 
padding:4px;
}

pre, code, kbr {
font-family:Courier, Monaco, monospace;
}

code, kbr {
padding:2px; color:#009193;
}

abbr, acronym { 
font-size:0.9em; 
letter-spacing:1px; 
}

.clear { 
clear:both; 
}

/******** Wordpress Styles ********/

.aligncenter, div.aligncenter {    display: block;  margin-left: auto;  margin-right: auto; }
.alignleft {   float: left; }
.alignright {  float: right }

.wp-caption {  border: 1px solid #ddd;  text-align: center;  background-color: #f3f3f3;  padding-top: 4px;  margin: 10px;
}

.wp-caption img {   margin: 0;   padding: 0;  border: 0 none;}
.wp-caption p.wp-caption-text {  font-size: 11px;  line-height: 17px;  padding: 0 4px 5px;   margin: 0; }
img.centered {	display: block;	margin-left: auto; 	margin-right: auto;	}
img.alignright {padding: 4px;	margin: 0 0 2px 7px;	display: inline;	}
img.alignleft {	padding: 4px;	margin: 0 7px 2px 0;	display: inline;	}
.smallattachment {	text-align: center;	float: left;	width: 128px;	margin: 5px 5px 5px 0px;}
.attachment {	text-align: center;	margin: 5px 0px;}


/* Heads */

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: Sans-Serif; font-weight:normal; color: #333;}
h1 { font-size: 2.6em; font-weight: normal; }
h2{ background: url(images/midashi.png) no-repeat left; padding-left:20px; font-size: 1.2em; font-weight:bold;color: #000; letter-spacing:2pt; margin-bottom: 5px; }
h3{ font-size: 1.8em; color: #000; letter-spacing:2pt; margin-bottom: 5px; }
h4{ font-size: 1.1em; color: #000; letter-spacing:2pt; }
h2.pagetitle { background: url(images/info.png) no-repeat left; padding-left:18px; font-size: 1.5em; color: #ffa349; letter-spacing:2pt; margin: 10px 0px 10px 10px; }
div#header h1{height:40px;line-height:40px;margin:0;padding-left:370px; padding-top:7px;padding-bottom:5px;color: #79B30B;}


/* Post Elements */

.post a { color: #009900; text-decoration:underline;}
.post a:hover{ color: #FF6600; text-decoration:underline;}
.post h2 {margin-bottom: 10px;}
.post h2 a{color: #009900; text-decoration:none; border: none;}
.post h2 a:hover{color:#009900; text-decoration:underline; border:none;}
.post {padding: 10px 10px 0px 10px; }
.post hr { display: block;}
.post blockquote { background: #fff url(images/blockquote.png) no-repeat left top; color:#B1B1B1; padding-left: 30px; border:none; margin:20px 0px 20px 0px;}
.post blockquote p { margin: 0px 0px 0px 0px; padding: 0 0px 10px 0px;}
.navigation { padding:10px; margin:20px 0px 20px 0px;}
a.more-link{ color: #009900; padding-right:10px; background:url(images/more.gif) center right no-repeat; text-decoration:none; border:none; }
a:hover.more-link { color: #009900; padding-right:10px; background:url(images/more.gif) center right no-repeat; text-decoration:underline; border:none;}
.postmetadata {font-size: 0.95em;background:#f3ffda; border-bottom:1px solid #dcff92; margin:15px 0px; padding:3px 3px;display:block;}
span.author-meta { background: url(images/author-mini.png) no-repeat left; padding-left: 12px; margin-right: 5px;}
span.date-meta { background: url(images/date.png) no-repeat left; padding-left: 12px; margin-right: 5px;}
span.category-meta { background: url(images/category.png) no-repeat left; padding-left: 12px; margin-right: 5px;}
span.comments-meta{ background: url(images/comment.png) no-repeat left; padding-left: 12px; margin-right: 5px;}
span.tags-meta{ background: url(images/tags.png) no-repeat left; padding-left: 10px;}

a.posts-rss { background: url(images/mini-rss.png) no-repeat left; padding-left: 15px; font-size:10px;}
a.comments-rss { background: url(images/mini-rss.png) no-repeat left; padding-left: 15px; font-size:10px;}
a.subscribe-feed { background: url(images/feedburner.png) no-repeat left; padding-left: 15px; }
/* Sidebar Elements */

#sidebar a { color: #333333; border-bottom: 1px dotted #006600;}
#sidebar a:hover{ color: #99CC33; text-decoration: none; }
#sidebar h2{ background: url(images/h2bgside2.gif) no-repeat left; padding-left:15px; font-size: 1.4em; color: #7AA228; letter-spacing:2pt; margin: 10px 0px 10px 0px; }

/*List Styles */

#sidebar ul li { list-style-type: none; margin: 0px; padding:0px 5px 0px 5px;}
#sidebar ul li ul { list-style-type: none; margin: 5px 0px 5px 0px; letter-spacing: 1pt;}
#sidebar ul li ul li { list-style-type: none;}

ul { list-style-type: none;} 
ul li { list-style-type: circle;  margin: 3px 0 3px 30px;}
ul ul li { margin: 3px 0 3px 30px; list-style: circle; }
ul ul { margin: 0 0 15px 0;}
ol { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } 
ol li { margin: 0 0 0 30px;}

/* Comments List*/

#comment,.comment {padding: 0px 20px 10px 20px; }
#commentlist{ padding: 0; text-align: justify; font: 0.9em Sans-Serif; }
#commentlist li { text-transform: lowercase;	margin: 15px 0 3px;	padding: 5px 10px 3px;	list-style: none;	}
#commentform input, #commentform textarea { font: 0.9em  Sans-Serif; }
#commentlist li .avatar { float: right;	border: 1px solid #eee; padding: 2px; background: #fff; }
#commentlist cite{  background:url(images/comment.png) no-repeat left;  padding-left: 15px;	font-weight: bold;font-style: normal;font-size: 1.1em;  }
#commentlist cite a {	font-weight: bold;	font-style: normal;	font-size: 1.1em;	}
#commentlist p {	font-weight: normal;	line-height: 1.5em;	text-transform: lowercase;	margin: 10px 5px 10px 0;	}
small.commentmetadata { background:none;	font-weight: normal;	}
#commentform p { font-family: Sans-Serif; margin: 5px 0; }
.nocomments {	text-align: center;	margin: 0;	padding: 0;	}

.commentmetadata {
margin: 0; 
display: block;
}

#commentlist .alt { 
background:#f3ffda; 
border-bottom:1px solid #dcff92; 
border-top:1px solid #dcff92;	
margin:10px 0px 10px 0px;	
padding: 10px;	
}

.count { line-height:30px; float:left; font-size:36px; color:#ccc; padding:10px 0px 0px 10px; margin-right:5px; }
#commentlist .trackback{  background:#E6F3CF;  margin-bottom: 5px;  margin-top: 5px; }
#commentlist .trackback cite{  background:url(images/pingtrackback.gif) no-repeat left;  padding-left: 15px; font-weight: bold; font-style: normal; font-size: 1.1em;}
#commentlist .pingback{ background:#E6F3CF; margin-bottom: 5px; margin-top: 5px;	}
#commentlist .pingback cite{background:url(images/pingtrackback.gif) no-repeat left; padding-left: 15px;	font-weight: bold;font-style: normal; 	font-size: 1.1em;	}

/* form */
	
#commentform {background-color:#E6F3CF;}
#commentform form {padding:5px 0;}
#commentform {margin-bottom:18px;}
#commentform fieldset {border:0 solid;} /* Opera */
#commentform label {margin:0 15px 0 10px;}
#contactform label {margin:0 15px 0 0;}
#commentform em { margin-left:5px; font-size:0.9em; font-style:normal;}
#commentform input, #commentform textarea { padding:3px; border:1px solid; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:1em;}
#commentform  textarea {overflow:auto;}
#commentform input {width:200px;}
#commentform textarea {width:325px;}
#contactform textarea, #contactform #bx_subject {width:465px;}
* html #commentform textarea {width:320px;} /* IE WIN*/
* html #contactform textarea,
* html #contactform #bx_subject {width:445px;} /* IE WIN*/
#commentform label {  display:block;  float:left;  width:60px; }
#commentform .button { width:90px !important; border-bottom:1px solid; font-weight:bold; }
#commentform .button {margin-left:90px;}
#contactform .button {margin-left:75px;}
#commentform .hiddenfield {display:none;}
#commentform .info {padding-left:90px;}
#commentform p {  padding:6px 0; border-bottom:1px solid #fff; }
#commentform label { color:#545454;}
#commentform em {color:#C8C8B4;}
#commentform input {color:#414141;}

#commentform input, #commentform textarea {
border-color:#DCDCDC #F0F0F0 #F0F0F0 #DCDCDC;
}

#commentform input:focus, #commentform textarea:focus {
border-color:#b5c98b;
}

#commentform .button {
color: white; 
border-color:white #DCDCDC #DCDCDC white; 
background-color:#009900;
}

#title {
	padding: 0;
	margin: 0;
	clear:both;

}

#blog_title{
	background-image: url(http://www.studio-laut.com/blog/wp-content/themes/studiolaut/images/blog_title.jpg);
	background-repeat: no-repeat;
	width:760px;
	height:60px;
	text-indent: -9999px;
    text-decoration: none;
}

/* gnavi styles */
#gnavi {
	width:760px;
	height:30px;
	background:url(http://www.studio-laut.com/images/gnavi_bg.gif) repeat-x;
}

#gnavi ul,#fnavi ul{
    list-style:none;
	padding: 0;
	margin: 0;
}

#gnavi li,#fnavi li{
	display : inline;
	float: left;
	padding: 0;
	margin: 0;
}

.bt01 a {
	width:113px;
	height:30px;
	background:url(http://www.studio-laut.com/images/bt01.gif) no-repeat top;
	display:block;
	text-indent: -9999px;
    text-decoration: none;
}

.bt01 a:hover{
	width:113px;
	height:30px;
	background:url(http://www.studio-laut.com/images/bt01.gif) no-repeat bottom;
	display:block;
	text-indent: -9999px;
    text-decoration: none;
}

.bt02 a {
	width:116px;
	height:30px;
	background:url(http://www.studio-laut.com/images/bt02.gif);
	background-repeat:no-repeat;
	background-position:top;
	display:block;
	text-indent: -9999px;
    text-decoration: none;
}

.bt02 a:hover{
	width:116px;
	height:30px;
	background:url(http://www.studio-laut.com/images/bt02.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	display:block;
	text-indent: -9999px;
    text-decoration: none;
}

.bt03 a {
	width:129px;
	height:30px;
	background:url(http://www.studio-laut.com/images/bt03.gif);
	background-repeat:no-repeat;
	background-position:top;
	display:block;
	text-indent: -9999px;
    text-decoration: none;
}

.bt03 a:hover{
	width:129px;
	height:30px;
	background:url(http://www.studio-laut.com/images/bt03.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	display:block;
	text-indent: -9999px;
    text-decoration: none;
}


.bt04 a {
	width:116px;
	height:30px;
	background:url(http://www.studio-laut.com/images/bt04.gif);
	background-repeat:no-repeat;
	background-position:top;
	display:block;
	text-indent: -9999px;
    text-decoration: none;
}

.bt04 a:hover{
	width:116px;
	height:30px;
	background:url(http://www.studio-laut.com/images/bt04.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	display:block;
    text-decoration: none;
}

.bt05 a {
	width:126px;
	height:30px;
	background:url(http://www.studio-laut.com/images/bt05.gif);
	background-repeat:no-repeat;
	background-position:top;
	display:block;
	text-indent: -9999px;
    text-decoration: none;
}

.bt05 a:hover{
	width:126px;
	height:30px;
	background:url(http://www.studio-laut.com/images/bt05.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	display:block;
	text-indent: -9999px;
    text-decoration: none;
}


.bt06 a {
	width:72px;
	height:30px;
	background:url(http://www.studio-laut.com/images/bt06.gif);
	background-repeat:no-repeat;
	background-position:top;
	display:block;
	text-indent: -9999px;
    text-decoration: none;
}

.bt06 a:hover{
	width:72px;
	height:30px;
	background:url(http://www.studio-laut.com/images/bt06.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	display:block;
	text-indent: -9999px;
    text-decoration: none;
}

.bt07 a {
	width:88px;
	height:30px;
	background:url(http://www.studio-laut.com/images/bt07.gif);
	background-repeat:no-repeat;
	background-position:top;
	display:block;
	text-indent: -9999px;
    text-decoration: none;
}

.bt07 a:hover{
	width:88px;
	height:30px;
	background:url(http://www.studio-laut.com/images/bt07.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	display:block;
	text-indent: -9999px;
    text-decoration: none;
}

.bt16 a{
	width:72px;
	height:30px;
	background:url(http://www.studio-laut.com/images/bt06.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	display:block;
	text-indent: -9999px;
    text-decoration: none;
}

#fnavi {
	margin:5px auto;
}

#fnavi a  {
	color: #333333;
	text-decoration:underline;
}

#fnavi a:hover  {
	color: #7AA228;
}

.fn {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	padding:0px 6px;
	color: #666666;
}

.fn_on {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	padding:0px 6px;
	color:#FF6600;
	text-decoration: none;
}

.fn2 {
	padding:0px 6px;
	color: #666666;
}

.fn2_on {
	padding:0px 6px;
	color:#FF6600;
	text-decoration: none;
}

div#copy {
	clear:both;
	width:730px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #98C830;
	font-size: 10px;
    color:#999999;
	margin:2px 15px;
}

/* Calendar styles */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 180px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
background-color:#FFFFFF;
color:#009900;
border:1px solid #ffffff;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
background-color:#FFFFFF;
color:#009900;
border:1px solid #ffffff;
}

#wp-calendar #prev a:hover,#wp-calendar #next a:hover {
color:#99CC33;
text-decoration:underline;
}

#wp-calendar a {
display: block;
font-weight:bold;
color:#ffffff;
background-color:#C2E085;
border:1px solid #ffffff;
}

#wp-calendar a:hover {
color:#009900;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 1px 0;
text-align: center;
}

.gravatarside{
	position:absolute;
	margin-left:450px;
	height:34px;
	width:34px;
}

.gravatarside img{
	border:1px solid #E1E1E1;
	padding: 2px;
}

#track{
	padding: 0px 20px 20px 20px;
}

.come_t,#respond,.rl_10{
	padding: 0px 10px 0px 10px;
}