/*

Theme Name: Tropicala
Description: Simple, modern, lightweight
Version: 1.1
Author: LetsEat.at
Author URI: http://www.LetsEat.at
Tags: grey, orange, white, fixed width, two columns, widgets, fixed width, valid XHTML, valid CSS, two columns, right sidebar, simple

This template is being distributed via Wordpress.org under GPLv3 license. Enjoy!

This template has been modified by eyedstudio.com.

*/

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

body {
  font:62.5% Georgia, "Times New Roman", Times, serif;
  background:#615A4E;
}

p, h2, h3, h4, h5 {
  font-size:1.2em;
}

img {
  border:0;
}

div#wrapper {
  width:788px;
  padding-top:55px;
  margin:0 auto;
  background:url(./images/top.png) no-repeat;
}

div#masthead {
  width:788px;
  background:url(./images/main_bg.png) repeat-y;
  position:relative;
}

h1 {
  font:3em Georgia, Arial, Helvetica;
}

h1 a {
  position:absolute;
  width:300px;
  height:30px;
  left:40px;
  top:15px;
  font-weight:bold;
  text-decoration:none;
  color:#ff7e00;
}

/* Tagline */
#masthead p {
  position:relative;
  margin:0;
  top:62px;
  left:30px;
  color:#888;
}

/* Pages */
div#masthead ul {
  float:left;
  margin-left:50px;
  position:relative;
  z-index:2;
  bottom:0;
}

div#masthead ul li {
  float:left;
}

div#masthead ul li a {
  color:#58574B;
  text-decoration:none;
  display:block;
  font-size:1.4em;
  padding:20px;
}

div#masthead ul li a:hover,
div#masthead ul li.current_page_item {
  background:url(./images/nav_bg.png) bottom repeat-x;
}

div#masthead_image {
  /*background:url(./images/image_bg.png) center no-repeat;*/
  width:694px;
  height:174px;
  clear:both;
  padding:0 50px 10px;
  position:relative;
  z-index:1;
}

p, li {
}

a {
  outline:0;
}

div#content {
  width:788px;
  background:url(./images/main_bg.png) repeat-y;
}

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

  Main Content

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

div#main {
  padding:0 20px 20px 10px;
  width:543px;;
  float:left;
}

/* Fix me */
h2.header {
  color:#D76900;
  font-size:24px;
  padding:10px 0 0;
  line-height:1;
  margin:0 0 0 45px;
  border-bottom:1px solid #C3C1A6;
  position:relative;
}

div#main h2.header a {
  color:#993300;
  text-decoration:none;
}

h2.header span {
  position:relative;
  background:url(images/h2header_span_bg.png) repeat-x scroll 0 0;
  padding-right:10px;
  bottom:-5px;
}

#main h2 {
  margin:15px 0 0 45px;
  color:#58574B;
}

#main h2 a {
}

div#main h3 {
  margin:15px 0 0 45px;
  color:#58574B;
}

div#main p {
  color:#58574B;
  line-height:2;
  margin:10px 0 0 45px;
}

div#main a {
  color:#436A75;
}

.article {
  margin-bottom:20px;
}

.article blockquote {
  margin:0 15px 0 45px;
  padding:1px 15px;
  border-left:5px solid #B8D1E4;
  background:#F0F0F0;
}

.article ul, .article ol {
  font-size:1.2em;
  color:#58574B;
  margin-left:65px;
}

.article ul li {
  margin:5px 0;
  padding-left:15px;
  background:url(./images/square.png) 0 center no-repeat;
}

.article ul li li, .article ol li li {
}

.article ol {
  margin-left:65px;
}

.article ol li {
  list-style:decimal;
  margin:10px 0;
}

.article ol li ol {
  font-size:1em;
  margin-left:15px;
}

#main p.byline {
  color:#999;
}

ul.article_footer {
  text-align:right;
  margin:10px 0 0 45px;
  background:#CBC9AD;
  padding:5px 10px;
  border-top:1px solid #C3C1A6;
  border-right:none;
  border-bottom:1px solid #C3C1A6;
  border-left:none;
  line-height:1.5;
}

