/*
Theme Name: Azul
Theme URI: http://www.switchroyale.com/?page_id=21
Description: Azul is a clean and modern theme with a techy/corporate feel. This theme is meant to be easy to edit and modify. Now includes 1 level deep subnavigation in the navigation menu. Just assign a parent page to any page on your blog for an instant submenu (submenu not compatible with IE6). The Azul Photoshop template is also available for free at www.switchroyale.com. Free to use for whatever you want.
Version: 1.51
Author: Switchroyale
Author URI: http://www.switchroyale.com
Tags: blue, white, silver, light, two-columns, fixed-width, right-sidebar
*/
* { margin: 0; padding: 0; }

.clear { clear: both; }
.hinted_value { font-style: italic; color: #888; }

body {
	background: url(/images/bodybg.jpg) #999999;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #666666;
	text-align: left;
	z-index: 0;
	
}
a:link, a:visited { color: #900; }
a:hover, a:focus { color: #600; text-decoration: underline; }

#container {
	width: 960px;
	margin: 0 auto;
	background: url(/images/containerbg.jpg) #ffffff;
	background-repeat: repeat-y;
}

#header {
	height: 110px;
	padding: 40px 50px 0 50px;
	background: url(/images/headerbg.jpg);
	background-repeat: no-repeat;
	font-size: 10px;
	position: relative;
}

#header h1 {
	margin: 0;
	font-size: 20px;
}

#header a {
	text-decoration: none;
	color: #666666;
}

#header a:hover {
	color: #333333;
}

#header #search {
	position: absolute;
	top: 40px;
	right: 50px;
	height: 20px;
}

#header #s {
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #666666;
	width: 205px;
	margin: 0;
	font-size: 12px;
	color: #999999;
	padding: 2px;
}

#navbar {
	margin: 0 0 20px 0;
	background: url(/images/navbarbg.jpg);
	background-repeat: no-repeat;
	height: 40px;
}

#navbar ul {
	margin: 0 0 0 30px;
	padding: 0;
	border-left: 1px solid #cccccc;
}

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

#navbar a {
	display: block;
	float: left;
	height: 30px;
	padding: 0 30px 0 20px;
	text-transform: uppercase;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
	line-height: 30px;
	background: url(/images/navbuttonbg.gif);
	background-position: right 50%;
}

#navbar a .more{
	display: block;
	float: left;
	height: 30px;
	padding: 0 30px 0 20px;
	text-transform: uppercase;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
	line-height: 30px;
	background: url(/images/more_navbuttonbg.gif);
	background-position: right 50%;
}

#navbar a:hover, #navbar .current_page_item a {
	color: #666666;
	background: url(/images/navbuttonbg-hover.gif);
	background-position: right 50%;
}

#navbar ul li ul {
	z-index: 100;
	margin: 0;
	border: 1px solid #cccccc;
	width: 200px;
	clear: both;
	position: absolute;
	top: 180px;
	left: -999px;
}

#navbar ul li:hover ul, #navbar ul li.sfhover ul {
	left: auto;
}

#navbar ul li ul li {
	width: 200px;
}

#navbar ul li.current_page_item ul li a, #navbar ul li ul li.current_page_item a {
	background: url(/images/subnav1bg.png);
}

#navbar ul li ul li a {
	background: url(/images/subnav1bg.png);
	padding: 0 0 0 5px;
	float: none;
}

#navbar ul li ul li a:hover {
	background: none #cccccc;
}

#posts {
	width: 600px;
	padding: 0 0 0 50px;
	margin: 0 0 20px 0;
	float: left;
}

.commentbubble a {
	float: left;
	background: url(/images/commentbubble.gif);
	background-repeat: no-repeat;
	background-position: 0 -1px;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 10px;
	margin: 0 5px 0 0;
}

.commentbubble a:hover {
	float: left;
	background: url(/images/commentbubblehover.gif);
	background-repeat: no-repeat;
	background-position: 0 -1px;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 10px;
	margin: 0 5px 0 0;
}

.date {
	font-size: 12px;
	color: #999999;
	line-height: 1.5em;
}

.post {
	margin: 0 0 50px 0;
}

.tags {
	font-size: 10px;
	line-height: 1.5em;
	color: #999999;
}

.entry {
	margin: 20px 0 0 0;
}

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

