/*
Theme Name: Royal Tutorial
Theme URI: http://royaltutorial.com
Description: Custom theme for RoyalTutorial.com
Version: 1.0.0
Author: Design to WordPress
Author URI: http://designtowp.com
Tags: fixed width, two columns, widgets
*/

/* Reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, 
blockquote, th, td { 
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
q:before,q:after { content: ''; }
abbr, acronym { border: 0; }
.clear { clear: both; }
.alignleft { float: left; }
.alignright { float: right; }

/* Body, Container, Common Elements */

body {
  background: #000000 url('images/body_bg.png') repeat-x top left;
  color: #fff;
  font-family: Arial, Verdana, Tahoma, Sans-Serif; font-size: 12px;
  text-align: center;  
}

#container {
  background: transparent url('images/header_brushes.png') no-repeat top left;
  margin: 0 auto;
  text-align: left;
  padding-left: 72px;
  position: relative;
  width: 1063px;
}

#clouds {
  background: transparent url('images/clouds.png') no-repeat top left;
  height: 249px;
  width: 430px;
  position: absolute; top: 10px; left: 311px;
  z-index: 2;
}

#pencils {
  background: transparent url('images/pencils.png') no-repeat top left;
  height: 380px;
  position: absolute; top: 110px; left: 4px;
  width: 175px;
  z-index: 2;
}

#wrapper {
  background: transparent url('images/wrapper1_bg.png') repeat-y top left;
  padding: 0 4px; padding-bottom: 10px;
  width: 980px;
}

#content-wrapper {
  background: #e3e3e3 url('images/content_wrapper_bg.png') no-repeat top left;
  border: 5px solid #fff;
  color: #3c3c3c;
  position: relative; top: 10px; left: 10px;
  margin-top: 10px;
  padding-top: 10px; padding-bottom: 27px;
  width: 950px;
  z-index: 3;
}

a { color: #ff8007; text-decoration: none; }

a:active {
  outline: none;
}

a:focus {
  -moz-outline-style: none;
}

/* Header */

#header {
  margin-bottom: 19px;
  overflow: hidden;
  position: relative;
  width: 973px;
  z-index: 3;
}

#header #pages {
  font-family: Georgia, 'Nimbus Roman No9 L', Serif;
  height: 27px;
}

#header #pages li {
  float: left;
  margin-right: 30px;
}

#header #pages li a {
  color: #fff;
  line-height: 27px;
}

#header #logo {
  margin-bottom: 3px;
  overflow: hidden;
  width: 973px;
}

#header #logo h1 { float: left; }

#header #logo h1 a {
  background: transparent url('images/logo.png') no-repeat top left;
  display: block;
  height: 90px;
  text-indent: -10000px;
  width: 372px;
}

#header #logo .adbanner {
  background: #2e1242;
  float: right;
  padding: 5px;
}

#header .newsletter {
  background: transparent url('images/newsletter_bg.png') no-repeat top left;
  float: right;
  height: 109px;
  margin-right: 20px;
  position: relative;
  width: 389px;
}

#header .newsletter h3 {
  font-size: 13px; font-weight: bold;
  margin-top: 18px;
  margin-left: 17px;
  margin-bottom: 9px;
}

#header .newsletter p { position: relative; margin-left: 39px; height: 21px; margin-bottom: 7px; }
#header .newsletter label { font-size: 12px; line-height: 21px; }
#header .newsletter input.text {
  background: transparent url('images/newsletter_input.png') no-repeat top left;
  border: 0;
  font-size: 12px;
  position: absolute;
  left: 42px;
  height: 14px;
  width: 162px;
  padding: 3px 10px 4px 10px;
}

#header .newsletter #subscribe {
  position: absolute; left: 229px;
  z-index: 4;
}

#header .newsletter .book {
  position: absolute;
  top: -22px; right: -16px;
  z-index: 1;
}

#twitter-flag a {
  background: transparent url('images/twitter_flag.png') no-repeat top left;
  display: block;
  text-indent: -10000px;
  position: absolute; top: 147px; left: 289px;
  height: 111px;
  width: 92px;
  z-index: 3;
}

#rss-flag a {
  background: transparent url('images/rss_flag.png') no-repeat top left;
  display: block;
  text-indent: -10000px;
  position: absolute; top: 191px; left: 222px;
  height: 111px;
  width: 92px;
  z-index: 3;
}

/* Navigation */

#navigation {
  background: transparent url('images/nav_bg.png') repeat-x top left;
  list-style: none;
  margin-left: 6px; margin-right: 5px; margin-bottom: 16px;
  height: 27px;
}

#navigation li {
  background: transparent url('images/nav_sep.png') no-repeat top right;
  float: left;
  font-size: 14px; font-family: Georgia, 'Nimbus Roman No9 L', Serif;
  padding-right: 2px;
}

#navigation li a {
  color: #fefefe;
  display: block;
  float: left;
  height: 27px;
  line-height: 27px;
  padding: 0 28px;
  text-decoration: none;
}

#navigation li a:hover, #navigation li.current-cat a {
  background: transparent url('images/nav_hover_bg.png') repeat-x top left;
}

/* Col 1 */

#col-1 {
  float: left;
  width: 626px;
}

.navigation a {
  background: #F7F7F7;
  display: block;
  padding: 10px;
}

#col-1 .adbanner {
  margin-bottom: 36px;
  text-align: center;
}

#col-1 .adbanner img {
  border: 5px solid #2e1242;  
}

#col-1 .hentry {
  background: #F7F7F7 url('images/post_top.png') no-repeat top left;
  border-left: 5px solid #692f93;
  margin-left: -5px;
  position: relative;
  width: 612px;
  
  /* min-height hack for ie6 */
  min-height: 235px;
  height: auto !important;
  height: 191px;
  
  margin-bottom: 36px;
  padding: 22px 0px; padding-left: 14px;
}

#col-1 .hentry .post-thumbnail { float: left; }
#col-1 .hentry .post-thumbnail img { border-bottom: 2px solid #cfcfcf; }

#col-1 .hentry .entry-content { margin: 0; float: left; }

#col-1 .hentry h2.post-title  {
  background: transparent url('images/post_heading_bg.png') repeat top left;
  color: #fff;
  font-family: Tahoma,Geneva,sans-serif; font-size: 25px; font-weight: normal;
  margin-bottom: 9px;
  padding: 0 12px; padding-top: 4px; padding-bottom: 3px;
}

#col-1 .hentry .post-meta-data {
  color: #454545;
  border-bottom: 1px solid #d8d8d8;
  font-size: 11px;
  padding-bottom: 10px; margin-bottom: 17px;
  width: 70%;
}

#col-1 .hentry h2.post-title a {
  color: #fff;
  text-decoration: none;
}

#col-1 .hentry .entry {
  font-family: Verdana,Geneva,sans-serif;
  font-size: 13px;
  padding: 0 12px;
}

#col-1 .hentry strong { font-weight: bold; }

#col-1 .hentry .entry p {
  line-height: 22px;
  margin-bottom: 20px;
}

#col-1 .hentry .entry img.alignleft {
  margin-right: 20px;
  margin-bottom: 20px;
}

#col-1 .hentry .entry img.alignright {
  margin-left: 20px;
  margin-bottom: 20px;
}

#col-1 .hentry .entry ul {
  list-style-type: disc;
}

#col-1 .hentry .entry ol {
  list-style-type: decimal;
}

#col-1 .hentry .entry ul, #col-1 .hentry .entry ol {
  margin-left: 40px;
  margin-bottom: 20px;
}

#col-1 .hentry .entry li {
  margin-bottom: 15px;
}

#col-1 .hentry .entry h1, #col-1 .hentry .entry h2,
#col-1 .hentry .entry h3, #col-1 .hentry .entry h4,
#col-1 .hentry .entry h5, #col-1 .hentry .entry h6 {
  font-family: Tahoma,Geneva,sans-serif;
  margin-bottom: 3pt;
}

#col-1 .hentry .entry h1 { font-size: 23px; font-weight: normal; }
#col-1 .hentry .entry h2 { font-size: 23px; font-weight: normal; }
#col-1 .hentry .entry h3 { font-size: 18px; font-weight: normal; }
#col-1 .hentry .entry h4 { font-size: 16px; font-weight: normal; }
#col-1 .hentry .entry h5 { font-size: 14px; font-weight: bold; }
#col-1 .hentry .entry h6 { font-size: 12px; font-weight: bold; }

#col-1 .hentry blockquote {
  background: #692F93;
  color: #fff;
  clear: both;
  font-style: italic;
  padding: 20px;
}

#col-1 .post-social-container {
  position: absolute; top: -2px; left: -117px;  
}

#col-1 .post-social {
  background: transparent url('images/post_social_bg.png');
  color: #ffffff;
  font-size: 11px; font-weight: bold;
  height: 239px;
  width: 112px;
}

#col-1 .post-social a { color: #ffffff; text-decoration: none; }

#col-1 .post-social .date {
  float: left;
  display: inline;
  font-size: 28px;
  height: 73px;
  width: 88px;
  text-align: center;
  margin-left: 24px; margin-top: 2px; margin-bottom: 9px;
}

