/*  
Theme Name: Royalle
Version: 1.0
Description: Designed by <a href="http://www.wicked-wordpress-themes.com">WooThemes</a>.
Author: WooThemes
Author URI: http://www.wicked-wordpress-themes.com
*/

/* Default styles */
@import "css/reset.css";

/*-------------------------------http://www.wicked-wordpress-themes.com------------------------------

INDEX:

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
-2.2.1 Drop-down menus
-2.3 Header
-2.4 Content
-2.5 Sidebar
-2.6 Footer

3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi

4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets

5. COMMENTS
-5.1 Comments
-5.2 Comments Form

-------------------------------------------------------------------------------------------*/



/*------------------------------http://www.wicked-wordpress-themes.com------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */

body  { font: 13px Helvetica,Arial,Sans-serif; line-height: 1.5; color: #333; padding-bottom:50px }

h1, h2, h3, h4, h5, h6  { margin: 0; font-family: Georgia, serif; color: #262626; font-weight: normal; }
h1  {font-size: 38px;} h2  {font-size: 32px;} h3  {font-size: 25px;} h4  {font-size: 20px;} h5  {font-size: 14px;} h6  {font-size: 12px;}

p  {margin: 0;}

/* 1.2 Hyperlinks */

a:link, a:visited  { color: red; }
a:hover  {}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline;}



/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/

/* 2.1 Containers & Columns */
#container  {
	margin: 50px auto;
	width: 940px;
}

.col-left { float: left; }
.col-right { float: right; }
.col-full  { width: 940px; margin: 0 auto; }

/* 2.2 Navigation */

/* Top Category Navigation  */
#top-nav{font-size:12px; padding: 0 40px;text-transform:uppercase;position:relative; display:block; height:auto}

/* Category Nav  */
.nav,.nav ul{list-style:none;line-height:1;z-index:100;margin:0;}
.nav ul {
	padding:0 10px;
}
.nav a{display:block;line-height:34px;z-index:100;padding:0 20px 0 0; font-family:Georgia, serif; text-decoration:none;}
.nav li{float:left;}
.nav li ul{ background:#fff;position:absolute;width:160px;left:-999em;border-bottom:1px solid #c6c6c6; padding-top:5px; padding-bottom:5px;}
.nav li ul li{border-width:0 1px 1px;}
.nav li ul a{line-height:25px;font-size:11px;color:#555 !important;width:160px;padding:0; text-shadow:none !important}
.nav li ul ul{ margin:-20px 0 0 140px;}
.nav li ul ul li a{line-height:25px;}
.nav li ul li ul li a{border-width:0 1px 1px 0;}
.nav li:hover ul ul,.nav li.sfhover ul ul{left:-999em;}
.nav li:hover,.nav li.hover{position:static;}
.nav li:hover ul,.nav li.sfhover ul,.nav li:hover ul,.nav li li:hover ul,.nav li.sfhover ul,.nav li li.sfhover ul{left:auto;}

/* Sidebar Page Navigation  */

#sidebar_navigation{font-size:11px; margin-bottom: 20px;float:left; padding-bottom:20px}

#nav, #nav ul  { z-index:100; margin:0; padding:0; list-style:none; line-height:1; padding-top: 5px; }
#nav a  { display:block; z-index:100; font-size: 14px; font-family: Georgia; text-transform: uppercase; text-decoration: none; }
#nav a:hover {
	text-decoration: underline;
}
#nav li  { width: 210px; padding: 15px; }

/* 2.3 Header */
#header{height: 80px;width: 940px;clear:both;position:relative;}

#logo  { top: 25px; left: 40px; position: relative; }
#logo img  { }
#logo .site-title, #logo .site-description  { display: none; }

#topad{position:absolute;left:470px;top:36px;}


/* 2.4 Content */
#content{padding:0;}
* html #content{}

#main{width:700px;}
#main.fullwidth  { width: 940px; }

/* 2.5 Sidebar */
#sidebar{width:240px;overflow:hidden;}

/* 2.6 Footer */
#footer{font-size:11px;padding: 20px 40px;border-top: 1px solid #eee;}
#footer #credit img{vertical-align:middle;}
#footer #credit span{display:none;}

.footer-widgets {
	width: 860px;
	float: left;
}

.footer-widgets .block {
	width: 200px;
	float: left;
	margin-right: 40px;
}

.footer-widgets .last {
	width: 380px;
	margin-right: 0;
}

.footer-widgets .block .widget {
	padding: 0;
}

.footer-widgets .widget h3 {
	font-size: 14px;
	font-weight: normal;
	font-family: Georgia, serif;
	color: #292929;
	text-shadow:1px 1px 1px #fff;
}

#footer a {
	text-shadow:1px 1px 1px #000;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
}

#footer a:hover {
	color: #fff;
	text-shadow:0 0 5px #000;
}

#footer .widget {
	float: none;
}

#footer .widget .count {
	background: transparent url('../images/comment_number_bg.png') no-repeat center center;
}

#credits {
	padding: 20px 0;
	width: 860px;
}


/*----------------------------------http://www.wicked-wordpress-themes.com------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/

#breadcrumb { padding:20px 40px}

.archive_header  { display: block; float: left; padding: 10px; width: 598px; margin:40px 0px 0 40px; font-size: 18px; border-style: solid; border-width: 1px; font-family: Georgia, sans-serif; }
.archive_header .catrss a  { font-size: 14px; text-decoration: none; line-height: 28px; }

.post  { margin: 0; padding: 35px 40px 25px 40px; width:620px}
.fullwidth .post {
	width: 860px;
}

.post .title  { font-family: georgia, serif; font-size: 24px; font-weight: normal; padding-bottom: 10px; }
.post .title a:link, .post .title a:visited  {}

.post-meta{margin: 0 0 15px 0;font-size:12px; font-family: Georgia,serif; color:#292929; line-height:20px; height:32px;}
.post-meta span.meta-holder { width:560px; display:block; float:left; margin-top:5px}

.post-meta .comments {
	float: right;
	
}
.post-meta .comments a {
	width: 27px;
	height: 24px;
	padding-top: 3px;
	text-align: center;
	font-family: Georgia;
	font-size: 11px;
	color: #fff;
	display: block;
	text-decoration: none;
}

.post-meta .comments a:link,
.post-meta .comments a:visited { color:#fff}

.post .thumbnail_bg {
	padding: 19px 24px 21px 23px;
	background: transparent url('../images/post_thumb_bg.png') no-repeat center center;
	border: none;
	width: 260px;
	height: 190px;
	float: right;
	margin: 0 0 15px 15px;
}

.post .thumbnail_bg img {
	border: none;
	padding: 0;
}

.post .video {
	margin-bottom: 28px;
}

.post p.tags{width:100%;clear:both; margin-bottom: 28px}

.post .continue a {
	background: transparent url('../images/read_more_btn.png') no-repeat;
	text-indent: -9999px;
	width: 129px;
	height: 24px;
	display: block;
}

.entry  {}

/* 3.1 Typographic Elements */
.entry h1 {}  .entry h2 {}  .entry h3 {}  .entry h4 {}  .entry h5 {}  .entry h6 {}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6  {	margin: 0 0 15px 0; }

.entry p  { margin: 0 0 28px 0; }

