/*

Theme Name: Without Walls

Description: Modification of <a href="http://www.koch-werkstatt.de" title="Kochwerkstatt">Simplicity Bright</a>.

Version: 0.1 english

Author: Anthony Million

*/



html, body {

	margin: 0;

	padding: 0;

	text-align: center;

}



body {

	background: #ffffff;

	font: 12px Verdana, Arial, 'Helvetica', sans-serif;

        padding: 0;

}





blockquote {

	border-left: 1px solid #326ea1;

        color: #555555;

        font-size: 1.00em;

        padding-left: 10px;

        padding-right: 10px;

	margin: 0 30px;

}



a {

	color: #326ea1;

	text-decoration: none;

        outline: none;

}



code {  background: #f5f5f5;

        border: 1px solid #cccccc;

	color: #555555;

        font: 11px Verdana, Arial, 'Helvetica', sans-serif;

        padding: 10px;

	text-align: left;

}



/*#####################*/

/*### Headlines ###*/

/*#####################*/



h1 a {

	color: #326ea1;

        font-weight: 100;

	font: 24px Arial, 'Helvetica', Verdana, sans-serif;

        margin: 0 0 0 0;



	text-decoration: none;

        display: block;

}



h1 {

	color: #326ea1;

        font-weight: 100;

	font: 24px Arial, 'Helvetica', Verdana, sans-serif;

        margin: 0 0 0 0;

	padding: 3px 0px 3px 0px;

	text-decoration: none;

}



h2, h2 a {

	color: #326ea1;

        font-weight: 100;

        font: 20px Arial, 'Helvetica', Verdana, sans-serif;

        margin: 0 0 3px 0;

	padding: 0;

}



h3, h3 a {

	color: #326ea1;

        font-weight: 100;

	margin: 15px 0 0px 0;

	padding: 0;

}



h4 {    color: #326ea1;

	font: 12px Verdana, Arial, 'Helvetica', sans-serif;

	font-weight: normal;

	margin: 0;

	padding: 0;

}



img {

	border: none;

        }



ol, form {

	margin: 0;

	padding: 0;

}



p {

	line-height: 1.7em;

	text-align: justify;

}



.entry {

	line-height: 1.3em;

	text-align: justify;

}



small {

	font-size: 10px;

}



#page {

	background: transparent;

        margin: 0 auto;

	padding: 0;

	text-align: left;

	width: 810px;

}



/*################*/

/*### Header   ###*/

/*################*/



#header {

        background: transparent;

        overflow: hidden;

        color: #383d44;

	font-size: 13px;



/*######## Height was 95 before  ########*/



        height: 150px;

	margin: 0 auto;

        text-align: left;

	padding: 0 0 0 0;

}



#header a {

	color: #383d44;

}



#header a:hover {

	color: #669933;

}



#header h2 {

        float: left;

        font: 30px Georgia, 'Times New Roman', Times, serif;

	margin:0;

	padding: 0px 15px 0 0;

	border-right:1px solid #cccccc;

	}



#header h2 a { 

       text-decoration:none;

       font: 30px Georgia, 'Times New Roman', Times, serif;

        }



/*######## Padding was 35. Margin was 0.  ########*/



#blogname {

        padding-top: 45px;

        margin-left: 150px;

}



#header p {

        padding: 13px 0 0 10px;

	margin:0;

	line-height: 1em;

}



/*###################*/

/*### Topmenu ###*/

/*###################*/



#top {

          background: #4b4e52;

          border-bottom: 3px solid #731012;

          height: 32px;

          margin: 0 auto;

          width:100%;

          text-align: center;

          overflow: hidden;

}



#topbar { height: 34px;

          width: 810px;

          margin: 0 auto;

          padding: 0;

          text-align: center;

}



ul.topmenu {

        background: transparent;

        float: left;

        margin: 0 auto;

	padding: 0;

	list-style-type: none;

}



ul.topmenu li {

	float: left;

}



ul.topmenu li a {

	float: left;

	display: block;

        height: 34px;

	padding: 9px 20px 0 0px;

	color: #cbcbcb;

}



