/*
Theme Name: Blogopreneur
Theme URI: http://www.blogopreneur.com
Description: The Blogopreneur Theme 
Version: 1.0.1
Author: Kian Ann
Author URI: http://www.blogopreneur.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; }
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; }
header, nav, section, article, aside, footer { display: block; }

/* Standard Definitions - Note: these should not be used for page layout elements, only for formatting content elements */
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { text-align: center; }
.padall { padding: 10px; }
.padtop { padding-top: 10px; }
.padleft { padding-left: 10px; }
.padright { padding-right: 10px; }
.padbottom { padding-bottom: 10px; }
.marginall { margin: 10px; }
.margintop { margin-top: 10px; }
.marginleft { margin-left: 10px; }
.marginright { margin-right: 10px; }
.marginbottom { margin-bottom: 10px; }
.roundedall { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } 
.roundedtopleft { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; } 
.roundedtopright { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } 
.roundedbottomleft { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } 
.roundedbottomright { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } 
.highlight { background-color: #ffff00 }
.clear { clear: both; }
.boxshadow { box-shadow: 2px 2px 5px #888; -moz-box-shadow: 2px 2px 5px #888; -webkit-box-shadow: 2px 2px 5px #888; }
.imgbdr { border: 5px solid #ddd; }
blockquote { padding: 20px; background-color: #f4f4f4; }

/* Default Styles */
a:focus { outline: 1px dotted; }
hr { border:0 #ccc solid; border-top-width: 1px; clear: both; height:0 }
h1 { font-size: 25px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; font-style: italic; font-family: Georgia, "Times New Roman", sans-serif; color: #333; margin-top: 25px; }
h4 { font-size: 19px; }
h5 { font-size: 17px; }
h6 { font-size: 15px; }
ol { list-style: decimal; }
ul { list-style: disc; }
li { margin-left: 25px; }
blockquote { padding: 20px; background: #ddd; }
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, blockquote { margin-bottom: 12px }
ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } 

/***********************************************************************************/

/* Main Blocks */

/* Body */
body 				{ font-family: \"Century Gothic\", Arial, Tahoma, sans-serif; background-color: #f5f5f5;  
		 			  color: #000000; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; }

/* Site */
#site				{ height: auto; width: 980px; padding: 0 0 0 0; margin: auto auto 20px auto; background-color: #ffffff; 
		 			  border-top: 1px none #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; 
		 			  color: #; font-size: ; font-weight: normal; font-style: normal; text-decoration: none; }

/* Header */
header				{ height: auto; width: auto; padding: 0 35px 0 60px; margin: 0 0 0 0; background-color: #ffffff; 
		 			  border-top: 0 none #000000; border-right: 0 none #000000; border-bottom: 0 none #000000; border-left: 0 none #000000; 
		 			  color: #; font-size: ; font-weight: normal; font-style: normal; text-decoration: none; }

/* Main Menu */
nav.mmenu 			{ height: 52px; width: auto; padding: 10px 45px 0 50px; margin: 0 0 0 0; background-color: #transparent; 
		 			  border-top: 0 none #000000; border-right: 0 none #000000; border-bottom: 0 none #000000; border-left: 0 none #000000; 
		 			  color: #6cbd45; font-size: 15px; font-weight: bold; font-style: normal; text-decoration: none; }
nav.mmenu a:link 	{ color: #6bbd45; font-size: 15px; font-weight: bold; font-style: normal; text-decoration: none; }
nav.mmenu a:active 	{ color: #6bbd45; font-size: 15px; font-weight: bold; font-style: normal; text-decoration: none; }
nav.mmenu a:visited { color: #6bbd45; font-size: 15px; font-weight: bold; font-style: normal; text-decoration: none; }
nav.mmenu a:hover 	{ color: #5ded1a; font-size: 15px; font-weight: bold; font-style: normal; text-decoration: none; }

/* Main Content */
#mcontent			{ height: auto; width: auto; padding: 10px 60px 0 60px; margin: 0 0 0 0; background-color: #ffffff; 
		 			  border-top: 0 none #000000; border-right: 0 none #000000; border-bottom: 0 none #000000; border-left: 0 none #000000; 
		 			  color: #; font-size: ; font-weight: normal; font-style: normal; text-decoration: none; }
/* Aside */
aside 				{ height: auto; width: 300px; padding: 10px 10px 10px 10px; margin: 0 0 0 0; background-color: #f6f6f6; 
		 			  border-top: 0 none #000000; border-right: 0 none #000000; border-bottom: 0 none #000000; border-left: 0 none #000000; 
		 			  color: #333333; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; }
aside a:link 		{ color: #555555; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; }
aside a:active 		{ color: #555555; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; }
aside a:visited 	{ color: #555555; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; }
aside a:hover 		{ color: #333333; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; }

/* Footer */
footer 				{ height: auto; width: auto; padding: 20px 25px 20px 25px; margin: 0 0 0 0; background-color: #ffffff; 
		 			  border-top: 1px solid #dddddd; border-right: 0 none #000000; border-bottom: 0 none #000000; border-left: 0 none #000000; 
		 			  color: #999999; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; }
footer a:link 		{ color: #999999; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; }
footer a:active 	{ color: #999999; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; }
footer a:visited 	{ color: #999999; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; }
footer a:hover 		{ color: #333333; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: underline; }

/* Main Blocks Positioning */

#container, header, nav.mmenu, #content, footer { clear: both; }
#mcontent.sbleft 	{ float: right; }
#mcontent.sbright 	{ float: left; }
#mcontent.nosb 		{ float: none; width: auto; }
aside.sbleft 		{ float: left; }
aside.sbright 		{ float: right; }

/***********************************************************************************/

/* Header */
header .logo { font-family: Arial, Verdana, sans-serif; font-weight: bold; font-size: 30px; letter-spacing: -0.03em; }
header .logo a:link { color: #000; text-decoration: none; }
header .logo a:visited { color: #000; text-decoration: none; }
header .logo a:hover { color: #111; text-decoration: none; }
header .logo a img { display: block; }
header .tagline { font-style: italic; color: #999; }
header .headerad { float: right; }

/* Main Menu */
nav.mmenu ul { list-style: none; margin: 0; padding: 0; }
nav.mmenu ul li { float: left; margin: 0; padding: 0; position: relative; }
nav.mmenu ul li a { display: block; padding: 8px 15px 8px 15px;  }
nav.mmenu ul li:hover>ul { display: block; }
	/* Sub Menu  */ 
	nav.mmenu ul ul { display: none; background-color: #transparent; z-index: 9999; width: 150px; position: absolute; left: 10px; }
	nav.mmenu ul ul li { float: none; margin: 0; padding: 0;  }
	nav.mmenu ul ul li a { display: block; padding: 10px;  }
	nav.mmenu ul ul ul { left: 130px; top: 0 }

/* Main Content */
#mcontent article { padding-top: 10px; padding-bottom: 20px; }
#mcontent article.sticky { background-color: #dff1ff; padding-left: 10px; padding-right: 10px; }
#mcontent article p { line-height: 150%; }  
#mcontent article ul { line-height: 150%; } 
#mcontent article ol { line-height: 150%; }
#mcontent .posttitle { font-size: 32px; letter-spacing: -0.03em; }
#mcontent .postmeta { font-size: 12px; color: #888; margin: -5px 0 15px 0; }
#mcontent .postmeta a:link { color: #888; text-decoration: none; }
#mcontent .postmeta a:visited { color: #888; text-decoration: none; }
#mcontent .postmeta a:hover { color: #888; text-decoration: underline; }
#mcontent .posttitle a:link { color: #000; text-decoration: none; }
#mcontent .posttitle a:visited { color: #000; text-decoration: none; }
#mcontent .posttitle a:hover { color: #333; text-decoration: none; }
#mcontent nav.prevnextlinks { margin-top: 20px; margin-bottom: 20px; }

/* Aside */
aside { line-height: 120%; }
aside form[role=search] { margin-bottom: 10px; }
aside>ul { list-style: none; padding: 0; margin: 0; }
aside>ul>li { list-style: none; padding: 0; margin: 0; }
aside h4 { margin: 20px 0 10px 0; font-size: 16px; color: #444; letter-spacing: -0.02em;}

/* Comments List */
.commentlist ul { margin: 0; } 
li.comment { list-style-type: none; margin-left: 0; }
li.comment .comment-body { padding: 15px 10px; }
li.comment img.avatar { float: right; border: 3px solid #ddd; }
li.comment.odd>.comment-body { background-color: #fff; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
li.comment.even>.comment-body { background-color: #f5f5f5; }
li.comment.depth-2>.comment-body { padding-left: 25px; } 
li.comment.depth-3>.comment-body { padding-left: 50px; } 
li.comment.depth-4>.comment-body { padding-left: 65px; } 
li.comment.depth-5>.comment-body { padding-left: 80px; } 
li.comment.bypostauthor>.comment-body { background-color: #dff1ff;  }

/* Comments Form */
#commentform { padding-bottom: 20px; }
#commentform label { display: block; float: left; width: 100px; }
#commentform input[type=text] { margin: 5px 0; display: block; float: left;  } 
#commentform textarea { margin: 5px 0; display: block; float: left;  } 
#commentform p { clear: both; margin: 5px 0;  }
#commentform .form-allowed-tags { font-size: 85%; }