/*
Theme Name: FastnFun.com
Theme URI: http://fastnfun.com/website
Description: The theme is desigened for Fastnfun.com exclusively.
Version: 1.6
Author: Pete
Author URI: 
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
/*new styls created by pete for fastnfun*/
*{margin:0px;padding:0px;}
body{background:#fff url(images/body_bg.jpg) repeat-x center top;text-align:center;border-top:#b20000 3px solid;font-family:Arial, Helvetica, sans-serif;color:#494949;}
ul,li{list-style:none;}


#container{width:950px;margin:0 auto;}
#header{float:left;width:100%;height:88px;background:transparent url(images/header_bg.gif) no-repeat;}
#header a.backHome{float:left;width:130px;height:60px;display:inline;margin:10px 0 0 25px;}
#header ul.topNavi{float:right;font-size:12px;padding:10px 4px 0 0;}
#header ul.topNavi li{float:left;padding:0 8px;border-left:#000 1px solid;line-height:16px;color:#494949;}
#header ul.topNavi li a{color:#494949;}
#header ul.topNavi li a:hover{color:#4071A6;}
#header ul.topNavi li.subCate{cursor:pointer;display:block;position:relative;}
#header ul.topNavi li.subCate div{cursor:pointer;float:left;}
#header ul.topNavi li.subCate ul{float:left;width:80px;position:absolute;left:0px;top:20px;background:#F4F4F4;display:none;}
#header ul.topNavi li.subCate ul li{float:left;width:100%;border:0px;line-height:28px;padding:0px;}
#header ul.topNavi li.subCate ul a{display:block;line-height:28px;}

#topImage{float:left;width:100%;height:263px;background:transparent url(images/cartoon_bg.jpg) no-repeat top center;}

#mainBlock{float:left;width:949px;padding:0 1px 0 0;background:transparent url(images/content_bg.gif) repeat-y;}
li.contentCell{float:left;width:611px;padding:10px 0 0 23px;background:transparent url(images/bi_shadow.jpg) no-repeat 0 250px;}
li.contentCell1{float:left;width:611px;padding:10px 0 0 23px;}
li.contentCell2{float:left;width:611px;padding:10px 0 0 23px;}
.welcomeDiv{float:left;width:356px;height:172px;padding:14px 238px 44px 17px;background:transparent url(images/welcome_bg.jpg) no-repeat;}
.welcomeDiv p{display:block;font-size:14px;text-align:justify;line-height:20px;}
.welcomeDiv p a{display:block;}
/*.welcomeDiv a{float:left;margin:14px 0 0;width:81px;height:17px;background:transparent url(images/btn_learnmore.gif) no-repeat;}*/

.home2Sections{float:left;width:598px;padding:10px 2px;border-bottom:#ccc 1px solid;}
.homeArticle{float:left;width:310px;padding:118px 0 0;background:transparent url(images/title_articles.jpg) no-repeat;}
.homeArticle div{float:left;width:310px;clear:both;}
.homeArticle h1{float:left;width:100%;clear:both;font-size:14px;line-height:26px;color:#4071A6;text-align:left;padding:10px 0 0;}
.homeArticle h1 a{float:left;}
.homeArticle img{float:left;margin:3px 0 10px;padding:1px;background:#fff;border:#9a9a9a 1px solid;}
.homeArticle p{float:left;width:100%;font-size:12px;line-height:20px;text-align:left;padding:0 0 2em;}
.homeArticle p span{display:block;}
.homeArticle p.withThumb{float:right;width:200px;font-size:12px;line-height:20px;text-align:left;padding:0 0 0.6em;}
.homeArticle a.goCategory{width:54px;margin:4px 39px 0 0;line-height:20px;padding:0 17px 0 0;background:transparent url(images/btn_bg.gif) no-repeat;color:#fff;font-weight:normal;text-align:center;font-size:12px;}

.homeCourse{float:right;width:248px;padding:118px 0 0;background:transparent url(images/title_courses.jpg) no-repeat;}
.homeCourse p{display:block;margin:4px 0 1em;font-size:12px;line-height:20px;text-align:left;}
.homeCourse p strong{display:block;color:#4071A6;font-size:14px;}
.homeCourse a{float:left;margin:14px 0 0;width:91px;height:21px;background:transparent url(images/btn_learnmore.gif) no-repeat;}

.homeTile{float:left;padding:8px 0 20px;width:256px;}
.homeTile a{display:block;}

.homeNotes{float:right;width:430px;margin:20px 0 0;padding:0 168px 0 2px;text-align:left;font-size:14px;background:transparent url(images/title_blog.jpg) no-repeat right top;}
.homeNotes h1{display:block;font-size:15px;}
.homeNotes p{display:block;line-height:22px;padding:14px 0;text-align:justify;}
/*.homeNotes a{float:left;width:124px;height:45px;background:transparent url(images/btn_notes.jpg) no-repeat;}
.homeNotes a:hover{background-position:0 -45px;}*/

.contentCell1 h2.pageTitle{display:block;padding:0 0 10px;margin:0 0 20px;border-bottom:#b20000 3px solid;font-size:24px;color:#5a5a5a;text-align:left;}
.contentCell1 .pageContent{display:block;color:#494949;text-align:left;}
.contentCell1 p{line-height:26px;margin:0 0 1em;font-size:14px;}

.contentCell2 h2.pageTitle{display:block;padding:0 0 10px;margin:0 0 20px;border-bottom:#b20000 3px solid;font-size:24px;color:#5a5a5a;text-align:left;position:relative;}
.contentCell2 .pageContent{display:block;color:#494949;text-align:left;}
.contentCell2 p{line-height:28px;margin:0 0 1em;font-size:16px;text-align:left;}
.contentCell2 h2.pageTitle span{padding:0 10px 0 0;font-size:12px;color:#5a5a5a;text-align:right;position:absolute;right:0px;top:12px;font-weight:normal;}

/*specific style for postpage of online game*/
#gameCell{float:left;width:949px;padding:0 1px 0 0;background:transparent url(images/content_bg1.gif) repeat-y;}
#gameCell li.contentCell2{float:left;width:900px;padding:10px 0 100px 23px;}
#gameCell .contentCell2 h2.pageTitle{display:block;padding:0 0 10px;margin:0 0 60px;border-bottom:#b20000 3px solid;font-size:24px;color:#5a5a5a;text-align:left;position:relative;}
#gameCell .contentCell2 .pageContent{display:block;color:#494949;text-align:left;}
#gameCell .contentCell2 p{line-height:28px;margin:0 0 1em;font-size:16px;text-align:center;}
#gameCell .contentCell2 h2.pageTitle span{padding:0 10px 0 0;font-size:12px;color:#5a5a5a;text-align:right;position:absolute;right:0px;top:12px;font-weight:normal;}

.gameDec{float:left;clear:both;width:100%;}
/*category list style*/
ul.fastList{float:left;display:inline;width:571px;margin:0 0 80px 24px;}
ul.fastList li{float:left;width:510px;padding:0 61px 0 0;clear:both;margin:20px 0;background:transparent url(images/list_shadow.jpg) no-repeat left bottom;text-align:left;}
ul.fastList li div.dateCell{float:left;width:51px;height:74px;padding:21px 15px 0 18px;background:transparent url(images/bg_date.jpg) no-repeat left bottom;color:#fff;text-align:center;font-family:"Times New Roman", Times, serif;font-size:20px;line-height:20px;}
ul.fastList li div.dateCell span{display:block;font-size:37px;line-height:35px;}
ul.fastList li div.dateCell div{display:block;line-height:28px;color:#888;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;}
ul.fastList li div.titleComment{float:right;width:420px;padding:10px 0;}
ul.fastList li div.titleComment h3{float:left;font-size:24px;line-height:24px;color:#012d72;}
ul.fastList li div.titleComment span{float:right;font-size:11px;line-height:24px;color:#acacac;}
.contentCell1 ul.fastList li p{float:right;width:420px;font-size:12px;line-heght:18px;}
ul.fastList li a.totalText{float:left;clear:both;width:105px;height:19px !important;height:18px;padding:14px 0 0 425px !important;padding:15px 0 0 425px;color:#fff;background:transparent url(images/btn_total.jpg) no-repeat 420px 0;font-size:12px;text-align:center;}
ul.fastList li a.totalText:hover{background-position:420px -33px;text-decoration:none;}

/*specific style for category-1*/
ul.storyList{float:left;display:inline;width:571px;margin:0 0 80px 24px;}
ul.storyList li{float:left;width:530px;padding:0 41px 0 0;clear:both;margin:20px 0;background:transparent url(images/list_shadow.jpg) no-repeat left bottom;text-align:left;}
ul.storyList li div.titleComment{float:right;width:400px;padding:3px 0 8px;}
ul.storyList li div.titleComment h3{float:left;font-size:24px;line-height:24px;color:#012d72;}
ul.storyList li div.titleComment span{float:right;font-size:11px;line-height:24px;color:#acacac;padding:3px 10px 0 0;}
.contentCell1 ul.storyList li p{float:right;width:400px;font-size:12px;line-heght:18px;}
ul.storyList li a.totalText{float:left;clear:both;width:105px;height:19px !important;height:18px;padding:14px 0 0 425px !important;padding:15px 0 0 425px;color:#fff;background:transparent url(images/btn_total.jpg) no-repeat 420px 0;font-size:12px;text-align:center;}
ul.storyList li a.totalText:hover{background-position:420px -33px;text-decoration:none;}

ul.storyList li.gameLeft{float:left;width:220px;padding:0 0 0 40px;margin:0px;clear:none;background:none;}
ul.storyList li.gameRight{float:right;width:240px;padding:0px;margin:0px;clear:none;background:none;}
ul.storyList li.gameLeft a, ul.storyList li.gameRight a{display:block;line-height:24px;font-size:16px;margin:5px 0;}

.imgCell{float:left;width:96px;padding:5px 10px 0 7px;background:transparent url(images/post_img_bg.gif) no-repeat;}
.imgCell img{display:block;border:0px;padding:0 0 14px;}
.imgCell span{display:block;font-size:11px;line-height:24px;color:#acacac;text-align:center;}

/*sideBar style*/
li.sideBar{float:right;width:271px;padding:0 0 93px;background:transparent url(images/bg_tel.jpg) no-repeat left bottom;}
li.sideBar .searchForm{float:left;width:100%;padding:10px 0 30px;}
li.sideBar .searchForm input{float:left;width:167px;padding:2px;border:#7c7c7c 1px solid;height:21px;}
li.sideBar .searchForm #searchsubmit{float:left;margin:0 0 0 5px;width:74px;height:27px;;font-size:18px;border:#7c7c7c 1px solid;background:#969696;color:#fff;}

.sideBar dl{float:left;width:100%;margin:0 0 20px;}
.sideBar dl dt{display:block;line-height:41px;padding:0 0 14px 20px;font-size:22px;color:#fff;text-align:left;background:transparent url(images/sidebar_title.gif) no-repeat;font-weight:bold;}
.sideBar dl dd{display:block;line-height:32px;text-align:left;padding:0 0 1px;background:transparent url(images/antline.gif) repeat-x left bottom;}
.sideBar dl dd.paragraph{background:none;padding:0 20px;line-height:22px;}
.sideBar dl dd a{font-size:14px;color:#494949;text-align:left;padding:0 0 0 27px;background:transparent url(images/ico_ring.gif) no-repeat 9px 4px;}
.sideBar dl dd a:hover{text-decoration:underline;}

/*style for relatvie post list at post page*/
.relativeList{float:left;width:600px;margin:60px 0 0;padding:10px 0 0;background:transparent url(images/antline.gif) repeat-x left top;}
.relativeList h2{display:block;text-align:left;line-height:40px;margin:0px;font-size:16px;}
.relativeList p{display:block;text-align:left;font-size:14px;font-weight:normal;}

#gameCell li div.relativeList{float:left;width:900px;}
#gameCell .contentCell2 .relativeList p{display:block;text-align:left;font-size:14px;font-weight:normal;} 
/*style for comment part at post page*/
.commentCell{float:left;width:600px;margin:60px 0 0;padding:10px 0 0;background:transparent url(images/antline.gif) repeat-x left top;}
.commentCell h3{display:block;text-align:left;line-height:40px;margin-bottom:20px;font-size:18px;font-weight:normal;}

/*style for message page*/
.messageCell{float:left;width:600px;margin:0;padding:10px 0 0;}
.messageCell label{display:block;text-align:left;font-size:14px;font-weight:bold;margin:10px 0 0;}
.messageCell span{font-size:12px;color:#D1161B;}
.messageCell input.textInput{width:200px;border:#a6a6a6 1px solid;}
.messageCell textarea{width:400px;height:140px;padding:10px;border:#a6a6a6 1px solid;}

/*style for sitemap page*/
.siteMap{float:left;width:580px;padding:10px 0 0 20px;}
.siteMap li{display:block;text-align:left;line-height:40px;font-size:18px;}
.siteMap li a{display:block;padding:0 0 0 14px;}
.siteMap li a:hover{background:#a8a8a8;color:#fff;text-decoration:none;}
.siteMap li ul.children{display:block;padding:0 14px;}
.siteMap li ul.children li{font-size:14px;line-height:32px;}

#footer{float:left;width:100%;padding:50px 0;background:transparent url(images/footer_bg.jpg) no-repeat;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#494949;}
#footer a{font-size:12px;}
/*pete's style code finish*/
#page {
	background-color: white;
	border: 1px solid #959596;
	text-align: left;
	}

#headerimg 	{
	margin: 7px 9px 0;
	height: 192px;
	width: 740px;
	}

#content {
	font-size: 1.2em;
	}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}


small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	}


#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}
.sticky h2 {
	padding-top: 10px;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

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

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */

#page {
	background-color: white;
	margin: 20px auto;
	padding: 0;
	width: 760px;
	border: 1px solid #959596;
	}


#headerimg {
	margin: 0;
	height: 200px;
	width: 100%;
	}

.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	margin: 0px 0 0;
	width: 450px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}

.post {
	margin: 0 0 40px;
	text-align: justify;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}

/* End Structure */



/*	Begin Headers */

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



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



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar 
#sidebar
{
	padding: 20px 0 10px 0;
	margin-left: 545px;
	width: 190px;
	}*/

#sidebar form {
	margin: 0;
	}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.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 p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */