/* 

	Theme Name: Tutorialicious


	
*/




body {
  
font-family: 'MS Serif', 'New York', sans-serif;
  font-size: 14px;
  color: #000033;
  background: #E0E0E0 url(images/bg.png) top repeat-x;
  width: 100%;


}
/*** Hyperlinks	***/
a, a:visited {
  color: #3333D6;
  font-size: 14px;
  text-decoration: none;
}
a:hover {
  color: #8585E6;
  text-decoration: underline;
}
/*** Top Navigation ***/
#topnav {
  width: 925px;
  height: 30px;
}
#topnav_left {
  float: left;
  width: 900px;
  
}
#topnav_right {
  float: right;
  width: 10px;
  text-align: right;
  font-weight: normal;
  padding: 7px 0px 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 0px;
  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;
padding: 0px 2px 0px 2px;
}
/*** Header ***/

#header {
  width: 1025px;
float: left;
padding: 0px 0px 0px 10px;
  background: url(images/header.png) top no-repeat;
  height: 148px;
  margin: 0 auto;
}

#header_left {
  width: 650px;
  float: left;
  padding-top: 5px;
}
#header_right {
  width: 145px;
  float: right;
  padding: 5px 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: #999999;
text-shadow:0 4px 0 #000000;
}

#header h1 a:hover {
  color: #999999;

}
#header p {

  padding: 0px 0px 0px 10px;
  margin: 0px;
  color: #000000;
  text-shadow:0 0px 0 #082837;
}
#searchform{
}


#top_search {
  width: 200px;
  padding: 3px;
  background: #0d2d3b;
  border: 1px solid #35627a;
  text-align: center;
}
/*** Navigation ***/
#navbar {
  width: 100%;
  height: 25px;
}

#nav_left {
  float: left;
  width: 700px;
  height: 32px;
}
#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: 6px 15px 14px 15px;
  color: #101010;
  font-weight: bold;
text-shadow:0 0px 0 ##EBECE4;

}
#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_wide {
  width: 1000;
  margin: 10px auto 0;
}

#postarea_wide {
  width: 950px;
  float: left;
}

#content_fullwide {
  width: 1300;
  float: left;
margin: 0 0 0 20px;
}




#content {
  width: 1075px;
  margin: 10px auto 0;
}
/*** postarea ***/
#postarea {

  width: 740px;
  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 {
  margin: 0;
  padding: 0px 0px 0px 0px;
}
.post ul li {
  margin: 0px 0px 2px 20px;
  padding: 1px 0px 0px 0px;
}

.post ul, .post ul li{list-style-type: square !important;}{
}

/* REMOVING THIS REMOVES BULLET POINTS FROM 'WIDGETS ON PAGES' BUT ALSO REMOVES THEM FROM ALL POSTS AND PAGES.  REAL PROBLEM IS CAUSED BY THE 'ADVANCED WIDGETS ON PAGES' PLUGIN

.post ul, .post ul li{list-style-type: square !important;}{
}
*/



.post ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.post ol li {
  list-style-type: none;
  margin: 0px 0px 2px 20px;
  padding: 1px 0px 0px 0px;
}
.post img {
  padding: 7px;
}
.meta {
  background: #F4F3EE;
  border: 1px solid #DDD;
  padding: 5px;
  margin: 5px;
}
/*** Sidebar ***/
#sidebar {
  float: right;
  width: 312px;
  background: #C9C9C9;
  border: 2px solid #333333;
  color: #000000;
-moz-border-radius:7px;
margin-top:-23px;
}

#sidebar a,#sidebar a:visited {
 color: #1F1F1F;
  font-size: 14px;
  text-decoration: none;  
}


#sidebar a:hover {
  color: #00008B;
}

#sidebar_in {
  border:1px solid #87CEEB;
-moz-border-radius:7px;
background: #A3A3A3 url(images/sb-bg.png) top repeat-x;
 
}
#sidebar h2 {
  margin: 0px 0px 0px 0px;
  color: #111111;
  padding: 2px 0px 2px 10px;
font-family: 'MS Serif', 'New York', sans-serif;
  font-size: 13px;

text-shadow:0 1px 0 #CCCCFF;
}

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

#sidebar ul li {
  list-style-type: none;
  margin: 0px 0px 8px 20px;
  padding: 0px 0px 0px 0px;
  
}

#sidebar ul li:hover {

 
  
}

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