.entry blockquote  { padding: 10px 0 10px 18px; margin-bottom: 28px; color: #262626; font-family: Georgia, serif; font-size: 16px; line-height: 24px; font-style: italic; border-left-width: 8px; border-left-style: solid; width:90% }
.entry blockquote p  { margin:0}

.entry pre {
	margin-bottom: 28px;
}

.entry ul  { margin: 0 0 15px 0; padding: 0; }
.entry ul ul  { margin: 0; }
.entry ul li  {	background: transparent url('../images/post_li.png') no-repeat left center; padding: 5px 0 5px 35px; }
.entry ul ul li  { list-style-type: disc; }

.entry ol  { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ol ol  { margin: 0; }
.entry  ol li  { list-style-type: decimal; }
.entry  ol li ol li  { list-style-type: decimal; }

/* FEATURED POSTS */

.featured-title  { font-family: georgia, serif; font-size: 38px; line-height: 46px;font-weight: normal; text-align: center; border: none; margin: 0 20px 15px 20px}

.featured .post-meta {
	text-align: center;
	font-size: 14px;
}

.featured .comment-cloud {
	text-align: center;
	width: 44px;
	margin: 0 278px 20px 278px;
}

.featured .comment-cloud a {
	width: 43px;
	height: 26px;
	padding-top: 31px;
	text-align: center;
	font-family: Georgia;
	font-size: 11px;
	color: #fff;
	display: block;
	text-decoration: none;
}
.featured .comment-cloud a:link,
.featured .comment-cloud a:visited { color:white}

.featured .thumbnail {
	padding: 10px;
	margin-bottom: 20px;
	background: transparent url('../images/featured_image_bg.png') no-repeat center center;
}

#featured li{
	font-family: Georgia, serif;
}

#featured span.post-meta {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}

/* 3.2 Images */
.entry img  { padding: 5px;	border: 1px solid #ccc; }
img.wp-smiley  { padding: 0; border: none; }

.entry .alignleft  { float: left; width: auto; margin: 10px 15px 10px 0; }
.entry .alignright  { float: right; width: auto; margin: 10px 0 10px 15px; }
.entry .aligncenter  { text-align: center; }

.entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F4; border: solid 1px #e6e6e6; }
.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }
.entry .wp-caption-text { margin:0; padding:0; font-size:11px; text-align:center; }

/* 3.3 Pagination / WP-Pagenavi */
.more_entries {font-size:12px; clear:both; margin: 30px 40px; padding-top:10px}
.more_entries a { display: block; margin: 15px 0 0 0; }

.more_entries .wp-pagenavi { margin: 15px 0 0 0; text-align: center; }
.more_entries .wp-pagenavi a:link,
.more_entries .wp-pagenavi a:visited { display: inline; text-decoration: none !important; padding: 4px 6px!important; }
.more_entries .wp-pagenavi .current, 
.more_entries .wp-pagenavi .on,
.more_entries .wp-pagenavi a:hover { padding: 4px 7px; }
.more_entries .wp-pagenavi .extend { background:none; border:none; }

.wp-pagenavi span.pages {
	border: none !important;
	background-color: transparent !important;
}

.next a {
	width: 64px;
	height: 26px;
	display: block;
	text-indent: -9999px;
	background: transparent url('../images/next.png') no-repeat center center;
}

.prev a {
	width: 93px;
	height: 26px;
	display: block;
	text-indent: -9999px;
	background: transparent url('../images/previous.png') no-repeat center center;
}

/*-----------------------------http://www.wicked-wordpress-themes.com----------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/

/* 4.2 Generic Widgets */
.widget  { margin: 0 0 40px 0; padding: 0 20px; }
.widget h3  { margin: 0 0 15px 0; font-family: Arial, Helvetica, sans-serif; font-size: 15px; text-transform:uppercase; }

.widget ul  { clear:both; }
.widget ul li  { margin-bottom:8px}
.widget ul li a  { text-decoration: none; color:#313131; }
.widget ul li a:hover  { color: #000; text-decoration: underline; }
.widget ul ul  { padding: 0 0 0 15px; border-top: none; }

.widget .count {
	float: right;
	width: 30px;
	padding-top: 2px;
	height: 15px;
	line-height:12px;
	display: block;
	text-align: center;
}


/* 4.2 Specific Widgets */

/* WIDGET FORMS */

#searchform  { margin: 15px 0 0 0; }
.widget input#s, .widget input.field  { width: 130px; padding: 6px 5px; border-style:solid; border-width:1px }
.widget input.submit  { padding:5px; border-style:solid; border-width:1px}
.widget .screen-reader-text  { display: none; }

/* FLICKR */

#flickr h3  {}
#sidebar #flickr h3 span{color:#0061D8;}
#sidebar #flickr h3 span span{color:#FF1183;}

#flickr .flickr_badge_image  { width: 75px; float: left; margin: 10px 12px; }

#flickr .wrap  { margin-left: -5px; position: relative; padding: 0; }
#flickr a img  { float: left; display: block; border: #fff 1px solid; padding: 2px; background-color:#fff}
#flickr a:hover img  { border:#A8AA99 1px solid; }

/* LIFESTREAM */

.widget_lifestream ul li  { border-bottom: 1px solid #e0e6e6; }
.widget_lifestream ul li a  { border:none; background:none!important; }
.widget_lifestream ul .lifestream_meta  { color: inherit; }

/* CALENDAR */
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding: 5px 10px; margin-bottom: 5px;font-size: 11px; text-transform: uppercase; font-weight:bold; background: transparent url('../images/calendar_caption_bg.png') repeat;}
#wp-calendar th,#wp-calendar td{text-align:center;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td a {text-decoration:underline;}
#wp-calendar td#next a, #wp-calendar td#prev a {text-decoration:none;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}

/* RECENT COMMENTS WIDGET */

#comment-widget li {
	margin-bottom: 20px;
	padding-bottom: 24px;
	background: transparent url('../images/widget_comment_btm.png') no-repeat left bottom;
}

#comment-widget li .body {
	font-size: 16px;
	font-style: italic;
	font-family: Georgia,serif;
	margin-bottom: 8px;
}

#comment-widget li a {
	text-decoration: underline;
	text-shadow: none;
}