ul.topmenu li a:hover {

	color: #ffffff;

        text-decoration: none;

}



/*################*/

/*### Content  ###*/

/*################*/



#content {

	background: transparent;

        border: none;

	color: #282828;

	float: left;

	margin: 5px 0px 0px 0px;

	padding: 0 40px 0 0px;

        text-align: left;

	width: 510px;

}





#content a:hover {

        color: #669933;

        background: transparent;

        text-decoration: none;

}







#content img {

	float: left;

	margin: 3px 10px 5px 0;

        _margin: 3px 5px 5px 0;

	border: 1px solid #cccccc;

        padding: 5px;

        background-color: transparent;

}



#content a:hover img { 

        border: 1px solid #777777; 

        background: transparent;

}



#content h1 a:hover { 

        color: #669933; 

        background: transparent; 

        text-decoration: none; 

}



#content h2 a:hover { 

        color: #669933; 

        background: transparent; 

        text-decoration: none; 

}



#content h3 a { 

        text-decoration: none; 

}



#content h3 a:hover { 

         color: #669933; 

         background: transparent; 

         text-decoration: none; 

}



#content h4 {

	font: 12px Verdana, Arial, 'Helvetica', sans-serif;

        padding: 0;

}



#content ul {

         list-style-type: circle; 

         margin: 0 0 0 25px; 

         padding:  0 0 0 0; 

}



#content ul li {

         line-height: 1.5em; 

         margin: 0; 

         padding: 5px; 

}



/*############################*/

/*#### Comments #### */

/*############################*/



#comment {

        background: #fafafa;

	border: 1px solid #cccccc;

	color: #444444;

	font-size: 13px;

	padding-left: 2px;

	vertical-align: middle;

	width: 510px;



}



.commentbody {

        background: #fafafa;

	border: 1px solid #cccccc;

	color: #444444;

	font-size: 13px;

	margin: 0 0 10px 0;

	padding: 15px 15px 5px 15px;

	position: relative;

        -moz-border-radius: 10px;

}



.commentbody a {

	color: #aa0000;

        text-decoration: none;

}

.commentbody a:hover {

	color: #2d5175;

        text-decoration: none;

}



.commentbody p {

	line-height: 1.2em;

}



.commentlink {

	font-size: 13px;

}



.commentlist {

	list-style: none;

}



#email, #author {

	background: #fafafa;

	border: 1px solid #cccccc;

	color: #444444;

        font: 12px Verdana, Arial, 'Helvetica', sans-serif;

	padding-left: 5px;

	vertical-align: middle;



}



#url {

	background: #fafafa;

	border: 1px solid #cccccc;

	color: #444444;

        font: 12px Verdana, Arial, 'Helvetica', sans-serif;

	height: 16px;

	padding-left: 5px;

	vertical-align: middle;

}



#submit {

	background: #fafafa;

	border: 1px solid #cccccc;

	color: #444444;

        font: 12px Verdana, Arial, 'Helvetica', sans-serif;

	margin: 0;

	padding: 0 10px;



}



textarea {

        overflow:auto;

}



/*################*/

/*#### Footer ####*/

/*################*/



#footer {

        background: #e6e3d7;

        border-top: 1px solid #cccccc;

        height: 50px;

        clear: both;

	color: #363636;

        margin: 0;

	padding: 0;

        text-align: center;

        overflow: hidden;

        margin-top: 20px;

}



#footer a {

        color: #363636;

        text-decoration: none;

}



#footer a:hover {

        color: #731012;

        text-decoration: none;

}



/*################*/

/*### Search ###*/

/*################*/



.s {

	background: transparent;

        border: 1px solid #c7c7c7;

	color: #383d44;

        font: 12px Verdana, Arial, 'Helvetica', sans-serif;

	height: 18px;

	padding-left: 3px;

        padding-top: 4px;

	vertical-align: middle;

        margin-right: 5px;  

	width: 215px;

}



