/*
Theme Name: TN 2.0
Theme URI: http://wordpress.org/
The PS3 Trophy WP Theme.
Version: 0.1
Author: Jan Lussem
Author URI: http://binarybonsai.com/

	TN2.0 Style
	 http://trophy-network.de

	This theme was designed and built by Jan Lussem,
	whose blog you will find at http://trophy-network.de

*/

* {margin:0; padding:0;}

body {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#464646;
	font-size:13px;
	background:url('images/body_bg.jpg') top center no-repeat #0e0e0e ;
}


p { font-size:13px; line-height:150%; margin-bottom:8px;}

#wrap {width:980px; margin:auto; padding:10px; background:url('images/site_bg.jpg')#040404 top left no-repeat; margin-top:8px;}

h1, h1 a {font-size:22px; color:#333; font-weight:normal;}
h2, h2 a {font-size:22px; color:#333; font-weight:normal;}
a { text-decoration:none; color:#b20909; font-weight:bold;}
a img {border:none;}

/* Begin Images */
p img { padding: 0;	max-width: 100%; }
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline;	}
.alignright { float: right;	}
.alignleft { float: left	}
/* End Images */



#header {width:980px; height:165px; background:none;}
#headerimg h1 {display:none;}

#navigation { width:980px; height:30px; margin-top:10px; margin-bottom:10px; background:url('images/navi-bg_red.gif') top left repeat-x; margin-left:0; padding-left:0;}
#navigation ul { list-style:none; width:710px; float:left; padding-top:5px; margin-left:0; padding-left:0; }
#navigation ul li { float:left; padding-left:20px; }
#navigation ul li a {color:#fff; font-size:15px; font-weight:normal; float:left; display:block;}
#navigation ul li a:hover { text-decoration:underline; }
#navigation #search {float:right;}
#navigation #search input {width:214px; height:21px; background:url('images/bg_suche_red.gif') top left no-repeat; border:none; padding:2px 5px 0 5px; margin-top:4px; margin-right:2px; color:#666666; font-weight:normal; overflow:hidden; font-size:12px;}


/* C O N T E N T */ 
#content { background:#fff; width:650px; float:left;  background:url('images/entry-bg.gif') top left repeat-x #fff; margin-bottom:15px; padding-bottom:15px;}
.post {width:595px; margin-top:30px; margin-left:30px; padding-bottom:20px;}
.postmetadata { background:url('images/bg_comments.gif') top left no-repeat; width:585px; height:20px; padding:5px; clear:both;}
.date_box { float:left; font-size:12px; font-weight:bold;}
.postmetadata_top { float:left; font-size:12px; padding-left:5px; }
.postmetadata_top a { color:#333333; }
.entry { clear:both; padding-top:5px;}
#content a:hover { text-decoration:underline;}
.tags_n_links { background:#f7f7f7; width:560px; padding:15px; clear:both;}
.navigation { width:500px; margin:auto; text-align:center; padding-top:15px;}
.navigation a { font-weight:normal; font-size:13px;} 
ul.related_post { font-size:12px; margin-left:15px;}
.entry ul { margin-left:20px;}
h2.pagetitle { margin:30px 20px 15px 30px;}


/* COMMENTS */
h3#comments { width:650px; margin-left:30px; font-size:18px;}
ol.commentlist { list-style:none; margin-left:30px; }
ol.commentlist li {clear:both; padding-bottom:15px;}
.comment-meta a { font-size:12px; font-weight:normal; }
.comment_left {float:left; width:45px;}
.comment_left img { padding:1px; border:1px solid #f3f3f3; background:#fff;}
.comment_mid { float:left; width:15px; height:26px; background:url('images/bg_comment_arrow.gif') top left no-repeat ;}
.comment_right { float:left; width:500px; background:#f7f7f7; padding:15px;}
cite.fn a { font-weight:bold; color:#000; font-size:16px; }
ol.commentlist li.comment { padding-top:15px;}

#respond {clear:both; margin-left:30px; background:#f2f2f2; padding:15px; width:560px; margin-bottom:15px; margin-top:15px;}
input {padding:5px 5px 3px 5px; height:20px; width:200px; border:1px solid #c3c3c3; color:#555; background:url('images/bg_input.gif') top left repeat-x #fff;}
input:focus {border:1px solid #67c4e2;}
label {font-size:14px; font-weight:bold;}
textarea {padding:5px 5px 3px 5px; width:500px; border:1px solid #c3c3c3; color:#555; background:url('images/bg_input.gif') top left repeat-x #fff; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:13px;}
input#submit {padding:3px 5px 3px 5px; width:200px; height:30px; border:1px solid #c3c3c3; color:#555; background:url('images/bg_input.gif') top left repeat-x #fff; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:13px;}
input#submit:hover {border:1px solid #67c4e2;}
.addthis_container {float:right; padding-top:8px;}


/* F O O T E R */ 
#footer {clear:both; background:#111111; width:980px; font-size:12px; overflow:auto; color:#dadada; }
#footer h2 {font-size:18px; color:#b30909;}
#footer ul {list-style:none;}
#footer ul li a { color:#dadada; font-weight:normal;}
#footer a:hover { text-decoration:underline;}
.footer_l { float:left; margin:20px; width:200px;}
.footer_m { float:left; margin:20px; width:300px;}
.footer_r { float:right; margin:20px; width:300px;}

/* S I D E B A R  */ 
#sidebar { background:none; width:300px; float:left; margin-left:30px; font-size:13px;}
#sidebar ul {list-style:none;}
#sidebar ul li { background:#fff; margin-bottom:15px;}



/* W P   P O L L S */
.wp-polls .pollbar {
  background-image:url(images/pollbg.jpg) top left no-repeat !important;
  border:1px solid #c8c8c8;
  font-size:6px;
  height:15px !important;
  line-height:8px;
  margin:1px;
  overflow:hidden;
}
.wp-polls ul li strong { font-weight:normal;}
.wp-polls { overflow:hidden; width:270px; }

li#polls {padding:10px;} 
.wp-polls li input { width:15px; height:15px;}


/* C A T E G O R I E S */
li.widget_categories {padding:10px;}
li.cat-item a { width:264px; padding:8px; border-bottom:1px solid #f2f2f2; display:block;}
li.cat-item a:hover {background:#b20909; color:#fff;}
li.cat-item { margin:0 !important; }
 
 
/* C O M M E N T S */
li#get-recent-comments {padding:10px;}
li#get-recent-comments ul li { width:264px; padding:8px; border-bottom:1px solid #f2f2f2; display:block; margin-bottom:0; padding-bottom:10px; padding-top:10px; }
#get_recent_comments_wrap a:hover { text-decoration:underline;}


/* T A G S */
ul li#ctc { width:280px; background:#fff; padding:10px;}

ul li#ctc a { padding:2px; margin:0; font-weight:normal; color:#b20909 !important;} 
ul li#ctc a:hover {background:#b20909; color:#fff !important;}




/* T R O P H I E S */
.troph_left { width:80px; float:left; /*background:url('images/troph-bg.gif') top left no-repeat;*/ background:#fff; display:block;}
.Bronze .troph_left { width:80px; float:left; background:url('images/troph-bronze-bg.gif') top left no-repeat; display:block; margin-left:15px;}
.Silber .troph_left { width:80px; float:left; background:url('images/troph-silber-bg.gif') top left no-repeat; display:block; margin-left:15px;}
.Gold .troph_left { width:80px; float:left; background:url('images/troph-gold-bg.gif') top left no-repeat; display:block; margin-left:15px;}
.Platin .troph_left { width:80px; float:left; background:url('images/troph-platin-bg.gif') top left no-repeat; display:block; margin-left:15px;}
.troph_right { width:385px; float:left;}
.troph_right h2 {font-size:18px;}
.troph_right p {margin:0; padding:0; font-size:13px; padding-top:5px;}
#trophybox { margin-left:35px; }
#trophybox h3 {clear:both; padding-top:15px; padding-bottom:10px; font-size:22px; }


.Bronze {  width:590px; clear:both; padding-bottom:15px; background:#f7ede0; overflow:auto;}
.Bronze h3 { background:url('images/bg_bronze_h3.gif') #f7ede0 top left no-repeat; margin:0; padding:5px 0 10px 15px;  }
.Silber {  width:590px; clear:both; padding-bottom:15px; background:#f4f4f4; overflow:auto; }
.Silber h3 { background:url('images/bg_silber_h3.gif') #f4f4f4 top left no-repeat; margin:0; padding:5px 0 10px 15px;}
.Gold { width:590px; clear:both; padding-bottom:15px; overflow:auto; background:#f9f0d6;}
.Gold h3 { background:url('images/bg_gold_h3.gif') #f9f0d6 top left no-repeat; margin:0; padding:5px 0 10px 15px; }
.Platin {  width:590px; clear:both; padding-bottom:15px; background:#edf5fa; overflow:auto;}
.Platin h3 { background:url('images/bg_platin_h3.gif') #edf5fa top left no-repeat; margin:0; padding:5px 0 10px 15px;}
.Bronze h3 a, .Silber h3 a, .Gold h3 a, .Platin h3 a {font-weight:normal; color:#333; font-size:22px;}


table#trophy_liste tr { background:url('images/bg_platin_h3.gif') #edf5fa top left no-repeat; margin:5px;}
table#trophy_liste tr td img { margin:10px;}
table#trophy_liste tr td a {font-size:13px;}

#list_bar { clear:both; width:590px; height:49px; background:url('images/game_tool_bar.gif') top left no-repeat; display:block; padding-top:15px; margin:25px 0 15px 0;}
a.print { float:left; padding-left:15px; width:135px; height:34px;}
a.buy, a.board { float:left; padding-left:28px; width:135px; height:34px;}

/* S O C I A L S */
#socials {width:100%; background:#000; border-bottom:#b1b1b1 solid 1px; height:20px; font-size:10px; margin:auto !important;}
#socials a {color:#FFFFFF; font-weight:normal; }
.socials_in {width:990px; text-align:right; margin:0; padding:0 10px 0 0; font-size:13px; margin:auto;}
#socials a.rss {background:url('images/rss_mini.gif') 0 2px no-repeat; padding-left:16px; }
#socials a.twitter {background:url('images/twitter_mini.gif') 0 2px no-repeat; padding-left:16px; margin-left:10px;}
#socials a.fb {background:url('images/fb_mini.gif') 0 2px no-repeat; padding-left:16px; margin-left:10px;}
#socials a:hover {text-decoration:underline;}

.teaser { width:200px;
 height:200px;
 background:red; display:block;} 
 
 
 /* R A T I N G */
.ratingblock { width:590px; text-align:center; clear:both; padding-top:10px;}
.ratepost { margin-left:250px; }
.ratingheader { font-size:14px; font-weight:bold;}