/*  
Theme Name: Lookout2012
Theme URI: 
Description: Das Lookout 2012 Theme ist ein neues Design für die Lookot Games Webseite.
Version: 1.0
Author: CV
Author URI: http://www.satzundbild.net 

	
 */

* { padding: 0; margin: 0; }

html{
     }

body{ 
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 9pt;
	line-height: 1.4em;
	text-align: justify;
	color: #000;
	background: #fff;
     }

#wrapper {
	margin: 0 auto;
	width: 1250px;
	border: 0px solid yellow;
}


#header, #navi, #sidebar, #footer, #toplink, #sidebar-header, #sidebar-footer, #search {
	display: none;
}





/* Content mit Wabenhintergrund */

#content {
	width: 600px;
	float: left;
	margin: 0 auto;
		border: 0px solid red;
	z-index: 1;
}


/* Content Inhalt/Texte mit Transparenz */

#content-text {
	width: 100%;
	float: left;
	padding: 80px 20px 20px 20px;
	margin: 0 20px 15px 20px;
	background: url(images/Logo.png) top right no-repeat;
}

#content-text ul{
	list-style-type: square;
	List-style-position: inside;
}

#content-text li a{
	list-style-type: square;
	List-style-position: inside;
}

#content-text img{
	border: 1px solid #ccc;
	padding: 5px;
	margin: 10px 10px 10px 0px;
	background: #fff;
	max-width: 350px;
}



/* Autor und Datumsangabe in orangenem Feld unter Beitrag */

#datum {
	width: 100%;
	padding: 5px 10px 5px 0;
	margin: 0 0 40px 0;
	border-bottom: 1px solid #999;
	text-align: right;
	font-size: 0.8em;
	color: white;
	background: #ff9900; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff9900 0%, #febf60 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9900), color-stop(100%,#febf60)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff9900 0%,#febf60 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff9900 0%,#febf60 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff9900 0%,#febf60 100%); /* IE10+ */
	background: linear-gradient(top,  #ff9900 0%,#febf60 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#febf60',GradientType=0 ); /* IE6-9 */
}

#meta {
	font-size: 0.8em;
	text-style: none;
	line-height: 1.4em;
}




/* Pfeil nach oben */

#toplink {
	width: 555px;
	float: left;
	margin-bottom: 15px;
	padding: 0 0 0 25px;
	border: 0px solid red;
}

#toplink img{
	border: 0;
}



/* Unterteilung der Spieledetailseite in zwei Spalten. Hier: game-sidebar */

#game-sidebar {
	width: 160px;
	padding-right: 20px;
	float: left;
	text-align: left;
	border-right: 1px solid grey;
}

#game-sidebar img{
	width: 145px;
	margin: 0 0 10px 0;
}

#kid img {
	width: 50px;
}

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

#game-sidebar li em{
	text-align: right;
}


/* Spieledetailseite orangener Kasten */

#game-details-highlight	 {
	width: 140px;
	margin: 10px 0 20px 0;
	color: black;
	padding: 8px;
	float: left;
	font-weight: 700;
	border: 1px solid grey;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #ff9900; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff9900 0%, #f7b256 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9900), color-stop(100%,#f7b256)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff9900 0%,#f7b256 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff9900 0%,#f7b256 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff9900 0%,#f7b256 100%); /* IE10+ */
	background: linear-gradient(top,  #ff9900 0%,#f7b256 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#f7b256',GradientType=0 ); /* IE6-9 */

}

#game-details-highlight	ul li{
	list-style-type: none;
	font-size: 0.8em;
	width: 46px;
	display: block;
	float: left;
	border: 0px solid grey;
	text-align: center;
	line-height: 1.2em;
}

#game-details-highlight	img{
	background: transparent;
	align: center;
	width: 137px;
	border: 0px solid grey;
	padding: 0;
	margin: 0 0 5px 0;
}
	

/* Unterteilung der Spieledetailseite in zwei Spalten. Hier: Content */


#content-game-details {
	float: left;
	padding: 0 0 0 20px;
	width: 310px;
	border-left: 0px solid #ccc;
}

#content-game-details img{
	max-width: 300px;
	margin: 0 10px 2px 0;
}

/* Kasten für Rezensionen */


#rezikasten {
	float: left;
	padding: 15px;
	width: 280px;
	margin: 15px 0 0 0;
	border: 1px solid #2f78b1;
	background: #ecf7ff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.rezi {
	color: #ff9900;
	font-style: italic;
	}


/* Formatierung für Autorenname in Rezension */


.autor_rezi {
	color: #999;
	font-weight: normal;
	text-align: right;
	}


/* Kasten fuer die Metadateninfo auf der Einzelseite für Beitraege */


