/*  
Theme Name: Yongfook 4
Theme URI: http://www.yongfook.com/
Description: My special theme...again
Version: 1.0
Author: Jon Cockle
Author URI: http://www.yongfook.com/

*/

/* Table of Contents
		
		Typography
		Layout
		IE Fixes
		
*/


/* Typography
------------------------------------------------------------------------------------------ */

body {
	font-family: Arial, Verdana, sans serif;
	font-size: 14px;
	color: black;
	line-height: 1.7em;
}

h1, h3, h4 {
	font-family: Arial, Georgia, Times New Roman, serif;
	font-size: 22px;
	color: black;
	line-height: 1.1em;
}

h2, h4 {
	font-size: 18px;
	color: #999999;
}

h1, h2, h3, h4 {
	font-weight: normal;
}

h3 {
	font-size: 28px;
}

h3.main_title, h3.previous_title {
	padding: 10px 0 0 0;
}

.main_title a {
	color: #000;
	text-decoration: none;
}

h3.previous_title {
	font-size: 22px;
}

h4 {
	font-size: 14px; 
}

#the_body_text h4 {
	font-size: 22px;
	color: black;
}

a {
	color: #0099FF;
}


a:hover {
	background: #0099FF;
	color: white;
}

a:hover.no_change {
	background: transparent;
}

#header {
	line-height: 1.4em;
}

#project_container, h4, .place_of_interest, .smaller_text, .read_more {
	line-height: 1.5em;
}

p {
	text-align: justify;
}

#footer, h3.previous_title, #footer .comment_buttons a, .commentlist li.admin_comment, ul#nav_menu li ul {
	color: white;
}

#project_container, .place_of_interest, .smaller_text {
	color: #686868;
}

#project_container, .place_of_interest, .smaller_text, .comment_buttons {
	font-size: 12px;
}

.comment_buttons a:hover, a:hover#archives_dropdown {
	color: #003366;
}

.align_right, #navigation {
	text-align: right;
}

a#archives_dropdown, ul#nav_menu li ul {
	text-align: left;
}

ul.ticklist, ul.pluslist {
	color: #009900;
}

code, pre {
	color: #CC3333;
}

.download, .rss-link {
	font-weight: bold;
}

small {
	font-size: 11px;
	color: #999;
	line-height: 1.1em;
}

#the_body_text blockquote {
	line-height: 1.5em;
	font-size: 18px;
	font-family: Georgia, Times New Roman, serif;
}


/* Layout
------------------------------------------------------------------------------------------ */

* {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}	

ul, ol {
	list-style: none;
}

body {
	background: white url(red_border_back.jpg) top left repeat-x;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

#header, #main_content, #footer_inner {
	width: 950px;
	margin: 0 auto;
	padding: 45px 0 25px 0;
}

#navigation {
	position: absolute;
	width: 400px;
	margin: 0 0 0 535px;
}

#right {
	position: absolute;
	width: 400px;
	margin: 0 0 0 535px;
}

a#archives_dropdown {
	display: block;
	width: 97px;
	height: 28px;
	padding: 9px 0 0 12px;
	background: transparent url(archives_dropdown.gif) top left repeat-x;
	position: absolute;
	margin: 6px 0 0 160px;
}

ul#nav_menu, ul#nav_menu {
	display: inline;
}

ul#nav_menu li ul {
	display: none;
	background-color: #000;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	padding: 10px;
	width: 120px;
	position: absolute;
	margin: 40px 0 0 234px;
	border: 1px solid white;
}
  
ul#nav_menu li:hover ul, ul#nav_menu li.over ul { 
	display: block; 
}

a:hover#archives_dropdown {
	background-position: -107px 0;
}

#searchform {
	padding: 14px 0 0 0;
}

#searchform p {
	display: inline;
}

#search_input {
	background: #FAF9E5;
	width: 100px;
}

