/*
	Theme Name: Tutorialicious

	Theme URL: http://www.toptut.com
	Description: Two column theme with options menu, 3 level dropdown menu, featured contect section and banner management. Right sidebar fixed with theme with clean design by Lorelei. New build in contact form in the theme.
	Author: Lorelei
	Author URI: http://www.toptut.com
	
*/
body {font-family: Segoe UI,Arial,Verdana,Helvetica,sans-serif;font-size: 13px;
color: #3d4b51;background: #202a33 url(images/bg.png) top repeat-x;width: 100%;}
/*** Hyperlinks	***/
a, a:visited {color: #413e32;font-size: 12px;text-decoration: none;}
a:hover {color: #101010;}
/*** Top Navigation ***/
#topnav {width: 950px;height: 30px;}
#topnav_left {float: left;width: 700px;}
#topnav_right {float: right;width: 200px;text-align: right;font-weight: bold;padding: 7px 10px 0px 0px;}
/*** Page Navigation ***/
#pagenav, #pagenav ul {padding: 0;margin: 0;text-transform:uppercase;list-style: none;line-height: 1;}
#pagenav a, #pagenav a:visited {display: block; padding: 9px 10px 9px 10px;color: #273740;
text-shadow:0 1px 0 #dddddd; font-weight: bold;}
#pagenav a:hover {background: #2b576e; color: #f0f0f0;text-shadow:0 1px 0 #154053;}
#pagenav li {float: left;}
/*** Header ***/
#header {width: 950px;background: url(images/header.png) top no-repeat; height: 130px; margin: 0 auto;}
#header_left {width: 700px;float: left;padding-top: 10px;}
#header_right { width: 250px;float: right;padding: 27px 0px 0px 0px;}
#header_right img { width: 32px;height: 32px;}

#header h1 {padding: 5px 0px 0px 10px;}
#header h1 a, #header h1 a:visited {font-size: 34px; font-weight: bold;color: #052431;text-shadow:0 1px 0 #38667d;}
#header h1 a:hover {color: #322e23;}
#header p { padding: 0px 0px 0px 10px;margin: 0px;color: #afd3e3;text-shadow:0 1px 0 #082837;}
#top_search {width: 210px;padding: 5px;background: #0d2d3b; border: 1px solid #35627a;text-align: center;}
/*** Navigation ***/
#navbar {width: 100%;height: 40px;}
#navigation {width: 950px;height: 30px;margin: 0 auto;}
#nav_left {float: left;width: 700px;height: 42px;}
#nav_right {float: right;width: 210px;padding: -10px 0px 0px 0px;text-align: right;margin-top:-11px;}
#nav_right a, #nav_right a:visited {font-size: 18px;font-weight: bold;margin-right: 5px;color:#fff;}

/*** Category Navigation ***/
#nav, #nav ul {padding: 0;margin: 0;text-transform:uppercase;list-style: none;line-height: 1;}
#nav a, #nav a:visited {display: block;padding: 14px 15px 14px 15px;color: #101010;font-weight: bold;text-shadow:0 1px 0 #ebf5fa;}
#nav a:hover {background: #1c242b;color: #9bc6d8;text-shadow:0 1px 0 #000;border-top:1px solid #aed3e2;
-moz-border-radius-topright:7px;-moz-border-radius-topleft:7px;}
#nav li {float: left;}
#nav li ul {position: absolute;width: 140px;left: -999em;}
#nav li li a, #nav li li a:link, #nav li li a:visited {background: #F0F0F0;width: 140px;float: none;text-transform: none;margin: 0px;padding: 9px 10px 9px 10px;border-bottom: 1px solid #CCC;}
#nav li li a:hover {background: #1c242b;color:#ccc;}
#nav li ul ul {margin: -25px 0px 0px 160px;}
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto;}
/*** Content ***/
#content {width: 950px;margin: 10px auto 0;}
/*** postarea ***/
#postarea {width: 630px;float: left;}
.postcontent {border: 1px solid #a3a09e;background: #FFF; margin: 0px 0px 15px 0px;}
.postcontent_in {padding: 20px;border:1px solid #FFF;background: #FFF url(images/body_bg.jpg) top repeat-x;overflow: hidden;min-height: 800px;}
.post {line-height: 20px;}
.post ul {list-style-type: none;margin: 0;padding: 0;}
.post ul li { list-style-type: square; margin: 0px 0px 2px 20px;padding: 1px 0px 0px 0px;}
.post ol {list-style-type: none; margin: 0; padding: 0;}
.post ol li { list-style-type: decimal; margin: 0px 0px 2px 20px;padding: 1px 0px 0px 0px;}
.post img {padding: 5px;}
.meta { background: #F4F3EE; border: 1px solid #DDD; padding: 5px; margin: 5px;}
/*** Sidebar ***/
#sidebar { float: right; width: 300px; background: #FFF; border: 1px solid #04122c; color: #a9cede;-moz-border-radius:7px;margin-top:-53px;}

#sidebar a,#sidebar a:visited { color: #000; font-size: 11px; text-decoration: none;}
#sidebar a:hover { color: #fff;}

#sidebar_in { border:1px solid #d6d4c6;-moz-border-radius:7px; background: #29566d url(images/sb-bg.png) top repeat-x;}
#sidebar h2 {margin: 0px 0px 5px 0px; color: #a9cede; padding: 2px 0px 2px 10px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 18px;text-shadow:0 1px 0 #4e493c;}
#sidebar ul {list-style-type: none;margin: 0; padding: 0;}
#sidebar ul li {list-style-type:square; margin: 0px 0px 2px 25px;padding: 1px 0px 0px 0px;}

#sidebar ul li:hover {padding-left:7px;}

#sidebar ul li a, #sidebar ul li a:visited {font-size: 12px;}

.widget {margin-bottom: 10px;padding: 5px;}
.advertisment {padding: 5px 12px 5px 12px;margin-top:10px;}
.advertisment img { padding: 5px; width: 125px; height: 125px;}
.newsletter { border: 1px solid #C8C8C8; padding: 5px 5px 5px 20px; background: #FFF url(images/newsletter.png) top no-repeat;}
/*** Featured Section ***/
.featured_section { border: 1px solid #a3a09e; background: #FFF; margin: 0px 0px 10px 0px;}
.featured_in { padding: 10px; border:1px solid #FFF; background: #FFF url(images/body_bg.jpg) top repeat-x; overflow: hidden;}
.featured_in img {width: 600px;}
/*** Homepage, Search Page, Archive Page ***/
.thumbnail {float: left; width: 142px; height: 142px; overflow: hidden; line-height: 170px; text-align: center;margin: 5px 5px 0 0;}
.thumbnail img { width: 130px !important; height: 130px !important; padding: 5px; background:#446f83; border:1px solid #0f3647;}
.the_excrept { width: 440px; float: right; background: transparent;}
.excrept_post { border: 1px solid #96917c; background: #FFF; margin: 0px 0px 15px 0px;-moz-border-radius:5px;}
.excrept_in { padding: 10px; border:1px solid #FFF; background: #FFF url(images/body_bg.jpg) top repeat-x; overflow: hidden;-moz-border-radius:5px;}
.excrept_post h2 { border: none;}
.excrept_post h2 a, .excrept_post h2 a:visited { font-size: 20px; color: #444; border: none;text-shadow:0 1px 0 #fff; font-family: Verdana, Arial, Helvetica, sans-serif;}
.excrept_post h2 a:hover { color: #101010;}
.excrept_data { padding: 2px 5px 2px 0px; margin: 3px 0px 3px 0px;}
.excrept_left {margin-right:15px; color: #58554c; font-family: Segoe UI,Arial,Verdana,Helvetica,sans-serif; font-style: italic; font-size: 12px; font-weight: 700; background:#e5e5e5; border:1px solid #c9c9c9;padding: 3px 8px 3px 8px;}
.excrept_but { float: right; padding: 4px 10px 4px 10px; margin-right: 5px;border:1px solid #061c25;-moz-border-radius:5px;background: #222 url(images/footer.png) center left repeat-x;}
.excrept_but a, .excrept_but a:visited { color: #97b7c6;text-shadow:0 1px 0 #062330;}
.excrept_but a:hover { color: #000;text-shadow:0 1px 0 #7aa1b2;}
.excrept_right { float: right;}
/*** Page Navigation ***/
.pagenavigation { margin: 0px 0px 10px 0px;}
.pagenavigation a, .pagenavigation a:visited { color: #FFF;}
.pagenavigation a:hover { color: #b5d708;}
.navleft { float: left; padding: 4px 10px 4px 10px; background: #222 url(images/but.jpg) repeat-x;}
.navright { float: right; padding: 4px 10px 4px 10px; background: #222 url(images/but.jpg) repeat-x;}
/*** Footer ***/
#footer_bg { width: 100%; background: #3d5765 url(images/footer.png) repeat-x;margin-top: 5px;}
#footer { width: 950px; margin: 0 auto; font-size: 11px; color: #acc5d1; padding: 5px 0px 10px 0px;}
#footer a, #footer a:visited { color: #acc5d1; font-size: 11px;}
#footer a:hover { color: #acc5d1;}
#footer_left { float: left; padding-top: 10px;}
#footer_right { float: right;}
.wplogo img { width: 84px; height: 84px;}

/*** Comments ***/
.commentlist li { font-weight: bold;}
.commentlist li .avatar { float: right; background: #FFF; border: 1px solid #C8C8C8; padding: 2px !important;}
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal;}
.commentlist p { font-weight: normal;text-transform: none;}
.commentmetadata { font-weight: normal;}
#respond:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.commentlist { margin: 0px; padding: 0px;}
.commentlist ol { margin: 0px; padding: 10px;}
.commentlist li { margin: 15px 0px 10px; padding: 10px 5px 10px 10px; list-style: none;}
.commentlist li ul li { margin-right: -5px; margin-left: 10px;}
.commentlist p { margin: 10px 5px 10px 0px; padding: 0px;}
.commentmetadata { font-size: 10px; margin: 0px; display: block;}
.thread-alt { background: #F7F7F7;}
.thread-even { background: #F6F9FD;}
.even, .alt { border-bottom: 1px solid #C8C8C8; border-top: 1px solid #C8C8C8;}
.depth-2 { background: #FFF;}
.depth-3 { background: #F7F7F7;}
.depth-4 { background: #F6F9FD;}
.depth-5 { background: #FFF;}
/*** Comment Form ***/
#commentform input { width: 200px; padding: 2px; margin: 5px 5px 1px 0px;}
#commentform { padding: 0 5px 5px 5px;}
#commentform textarea { width: 100%; padding: 2px;}
#commentform p { margin: 5px 0px 5px 0px;}
#commentform #submit { margin: 0px; float: left;}
.trackbacks { margin: 10px 0px 10px 0px; padding: 5px;border: 1px solid #DDD;background: #F9F9F9;}
/*** Wp Images ***/
.wp-caption { margin: 0px; padding: 0px;}
.wp-caption img { margin: 0px 0px 10px 0px; padding: 0px;border: 0px;}
.wp-caption p.wp-caption-text { margin: 0px; padding: 5px 0px 0px 0px; font-size: 10px; font-style: italic; font-weight: bold; line-height: 12px;}
img.wp-smiley { float: none; border: none; padding: 0px; margin: 0px;}
/*** Forms ***/
#author, #email, #url, #cName, #cMail, #cWeb { background: #F9F9F9 !important; width: 200px; font-weight: normal; font-size: 12px; font-family: Arial, Tahoma, Verdana; margin: 0px; padding: 4px; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0;}
#cCheck { background: #F9F9F9 !important; width: 90px; color: #444; font-weight: normal; font-size: 12px; font-family: Arial, Tahoma, Verdana; margin: 0px; padding: 4px; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0;}
#comment { background: #F9F9F9 !important; width: 550px !important; color: #444; font-size: 12px; font-family: Arial, Tahoma, Verdana; padding: 4px; margin: 0px; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0;}
#cMessage { background: #F9F9F9 !important; width: 370px !important; color: #444; font-size: 12px;font-family: Arial, Tahoma, Verdana; padding: 4px; margin: 0px; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0;}
#searchform { margin: 0px; padding: 0px; overflow: hidden; display: inline;}
#topsearch { background: #EEE; width: 140px; color: #000000; font-size: 12px; font-family: Arial, Tahoma, Verdana; font-weight: normal; margin: 0px; padding: 4px 0px 4px 10px; border-top: 1px solid #000; border-left: 1px solid #000; border-bottom: 1px solid #666; border-right: 1px solid #666; display: inline;}
#newsbox { background: #FFF; width: 160px; color: #000000; font-size: 12px; font-family: Arial, Tahoma, Verdana; font-weight: normal; margin: 0px; padding: 4px 0px 4px 10px; border-top: 1px solid #666; border-left: 1px solid #666; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; display: inline;}
#s, #sb  { background: #F2F2F2; width: 140px; color: #000000; font-size: 11px; font-family: Arial, Tahoma, Verdana; font-weight: normal; margin: 0px; padding: 2px 0px 2px 5px; border: 1px solid #999; display: inline;}
#submit, #searchbut, #newsbut, #cSubmit  { background: #222 url(images/footer.png) repeat-x; color: #FFFFFF; font-size: 12px; font-family: Arial, Tahoma, Verdana; margin: 0px 0px 0px 0px; padding: 3px 10px 3px 10px; font-weight: bold; border:none;
  /*
border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #222; border-right: 1px solid #222;
*/
}
#cForm { width: 400px; padding: 10px; background: #FFF;  border: 1px solid #DDD; margin: 10px auto;}
#cForm fieldset { padding: 5px;}

/*** General Reset ***/

* { margin: 0px; padding: 0px; list-style: none; text-decoration: none;}
.clear{ clear: both;}
.aligncenter{ display: block; margin: 0 auto; text-align: center;}
.alignleft{ float: left;}
.alignright{float: right;}
.code{ border: 1px solid #ccc; font-family: Courier; list-style: decimal-leading-zero;  padding: 3px 5px 3px 35px;}
.code code{ font: 1.2em Monaco, "Courier New", Tahoma;}
.code li{ background: #E5F2FF; margin: 2px 0; padding: 0 5px;}
.alignright{ float: right;}
fieldset{ border: 1px solid #DDDDDD; margin: 5px; padding: 5px;}
legend{ color: #666; font: bold 12px Arial, Tahoma, Verdana; margin: 0px; padding: 0px 11px 0px 11px;}
img{ border: 0; border: none; text-decoration: none;}
.space { margin: 5px 0px 5px 0px; padding: 0;}
hr{ background: #c0c0c0; border: none; color: #d0d0d0; height: 1px; margin: 10px 0;}
blockquote { background: #f1f1f1; margin: 10px; padding: 10px 0px 10px 15px; border-left: 3px solid #ccc;}
p {padding: 10px 0px;margin: 0px;}
h1, h2, h3, h4, h5, h6 { color: #101010; font-family: Arial, Helvetica, sans-serif;}
h1, h1 a, h1 a:visited{font-size:24px;}
h2, h2 a, h2 a:visited{font-size:18px;margin-bottom:5px;}
h3, h3 a, h3 a:visited{font-size:16px;}
h4, h4 a, h4 a:visited{font-size:14px;}
h5, h5 a, h5 a:visited{font-size:12px;}
h6, h6 a, h6 a:visited{font-size:11px;}
.error { padding: 10px; margin: 10px; text-align: center; font-weight: bold; font-size: 16px; color: #CC0000; background: #FFFFCC; border: 1px solid #FFCC00;}
.success { padding: 50px 0; margin: 10px; text-align: center; font-weight: bold; font-size: 16px; color: #006600; background: #CCFFCC; border: 1px solid #336600;}