/* Begin Typography & Colors */
body {
	font-size: 12px; /* IE5 Win */
	background-color: #FFFFFF;
	font-family: Arial, Verdana, sans-serif;
	color: #000000; 
	border: none; 
	}
	
/* Main Links */
a { padding: 3px 1px; color: #036190; text-decoration: none; }

a:visited { color: #036190; text-decoration: none; }
	
a:hover {color: #CC6600; text-decoration: underline; }
	
a img { border: none; }	

/* Structure */
#header {  }
#content { float: right;}
.alt { background-color: #D8D7B4; }
	
.narrowcolumn .entry, .widecolumn .entry { line-height: 180%; }
	
body { padding:0; margin:0; }
	
#header{ width:960px; margin: auto; background: #036696 url('images/header.gif') repeat-x; padding: 0; font-size: 14px;}

.narrowcolumn { float: left; padding: 0; margin-bottom: 20px; width: 616px; }

.widecolumn { float: left; padding: 0; margin: 0 0 20px 0; width: 616px; }
.widecolumnfull { float: left; padding: 0; margin: 0 0 20px 0; width: 898px; line-height: 2em;}

#page { width: 898px; margin: 30px auto; padding: 0; font-size: 95%; text-align: left; }



/* Headings */
h1  { padding: 0; margin: 0; color: #FFFFFF; font: 2.0em 'Helvetica', Arial, Verdana, Sans-Serif; font-weight:bold; }

h1 a, h1 a:hover, h1 a:visited {color: #FFFFFF; text-decoration: none; }

h2  { margin: 0; padding: 0; color: #014568; font: 1.6em 'Helvetica', Arial, Verdana, Sans-Serif; }
	
h2, h2 a, h2 a:visited { color: #014568; text-decoration: none; }

h2 a:hover { color: #FFFFFF; }
		
h3  { margin: 0; padding: 5px 0 0 0; color: #B39C1D; font-size: 1.3em; }

h3.subtop { margin: 0; padding: 5px 0 0 0; font-size: 0.9em; font-weight: bold; color: #B39C1D; }

h3.subbottom { margin: 0; padding: 0 0 10px 0; border-bottom: 1px solid #DBD5C5; font-size: 0.9em; font-weight: normal; color: #6F7227; font-style: normal; }
	
h3.subtop a, h3.subbottom a, h3.subtop a:visited, h3.subBottom a:visited { color: #B39C1D}
	
Xh2.page { padding: 5px 0 0 0; font-weight: normal; color: #999999; font-style: italic; font-size: 1.0em; line-height: 1.6em; }
/* END Headings */	



/* Comments */
.commentlist li, #commentform input, #commentform textarea { font: 'Verdana', Arial, Sans-Serif; }

.commentlist li { font-weight: bold; }
	
.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: 'Verdana', Arial, Sans-Serif; }

.commentmetadata { font-weight: normal; }

.alt { margin: 0; padding: 10px; font-size: 95%; text-align: left; }

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

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

.commentlist p { margin: 10px 5px 10px 0; }
	
#commentform p { margin: 5px 0; }

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

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



/* Post */
.post {
	margin: 0 0 20px;
	text-align: justify;
	font-size: 14px;
	line-height: 200%;
	}
	
.widecolumn .post { margin: 0; }

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

.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 { font-size: 99%; text-align: center; }
/* END POST*/



/* Footer*/
#footer { margin: 20px auto; padding: 10px; width: 960px; bottom: 80%; background-color: #eeeeff; clear: both; color: #014568; text-align: center; }
	
#footer p { padding: 5px 5px 5px 20px; font-size: 100%; text-align: center; }

#footer a { color: #014568; }

#footer img { vertical-align: middle; }

#footer a, #footer a:visited { text-decoration: underline; }
	
#footer a:hover { text-decoration: none; }
/* END Footer*/



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



/* Search */
#searchform { margin: 10px auto; padding: 5px 3px; text-align: left; }

#sidebar #searchform #s { width: 120px; padding: 2; } 

#sidebar #searchsubmit { padding: 1px; font-size: 80%; line-height: 1.5em;}

.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: 0; }

#commentform textarea { width: 100%; padding: 2px; }

#commentform #submit { margin: 0; float: right; }
	
input, select {/* Edit the search bar */
    background-color: #FFFFFF; border: 1px solid #FF752A; color: #4E3114; }
 
textarea { background-color: #FFFFF; border: 1px solid #FF752A; padding: 2px;}

#searchsubmit  { background: #FF752A; border: solid 1px #FF752A; color: #ffffff; padding: 2px;}

#submit { background: #FF752A; border: solid 1px #FF752A; color: #ffffff; padding: 2px;}

/* END Search */ 



/* 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 #B39C1D; }

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

.center { text-align: center; } 

hr { display: none; }

.navigation { display: block; text-align: center; margin: 10px 0 10px 0; padding: 10px 0 30px 0; }

small { font-family: 'Helvetica', Verdana, Sans-Serif; font-size: 100%; line-height: 1.5em; padding: 20px 0 5px 0; }
	
.pagetitle { font-weight: bold; padding: 8px 0px 5px 30px; margin-bottom: 20px; border-bottom: #000000 solid 1px;}
/* END Tags & Classes*/



/* logo */
#logo { width: 60em; margin: 0 auto; padding: 30px 0 20px 0; }
	 
.description { padding: 0; margin: 0; color: #FFFFFF; }
	 
* html #logo span, #logo a { padding: 0 0 10px 0;} /*Target I.E 5*/
	 
* html #logo { padding: 20px 0 20px 0; }
/* END logo */
	

/* Main Navigation (Header) */
#nav { margin: 0 auto; padding-left: 320px; letter-spacing: 1px; list-style: none; }
	
* html #nav ul { height: 1%; }
	
#nav ul { margin: 0; padding: 0; list-style: none; background: #02496D; }
	
#nav li { float:left; background: #23769A; margin: 0; padding: 0;  border-right: 5px solid #02496D; }

#nav li.current, #nav li.current_page_item { color: #4E3114; border-right: 5px solid #02496D; }

#nav li.current a,  #nav li.current_page_item a { color: #4E3114; font-weight: bold }
	
#nav li a { float:left; margin: 0; padding: 7px 8px; color: #FFFFFF; text-decoration: none; white-space: nowrap; font-size: 14px; font-weight: bold;}

#nav li a:hover { color: #4E3114; background: #FF752A; }

	
#nav  li a span {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
	
#nav a {float:none;}
    /* END IE5-Mac hack */
	
#nav .current,  #nav li.current_page_item{ background: #FF752A; color: #4E3114; }

#nav .current li a{ color: #4E3114; }

* html #nav ul { height: 1%; }
	
*:first-child+html #nav ul { min-height: 1px; }
	
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* END main navigation */	



.entry ul li, .post ul li, { margin :0 1em; } 
	 
	
/* All Sidebar stuff goes in here */
#sidebar { float: left; font-family: Verdana, sans-serif; color: #333333; padding: 0; width: 270px;
	min-height: 400px; /* IMPORTANT! removes whitespace below the footer when there isn't enough content on the page ----- */ }
	
* html #sidebar { height: 400px; } 
#sidebar h2{ margin: 0; padding: 0; font-size: 18px; font-weight: bold; color: #000000; text-transform: lowercase; letter-spacing: -0.5px; }
#sidebar span { display: block; width: 145px; height: 25px; padding: 0; border-style: 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 0px; } 
ol li, #sidebar ul ol li { list-style: decimal outside; } 
#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; } 
#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }
#sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; }
	
#cat { margin: 0 auto; padding: 0; list-style:none; }
#cat li { float:left; margin:0; padding:0 5px 0 0px; }
#cat li a { white-space: nowrap; }
	
.current-cat {font-weight: bold;}

#site_content {position: absolute;left: -10000px;};
/* END Sidebar stuff */
.subtopp { border-bottom: #000000 dotted 1px; color: #996; font-size: 12px; }
.subtopp a, .subtopp a:hover, .subtopp a:visited { color: #996;}
.post h3 { font-size: 14px;}
.subtopsingle { font-size: 12px;}
#sidebar h2 { padding: 4px 15px 0px; color: #FFFFFF; height: 26px; background:url(images/fun88-h2bg.bmp) no-repeat;}
#fun88url { list-style-image: url(images/fun88-h2-url.gif);}
#fun88url li { font-size: 16px;}
#fun88url li a,#fun88url li a:hover,#fun88url li a:visited { color: #FF0000;}
#fun88zhishi li { font-size: 14px; font-weight: bold;}
.pageh2 {  padding-left: 8px;}