/*

Theme Name: Flash Game Tuts

Theme URI: http://www.flashgametuts.com

Description: Custom Theme for Flash Game Tuts

Version: 1.0

Author: Kenny Sun

Author URI: http://www.mrsunstudios.com/

*/



*{margin:0;padding:0;}

body{background:#000 url(img/bg-main.png) top repeat-x;font-family:Arial, Verdana, sans-serif;font-size:14px;}

a{color:#600;text-decoration:underline;}

a:hover{color:#900;}

ul, ol{margin-left:20px;}

p{margin-bottom:15px;}

img{margin-bottom:15px;}

a img{margin:0;border:2px solid #600;}

a:hover img{border:2px solid #900;}

tt{font-style:italic;color:#555;}



/*DIVS*/

#wrapper{margin:auto;width:980px;background:none;overflow:none;}

#header{background:#300;width:960px;float:left;margin-left:10px;height:100px;background:url(img/bg-header.png) repeat-x;}

#content{float:left;width:980px;}

#left-col{width:640px;margin-right:10px;float:left;}

#left-col-top{width:620px;height:50px;padding:10px 0;margin-left:10px;background:url(img/bg-left-col-top.png);}

#left-col-bottom{width:620px;height:50px;padding:10px 0;margin-left:10px;background:url(img/bg-left-col-bottom.png);}

#right-col{width:320px;float:left;}

#footer{float:left;width:940px;margin-left:10px;background:#200 url(img/bg-footer.png) repeat-x;margin-top:10px;

color:#FFF;text-align:center;padding:10px;}

#footer a{color:#900;}

#footer a:hover{color:#F00;}



/*HEADER + NAVIGATION*/

#header-title{width:320px;height:100px;float:left;display:inline;}

#header-title h1 a{font-size:24px;text-indent:-9999em;display:block;width:330px;height:100px;

background:url(img/header-title.png) no-repeat center;outline:none;}



#nav{width:640px;height:100px;float:left;}

#nav ul{float:right;height:100px;display:inline;list-style:none;margin:0;}

#nav ul li{float:left;height:100px;display:block;}

#nav ul li a{height:65px;display:block;padding-top:35px;border-left:1px solid #300;color:#FFF;outline:none;

text-decoration:none;text-align:center;font-size:18px; font-variant:small-caps;background:none;}

#nav ul li a:hover{background:url(img/bg-hover-nav.png);}



#nav ul li.w80{width:80px;background:url(img/bg-nav-80.png) center;}

#nav ul li.w80 a:hover{background:url(img/bg-hover-nav-80.png) center no-repeat;}

#nav ul li.w130{width:130px;background:url(img/bg-nav-130.png) center;}

#nav ul li.w130 a:hover{background:url(img/bg-hover-nav-130.png) center no-repeat;}



/*CONTENT DIVS*/

.nav{width:620px;padding:20px 10px 10px 10px;background:url(img/bg-divider-red.png) left top no-repeat #600;overflow:hidden;}

.nav ul{list-style:none;margin:0;float:left;}

.nav ul a{display:block;padding:5px;color:#FFF;text-decoration:none;width:610px;}

.nav ul a:hover, .nav ul a.current{background:url(img/bg-hover-navlist.png);}

.nav ul.with-screenshot a{width:300px;}

.nav img{float:right;}



.nav a.prevlink, .nav a.nextlink{display:block;color:#FFF;margin-top:5px;padding:5px;}

.nav a.prevlink:hover, .nav a.nextlink:hover{background:url(img/bg-hover-navlist.png);}

.nav a.prevlink{float:left;}

.nav a.nextlink{float:right;}



.p{width:620px;padding:20px 10px 10px 10px;background:url(img/bg-divider-white.png) left top no-repeat #FFF;overflow:hidden;}

.p h2.part{display:block;width:530px;float:left;}

.p h3{font-size:18px;margin-bottom:10px;}

.p .difficulty{float:right;display:block;width:90px;text-align:right;}

.preview{width:620px;padding:20px 10px 10px 10px;background:url(img/bg-divider-gray.png) left top no-repeat #222;color:#FFF;}

.preview h3{font-size:20px;text-align:center;color:#FFF;margin-bottom:10px;font-weight:normal;}

.preview a.download{margin:auto;display:block;width:250px;height:75px;background:url(img/btn-download.png);

text-indent:-9999em;margin-top:10px;outline:none;}

.preview a.download:hover{background:url(img/btn-hover-download.png);}



/*WIDGETS*/

.widget{width:300px;background:url(img/bg-widget.png) repeat-y;padding:10px;color:#FFF;margin-top:10px;overflow:none;}

.widget h2{color:#FFF;margin-bottom:5px;text-align:center;text-decoration:none;}



/*COMMENTS*/

.comment{margin:10px 0;background:#CCC;padding:10px 10px 10px 20px;}

.asker{}

.asker a{text-decoration:none;font-weight:bold;font-style:italic;}

.question{margin-bottom:10px;color:#333;font-size:80%;}

.response{padding-left:20px;color:#333;font-size:80%;background:url(img/icon-response.png) no-repeat left;}

.response strong{font-size:125%;color:#000;}



#commentform{margin-top:10px;width:400px;}

#commentform intput{margin-bottom:5px;}

#commentform textarea{width:390px;height:100px;padding:3px;font-family:Arial, Verdana, sans-serif;}

#commentform td{padding:5px;}

/*SOCIABLE*/
.sociable{border-top:1px dotted #999;padding-top:5px;}
.sociable ul{list-style:none;display:inline;}
.sociable ul li{float:left;margin-right:5px;}
.sociable ul li a img{border:none;}
.sociable ul li a:hover img{border:none;}

/*PAGE LIST*/
ul.page{list-style:none;display:inline;}
ul.page li{float:left;}

/*WP STYLES*/
.alignleft{float:left;}
.alignright{float:right;}
.aligncenter{display:block;margin:auto;}