#comment-widget li .gravatar {
	float: left;
	width: 37px;
	margin-right: 20px;	
}

/* FEATURED WIDGET */

#featured ul {
	margin-left: -20px;
}

#featured li {
	padding: 0 0 0 42px;
	margin-bottom: 20px;
}

/* HCARD WIDGET */

#address {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
}

#address address {
	font-style: normal;
}

/* ADS WIDGET */

#ads {
	margin-bottom: 20px;
}

#ads img {
	margin: 0 0 20px 38px;
}

/* TWITTER WIDGET */

#woo-twitter-sidebar {
	margin: 0 15px 40px 15px;
	padding: 0 0 28px 0;
	background: transparent url('../images/twitter_widget_bg.png') no-repeat left bottom;
}

.twitter_inner {
	background: transparent url('../images/twitter_widget_inner.png') no-repeat right 5px;
}

#twitter_update_list {
	padding: 0 25px;
}

#twitter_update_list li {
	margin-bottom: 20px;
	overflow: hidden;
}

#twitter_update_list span {
	color: #2c2c2c;
	font-size: 15px;
	font-style: italic;
	display: block;
}

#woo-twitter-sidebar .follow {
	font-weight: bold;
	padding: 0 25px;
}

/* SOCIAL SITES WIDGET */

#sites  {
	padding: 0;
	font-size: 11px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
}

#sites ul  {}

#sites li {
	float: left;
	display:block
}

#sites ul li a  {
	display: block;
	width:87px;
	padding: 7px 0 5px 0;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow:1px 1px 1px #000;
	border-left: 1px solid #a52769;
}

#sites ul li a span.button  {
	display: block;
	width: 47px;
	height: 48px;
	margin: 0 20px 3px 20px;
}

