/*
Theme Name:  williamtio
Theme URI: http://www.williamtio.com
Description: The first version of william tio stylesheet
Version: 1
Author: William Tio
Author URI: http://www.williamtio.com
*/

*
{
	margin:0px;
	padding:0px;
	outline: none;
}

html
{
	overflow: -moz-scrollbars-vertical;
}

body
{
	font-size: 80%;
	font-family: Verdana, Arial, Sans-Serif;
	/*background-color: #9fb7c4;*/
	background-color: #4c4c4c;
	text-align: center;
	color: #353535;
}

img#wpstats
{
	display:none;
}

::-moz-selection
{
	background: #ffa053;
	color: #FFFFFF;
} 

::selection
{
	background: #ffa053;
	color: #FFFFFF;
} 

#TopSiteNavigation
{
	background: url('images/topnavibg0001.jpg');
	color: #6e7883;
	height: 21px;
	text-align: left;
	padding-left: 20px;
	padding-top: 7px;
	border-bottom: solid 1px #3b3f43;
	font-weight: bold;
}


#PageWrapper
{
	margin: 0 auto;	/* For Firefox to center the content */
	width: 920px;
}

#PageWrapper2
{
	width: 920px;
	background: url('images/shadow_side.jpg');
	float:left;
}

#PageWrapper3
{
	margin: 0 auto;	/* For Firefox to center the content */
	width: 900px;
}

#PageWrapperBottom
{
	background: url('images/shadow_bottom.jpg') no-repeat;
	height: 30px;
	width: 920px;
	float: left;
}

#HeaderWrapper
{
	background: url('images/header1.jpg'); /* Default Background */
	height: 230px;
	text-align: left;
	border-left: solid 6px #FFFFFF;
	border-right: solid 6px #FFFFFF;
	border-top: solid 4px #FFFFFF;
}

#HeaderLoading
{
	background-color: #000000;
	height: 230px;
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
	padding-top: 80px;
}

#HeaderLoading img
{
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
}

#HeaderTitle
{
	font-family: Verdana;
	font-size: 26px;
	padding-left: 100px;
	padding-top: 3px;
}

#MenuWrapper
{
	font-size: 11px;
	font-family: Verdana, Arial, Sans-Serif;
	/*background-color: #1f92cd;*/
	background-color: #303030;
	height: 31px;
	overflow: hidden;
	text-align: left;
	border-left: solid 6px #FFFFFF;
	border-right: solid 6px #FFFFFF;
}

#NavLeftMenu
{
	margin-top: 13px;
	margin-left: 46px;
	margin-bottom: 10px;
}

#NavLeftMenu li
{
	display:inline;
}

#NavLeftMenu li a
{ 
	padding: 6px 7px 5px 7px;
}

#NavLeftMenu .page_item a:link,
#NavLeftMenu .page_item a:active,
#NavLeftMenu .page_item a:visited
{
    /*background: red url('images/rted_wh.gif') no-repeat right top;*/
	color: #becfe2;
	background-color: #596c80;
	text-decoration: none;
}

#NavLeftMenu .page_item a:hover
{
	background-color: #c6dde8;
    color: #FFFFFF;	
}

#NavLeftMenu .current_page_item a:link,
#NavLeftMenu .current_page_item a:active,
#NavLeftMenu .current_page_item a:visited
{
	background-color: #FFFFFF;
	color: #4b5968;
	text-decoration: none;	
}


#ContentWrapper
{	
	width:882px;
	background-color: #FFFFFF;
	text-align:left;
	float:left;
	border-left: solid 18px #b8e2f7;
}

#PostWrapper
{	
	width:657px;
	background-color: #FFFFFF;
	float: left;
}

.SinglePostWrapper
{
	width: 605px;
	margin-left: 35px;
	float:left;
	color: #353535;
	font-size: 12px;
}

.SinglePostWrapper_VNL
{
	width: 640px;
	margin-left: 10px;
	float:left;
	color: #353535;
	font-size: 12px;
}

.SinglePostDivider
{
	width:100%;
	height: 20px;
	background-color: #FFFFFF;
	float:left;
}


.PostContentWrapper
{
	width:515px;
	float:left;
	background-color: #f1fafe;
	padding-left:10px;
	padding-right:25px;
	padding-bottom: 15px;
	border-top: solid 1px #b6bec7;
	border-bottom: solid 1px #b6bec7;
}

