/*  
Theme Name: SgBlogging
Theme URI: http://pkchukiss.sgblogging.com
Description: Official theme for pkchukiss
Version: 1.0
Author: pkchukiss
Author URI: http://pkchukiss.sgblogging.com/

*/

body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
	padding: 0;
	margin: 0;	
}

body{
	margin: 0;
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	background: #ffffff;
	color: #000000;
}

h1{
	font-family: Georgia, Sans-serif;
	font-size: 24px;
	padding: 0 0 10px 0;
}

a:link, a:visited{
	text-decoration: none;
	color: #3333AA;
}

a:hover{
	text-decoration: underline;
}

p{
	padding: 10px 0 0 0;
}

#wrapper{
	margin: 0 auto 0 auto;
	width: 800px;
	text-align: left;
}

#headerBox{
	
	background: #555555;
	padding-top: 30px;
	padding-bottom: 20px;
	margin-bottom: 25px;
}

#headerRight{
	width: 300px;
	float: left;
	margin: 0px;
	padding: 0px;
	padding-top: 35px;
	clear: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #FFFFFF;
	text-transform: uppercase;	
	height: 30px;
	

}

#header,#topNavigationBox,#blogDescription{
	/* float: left; */
	/* width: 750px; */
	width: 800px;

	margin: 0 auto 0 auto;
	text-align: left;

}

#headerLeft{
	margin: 0px;
	padding: 0px;
	width: 500px;
	height: 50px;
	float: left;


}

#headerLeft #headerTitle h1{
	display: none;
}

#headerLeft #headerTitle{
	background: url(images/logo1.jpg) no-repeat left top;
	height: 80px;
}

#headerLeft h1 a{

	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 50px;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

#headerLeft h1 a:hover{
	color:#FFFF00
}

#headerLeft h1{
	margin: 0;
	padding: 0;
}

#headerBottom{
	clear: both;
	
}

#topNavigationBox{
background: #999999;
padding: 0;
margin-bottom: 15px;

}

#topNavigationBox ul{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 50px;
	list-style:none;
	background-color: blue;
	background-image: url(images/greygradient.jpg);
	background-repeat: repeat-x;
}

#topNavigationBox ul li{
	clear: none;
	display: inline;
	padding: 12px 30px 12px 30px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	height: 25px;
	background: blue;
	list-style:none;
	float: left;
	background-image: url(images/greygradient.jpg);
	
}

#topNavigationBox ul li.last{
	float: right;
}

#topNavigationBox ul li:hover{
background: green;
margin-top: -5px;
height: 26px;
padding-top: 17px;
color: #FFFF00;
}

#blogDescription{
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bolder;
margin-bottom: 20px;
}

#middle{
background: url(images/whitegradient.jpg) repeat-x;
}

#middleBox{
	
	width: 100%;
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	padding: 0;
	border: 0;
}

#middleColumn1{
display: inline;
width: 266px;
float: left;
}

#middleColumn1 div, #middleColumn2 div, #middleColumn3 div, #middleColumn1Category div{
margin-left: 10px;
margin-right: 0px;
padding: 0;
}

#middleColumn1 div h2, #middleColumn2 div h2, #middleColumn3 div h2, #middleColumn1Category div h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 13px;
font-weight: bolder;
margin-bottom: 10px;
}

#middleColumn1 div ul, #middleColumn2 div ul{
list-style: url(images/list.gif);
padding: 0;
margin: 0;
padding-left: 20px;
padding-right: 10px;
}

#middleColumn1 div ul li, #middleColumn2 div ul li{
padding: 0;
padding-bottom: 10px;
margin: 0;

}

#middleColumn1 a, #middleColumn2 a{
	color: #FFFF00;
	
}

#middleColumn3 a, #topNavigationBox a{
	color: #000000;
	text-decoration: none;
}

#middleColumn3 a:hover, #topNavigationBox a:hover{
	color: #FFFF00;
}

div.information{
	font-size: 30px;
}

#middleColumn2{
display: inline;
width: 266px;
float: left;
	border-left: #FFFFFF 1px solid;
	border-right: #FFFFFF 1px solid;

}