#sites ul li.twitter a span.button  { background-color: #66cccc; }
#sites ul li.facebook a span.button  { background-color: #336699; }
#sites ul li.delicious a span.button  { background-color: #0066cc; }
#sites ul li.lastfm a span.button  { background-color: #cc3366; }
#sites ul li.brightkite a span.button  { background-color: #B1D61F; }
#sites ul li.deviantart a span.button  { background-color: #53695D; }
#sites ul li.digg a span.button  { background-color: #1B5790; }
#sites ul li.flickr a span.button  { background-color: #FF0084; }
#sites ul li.friendfeed a span.button  { background-color: #BFD6F3; }
#sites ul li.linkedin a span.button  { background-color: #0B7CAC; }
#sites ul li.posterous a span.button  { background-color: #FFE071; }
#sites ul li.stumbleupon a span.button  { background-color: #46B663; }
#sites ul li.vimeo a span.button  { background-color: #4EBAFF; }
#sites ul li.youtube a span.button  { background-color: #D31B1B; }
#sites ul li.tumblr a span.button  { background-color: #37536F; }

#sites ul li.empty a  { color: #fff; text-shadow:1px 1px 1px #000; }

/*--------------------------------http://www.wicked-wordpress-themes.com---------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/
#comments {position:relative;margin:20px 36px 0 36px;padding:0; width:626px}
#comments h3{ text-align: center;font-weight: normal; font-size: 38px; color:#313131; font-family:georgia,serif; margin-bottom:30px}
#comments .comment{margin-top:10px;list-style-type:none;zoom:1}
#comments .comment .comment-container  { padding: 15px 25px;  border: 2px solid #eee; -moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px; margin-bottom:35px;}
#comments .comment-head  { margin: 0 0 15px 0; }
#comments .comment-head .avatar  { float: left;  }
#comments .comment-head .avatar img{ margin: -35px 0 0 -45px;vertical-align: middle;border:2px solid #eee;}
#comments .comment-head .name  { margin: 0 0 -5px 0; font-weight: bold; font-size: 17px; font-weight: bold; font-family: helvetica, arial, sans-serif; }
#comments .comment-head .name a  { text-decoration: none }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 10px; color: #434343; font-family: Helvetica, arial, sans-serif; text-transform: uppercase; }
#comments .comment-entry p  { font-style: italic; color: #313131;margin: 0 0 10px 0; font-family: georgia, serif;}
#comments .reply {
	float: right;
}
#comments .reply a {
	font-family: Helvetica, arial, sans-serif;
	font-weight: bold;
	color: #313131;
	text-decoration: underline;
	text-transform: uppercase;
}

#comments ul.children{margin:10px 0 0 25px;padding:0;}
#comments .cancel-comment-reply{margin: 0 0 30px 0; text-align: center; text-transform: uppercase; font-weight: normal; font-family: Georgia, serif;}

.comment #respond  { margin: 0;}

#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}

/* 5.2 Comments Form */
#respond  { margin:15px 36px; padding-bottom:50px}
#respond h3  {background: url('../images/leave_a_comment_bg.png') no-repeat center 10px; font-size: 14px; font-family: Georgia, serif; text-align: center; text-transform: uppercase; font-weight: normal; padding-bottom: 35px; margin: 10px 0 0 0; }

#commentform  {	margin: -15px 15px 25px 15px; float: left; width: 96%; }
#commentform label {
	font-family: Georgia, serif;
	font-style: italic;
	color: #2e2e2e;
	padding-bottom: 10px;
	float: left;
}
.comment #respond h3  { padding-bottom: 10px; }
#commentform .fl, #commentform .fr  { width: 49%;}

#commentform input.txt  { margin: 0 0 10px 0; padding: 10px; border: 1px solid #ddd; width: 85%; clear: both; background-color: #e8e8e8; -moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px; }
#commentform textarea  { padding: 10px; border: 1px solid #ddd; height:170px; width: 
90%; background-color:#e8e8e8; -moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;}
#commentform #submit  { margin: 15px 0 0 0; width: 285px; height: 45px; display: block; text-align: center; border: none; background: transparent url('../images/comment_send_btn.png') no-repeat left top; float: left; font-family: Georgia, serif;
	text-transform: uppercase; font-size:14px; text-shadow:1px 1px 1px #ffffff;
	color: #2e2e2e; 	cursor:pointer;}