#meta-comments {
	float: left;
	margin: -10px 0 40px 0;
	padding: 5px 10px 5px 10px;
	width: 500px;
	border: 1px solid #2f78b1;
	background: #ecf7ff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#comments img{
	border: 0px solid red;
	margin: 0 10px 0 0; 
	padding: 0px;
	background: transparent;
}

#comments p{
	margin: 8px 0 0 0; 
}


/* Styling für die Liste der Spieleübersichtsseiten */


#gamelistdivider {
	float: left;
	width: 100%;
}

#gamelist li{
	list-style-type: none;
	margin: 0px 10px 10px 0;
	border: 0px solid #ccc;
	width: 85px;
	height: 125px;
	float: left;
	font-size: 10px;
	line-height: 1.1em;
	padding: 5px 5px 5px 0;
	text-align: center;
}

#gamelist li a{
	color: #666;
}

#gamelist img {
	width: 65px;
	height: 85px;
	margin: 0 auto;
}

/*--------------------404 Seite--------------------*/


#falscheurl {
	width: 550px;
	height: 250px;
	margin: 0 auto;
	padding: 0;
	background: url(images/404.png) top left no-repeat;
	border: 0px solid red;
}

#falscheurltext {
	padding: 20px 220px 0 25px;
	color: #ff9900;
	font-size: 2.3em;
	line-height: 1.2em;
	text-align: left;
}




/*--------------------textgestaltung--------------------*/

p{
margin: 0 0 10px 0;      
}

h1,h2,h3,h4,h5,h6{
     }

h1{
	font-size: 2.1em;
	font-family: 'Acme', sans-serif;
	font-weight: 400;
	color: #ff9900;
	line-height: 1.2em;
	border-bottom: 1px solid #ccc;
	padding-bottom: 6px;
	margin-bottom: 20px;
	text-align: left;
     }

h2{
	font-size: 1.5em;
	font-family: 'Acme', sans-serif;
	font-weight: 400;
	color: #ff9900;
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
	padding-bottom: 3px;
     }

h3{
	font-size: 1.5em;
	color: #666;
	margin-bottom: 10px;
     }

h4{
	font-size: 1.5em;
	color: #ff9900;
	margin-bottom: 10px;
     }

h5{
	font-size: 2.8em;
	line-height: 1.3em;
	color: #ff9900;
	margin-bottom: 10px;
	text-align: center;
     }


acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	
	}

blockquote {
	
	}

blockquote cite {
	
	}



hr {
	
	}





dl{
     }
     dt{
          }
          dd{
          }

ul{
     }
ol{
     }
     li{
          }

    ul ul{
         }

blockquote{
     }
     blockquote p{
          }

code{
     }

pre{
     }

b, strong,i,em {
     }

img{
     }

address {
     }

.orange {
	font-size: 1.2em;
	font-family: 'Acme', sans-serif;
	font-weight: 400;
	color: #ff9900;
}

.suchfeld {
    	float:left;
}

.suchfeld input{
	height:12px;
	padding-top:5px;
	padding-left: 5px;
	width:192px;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

textarea#comment {
	padding-top:5px;
	padding-left: 5px;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: url(images/verlauf_textfield_gross.png) bottom repeat-x;
}

input#author, #url, #email{
	padding-top:5px;
	padding-left: 5px;
	margin: 0 0 5px 0;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: url(images/verlauf_textfield.png) bottom repeat-x;
}

.commentlist {
	list-style-type: none;
}

.linkalignleft {
	text-align: left;
}

.linkalignright {
	text-align: right;
}

.bold {
    	font-weight: bold;
}

#divider {
	padding: 15px 20px 30px 20px;
    	background: url(images/divider.png) top center no-repeat;
	border: 0px solid red;
}

.reply {
	margin: 10px 0 30px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #ccc;
}

.commentmetadata {
	margin: 10px 0 10px 0;
}

.details {
	color: #666;
	}




/*--------------------linkgestaltung--------------------*/


a {
	color: #ff9900;
	text-decoration: none;

     }

a:link { 
     }

a:visited { 
     }

a:link:focus{ 
     }

a:link:hover, 
a:visited:hover { 
    }
a:link:active, 
a:visited:active {
     }

/*--------------------bilder als links--------------------*/
a img{
     }
a:link img { 
     }
a:visited img { 
     }
a:link:active img, 
a:visited:active img {
      }

/*--------------------smilies im text--------------------*/

body img.wp-smiley{
     }



/*--------------------der weiterlesen link--------------------*/

.more-link{
     }

/*--------------------die seiten wenn es mehrere gibt--------------------*/
p.serif{
     }

/*--------------------suche--------------------*/

#searchform{
     }

input#s{
     }

input#searchsubmit{
     }




/*--------------------Kommentare--------------------*/
/* fuer die Kommentarliste an sich*/
ol.commentlist {}
 
/*folgende class stehen zur Gestaltung des li bereit */
 
.comment {}
.byuser {}
.comment-author-admin {}
.bypostauthor {}
 