.entry hr {
	height: 1px;
	border: none;
	background: #cccccc;
}

.post h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #cccccc;
}

.post h3 {
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0;
}

.post a, .navigation a {
	color: #0195c5;
	text-decoration: none;
}

.post a:hover, .navigation a:hover {
	color: #333333;
}

.post a img {
	border: none;
}

.post blockquote {
	background: url(/images/blockquotebg.gif) no-repeat left top;
	color: #777777;
	font-style: italic;
	padding: 10px 5px 5px 36px;
}

.postmetadata {
	font-size: 10px;
	line-height: 1.5em;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.aligncenter {
	display: block;
	margin: 0 auto 20px auto;
}

.alignnone {
	margin: 0;
}

.wp-caption.alignleft {
	float: left;
	margin: 5px 20px 20px 0px;
}

.wp-caption.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.wp-caption.aligncenter {
	display: block;
	margin: 0 auto 20px auto;
}

.wp-caption.alignnone {
	margin: 20px 0;
}

.post .wp-caption {
	border: 1px solid #cccccc;
	background: #ebebeb;
	text-align: center;
	padding: 10px 5px 0 5px;
}

.post .wp-caption-text {
	margin: 0;
	font-size: 12px;
}

#commentform #author, #commentform #email, #commentform #url, #commentform #comment {
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #666666;
	margin: 0 0 10px 0;
	padding: 5px;
}

.commentlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.commentlist li {
	background: #ebebeb;
	padding: 20px 20px 0 20px;
	border: 1px solid #cccccc;
	margin: 0 0 20px 0;
}

.commentlist p {
	clear: both;
	margin: 0 0 20px 0;
}

.avatarcontainer {
	float: left;
	margin: 0 5px 10px 0;
}

.avatar {
	border: 1px solid #cccccc;
}

.sidebar {
	margin-left: 700px;
	width: 210px;
	position: relative;
	top: -30px;
	font-size: 11px;
	vertical-align:top;
}

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

.sidebar h2 {
	margin: 0 0 5px 0;
	padding: 30px 0 0 0;
	font-size: 16px;
	color: #666666;
	width: 210px;
	border-bottom: 1px solid #cccccc;
}

.sidebar a {
	display: block;
	color: #0195c5;
	text-decoration: none;
	padding: 0 10px 0 10px;
	border-bottom: 1px dotted #cccccc;
}

.sidebar a:hover {
	color: #333333;
	background: #ebebeb;
}

.sidebar ul li ul li {
	_height: 20px; /*IE 6 Hack, the sidebar links won't display properly without this*/
}

.sidebar ul li ul li ul li a {
	font-size: 10px;
	padding: 0 10px 0 20px;
}

#footer {
	clear: both;
	height: 150px;
	background: url(/images/footerbg.jpg);
	background-repeat: no-repeat;
}

#footer p {
	text-align: center;
	font-size: 12px;
	position: relative;
	top: 40px;
}

#footer a {
	color: #666666;
	text-decoration: none;
}

#footer a:hover {
	color: #333333;
}

#wp-calendar {
	width: 210px;
	background: #ebebeb;
	border: 1px solid #cccccc;
	margin: 0;
	font-size: 12px;
	text-align: center;
}

#wp-calendar caption {
	text-align: left;
}

#wp-calendar #today {
	background: #cccccc;
}

#wp-calendar a {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	padding: 0;
}

#wp-calendar a:hover {
	background: #cccccc;
}





.anylinkcsscols{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid #000;
padding: 10px;
font: normal 12px Verdana;

z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #f9f9f9;
}

.anylinkcsscols .column{
	padding-right:15px;
float: left;
}

.anylinkcsscols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcsscols li{
padding-bottom: 3px;
background-image:url(/images/bullet_blue_right.gif);
background-repeat:no-repeat;
text-indent:15px;
}

.anylinkcsscols li a {
font-size: 12px;
color: #999999;
}

.anylinkcsscols li a:hover {
	text-decoration:none;
}

/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}


/* Featured Games */