.PostTitleWrapper
{
	margin:0px;
	padding:0px;
}

.PostContent 
{
    margin-top:2px;
	color: #353535;
	font-size: 12px;
	line-height: 15px;
	width: 100%;
}

.PostContent .iLikeThis
{
	float: left;
	width: 100px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.PostContent p
{
	padding-top: 12px;
}

.PostContent ul, 
.PostContent ol
{
	padding-top: 4px;
	padding-left: 30px;
}

.PostContent a
{
	color: #959fa7;
}

.alignright
{
	text-align: right;
	margin-left: auto;
	display: block;
}

.alignleft
{
	text-align: left;
	margin-right: auto;
	display: block;
}

.aligncenter,
div.aligncenter {
   text-align:center;
   margin-left: auto;
   margin-right: auto;
}

a img
{
	border: 0 none;
}

a:hover img
{
	filter:alpha(opacity=85);   
	-moz-opacity: 0.85;   
	opacity: 0.85;
}

.PostDateWrapper
{
	width: 54px;
	text-align:center;
	background-color:#f1fafe;
	float:left;
	border-top: solid 1px #b6bec7;
	border-left: solid 1px #9faab6;
	border-bottom: solid 1px #9faab6;
	padding-bottom: 12px;
	text-align:left;
}

h4.PostCategory
{
	color: #959fa7;
	font-size: 12px;
	padding-top: 8px;
	font-weight: normal;
}

.PostCategory a
{
	color: #959fa7;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.PostCategory a:hover
{
	color:#6d7479;
	text-decoration: none;
}

.PostTitle a,
h3.PostTitle
{
	color: #4c6077;
	font-size: 19px;
	padding-top: 5px;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: -0.1px;
}

h4.PostTitle 
{
	color: #959fa7;
	font-size: 10px;
	font-weight: bold;
}

.PostTitle a:hover
{
	color: #8ab8dc;
}


.PostDate
{
    padding-top: 8px;
	width: 50px;
	text-align: center;
}

.PostDateWeekDayName
{
	background-color: #79acc6;
	/*background-color: #bc7979;*/
	color: white;
	text-align:center;
	font-size: 10px;
	text-transform: uppercase;
}

.PostDateWeekEndName
{
	background-color: #ac6262;
	/*background-color: #bc7979;*/
	color: white;
	text-align:center;
	font-size: 10px;
	text-transform: uppercase;
}


.PostDateWeekDay
{
	background-color: #f1fafe;
	color: #9b9b9b;
	text-align:center;
	font-weight: bold;
	font-size: 25px;
}

.PostDateWeekEnd
{
	background-color: #f1fafe;
	color: #b64949;
	text-align:center;
	font-weight: bold;
	font-size: 25px;
}


.PostDateMonth
{
	background-color: #5f94bc;
	/*background-color: #e99b9b;*/
	color: white;
	text-align:center;
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
}

#RightSideBarWrapper
{	
	width:215px;
	background-color: #FFFFFF;
	margin:0;
	padding:0;
	float:left;
	padding-left: 10px;
	padding-bottom: 10px;
	/*border-top: solid 20px #b8e2f7;*/
}


#RightSideBarWrapper ul
{
	list-style-type: none;
	margin:0;
	padding:0;
	font-size: 9px;
}

#RightSideBarWrapper h2
{
	margin:0;
	color: #7b7b7b;
	font-weight: normal;
	font-size:14px;
	background-color:#d9f2ff;
	padding-left:10px;
	padding-top:6px;
	padding-bottom: 3px;
	margin-bottom: 5px;
}

.SideBarLevel2  li
{
	margin-left: 8px;
}

.SideBarLevel2 ul li:before 
{
	content: "\00BB \0020"; /* Arrow bullet list style */
}


#MenuSplit
{
	background-color: white;
	height: 17px;
}


#PageFooter
{
	background-color: white;
    width:900px;
    text-align: center;
	float:left;
	border-top:solid 5px #9fb7c4;
	padding-bottom: 10px;
}

#PageFooter p
{
	margin-top:5px;
	font-weight: normal;
	font-size: 9px;
	color: #959fa7;
}

#PageFooter  a:link,
#PageFooter  a:active,
#PageFooter  a:visited
{ 
    color: #959fa7;
	
	font-weight: bold;
}

#PageFooter a:hover
{
    color: #6d7479;	
}



.PostFooter
{
	margin-top: 22px;
	color: #959fa7;
	font-size: 10px;
	font-weight: bold;
	line-height: 13px;
}

.PostFooter a:link,
.PostFooter a:active,
.PostFooter a:visited
{
	color: #959fa7;
	font-size: 10px;
	font-weight: bold;
	
}

.PostFooter a:hover
{
	color:#6d7479;
	
}

.PostFooter_Left
{
	width: 75%;
	float: left;
}

.PostFooter_Right
{
	width: 25%;
	float: left;
}

a.SideBarLevel2 img
{
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
	border: solid 1px #aeb7c3;
}

a.SideBarLevel2:hover img
{
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
	border: solid 1px #aeb7c3;
}

.SideBarLevel1 li
{
	padding-bottom: 5px;
}

.children li
{
	padding: 4px 0px 0px 7px;
	margin: 0px;
}

.SideBarLevel2 a
{
	font-size: 12px;
	text-decoration: none;
}

.SideBarLevel2 a:link,
.SideBarLevel2 a:visited
{
	color: #4c6077;
}

.SideBarLevel2 a:hover
{
	color: #8ab8dc;
}


#PostNaviWrapper
{
	width:657px;
	float:left;
	padding-bottom: 15px;
}

.PostLeftNavi
{
	float:left;
	margin-left: 10px;
}

.PostRightNavi
{
	float:right;
	margin-right: 10px;
}

.PostLeftNavi a,
.PostRightNavi a
{
	color: #959fa7;
	font-size: 12px;
	font-weight: bold;
}

.PostLeftNavi a:hover,
.PostRightNavi a:hover
{
	color:#6d7479;
	
}

.AlternatePostContentWrapper
{
	width: 605px;
}

.CommentContentWrapper
{
	width: 605px;
	float:left;
}

.CommentWrapper
{
	width:550px;
	float:left;
	/*padding-left:10px;
	padding-right:25px;*/
	padding-bottom: 15px;
}

.CommentAvatar
{
	width: 74px;
	float: left;
}

.CommentAvatar img
{
	border: solid 2px black;
}


.SingleCommentWrapper
{
	width: 605px;
	float:left;
}


.SingleComment
{
	width:544px;
	float:left;
	padding-left: 7px;
	padding-bottom: 5px;
	padding-top: 7px;
	/*background-color: #d9f2ff;*/
	background-color: #f1fafe;
	color: #353535;
}



.Comment
{
	width: 435px;
	float: left;
	padding-left: 15px;
}

.Comment a:link,
.Comment a:visited
{
	color: #959fa7;
}

.Comment a:hover
{
	color: #6d7479;
}

.Comment p
{
	margin-bottom: 5px;
}

.commentmetadata
{
	color: #959fa7;
}

.CommentDivider
{
	height: 8px;
	width: 550px;
	float: left;
}

.CommentNumberWrapper
{
	width: 54px;
	text-align:center;
	/*background-color: #d9f2ff;*/
	background-color: #f1fafe;
	padding-top: 7px;
	padding-bottom: 7px;
	float:left;
	font-size: 15px;
	font-weight: bold;
	color: #5f94bc;
}


#CommentTopDivider
{
	width: 550px;
	margin-left: 54px;
	margin-bottom: 13px;
	height: 8px;
	background-color: #cfeefd;
	float: left;
}

.PostCommentWrapper
{
	width: 550px;
	float: left;
	padding-left: 54px;
	padding-top: 15px;
	color: #353535;
}

.PostCommentWrapper h3
{
	color: #4c6077;
	font-size: 14px;
}

.PostCommentWrapper p
{
	padding-top: 4px;
}

.PostCommentWrapper a
{
	font-weight: bold;
        color: #959fa7;
}

.PostCommentWrapper a:hover
{
	color: #6d7479;
}

a.more-link
{
	color: #959fa7;
	font-size: 12px;
	font-weight: bold;
}

a.more-link:hover
{
	color:#6d7479;
}

h3#CommentTopTitle 
{
	color: #4c6077;
	padding-left: 54px;
	padding-bottom: 15px;
}

/*
 *  CSS for the Gallery Page
  */
  
/* gs = gallery section */
.gs_title 
{
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
}

.gs_image
{
	width: 57px;
	padding-right: 15px;

}
.gs_imagelist ul
{
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.gs_imagelist li
{
	width: 47px; /* 2px for left and right borders */
	display: inline;
}

.lowercase
{
	text-transform: lowercase;
}