#middleColumn3{
display: inline;
width: 266px;
padding: 0;
margin: 0;
float: left;
}

#middleColumn3 ul{
	padding: 0;
	margin: 0;
	margin-left: 10px;
	margin-top: 15px;
}

#middleColumn3 ul li{
	padding-left: 40px;
	margin: 0;
	font-size: 25px;
	list-style: none;
	background-image: url(images/feed.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	line-height: 30px;
	font-weight: bolder;

}

#middleColumn3 ul li:hover{
color:#FFFF00;
}



#wrapper{
min-height: 100%;
background: #888888;


}
* html #wrapper{height:100%;}

#container{
	float: left;
	width: 523px;
	background-image: url(images/white.gif);
	padding-right: 11px;
	background-color: #ffffff;
	background-repeat: repeat;
}

.post{
	padding: 10px 0 10px 0;
	margin-bottom: 90px;
	margin-right: 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 0px;
	word-spacing: 1px;
	
}

.post h2{
	font-family: Georgia, Sans-serif;
	font-size: 18px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.post h2 a{
	text-decoration: none;
	position: relative;
	top: 10px;
}

.post h2 a:hover{
	color: green;
}

.postHeader{
	border: 1px #888888 solid;
	background-image:url(images/whitegradient.jpg);
	background-repeat: repeat-x;
	background-color: #888888;

}

.postHeader h2{
	display: block;
	float: left;
	width: 400px;
}

.byLine{
	padding: 0;
	margin: 0;

	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;

	clear: both;
}

.byLine a{
	color: #FFFF00;
	text-decoration: none;
}

.byLine b{
	margin-right: 25px;
}

.byLine .byLineTime{
	text-align: center;
	display: block;
background-color: #888888;

}

.postdate {display: inline; float: left; width:40px; height:80px; background:url(images/datebg.gif) no-repeat left 6px; color: #000000; margin-right: 30px; margin-left: 10px;}
.postdate .day {color:#000000; display:block; font-size:21px; font-family:'Arial'; font-weight:bold; line-height:19px; letter-spacing:-1px; padding:12px 0 0 9px;}
.postdate .month {color:#000000; display:block; font-size:10px; line-height:9px; text-transform:uppercase; padding:3px 0 10px 8px;}

.entry{
	line-height: 20px;
	margin-top: 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 0;
	padding-left: 0;
	text-align: justify;
	letter-spacing: 0px;
	word-spacing: 1px;
}

.entry p, .entry ul, .entry ol{
	margin-bottom: 15px;
	text-align: justify;
	padding-left: 0;
}

.entry ul, .entry ol{
	margin-left: 30px;
}

.entry ul li, .entry ol li{
	margin-bottom: 10px;
}

.entry h3, .entry h2{
	font-weight: bolder;
	font-size: 30px;
	margin: 50px 0 10px 0;
}

.entry blockquote{
	background-image: url(images/blockquote.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 50px;
	padding-right: 20px;
	margin-left: 20px;
	color: #666666;
}

.entry blockquote p{

}


.entry h1, .entry h2, .entry h3, .entry h4 {
        line-height: 33px;
}

p.postmetadata{
	border: 1px solid #ccc;
	margin: 10px 0 0 0;
	background: url(images/whitegradient.jpg) repeat-x;
	padding: 2px 0 2px 5px;
}

.navigation{
	padding: 10px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

.sidebar{
	height: 100%;
	margin: 0 0 0 0px;
	display: inline;
	padding-top: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 0px;
	word-spacing: 1px;

} 


.sidebar ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sidebar ul li{
	padding: 0px 0 10px 0;
	margin: 0;
}

.sidebar #searchBox{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 12px 0 10px 20px;
	text-align: left;
	width: 220px;

}

.sidebar .prettyButtons{
	margin: 0 0 0 20px;
	width: 225px;
}

.makeCenter{
	text-align: center;
}


.sidebar ul li h2{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	background-color: #000000;
	padding: 5px 0 5px 20px;
	color: #ffffff;
}


.sidebar ul ul li{
	padding: 0;
	line-height: 24px;
	padding-left: 20px;
	color: #FFFFFF
}

.sidebar ul ul li a{
	color: #ffffff;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	margin-left: -20px;
	padding-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

.sidebar ul ul li a:hover{
	color: #FFFF00;
	background-color: green;
}

.sidebar ul.recently li a{
	background: url(images/new.gif) no-repeat 20px 8px;
	padding-left: 50px;
	width: 85%;

	display: block;

}

.sidebar ul.recently li a:hover{
	color: #FFFF00;
	background: url(images/newpop.gif) no-repeat 20px 8px;
	background-color: green;
}

.sidebar ul.recently li{
	padding-right: 20px;
}

.sidebar ul.recently li:hover{
	background-color: green;
}



li.widget_simple_recent_comments ul li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 0px;
	word-spacing: 1px;
	margin-bottom: 10px;
}

/* Make exception for links in recent comments */
li.widget_simple_recent_comments ul li a{
	display: inline;
	color: #FFFF00;
}

li.widget_simple_recent_comments ul li a:hover{
	background-color: #888888;
	color: #FFFF00;
}

table#wp-calendar{
	width: 100%;
}

#footer{
	clear: both;
	width: 100%;
	padding: 10px 0 10px 0;
	background: black;
	
}

#footer p{
	line-height: 18px;
}

.footerBox{
	width: 800px;
	text-align: left;
	margin: 0 auto;
	height: 50px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	
}

#footer a{
	color: #FFFF00 ;
	text-decoration: none;
}


/* Pretty Curves for round borders */
.prettyCurveTop{
	background-image: url(images/tl.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background: transparent url(images/tl.gif) no-repeat;
}

.prettyCurveTop div{
	background-image: url(images/tr.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.prettyCurveBottom{
	background-image: url(images/bl.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background: transparent url(images/bl.gif) no-repeat;
}

.prettyCurveBottom div{
	background-image: url(images/br.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.prettyCurveTop div, .prettyCurveTop,
.prettyCurveBottom div, .prettyCurveBottom {
   width: 100%;
   height: 30px;
   font-size: 1px;
}


/* Comments Template */

.comments-template{
	margin: 50px 0 0 0;
	padding: 10px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 0px;
	word-spacing: 1px;
}

.comments-template h3{
	text-align: center;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li, #textDisplay_box{
	margin: 10px 0 30px 0;
	line-height: 18px;
	padding: 0 0 0 0;
	background-color: #FFFFFF;
	background: url(images/greygradient.jpg) repeat-x;
	border: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	word-spacing: 1px;
	background: #888888;
	color:#FFFFFF;
	padding: 10px 10px 10px 10px;
	
	
}

.commentmetadata a, .returnTop a{
	color: #FFFF00;
	text-decoration: none;
}

.commentmetadata a:hover, .returnTop a:hover{
	text-decoration: underline;
}

.commentBody{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	word-spacing: 1px;
	margin: 10px 15px 30px 15px;
	text-align: justify;
	line-height: 20px;	
	
}

.commentBody p{
	margin-bottom: 8px;
}

.commentBody blockquote{
	background: url(images/blockquote.gif) no-repeat;
	padding-left: 30px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	padding: 20px;
	letter-spacing: 0px;
	word-spacing: 1px;
	width: 450px;
}

.returnTop{
	background: #888888;
	text-align: right;
	padding-right: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
}




/* Table for positioning */
.bodyPositioner td{
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.bodyPositioner td.maintext{
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
}

/* Inter-page Navigation Links */
.Single_previous{
	width: 40%;
	float: left;
}

.Single_next{
	width: 40%;
	float: right;
}

.Single_previous a, .Single_next a{
	text-decoration: none;
}

/* Styles for Update as you write box */
#textDisplay_box{
	display: none;
	margin-top: 20px;
}

/* Information bars for all sub pages */
.informationBar{
	margin-top: 30px;
	margin-bottom: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.informationBar h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
}

.informationBar div{
	font-size: 20px;
}

/* Search bar on not found pages */
.post #searchBox, .post .prettyButtons{
	margin-top: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
}