#home #feature_header { width: 922px; margin: 0 auto; } /* -- Feature Header -- */
#featuredgame { margin-bottom: 4px; padding-bottom: 15px; width: 571px; float: left; background-color: #333; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
#featuredgame #featured_titlebar { width: 571px; height: 48px; background: transparent url(/images/homepage_sprite.gif) no-repeat 0 -102px; }
#featuredgame #featured_titlebar h1 { text-indent: -2100px; float: left; }
#featuredgame #featured_titlebar ul { float: right; margin-right: 15px; line-height: 48px; }
#featuredgame #featured_titlebar ul li { display: inline; }
#featuredgame #featured_titlebar ul li a { font-size: 1.4em; border: 1px solid #777; background-color: #222; padding: 0 5px 3px; margin-left: 2px; color: #fff; text-decoration: none; outline: none; }
#featuredgame #featured_titlebar ul li a:hover { border: 1px solid #000; background-color: #000; padding: 0 5px 3px; color: #ffad3c; }
#featuredgame dl { color: #ccc; margin-left: 260px; width: 270px; }
#featuredgame dt { font-size: 1.8em; margin: 0; }
#featuredgame dt a, #featuredgame .featured_badge .achievement_desc a { color: #fff; text-decoration: none; }
#featuredgame .featured_badge .achievement_desc a { display: inline-block; }
#featuredgame dd { font-size: 1.3em; margin: 0 0 1.5em; }
#featuredgame dd a, #featuredgame .featured_badge .achievement_desc a:hover { color: #ccc; text-decoration: underline; }

#featuredgame dt a:hover, #featuredgame dd.friendsonline a:hover { color: #ccc; text-decoration: underline; }
#featuredgame .challenge { clear: left; }
#featuredgame .challenge .featured_challenge img { float: left; border: 0; margin: 6px 12px 0 10px; }
/* #featuredgame #challenge dl { margin-left: 0x; } until we have challenge card back */
#featuredgame .featured_challenge .challengecard_image { float: left; display: block }
#featuredgame .featured_challenge .challengecard_image .item_image { margin-left: 40px; }
#featuredgame .featured_challenge .home_challenge { width: 75%; display: block; margin-left: 110px; }
#featuredgame .featured_challenge .home_challenge_name { padding: 6px 0 0; }
#featuredgame .featured_badge dl, #featuredgame dl.no_challenge { width: 450px; margin-left: 75px; padding-top: 5px; }
#featuredgame .featured_badge dl dd { margin: 0 0 1em; }
#featuredgame .challenge .featured_badge .badge { float: left; margin: 10px 0 10px 15px; }