#col-1 .post-social .date span {
  display: block;
  margin-top: 5px;
}

#col-1 .post-social .tweet {
  clear: both;
  height: 25px;
  width: 88px;
  margin-left: 24px; margin-bottom: 9px;
}

#col-1 .post-social .tweet a {
  background: transparent url('images/tweet.png') no-repeat top right;
  display: inline-block;
  line-height: 25px;
  margin-left: 7px;
  height: 25px;
  padding-right: 26px;
}

#col-1 .post-social .share {
  width: 88px;
  margin-left: 24px; margin-bottom: 9px;
}

#col-1 .post-social .share a {
  background: transparent url('images/share.png') no-repeat top right !important;
  display: inline-block;
  margin: 0; margin-left: 7px;
  height: 25px;
  padding: 0; padding-right: 23px;
}

#col-1 .post-social .share a span { line-height: 25px; }

#col-1 .post-social .subscribe {
  width: 88px;
  margin-left: 24px; line-height: 25px; margin-bottom: 9px;
}

#col-1 .post-social .subscribe a {
  background: transparent url('images/subscribe_social.png') no-repeat top right !important;
  display: inline-block;
  margin: 0; margin-left: 7px;
  height: 25px;
  padding: 0; padding-right: 20px;
}

#col-1 .post-social .comments {
  width: 88px;
  margin-left: 24px; margin-bottom: 9px;
}

#col-1 .post-social .comments strong {
  font-weight: bold;
}

#col-1 .post-social .comments a {
  display: inline-block;
  margin: 0; margin-left: 7px;
  padding: 0;
  line-height: 21px;
}

#col-1 .post-social .keep-reading {
  width: 88px;
  margin-left: 24px;
}

#col-1 .post-social .keep-reading a {
  display: inline-block;
  margin: 0; margin-left: 7px;
  padding: 0;
  line-height: 21px;
}

/* Comments */

#col-1 .hentry .entry .commentlist {
  list-style: none;
  margin: 0;
  margin-bottom: 28px;
}

.commentlist .even {
  background: #E3E3E3;
  padding: 10px;
} 

.commentlist .odd {
  background: #FFFFFF;
  padding: 10px;
}

.commentlist li .avatar { 
  float: right;
  border: 1px solid #eee;
  padding: 2px;
  background: #fff;
}

#col-1 .hentry .entry .commentlist li { margin: 0; }

.commentlist img {
  padding: 0;
  float: none;
}

.commentlist cite, .commentlist cite a {
  font-weight: bold;
  font-style: normal;
  font-size: 1.1em;
}

.commentlist p {
  text-transform: none;
}

.commentmetadata {
  font-weight: normal;
}

#col-1 .hentry .entry .commentlist .children { margin-top: 20px; list-style-type: none; }

.commentlist li ul li { 
  margin-right: -5px;
  margin-left: 10px;
}

.commentmetadata {
  margin: 0; margin-bottom: 10px;
  display: block;
}

#commentform label {
  font-size: 12px;
  color: #6d6b67;
  font-family: arial;  
}

#commentform input.text {
  border: 1px solid #E3E3E3;
  color: #3C3C3C;
  font-family: arial;
  font-size: 13px;
  width: 193px;
  height: 18px;
  padding: 2px 5px;
  margin: 5px 5px 1px 0;
}

#commentform textarea {
  border: 1px solid #E3E3E3;
  color: #3C3C3C;
  font-family: arial;
  font-size: 13px;  
  width: 584px;
  padding: 2px;
}

#commentform #submit {
  margin: 0 0 5px auto;
  float: right;
}

.comment-navigation {
  width: 625px;
  overflow: hidden;
}

.comment-navigation-top a {
  display: block;
  margin-top: 28px; margin-bottom: 28px;
}

.comment-navigation-bottom a {
  display: block;
  margin-bottom: 28px;
}

/* Sidebar */

#sidebar {
  float: right;
  display: inline;
  margin-right: 10px;
  width: 306px;
}

#sidebar .adbanner { 
	margin-bottom: 22px;
	margin-left: 26px; 
}


#sidebar .adbanner img {
  border: 0px solid #672e92;
}

#sidebar .widgets { margin-bottom: 17px; margin-left: 9px; }

#sidebar .widgets h3 {
  background: transparent url('images/sidebar_header.png') no-repeat top left;
  color: #fff;
  font-size: 18px; font-family: Georgia, 'Nimbus Roman No9 L', Serif;
  height: 36px;
  line-height: 36px;
  padding-bottom: 16px;
  text-indent: 41px;
}