ul.article_footer li {
  font-size:0.9em;
  display:inline;
  background:none;
  border-left:1px solid #C3C1A6;
  margin-left:5px;
  padding-left:10px;
}

ul.article_footer li.first {
  border-left:0;
}

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

  Secondary Content

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

div#secondary {
  padding:0 0 20px 10px;
  width:150px;
  float:left;
}

#secondary p {
}

div#secondary ul#sidebar {
  margin:15px 0 20px;
  color:#436A75;
  padding-bottom:10px;
/*  border-bottom:1px solid #e7e7e7;
*/}

div#secondary ul#sidebar li {
  margin:5px 0;
  font-size:1.2em;
  line-height:1.5em;
}

div#secondary h2 {
  text-transform:uppercase;
  color:#436A75;
  margin:20px 0 8px;
  font-size:1em;
  line-height:1;
}

div#secondary a {
  color:#58574B;
  text-decoration:none;
}

div#secondary a:hover {
  text-decoration:underline;
}

div#secondary h2 a {
}

div#secondary ul.children {
  margin-left:5px;
  padding-left:10px;
  border-left:5px solid #C3C1A6;
}

div#secondary ul ul ul {
}

div#secondary ul#sidebar li li {
  font-size:1em;
}

div#secondary ul ul li a {
}

div#secondary ul ul li a:hover {
}

div#author h2 {
  font-size:1.2em;
}

div#secondary p {
  line-height:1.5;
  margin:5px 0;
  color:#666;
}

form#searchform {
  position:relative;
  height:28px;
  margin-bottom:20px;
}

form#searchform input#s {
  position:absolute;
  top:0;
  height:18px;
  width:156px;
  padding:5px;
  background:url(./images/text_bg.png) repeat-x;
  border:1px solid #bcbcbc;
}

input#search_submit {
  position:absolute;
  right:0;
}

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

  Footer

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

ul#footer {
  height:8px;
  width:788px;
  margin:0 auto;
  background:url(./images/bottom.png) no-repeat;
  text-align:center;
  font-size:1em;
  color:#ccc;
  padding:35px 0;
}

ul#footer li {
  display:inline;
  margin-left:10px;
  padding-right: 10px;
  border-right: 3px double #ccc;
}

ul#footer li span {
  position:absolute;
  text-indent:-9999em;
}

ul#footer li a {
  color:#ccc;
  text-decoration:none;
}

ul#footer li a:hover {
}

ul#footer li.last {
  display:inline;
  margin-left:10px;
  border-right: none;
}

ul#footer li.last span {
  position:absolute;
  text-indent:-9999em;
}

ul#footer li.last a {
  color:#ccc;
  text-decoration:none;
}

ul#footer li.last a:hover {
}



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

  Wordpress Specific Stuff

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

ol.commentlist {
  margin:15px 0 0 45px;
  color:#555;
}

ol.commentlist li {
  background:#F1F1F1;
  padding:10px;
  margin:10px 0;
}

ol.commentlist li.alt {
  background:#CBC9AD;
  border-top:1px solid #C3C1A6;
  border-right:none;
  border-bottom:1px solid #C3C1A6;
  border-left:none;
}

ol.commentlist li img {
  border-top:1px solid #C3C1A6;
  border-right:1px solid #C3C1A6;
  border-bottom:1px solid #C3C1A6;
  border-left:1px solid #C3C1A6;
}

textarea#comment {
  width:500px;
}

#main p.comment_meta {
  margin:0;
  float:right;
}

form#commentform {
}

form#commentform label {
}

.navigation {
}

#main ul.links_page li {
}

#main li.linkcat h2 {
}

#main li.linkcat li {
}

ul.archives {
}

ul.archives li {
}

ul.archives li a {
}

ul.archives li li {
}

body#commentspopup {
  background:#FFF;
  padding:20px;
}

body#commentspopup a {
  color:#666;
}

body#commentspopup h1 a {
  position:relative;
  top:0;
  left:0;
}

body#commentspopup h3 {
  color:#555;
}

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

body#commentspopup label {
}

body#commentspopup textarea {
  width:340px;
}

.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;
}

p.entry_info {
  clear:both;
}

div.navigation {
  margin:10px 0 0 45px;
}

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

  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 */