/* featured game icon, rating, gameplays */
.featured_game_info { float: left; padding: 1px 1px 3px; margin: 0 1em 10px 0; position: relative; width: 247px; background-color: #191919; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.featured_game_info img { float: none; width: 241px; height: 121px; margin: 0px; border: 3px solid #222; }
.featured_game_info p a { font: bold 1.1em Verdana, Arial, sans-serif; text-decoration: underline; color: #fff; }
.featured_game_info p { text-align: right; padding-right: 8px; margin-bottom: 5px; }
.featured_game_info .ratings { margin: 3px 0 0 6px; list-style: none; width: 61px; height: 12px; overflow: hidden; text-indent: -9000px; float: left; }
.featured_game_info .ratings li { float: left; margin-right: 1px; }
.featured_game_info .ratings a { text-indent: -9999px; display: block; height: 12px; width: 12px; }
.featured_game_info .ratings a:hover, .featured_game_info .ratings a:focus { background-position: 0 -12px; }

/* Feature Roll */
#featured_content { height: 280px; overflow: hidden; position: relative; }
#featured_content_scrollable { position: absolute; width: 5710px; }
#featuredgame #featured_content .ind_pane { width: 559px; height: 280px; padding: 10px 0 0 12px; float: left; }





#browsebycategory #col1, #browsebycategory #col2 { width: 297px; float: left; }
#browsebycategory, #browsebycategory #col1 { margin: 0 15px 0 0; }

#browsebycategory { width: 609px; float: left; }
#browsebycategory .category { clear: left; overflow: hidden; margin: 0 0 2em; }
#browsebycategory .category img { border: 1px solid #222; float: left; }
/*#browsebycategory .category dl { margin: 0 0 0 78px; }*/ /* when category thumbnails are in */
#browsebycategory .category dl { margin: 0; }
#browsebycategory .category dt { font-size: 1.6em; }
#browsebycategory .category dt a, #browsebycategory .category dd a.viewall, #news a.more, #browsebycategory .category_head_fake_link { text-decoration: none; }
#browsebycategory .category dt a:hover, #browsebycategory .category dd a.viewall:hover, #news a.more:hover, #browsebycategory .category dt a:focus, #browsebycategory .category dd a.viewall:focus, #news a.more:focus { color: #000; text-decoration: underline; }
#browsebycategory .category dd { font-size: 1.1em; }
#browsebycategory .category dd a { color: #333; text-decoration: none; }
#browsebycategory .category dd a:hover, #browsebycategory .category dd a:focus { color: #000; text-decoration: underline; }
#browsebycategory .category dd a.viewall, #news a.more { text-decoration: underline; }

#browsebycategory .category .browse_games table { padding-top: 0.2em }
#browsebycategory .category .browse_games table tr.graybg { background-color: #E4E4E4 }
#browsebycategory .category .browse_games table tr td.sm_game_icon { padding: 0.4em 0 0 0.4em; vertical-align: top; width: 34px; }
#browsebycategory .category .browse_games table tr td.sm_game_icon a img { width: 26px; height: 21px; }
#browsebycategory .category .browse_games table tr td.browse_game_title { vertical-align: middle; padding: 0 6px 0 1px; width: 178px; }
#browsebycategory .category .browse_games table tr td.browse_game_title span { line-height: 12px }
#browsebycategory .category .browse_games table tr td.browse_game_title span.browse_developer a { line-height: 15px; font-style: italic; text-decoration: underline; color: #333;) no-repeat 100% -188px; padding: 0 18px 0 0; }
#browsebycategory .category .browse_games table tr td.browse_rating { width: 66px; }
#browsebycategory .category .browse_games table tr td.browse_rating ul.star-rating { font-size: 0.8em; }
#browsebycategory .category .browse_games table tr td.category_count { text-align: right }
#browsebycategory .games_spotlight .browse_games table tr td.browse_game_title { width: 240px; }
#browsebycategory .games_spotlight .browse_games table tr td.browse_game_title span.browse_developer { color: #333; font-style: italic; }


/* STAR RATING
-------------------------------------------*/
.star-rating { list-style: none; margin: 0px; padding: 0px; width: 65px; height: 12px; position: relative;}
.star-rating li { padding:0px; margin:0px; /*\*/ float: left; /* */ }
.star-rating li a { display: block; width: 13px; height: 12px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; }
.star-rating li a:hover { background: url(/images/star_rating.gif) left center; z-index: 2; left: 0px; }
.star-rating a.star-1 { left: 0px; }
.star-rating a.star-1:hover { width: 13px; }
.star-rating a.star-2 { left: 13px; }
.star-rating a.star-2:hover { width: 26px; }
.star-rating a.star-3 { left: 26px; }
.star-rating a.star-3:hover { width: 39px; }
.star-rating a.star-4 { left: 39px; }
.star-rating a.star-4:hover { width: 52px; }
.star-rating a.star-5 { left: 52px; }
.star-rating a.star-5:hover { width: 65px; }
.star-rating li.current-rating { background: url(/images/star_rating.gif) left bottom; position: absolute; left: 0px; height: 12px; display: block; text-indent: -9000px; z-index: 1; }

.webmasterInfo {
	display:block;
	height:180px;
	width:600px;
	padding:6px 10px;
	background:url( /images/bg_webmaster.gif ) no-repeat;
	margin:0 0 10px 0;
	overflow:hidden;
}
				
.webmasterInfo p {
	padding:0 !important;
}
				
.webmasterInfo.last {
	margin:0;
}
				
.webmasterInfo img {
	float:right;
}
				
.webmasterInfo.large {
	width:510px;
}
				
.webmasterInfo textarea {
	border-width:1px;
	width:300px;
	height:100px;
	font-size:9px;
	color:#666;
}
				
.webmasterInfo .col {
	width:50%;
	float:left;
}
#webmasterPostLarge {
	float:left;
	position:relative;
	display:block;
	background:#fff url( /images/bg_webmasterSiteLarge.gif ) no-repeat;
	width:199px; height:152px;
	margin:0 0 0 6px;
}
				
#webmasterPostLarge img {
	position:absolute;
	top:14px; left:12px;
}

#videoBar {
  width : 160px;
  margin-right: 5px;
  margin-left: 5px;
  padding-top : 4px;
  padding-right : 4px;
  padding-left : 4px;
  padding-bottom : 0px;
}