/*  
Theme Name: Flavor Mag
Theme URI:  www.flavormag.de
Description: Das Theme von Flavor Magazine.
Version: 1.0
Author: Timothy Morrell
Author URI: http://www.timothy-morrell.de 
*/

body {
  margin:0;
  padding:0;
  background-color:#272727;
  font-family:Arial;
  color:#333;
  font-size:12px;
  text-align:center;
  background-image:url(images/bg.jpg);
  background-attachment:fixed;
}

#mainWrapper {
  margin:0 auto;
  width:950px;
  border-left:15px solid #000;
  border-right:15px solid #000;
}

#headerNav {
  margin:0 auto;
  background-color:#292929;
  width:950px;
  padding-bottom:5px;
}

#headerNav form {
  padding:0;
  margin:0;
  float:right;
}

#headerNav form input {
  float:left;
  font-size:12px;
  padding:5px;
  background-color:#524f4e;
  border:1px solid #f36802;
  color:#eceded;
}

#headerNav form input.button {
  border:none;
  padding:0;
  margin-left:2px;
  margin-right:10px;
}

#logoStrip {
  margin:0 auto;
  width:950px;
  background-color:#fff;
  text-align:left;
}

#logoStrip img {
  border:none;
}

#navStrip {
  margin:0 auto;
  width:950px;
  background-color:#fff;
}

#socialStrip {
  float:right;
  padding:10px;
}

#socialStrip img {
  border:none;
}

#contentStrip {
  margin:0 auto;
  width:950px;
  background-color:#fff;
}

div.contentWrap ul {
  list-type:none;
}

#leftBox {
  width:597px;
  margin-left:10px;
  padding-top:10px;
  float:left;
}

.mainContent {
  padding:0;
  margin:0;
  background-color:#f7f7f7;
  text-align:left;
}

.mainContent .contentWrap {
  padding:10px;
}

#content {
  background-color:#ddd;
  text-align:left;
}

#featuredStrip {
  width:597px;
  height:223px;
  background-color:#ddd;
}

#featuredStrip #featureImage1, #featuredStrip #featureImage2, #featuredStrip #featureImage3, #featuredStrip #featureImage4 {
  width:365px;
  height:223px;
  text-align:right;
  padding:0;
  margin:0;
  background-position:center;
  border-right:2px solid #fff;
  float:left;
}

#featuredStrip #featureInfo1, #featuredStrip #featureInfo2, #featuredStrip #featureInfo3, #featuredStrip #featureInfo4 {
  text-align:left;
  float:left;
  width:195px;
  margin-left:10px;
  margin-top:5px;
}

span.feature1, span.feature2, span.feature3, span.feature4 {
  cursor:pointer;
}

#moreFeatures {
  text-align:left;
  margin-top:7px;
  margin-bottom:4px;
}

#moreFeatures img {
  border:none;
  margin-right:7px;
}

#moreFeatures img.last {
  margin:0;
  margin-left:-1px;
}

#story1 {
  width:597px;
  margin-top:7px;
  background-color:#f7f7f7;
  text-align:left;
}

#story1 .titleBox {
  float:left;
  padding:3px;
}

#story1 .date {
  float:right;
  padding:3px;
  text-align:right;
}

#story1 img {
  float:left;
  margin-left:5px;
}

#story1 .content {
  float:right;
  width:350px;
  margin-right:10px;
  margin-top:10px;
}

#story1 .buttons {
  margin-top:20px;
  margin-bottom:10px;
}

#story1 .buttons img {
  border:none;
}

#rightBox {
  float:right;
  width:300px;
  text-align:left;
  margin-top:10px;
  margin-right:10px;
}

#rightBox ul {
  padding:0;
  margin:0;
  list-style-type:none;
}

#videoBox, #magazineBox, #tag_cloud-3, #text-3, #polls-widget-3, #text-4 {
  background-color:#eceded;
  padding:10px;
  margin-bottom:20px;
}

#magazineBox img, #text-3 img {
  float:left;
  border:3px solid #fff;
}

#magazineBox .infoText {
  float:left;
  width:130px;
  margin-left:10px;
  margin-top:40px;
}

#magazineBox .infoText img {
  border:none;
  margin-bottom:3px;
}

#story2 {
  float:left;
  width:172px;
  margin-right:15px;
  margin-top:4px;
  padding-left:10px;
  padding-right:7px;
  background-color:#f7f7f7;
  text-align:left;
}

#story2Last {
  float:left;
  width:172px;
  margin-right:0px;
  margin-top:4px;
  padding-left:10px;
  padding-right:7px;
  background-color:#f7f7f7;
  text-align:left;
}

#story2 img, #story2Last img {
  border:none;
  margin-top:5px;
  margin-bottom:10px;
}

#archiveBox {
  width:597px;
  background-color:#f7f7f7;
  text-align:right;
  margin-top:10px;
  margin-bottom:10px;
}