#logo_mark {
	width: 52px;
	float: left;
	margin: 0 12px 0 25px;
}

#main_content, #footer_inner {
	padding: 0;
}


.left {
	width: 640px;
	float: left;
}

.right {
float:right;
width: 262px;
}

#main_content .left .pad_me, #main_content .right .pad_me, .commentlist {
	padding: 14px 16px 16px 16px;
	background: white url(grey_dither.jpg) top left repeat-x;
	border: 1px solid #CCC;
	border-style: solid none none none;
}

#main_content .left .pad_me {
	clear: left;
}

#main_content .right .pad_me {
	border: 1px solid #92CF92;
	border-style: solid none none none;
}

.clear {
	clear: both;
	height: 1px;
}

#footer {
	background: #333;
	padding: 20px 0;
}

#footer .left, #footer .right {
	background: transparent;
	border: none;
}

#footer .left .pad_me, #footer .right .pad_me {
	background: transparent url(dark_grey_dither.jpg) top left repeat-x;
	border: 1px solid #4C4C4C;
	border-style: solid none none none;
	padding: 14px 16px 16px 16px;
}

.image_wrapper_small {
	padding: 5px;
	border: 1px solid #CCC;
	height: 58px;
	width: 58px;
	background: white url(grey_dither_up.gif) bottom left repeat-x;
	float: left;
	margin: 0 14px 0 0;
}

a:hover .image_wrapper_small {
	border: 1px solid #999;
}

#main_content .left p, .infobox, pre {
	margin: 0 0 1.3em 0;
}

#the_body_text h4 {
	margin: 0 0 10px 0;
}

#project_container, .place_of_interest, #quicktime_container {
	background: white url(grey_dither_up.gif) bottom left repeat-x;
	border: 1px solid #CCC;
	padding: 12px 12px 5px 12px;
}

#project_container img, .place_of_interest img {
	border: 1px solid #F0F0F0;
	width: 203px;
	height: 150px;
}

.pad_me .place_of_interest {
	width: 177px;
	padding: 7px;
	float: left;
	margin: 0 14px 0 0;
}

.pad_me .interest_3rd {
	margin: 0;
}

.place_of_interest img {
	width: 175px;
	height: 100px;
}

#project_container a:hover img, .place_of_interest a:hover img {
	border: 1px solid #999;
}

a#prev_project, a#next_project {
	height: 16px;
	width: 16px;
	position: absolute;
	background: transparent url(left_button.gif);
	display: block;
	margin: 70px 0 0 -21px;
}

a#next_project {
	margin: 70px 0 0 209px;
	background: transparent url(right_button.gif);
}

.previous_containers {
	min-height: 70px;
	height: auto;
}

.areas_title {
	padding: 40px 0 0 0;
}

.sub_container {
	margin: 40px 0 0 0;
}

#quicktime_container {
	margin: 0 0 1.3em 0;
}

#related_posts li, #most_popular li {
	background: transparent url(bullet_green.gif) -4px 2px no-repeat;
	padding: 0 0 0 14px;
}

#most_popular li {
	background-position: -4px 3px;
}

.comment_buttons a {
	padding: 5px 5px 5px 26px;
	background: url(comments.gif) 5px 4px no-repeat;
}

.comment_buttons a:hover {
	background: url(comments.gif) 5px 4px no-repeat;
}

#footer .comment_buttons a {
	padding: 5px 5px 5px 26px;
	background: #3B3B3B url(comments.gif) 5px 4px no-repeat;
	border: 1px solid #333;
}

#footer .comment_buttons a:hover {
	border: 1px solid #999;
}

.comment_buttons a.read_more {
	background: #DFEFFC url(book_open.gif) 5px 4px no-repeat;
}

#footer .comment_buttons {
	position: absolute;
	width: 609px;
}

#the_body_text img {
	display: block;
	padding: 10px;
	border: 1px solid #F0F0F0;
	background: white url(grey_dither_up.gif) bottom left repeat-x;
	margin: 20px auto;
}

