/*

Theme Name: sustainable
Theme URI: http://www.LetsEat.at
Description: A clean, lightweight template.
Version: 1.2
Author: LetsEat.at
Author URI: http://www.LetsEat.at
Tags: blue, orange, white, fixed width, two columns, widgets

This template is being distributed under Creative Commons Attribution Unported 3.0:
http://creativecommons.org/licenses/by/3.0/

Please leave a link back to our site at the bottom of yours. Aside from that, you can do whatever you want with it. Thanks!

v1.2 - Added clearfix to fix those pesky floated images, removed image borders.
v1.1 - Fixed a broken tag

*/

* {
  padding:0;
  margin:0;
  list-style:none;
}

html {
  background:#ffffff;
}

body {
  width:960px;
  margin:0;
  font:62.5% 'Trebuchet MS', Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5 {
  font-size:1.6em;
  color:#666666;
}

img {
  border:0;
}

#masthead {
  padding-top:50px;
  padding-bottom:5px;
}

h1 {
  font-size:4.8em;
  margin-left:30px;
  margin-right:5px;
  color:#666666;
  display:inline;
}

h1 a {
  color:#A0D1D3;
  text-decoration:none;
}

#masthead p {
  font-weight:bold;
  display:inline;
  font-size:1.4em;
}

p, li {
  color:#666666;
}

a {
  color:#666666;
  outline:none;
}

div#content {
  background:#FFF;
  padding:30px 30px 0px;
}

/*-----------------------------------------------------------------------------

  Main Content

-----------------------------------------------------------------------------*/

#main_content {
  width:635px;
  margin:0;
margin-left:25px;
float: left;
}

#main_content h2 {
  color:#A0D1D3;
  font-size:2em;
  margin-bottom:10px;
}

#main_content h2 a {
  color:#A0D1D3;
  text-decoration:none;
}

#main_content p {
  font-size:1.0em;
  line-height:2em;
  margin:10px 0;
}

.article {
  margin-bottom:30px;
}

.article blockquote {
  padding-left:10px;
  margin:15px 10px;
  border-left:5px solid #FFD396;
}

.article ul, .article ol {
  margin:10px;
}

.article ul li {
  font-size:1.4em;
  margin:5px 0 5px 10px;
  list-style:square;
}

.article ul li li, .article ol li li {
  font-size:1em;
  list-style:circle;
}

.article ol li {
  font-size:1.4em;
  margin:5px 0 5px 20px;
  list-style:decimal;
}

#main_content p.byline {
  font-size:1.2em;
}

ul.article_footer {
  background:#ffffff;
  text-align:left;
  padding:15px 0 10px 10px;
  margin:20px 0 0;
}

ul.article_footer li {
  display:inline;
  margin:0 10px 0 0;
  padding-right:0px;
  border-right:1px solid #CCC;
  font-size:1em;
}

ul.article_footer li.last {
  border-right:0;
}

/*-----------------------------------------------------------------------------

  Secondary Content

-----------------------------------------------------------------------------*/

#secondary_content {
  width:280px;
  float:left;
  margin-bottom:30px;
}

#secondary_content p {
  font-size:1.2em;
  width:218px;
  line-height:1.75em;
  margin-bottom:10px;
  font-style:italic;
}

ul#nav {
  margin-left:19px;
}

ul#nav li {
  display:inline; /* Prevents weird line-break issue with IE6 */
}

ul#nav li a {
  display:block;
  padding:10px 15px;
  background:#F3F3F3 ;
  text-decoration:none;
  font-size:1.6em;
  font-weight:bold;
  border-left:11px solid #FFF;
}

ul#nav li.current_page_item a, ul#nav li.current_page_item a:hover {
  background:#CAE3E4 url(images/arrow.gif) 0 center no-repeat;
  border-left:0;
  padding-left:26px;
}

ul#nav li a:hover {
  background:#D5D5D5 url(images/dots.gif) bottom repeat-x;
}

#secondary_content h2 {
  font-size:1.6em;
  margin-bottom:8px;
}

#search {
  background:#f1f1f1;
  padding:15px;
  margin-left:30px;
}

#search input {
  margin-right:5px;
  width:125px;
  height:14px;
  padding:5px;
}

#search input#submit {
  width:auto;
  height:30px;
  margin-right:0;
}

#secondary_nav {
  background:#f3f3f3;
  padding:15px;
  margin-left:30px;
}

#secondary_nav h2 a {
  text-decoration:none;
}

#secondary_nav ul ul {
  margin:8px 0 20px;
  border-left:5px solid #EEE;
  padding-left:10px;
  font-size:1.2em;
}

#secondary_nav ul ul ul {
  font-size:1em;
  border-left:5px solid #F8F8F8;
  margin:0;
}

#secondary_nav ul ul li {
  margin:5px 0;
}

#secondary_nav ul ul li a {
  text-decoration:none;
}

