/*
Theme Name: Blogopreneur
Theme URI: http://www.blogopreneur.com
Description: The Blogopreneur Skin.
Version: 0.5
Author: Kian Ann
Author URI: http://www.kianann.com/
*/

/* Reset Across Browsers */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, dfn, 
em, font, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, 
tr, th, td {
	margin:0; padding:0; border:0;
	outline:0; font-size:100%; vertical-align:baseline;
	background:transparent;
}
body { line-height:1; font-size: 62.5%; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:'';content:none; }
:focus { outline:0; }
ins { text-decoration:none; background: #ffff00; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; vertical-align: middle; }
caption,  th,  td { text-align: left; font-weight: normal; }
td,  th { vertical-align: middle; } 
a img { border: none; }
em { font-style: italic; }

/* Standard Definitions */
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { text-align: center; }
.padleft { padding-left: 10px; }
.padright { padding-right: 10px; }
.padbottom { padding-bottom: 12px; }
.marginleft { margin-left: 10px; }
.marginright { margin-right: 10px; }
.marginbottom { margin-bottom: 12px; }
.clear { clear: both; }
.imgbdr { padding: 4px; border: 1px dotted #CCCCCC; }
blockquote { padding: 20px; background: #F4F4F4; }
p, ul, ol, blockquote { margin-bottom: 12px; }

body { font-family: Verdana, Arial, Helvetica, sans-serif; background: #EEEEEE; }

#container { height: auto; width: 920px; padding: 0; margin: 15px auto; float: none; clear: both; border: 1px solid #014681; background: url(images/container-bkg.png); }
	#top { height: auto; padding: 8px 10px 8px 20px; margin: 0; float: none; clear: both; background: #00427a; }
	#header { height: auto; padding: 20px; margin: 0; float: none; clear: both; background: #FFFFFF; border-bottom: 1px solid #014681;  }
	#maincontent { height: auto; padding: 0; margin: 0; float: none; clear: both; }
		#content { float: left;  width: 599px; padding: 0; margin: 0; }
			#topsnippet { height: auto; padding: 5px 20px; margin: 0 0 20px 0; float: none; clear: both; background: #EEEEEE; border-bottom: 1px solid #CCCCCC; }
			#posts { height: auto; width: 560px; padding: 0 0 30px 20px; margin: 0; float: none; clear: both; }
		#sidebar { float: right; width: 320px; padding: 0 0 20px 0; margin: 0; }
	#footer { height: auto; padding: 10px 20px 10px 20px; margin: 0; float: none; clear: both; background: #012749 url(images/footer-bkg.png) top repeat-x;  }


#top { color: #FFFFFF; font-size: 1.1em;  }
#top a:link { color: #FFFFFF; text-decoration: none; }
#top a:visited { color: #FFFFFF; text-decoration: none; }
#top a:hover { color: #FFFFFF; text-decoration: underline; }
#top ul#mainmenu { font-weight: bold; }
#top ul#mainmenu { list-style: none; padding: 0; margin: 0; }
#top ul#mainmenu li { display: inline; padding-right: 15px; }

#header {}

#content { font-size: 1.2em;  }
	#content #topsnippet { color: #000000; font-size: 11px; }
	#content #topsnippet a:link { color: #000000; text-decoration: none; }
	#content #topsnippet a:visited { color: #000000; text-decoration: none; }
	#content #topsnippet a:hover { color: #000000; text-decoration: underline; }
	#content #topsnippet h1 { font-weight: bold; font-size: 12px;}
	#content .story { margin-bottom: 70px; }
	#content #posts .numcomments { width: 37px; height: 40px; background: url(images/comments.png); margin-left: 10px; float: right; padding: 4px 15px 0 3px; font: bold 16px Arial, Helvetica, sans-serif; text-align: center; }
		#content #posts .numcomments a:link { color: #000000; text-decoration: none; }
		#content #posts .numcomments a:visited { color: #000000; text-decoration: none; }
		#content #posts .numcomments a:hover { color: #555555; text-decoration: none; }				
	#content #posts .posttitle { font: bold 26px Arial, Helvetica, sans-serif; letter-spacing: -0.03em; text-align: left; color: #26ACF9; margin-bottom: 8px; line-height: 100%; }
		#content #posts .posttitle a:link { color: #26ACF9; text-decoration: none; }
		#content #posts .posttitle a:visited { color: #26ACF9; text-decoration: none; }
		#content #posts .posttitle a:hover { color: #00427a; text-decoration: none; }
	#content #posts h3 { font: bold 15px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 12px; }
	#content #posts p { line-height: 150%; }
	#content #posts ul { padding-left: 20px; margin-left: 20px; list-style: disc; }
	#content #posts ul li { line-height: 150%; padding-left: 5px; }
	#content #posts ul li ul { padding-left: 20px; margin-left: 20px; list-style: disc;  margin-bottom: 0; }
	#content #posts ul li ul li {  padding-left: 5px; }
	#content #posts ol { padding-left: 20px; margin-left: 20px; line-height: 160%; list-style: decimal; }
	#content #posts ol li { line-height: 150%; padding-left: 5px;}
	#content #posts ol li ul { padding-left: 20px; margin-left: 20px; list-style: disc;  margin-bottom: 0; }
	#content #posts ol li ul li {  padding-left: 5px; }
	#content #posts .postmeta-bottom { font-size: 11px; padding: 6px; border: 1px solid #00427a; color: #00427a; background: #E1F6FF url(images/postmeta-bottom-bkg.png);  }
		#content #posts .postmeta-bottom a:link { color: #00427a; text-decoration: none; }
		#content #posts .postmeta-bottom a:visited { color: #00427a; text-decoration: none; }
		#content #posts .postmeta-bottom a:hover { color: #00427a; text-decoration: underline; }	
	#content .archivestory { margin-bottom: 20px; }
	#content .archivestory .archivelink { float: left; text-align: left; margin-left: 10px; width: 460px; }
	#content .archivestory .archivelinkdate { float: left; text-align: left; width: 90px; font-weight: bold; }
	
#sidebar { font-size: 1.2em; }
#sidebar h4 { font: bold 13px Verdana, Arial, Helvetica, sans-serif; padding: 5px 10px; background: #00427a url(images/sidebar-h4-bkg.png) right no-repeat; color: #FFFFFF; margin-bottom: 10px;  }
#sidebar ul { padding-left: 15px; margin-left: 15px; list-style: disc; }
#sidebar ul li { }
#sidebar select[name=archive-dropdown] { margin: 0 0 10px 10px; width: 200px; }

#footer { color: #CCCCCC; }

/* Comments */
#content #posts h2#comments { font-weight: bold; font-size: 14px; margin-top: 40px; }
#content #posts h2#respond { font-weight: bold; font-size: 14px; margin-top: 40px; }
#content #posts ol.commentlist { padding: 0; margin: 0; }
#content #posts ol.commentlist li { margin: 15px 0px 3px 0px; padding-right: 15px; padding-left: 15px; list-style: none; }
#content #posts .commentmetadata { font-size: 11px; line-height: 140%; margin-bottom: 15px; }
.alt1 { margin: 0; padding: 15px 0px 15px 0px; border-bottom: 1px solid #BBBBBB; border-top: 1px solid #BBBBBB; background:#FAFAFA; }
.alt2 { margin: 0; padding: 0px 0px 0px 0px; }
.gravatar { background-color:#EEEEEE; color:#FFFFFF; float:right; margin:0 0 5px 5px; padding:4px; border: 1px solid #CCCCCC; }


.ads { width: 336px; margin: -10px auto 10px auto; }


/* To depreceate */
code { color:#000088; }
.update { padding-left: 20px; border-left: 7px #FFCC66 solid; line-height: 160%; margin-bottom: 10px;}
.advert-note { padding: 20px; border: 1px #FFCC66 solid; background: #FFE4CA; line-height: 160%; margin-bottom: 10px; }
.postimageleft { margin: 10px 10px 10px 0px; float: left; }
.postimageright { margin: 10px 0px 10px 10px; float: right; }
.photocredit { font-style:italic; font: normal 11px Arial, Helvetica, sans-serif; text-align: left; }