#footer {
  margin:0 auto;
  width:950px;
  background-color:#2c2c2c;
}

#footer ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

#topThemen, li#recent-posts-2, li#linkcat-2, #ngg-images-2 {
  float:left;
  width:365px;
  list-style-type:none;
  padding:0;
  padding-top:10px;
  margin:0;
  margin-left:10px;
  margin-bottom:10px;
  font-size:18px;
  color:#f7f7f7;
  font-weight:bold;
  font-style:italic;
  text-align:left;
}

li#recent-posts-2 h2.widgettitle, li#linkcat-2 h2.widgettitle, #ngg-images-2 h2.widgettitle {
  padding:0;
  margin:0;
  font-size:18px;
  color:#f7f7f7;
  font-weight:bold;
  font-style:italic;
  text-align:left;
}

#topThemen li, li#recent-posts-2 li, li#linkcat-2 li {
  padding:2px;
}

#gewinnspiel {
  clear:both;
  display:block;
  margin:10px;
  padding:5px;
  border:2px dashed #999;
  background-color:#fff;
}

#footerNotes {
  float:right;
  margin-right:10px;
  margin-top:60px;
  text-align:right;
  color:#f7f7f7;
  font-size:10px;
}

.breaker {
  clear:both;
}

/* LINKS */

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

a:hover {
  text-decoration:underline;
  color:#333;
}

#headerNav ul {
  list-style-type:none;
  padding:5px;
  margin:0;
}

#headerNav ul li {
  float:left;
  padding:7px;
  margin:0;
  margin-right:10px;
}

#headerNav ul li a:link, #headerNav ul li a:visited {
  font-size:18px;
  font-weight:bold;
  color:#fff;
  text-decoration:none;
  padding:3px;
}

#headerNav ul li a:hover {
  background-color:#f56902;
}

#logoStrip a.banner {
  float:right;
  margin-right:10px;
  margin-top:20px;
}

#navStrip ul {
  margin:0;
  padding:0;
  list-style-type:none;
}

#navStrip ul li {
  padding:7px;
  float:left;
  margin-right:5px;
}

#navStrip ul li a:link, #navStrip ul li a:visited {
  font-size:18px;
  padding:3px;
  color:#333;
  text-decoration:none;
}

#navStrip ul li a:hover {
  background-color:#f56902;
  color:#fff;
}

#archiveBox a:link, #archiveBox a:visited {
  display:block;
  padding:10px;
  color:#333;
  font-weight:bold;
  font-style:italic;
  font-size:14px;
}

#topThemen li a:link, #topThemen li a:visited, li#recent-posts-2 li a:link, li#recent-posts-2 li a:visited, li#linkcat-2 li a:link, li#linkcat-2 li a:visited {
  display:block;
  padding:3px;
  background-color:#3b3a3a;
  color:#f7f7f7;
  font-size:12px;
  font-weight:normal;
  font-style:normal;
}

#topThemen li a:hover, li#recent-posts-2 li a:hover, li#linkcat-2 li a:hover {
  font-weight:bold;
  background-color:#000;
  text-decoration:none;
}

#footerNotes a:link, #footerNotes a:visited {
  color:#f7f7f7;
}

#footerNotes a:hover {
  color:#f7f7f7;
}

/* FONTS */

.catName {
  font-size:10px;
  color:#ff5a00;
  font-style:Narrow;
  text-transform:uppercase
}

h1 {
  padding:0;
  margin:0;
  font-size:18px;
  font-weight:bold;
  font-style:Italic;
}

h1.boxTitle, h2.widgettitle {
  padding:0;
  font-style:normal;
  margin-bottom:7px;
}

h3 {
  padding:0;
  margin:0;
  font-size:14px;
  font-weight:bold;
  font-style:italic;
}

div.event0, div.event1 {
  display:block;
  background-color:#f9f9f9;
  border:2px solid #eceded;
  padding:10px;
  margin-bottom:10px;
}

div.event1 {
  border-color:#f56902;
  background-image:url(http://www.flavormag.de/wp-content/uploads/2010/02/presentedevent.png);
  background-position:center;
}

div.event0 img, div.event1 img {
  float:left;
  margin-right:20px;
}

div.navigation {
  display:block;
  padding:10px;
}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #999;
	color: #333;
	background-color: #ececec;	
}
.wp-pagenavi a:visited {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #999;
	color: #333;
	background-color: #ececec;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #ececec;
	color: #fff;
	background-color: #f56902;
}
.wp-pagenavi a:active {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #999;
	color: #333;
	background-color: #ececec;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #333;
	border: none;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #999;
	color: #999;
	background-color: #fff;
}
.wp-pagenavi span.extend {
	padding: 4px 6px 4px 6px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}

div.comment-body {
        background-color:#ffffff;
        padding:5px;
        border:2px solid #ececed;
}