#secondary_nav ul ul li a:hover {
  color:#CAE3E4;
}

#secondary_content hr {
  margin-bottom:10px;
  background:url(images/dots.gif) repeat-x;
  border:0;
}

/*-----------------------------------------------------------------------------

  Footer

-----------------------------------------------------------------------------*/

ul#footer {
  clear:both;
  width:640px;
  height:9px;
  background:#ffffff;
  text-align:center;
  padding:20px 0;
}

ul#footer li {
  display:inline;
  margin:0;
}

ul#footer li a {
  text-decoration:none;
  font-weight:bold;
}

ul#footer li a:hover {
  text-decoration:underline;
}


/*-----------------------------------------------------------------------------

  Wordpress Specific Stuff

-----------------------------------------------------------------------------*/

h3.pagetitle {
  margin-bottom:15px;
}

.entry p small {
  line-height:1.5;
}

h3#comments {
  margin:30px 0 20px;
}

ol.commentlist {
  margin:20px 0;
  padding-bottom:10px;
}

ol.commentlist li {
  margin:30px 0;
}

ol.commentlist li div.comment_bubble {
  margin:10px 0;
  border:1px solid #EAEAEA;
  background:#FAFAFA;
  padding:5px 15px 0;
  clear:both;
}

ol.commentlist li cite {
  font-size:1.4em;
  margin-left:5px;
}

textarea#comment {
  width:550px;
  margin:10px 0;
  padding:10px;
}

#main_content p.comment_meta {
  font-size:1.2em;
  text-align:right;
  float:right;
  margin:0;
}

form#commentform {
  margin:10px 0;
  padding:10px 20px;
  border:1px solid #EAEAEA;
  background:#FAFAFA;
}

form#commentform label {
  margin-left:5px;
}

.navigation {
  margin:0 0 20px;
  font-size:1.2em;
}

#main_content ul.links_page li {
  margin:15px 0;
}

#main_content li.linkcat h2 {
  font-size:1.6em;
  margin-bottom:5px;
  color:#4F647B;
}

#main_content li.linkcat li {
  font-size:1.2em;
  margin:3px 0;
}

ul.archives {
  margin-bottom:20px;
}

ul.archives li {
  font-size:1.4em;
  margin:3px 0;
  font-weight:bold;
}

ul.archives li a {
  font-weight:normal;
}

ul.archives li li {
  font-size:0.8em;
  font-weight:normal;
}

body#commentspopup {
  padding:10px;
  width:360px;
}

body#commentspopup h1 {
  font-size:2em;
  margin-left:0;
}

body#commentspopup h2 {
  margin:10px 0;
}

body#commentspopup p {
  margin:10px 0;
}

body#commentspopup label {
  margin:0;
}

body#commentspopup textarea {
  width:295px;
  height:50px;
}

.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;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption-dd {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}

div.navigation {
  display:block;
  height:1em;
}

/*-----------------------------------------------------------------------------

  Clearfix

-----------------------------------------------------------------------------*/

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
  .clearfix {display:block;}
/* End hide from IE Mac */



body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: .08em;
	color: #323232;
}
a {
	color: #323232;
	text-decoration: none;
}
#logo {
	height: 100px;
	width: 100px;
	float:left;
}
#sub_logo {
margin-top: 20px;
height: 80px;
	font-size: 14px;
	width: 80px;
	margin-left: 110px;
}
#header {
	height: 110px;
	width: 100%;
	margin:0px 0 0 0px;
	padding:5px 0 0 25px;
	background-color:#FFFFFF;
		position:fixed;

	
}
.nav {
	width: 100%;
	margin: 10px 0;
	padding: 0;
	
}
.nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.nav li {
	width: 152px;
	margin-right: 10px;
	background: #d8d8d8 none;
	float: left;
	border: #d8d8d8;
	border-width: 1px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.nav a {
	display: block;
	text-decoration: none;
	text-transform:uppercase;
	text-indent: 3px;
	line-height: 14px;
}
.nav a:hover {
	border: #ba202f;
	border-width: 1px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #c2c2c2 none;
}

.photoBox {
	width:100%;
	height:500px;
	padding-top: 115px;
}
.videoBox {
display: block;
	width:740px;
	height:500px;
	padding-top: 115px;
	padding-left:25px;
}
.blogBox {
	width:100%;
	height:100%;
	padding-top: 115px;
}
.content {
display: block;
width:100%;
height:100%;
padding: 25px 20px 15px 0px;
background-color:#FFFFFF;
}
.video {
display: block;
width:640px;
height:480px;
padding: 25px 20px 15px 0px;
background-color:#FFFFFF;
}


#photos {
display: block;
	height: 500px;
	margin-left: 25px;
	
	white-space: nowrap;
}

#photos ul {
	display: inline;
	list-style-type: none;
	
}

#photos ul li {
	display: inline;
	margin-right:5px;
	list-style-type: none;
}