.widget {
  margin-bottom: 2px;
  padding: 1px;
}
.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 7px 0px; 
}
.featured_in {
  padding: 0px 0px 0px 2px; 
  border:1px solid #FFF;
  background: #FFF url(images/body_bg.jpg) top repeat-x;
  overflow: hidden;
}
.featured_in img {
  width: 640px;


}
/*** Homepage, Search Page, Archive Page ***/
.thumbnail {
  width: 142px;
  height: 142px;
  overflow: hidden;
  line-height: 170px;
  text-align: center;

}

.thumbnail img {
  width: 130px !important;
  height: 130px !important;
  padding: 5px;
  background:#446f83;
  border:1px solid #0f3647;

}

.the_excerpt {
  width: 440px;
  float: right;
  background: transparent;
}
.excerpt_post {
  border: 3px solid #505050;
  background: #FFF;
  margin: -2px 0px 42px 0px;
-moz-border-radius:5px;
}
.excerpt_in {
  padding: 15px;
  border:1px solid #FFF;
  background: #FFF url(images/body_bg.jpg) top repeat-x;
  overflow: hidden;
-moz-border-radius:5px;
}
.excerpt_post h2 {
  border: none;
}

.excerpt_post ul, .excerpt_post ul li{
list-style-type: square !important;
  margin: 0px 0px 2px 10px;
  padding: 1px 0px 0px 0px;
}

.excerpt_post h2 a, .excerpt_post h2 a:visited {
  font-size: 16px;
  color: #444;
  border: none;
text-shadow:0 1px 0 #fff;
font-family: 'MS Serif', 'New York', sans-serif;
}
.excerpt_post h2 a:hover {
  color: #101010;
}
.excerpt_data {
list-style-type: square;
  padding: 2px 5px 2px 0px;
  margin: 3px 0px 3px 0px;
}
.excerpt_left {
margin-right:15px;
  color: #58554c;
font-family: 'MS Serif', 'New York', sans-serif;
  font-style: italic;
  font-size: 12px;
  font-weight: 700;
  background:#e5e5e5;
  border:1px solid #c9c9c9;
padding: 3px 8px 5px 8px;
}
.excerpt_but {
  float: right;
  padding: 4px 10px 4px 10px;
  margin-right: 5px;
  border:1px solid #061c25;
-moz-border-radius:5px;
  background: #E0E0E0 url(images/footer.png) center left repeat-x;
}
.excerpt_but a, .excerpt_but a:visited {
  color: #000000;
text-shadow:0 1px 0 #062330;
}
.excerpt_but a:hover {
  color: #000;
text-shadow:0 1px 0 #7aa1b2;
}
.excerpt_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: right;
  padding: 4px 10px 4px 10px;
  background: #222 url(images/but.jpg) repeat-x;
}
.navright {
  float: left;
  padding: 4px 10px 4px 10px;
  background: #222 url(images/but.jpg) repeat-x;
}
.navcenter {
float: right;
padding: 0px 0px 0px 0px;
background: none;
text-align: center;
}


/*** Footer ***/
#footer_bg {
  width: 100%;
  background: #3d5765 url(images/footer.png) repeat-x;
  
  margin-top: 5px;
}
#footer {
  width: 925px;
  margin: 0 auto;
  font-size: 12px;
  color: #000000;
  padding: 5px 0px 10px 0px;
}
#footer a, #footer a:visited {
  color: #000000;
  font-size: 12px;
}
#footer a:hover {
  color: #000000;
}
#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: 8px;
  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: 138px;
  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: #D8D8D8;
  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;
  padding: 0px 10px 0px 0px;
}
.alignright{
  float: right;
  padding: 0px 0px 0px 10px;
}
.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;
line-height:1.15em;
}
h1, h2, h3, h4, h5, h6, h7 {
  color: #101010;

font-family: 'MS Serif', 'New York', sans-serif;
 

}
h1, h1 a, h1 a:visited{font-size:20px;margin-top:15px;}
h2, h2 a, h2 a:visited{font-size:18px;margin-top:5px;}
h3, h3 a, h3 a:visited{font-size:15px;margin-top:5px;}
h4, h4 a, h4 a:visited{font-size:14px;margin-top:15px;}
h5, h5 a, h5 a:visited{font-size:11px;}
h6, h6 a, h6 a:visited{font-size:9px;}
h7, h7 a, h7 a:visited{font-size:0px;}
.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;
}