#the_body_text #yf_map img {
	border: none;
	background: none;
}

#the_body_text a.googlemap_button img {
	background: none;
	padding: 0;
}

#the_body_text ul {
	margin: 0 0 0 20px;
}

#the_body_text ul li {
	background: transparent url(genericlist.gif) 0 2px no-repeat;
	padding: 0 0 0 20px;
	margin: 0 0 1em 0;
}

#the_body_text ul.ticklist li, .tick {
	background: transparent url(accept.gif) 0 2px no-repeat;
}

#the_body_text ul.pluslist li {
	background: transparent url(add.gif) 0 2px no-repeat;
}

#the_body_text ul.install li {
	background: transparent url(plugin.gif) 0 2px no-repeat;
}

.tick {
	padding: 0 16px 0 0;
	background-position: 0 0;
}	

.download {
	background: transparent url(disk.gif) 0 0 no-repeat;
	padding: 0 0 0 20px;
}

.commentlist {
	padding: 0;
}

.commentlist li {
	clear: left;
	padding: 16px;
	background: #F3F3F3;
	min-height: 70px;
	height: auto;
}

.commentlist li.alt {
	background: transparent;
}

.commentlist li.admin_comment {
	background: #333 url(dark_grey_dither.jpg) top left repeat-x;
}

.commentlist li span {
	margin: 0 0 0 82px;
	display: block;
}

textarea#comment {
	width: 609px;
}

.archive_title {
	width: 300px;
}

.infobox, pre {
	padding: 20px;
	background: white url(grey_dither_up.gif) bottom left repeat-x;
	border: 1px solid #F0F0F0;
	display: block;
}


.flickr_badge_image {
	border: 1px solid #CCC !important;
	float: left;
	margin: 8px 0 0 8px;
}

.flickr_badge_image img {
	width: 43px;
	height: 43px;
	display: block;
	background: white url(grey_dither_up.gif) bottom left repeat-x;
	padding: 5px;
}

.unpad, #footer .right .unpad {
	padding: 0;
}


h3.main_title {
	margin: 0 0 0 0px;
}

#main_content .left p.sub_title {
	margin: 0 0 1.3em 83px;
}

ul#share_me li {
	display: inline;
}

.rss-link {
	display: block;
	background: transparent url(feed-icon-small.gif) 0 1px no-repeat;
	padding: 0 0 0 20px;
	margin: 5px 0;
}

#the_body_text blockquote {
	margin: 0 30px;
	border: 5px solid #CCC;
	border-style: none none none solid;
	padding: 10px;
}

/***********************
    POLLS
*********************/
.poll{

}
.poll, table.poll, .poll form fieldset{
font-size:1em;
border:0;margin:0;padding:0; 
width:400px; 
border:0;
text-align:left;
border:1px solid #666;
background:#ccc;
}
table.poll caption, .poll form p{padding:0;margin:0;text-align:center;font-weight:bold;background:#eee;}
table.poll th{
text-align:left; 
width:100px;
padding:2px;
background:#ddd;
}
table.poll td{
width:290px;
text-align:left;
background:white;
padding:2px;
}
{border:0;padding:0;margin:0;}
.poll form label{
clear:both; 
display:block;
text-align:left;
}


/* IE Fixes
------------------------------------------------------------------------------------------ */

/*\*/
* html .previous_containers {
height: 70px;
}
/**/

/*\*/
* html .commentlist li {
height: 70px;
}
/**/

* html #footer .comment_buttons {
	width: 525px;
}

* html #navigation {
	margin: 0 0 0 450px;
}

* html a#archives_dropdown {
	margin: 25px 0 0 -240px;
}

* html ul#nav_menu li ul {
	margin: 60px 0 0 -165px;
}

* html #footer .comment_buttons a {
	padding: 4px 5px 3px 26px;
}