/* class um die li der 1 Ebene zu gestalten*/
.depth-1{}
 
/*hat man Kind Kommentare gibt es dann noch soviel wie man eben braucht */
.depth-2{}
.depth-3{}
 
/* folgende gestalten das li abwechselnd, wenn man mag*/
/* erstes li*/
.even {}
.thread-even{}
/* zweites li*/
.odd {}
.alt {}
.thread-odd {}
.thread-alt{}
 
 
 
/*---ende der class fuer die li---*/
 
/* fuer die Darstellung des Kommentarautors die class des divs*/
.comment-author {}
.vcard img{}
 
.comment-author cite{}
.vcard cite{}
 
.comment-author cite a{}
.vcard cite a{}
 
/* fuer den Avatar*/
img.avatar{}
/*---ende der class fuer den Autor---*/
 
/*fuer die  Zeit wann der Kommentar geschrieben wurde und den Bearbeitungslink die class des divs*/
.comment-meta {}
.commentmetadata{}
 
.comment-meta a{}
.commentmetadata  a{}
 
/*---ende der Meta Daten---*/
 
/*Kommentartext  */
 
ol.commentlist p{}
 
/*---ende des Kommentartextes ---*/
 
/*Reply Link ist auch in einem div*/
.reply{}
.reply a{}
 
/*---ende Reply Link---*/
 
 
/*Kindkommentare sind in einer ul Liste*/
 
ol.commentlist ul.children{} /*ul.children gibt es auch in der sidebar-aufpassen*/
 
/*------alle oben genannten class wiederholen sich auch unter ul children------*/

#commentform p {
	 
	}


#commentform input {
	}

#commentform textarea {
	}

#commentform #submit {
	 
	}


#respond{}

/*--------------------fuer den wp kalender--------------------*/
 
#wp-calendar th {
	 
	}


#wp-calendar {
	empty-cells: show;
	
	}

#wp-calendar #next a {
	
	}

#wp-calendar #prev a {
	
	}

#wp-calendar a {
	
	}

#wp-calendar caption {
	
	}

#wp-calendar td {
	
	}

#wp-calendar td.pad:hover { 
      }


/*-------------------- widgets---------------------*/
h2.widgettitle{
     }
.widget {
     }

/*--------------------Archive--------------------*/

li#archives{
     }

.widget_archives{
     }

/*--recent posts--*/


li#recent-posts{
     }

.widget_recent_entries{
     }



/*--------------------text widget--------------------*/
li.widget_text{
     }

/*--id haengt von der nummer des text widgets ab*/
li#text-4{
     }
div.textwidget{
     }

/*--------------------links blogroll--------------------*/

li#links{
     }

.widget_links{
     }


/*--------------------kategorien--------------------*/

li#categories{
     }

.widget_categories{
     }


/*-------------------body class---------------------*/

 .rtl{}
 . home{}
 . blog{}
 . archive{}
 . date{}
 . search{}
 . paged{}
 . attachment{}
  .error404{}
 . single postid-(id){}
 . attachmentid-(id){}
 . attachment-(mime-type){}
 . author{}
 . author-(user_nicename){}
  .category{}
  .category-(slug){}
  .tag{}
  .tag-(slug){}
  .page{}
  .page-parent{}
  .page-child parent-pageid-(id){}
 . page-template page-template-(template file name){}
  .search-results{}
  .search-no-results{}
  .logged-in{}
  .paged-(page number){}
  .single-paged-(page number){}
  .page-paged-(page number){}
  .category-paged-(page number){}
  .tag-paged-(page number){}
  .date-paged-(page number){}
  .author-paged-(page number){}
  .search-paged-(page number){}


/*---post class----*/
.post{}
.sticky{}
.page{}
.tag{}
.hentry{}
/*aendert sich je nach kategoriename*/
.category-allgemein{}
.category-dieerste{}
.category-diezweite{}

/*und das gibts auch fuer tags*/
.tag-slug{}


/*------------bilder-------*/
.wp-caption { }

.wp-caption img { }

.wp-caption p.wp-caption-text { }


.gallery{ }
    .gallery-item{  }
        .gallery-caption{ }
.attachment{ }
    .attachment img{ }
        div.caption{ }
        .imagenavi .alignright a{ }
         .imagenavi .alignleft a{ }   
        .imagenavi .alignright a img,
        .imagenavi .alignleft a img{ }
        
.left{}
.right{}
-center{}
.alignleft{
	float: left;
	border: 1px solid #ccc;
	padding: 5px;
	margin: 4px 10px 2px 0;
	background: #fff;
}
.alignright{
	float: right;
	border: 1px solid #ccc;
	padding: 5px;
	margin: 4px 0 2px 10px;
	background: #fff;
}

.aligncentered{
	display: block;
	margin: 5px auto 10px auto;
	border: 1px solid #ccc;
	padding: 5px;
}