.searchform  {

        background-image: url(http://weblog.amillion.us/wp-content/uploads/2009/01/viewmag.png);

        background-repeat: no-repeat;

        background-position: center right;

}



/*################*/

/*#### SIDEBAR ###*/

/*################*/



#sidebar {

        width: 250px;

        text-align: left;

        float: left;

        margin: 5px 0px 30px 0px;

        padding: 0;

        line-height: 1.45em;

        color: #383d44;

        }

#social {
        
        margin-top: 20px;
         
}

.sidelist {

        background: transparent;

        margin: 0 0 20px 0;

        padding: 0;

        }



#sidebar ul {

	list-style: none;

	margin: 0;

	padding: 0;

        border: none;

}



#sidebar li{

        margin: 0;

        padding: 0;

        display: block;

	}



#sidebar li a {

        display: block;

        background-color: transparent;

        color: #383d44;

        padding: 5px 5px 5px 5px;

	text-decoration: none;

        border-bottom: 1px solid #cccccc;

	}



#sidebar li a:hover {

        color: #669933;

	background-color: #e3e6d7;

        text-decoration: none;

	}



#sidebar h2{

        background: inherit;

        color: #326ea1;

        font: 24px Arial, 'Helvetica', Verdana, sans-serif;

        font-weight: 100;

        padding: 3px 0px 3px 0px;

        margin: 0;

}



#wrapper {

	float: left;

	margin: 0;

	padding: 0;









}



.cloud a {

       color: #333;

}



.cloud a:hover {

      color: #669933;

}



.alignleft {



	float: left;

	text-align: left;

        margin-bottom: 10px;

}



.alignright {

	float: right;

	margin-top: -1px;

	text-align: right;

        margin-bottom: 10px;

}





.date {

	background: transparent;

	color: #363636;

	font: 11px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;

	margin: 0;

	padding: 0;

}



.postmetadata {

        background: transparent;

        font-style: italic;

        color: #363636;

        line-height: 1.5em;

	margin: 15px 0 20px 0;

	padding:3px 3px 3px 3px;

	text-align: right;

        clear:both;

}



.postmetadata a {background: transparent; color: #363636; text-decoration: none;}



.postmetadata2 {

        background: #eeeeee;

        color: #282828;

        border: 1px solid #cccccc;

        font-size: 11px;

        line-height: 1.3em;

	letter-spacing: 0em;

	margin: 0 0 20px 0;

	padding: 5px;

	text-align: left;

        clear:both;

        -moz-border-radius: 10px;

}



/* different postmetadata style for single.php */



.alt {

	line-height: 1.3em;

	padding: 10px;

}



.alt a {

	background: inherit;

	color: #aa0000;

        text-decoration: none;

}



.commentheader {

        background: inherit;

        font-size: 18px;

        font-weight: lighter;

        text-align: left;

        color: #326ea1;

        padding: 0;

        line-height: 1.5em;

}



.clear {clear:both;}



<!--######################-->

<!--### Menü im Footer ###-->

<!--######################-->



#bottom {

        clear: both;

	height: 100%;

	margin: 0;

	padding: 0px;

	background: transparent;

	text-align: left;
   
        line-height: 1.5em;

        color: #383d44;

        width: 810px;
	} 

#bottom-left {

	width: 30%;

	padding: 0 0 25px 0;

	float: left;

}



#bottom-mid {

	width: 30%;

	padding: 0 0 25px 40px;

	float: left;

}



#bottom-right {

	width: 30%;

        margin-right: 10px;

	padding: 0 0 25px 0;

	float: right;

	}



#bottom h2 {

        font: 24px Arial, 'Helvetica', Verdana, sans-serif;

        font-weight: 100;

	margin: 25px 0 5px 0;

	padding: 0 1px;

        color: #326ea1;

	}



#bottom ul {

	list-style: none;

	margin: 0;

	padding: 0;

	border: none;

	}

#bottom li {

        border-bottom: 1px solid #cccccc;

        margin: 0;

        padding: 0;

        display: block;

	}

#bottom li a {

        display: block;

        background-color: transparent;

        color: #383d44;

	padding: 7px 5px 7px 5px;

	text-decoration: none;

        border-bottom: 0;

	}

#bottom li a:hover {

	color: #669933;

	background-color: #e6e3d7;

        text-decoration: none;

	}