#sidebar .widgets .widget-body-wrapper {
  background: #fefefe url('images/sidebar_body_bg.png') repeat-y top left;
  width: 290px;
}

#sidebar .widgets .widget-body {
  background: transparent url('images/sidebar_body_bg_2.png') no-repeat top left;
  width: 234px;
  padding-left: 28px; padding-right: 28px; padding-bottom: 19px;  
}

#sidebar .widgets .widget-footer {
  background: transparent url('images/sidebar_footer.png') no-repeat top left;
  height: 7px;
  width: 234px;
  padding-left: 28px; padding-right: 28px;
}

#sidebar .widgets ul { list-style: none; }
#sidebar .widgets li {
  width: 234px;
  background: transparent url('images/sidebar_li_sep.png') no-repeat bottom left;
  padding-bottom: 11px; margin-bottom: 9px;
}

/* Author Info */

#author-info {
  background: #ffffff;
  color: #5c5c5c;
  font-family: Georgia, 'Nimbus Roman No9 L', Serif;
  margin-left: 13px; margin-bottom: 14px;
  padding: 12px;
}

#author-info .avatar {
  border: 1px solid #cfcfcf;
  float: left;
  margin-right: 5px;
}

#author-info h4 {
  color: #2b9b0c;
  font-size: 18px;
  margin-bottom: 14px;
}

#author-info h4 a {
  color: #2b9b0c;
}

#author-info .description {
  line-height: 18px;
  margin-bottom: 5px;
}

#author-info .author-links {
  float: right;
}

#author-info .author-links .more {
  float: left;
}

#author-info .author-links .more a {
  background: transparent url('images/author_articles.png') no-repeat top left;
  float: left;
  display: block;
  text-indent: -10000px;
  width: 193px;
  height: 18px;
  margin-right: 16px;
}

#author-info .author-links .website {
  background: transparent url('images/visit_author_website.png') no-repeat top left;
  float: left;
  display: block;
  text-indent: -10000px;
  width: 158px;
  height: 17px;
}

/* single-widgets */

#single-widgets { margin-bottom: 14px }

#single-widgets .widgets { display: inline; margin-left: 14px; float: left; width: 290px; }

#single-widgets .widgets h3 {
  background: transparent url('images/widget_black_header.png') no-repeat top left;
  color: #fff;
  font-size: 18px; font-family: Georgia, 'Nimbus Roman No9 L', Serif;
  height: 36px;
  line-height: 36px;
  padding-bottom: 16px;
  text-indent: 41px;
}

#single-widgets .widgets .widget-body-wrapper {
  background: #fefefe url('images/sidebar_body_bg.png') repeat-y top left;
  width: 290px;
}

#single-widgets .widgets .widget-body {
  background: transparent url('images/sidebar_body_bg_2.png') no-repeat top left;
  width: 234px;
  padding-left: 28px; padding-right: 28px; padding-bottom: 19px;  
}

#single-widgets .widgets .widget-footer {
  background: transparent url('images/sidebar_footer.png') no-repeat top left;
  height: 7px;
  width: 234px;
  padding-left: 28px; padding-right: 28px;
}

#single-widgets .widgets ul { list-style: none; }
#single-widgets .widgets li {
  width: 234px;
  background: transparent url('images/sidebar_li_sep.png') no-repeat bottom left;
  padding-bottom: 11px; margin-bottom: 9px;
}

/* Footer Widgets */

#footer-widgets {
  background: transparent url('images/footerwidgets_bg.png') no-repeat top left;
  font-size: 11px;
  padding-top: 39px; padding-left: 10px; padding-right: 10px;
}

#footer-widgets a {
  color: #fff;
}

#footer-widgets .widgets h3 {
  font-size: 18px; font-family: Georgia, 'Nimbus Roman No9 L', Serif;
  margin-bottom: 34px;
}

#footer-widgets .widgets {
  float: left;
  width: 20%; margin-right: 3%; margin-left: 2%;
}

#footer-widgets .widgets p {
  line-height: 16px;
  margin-bottom: 24px;
}

#footer-widgets .widgets .button {
  background: #170920;
  color: #fff;
  display: block;
  height: 28px;
  line-height: 28px;
  margin-bottom: 6px;
  padding: 0 10px;
}

#footer-widgets li {
  margin-bottom: 10px;
}

/* Footer */

#footer {
  padding-top: 14px; padding-bottom: 17px;
  width: 960px;
}

#footer .logo { margin-left: 35px; float: left; }
#footer .ubd { float: right;  margin-top: 3px; margin-right: 35px; }
#footer .theme-wars { margin-top: 15px; margin-right: 18px; float: right; }