/*  
Theme Name: Elegant Brit (b)
Theme URI: http://everlong-design.com
Description: WordPress theme based on the Elegant Brit GTK theme, designed by Nick at <a href="http://everlong-design.com">Everlong Design</a>.
Version: 1.2
Author: Nick
Author URI: http://everlong-design.com
Tags:Two Columns, Widgets, Simple, Blue
*/

@font-face {
	font-family: 'CreampuffRegular';
	src: url('CREAMPUF.eot');
	src: local('Creampuff Regular'), local('Creampuff'), url('CREAMPUF.woff') format('woff'), url('CREAMPUF.ttf') format('truetype'), url('CREAMPUF.svg#Creampuff') format('svg');
}

body{
  /*font-size:12px;*/
  font-size: 76%;
  font-family: Verdana, Geneva, sans-serif;
  /*font-family: Tahoma, Geneva, sans-serif;*/
  color:#252525;
  background:#42709F url(../img/games/main-bg.jpg) 50% 0% no-repeat;
  text-align:center;
  margin:0;
  padding:0;
}
#container{
  /*width:800px;*/
  width:960px;
  margin:0 auto;
  text-align:left;
  padding:0;
  /*background-image:url(../img/games/logo.png);
  background-position:100% 10px;
  background-repeat:no-repeat;*/
}

a, a:visited{
  color:#4574A3;
  text-decoration:none;
}
a:hover{
  color:#659FDB;
  text-decoration:underline;
}
a img{
  border:none;
}
/* header */
#header{
  /*padding:25px 0;*/
  color:#252525;
  /*width:800px;*/
  /*width:960px;*/
  float:left;
  width:645px;
  margin:10px 0 0 0;
}
#header a, #header a:visited, #header a:hover{
  color:#FFFFFF;
  text-decoration:none;
}
#header h1{
  /*font:32px 'Trebuchet MS', Arial, Helvetica, sans-serif;*/
  /*font:25px Tahoma, Verdana, sans-serif;*/
  /*font: 36px/44px 'CreampuffRegular', Arial, sans-serif;letter-spacing: 0;*/
  font: 27px 'CreampuffRegular', Arial, sans-serif;letter-spacing:0;
  margin:0;
  color:#FFFFFF;
}
#header .description{
  /*text-transform:uppercase;*/
  font-size:12px;
  /*color:#252525;*/
  color:#F8F8F8;
}

#logo{float:right;padding:15px 0 0 0;}

/* content */
#content{
  /*margin:15px 0;*/
  /*margin:5px 0;*/
  margin:0;
  padding:0;
  /*width:585px;*/
  /*width:745px;*/
  width:645px;
  float:left;
  /*border:1px solid #FFFFFF;*/
  background:#F8F8F8;
}
#content .padded{
  padding:4px;
}
#content h1{
  color:#252525;
  font:18px Tahoma, Verdana, sans-serif;
  margin:0;
  padding:0;
}

#content h2{
  /*font:18px Tahoma, Verdana, sans-serif;*/
  font: 18px/27px 'CreampuffRegular', Arial, sans-serif;
  color:#808080; 
  margin:0;
  padding:0;
}

#content h1 a, #content h1 a:hover{
  text-decoration:none;
  color:#000000;
}
#content .post-info, #content .post-info a, #content .post-info a:visited{
  font:10px Tahoma, Verdana, sans-serif;
  color:#9d9e9f;
  margin:3px 0 0 0;
  line-height:16px;
}
#content .tags{
  background:url(../img/games/tagicon.gif) no-repeat;
  padding:0 0 0 15px;
  margin:0 0 0 5px;
}
#content p, #content li{
  /*line-height:1.33em;*/
}
.post-header{
  width:100%;
  height:40px;
  margin:5px 0;
  clear:both;
}
.post-header h1{
  border-bottom:1px dotted #9D9E9F;
}
.post-header .titlearea{
  float:right;
  width:520px;
}
#content blockquote{
  background:url(../img/games/quote-bg.gif) no-repeat top left;
  font-style:italic;
  font-size:12px;
  line-height:1.5em;
  padding:1px 8px;
}
.more-link{
  font-size:0px;
  width:98px;
  height:22px;
  float:right;
  margin:10px 0;
  background:url(../img/games/read-more.gif) no-repeat;
}
/* date icons */ 
.dateicon{
  display:block;
  text-align:center;
  float:left;
  background:url(../img/games/dateicon.gif) no-repeat;
  width:40px;
  height:40px;
  margin: 0px 5px 5px 0px;
  text-align:center;
}
.dateicon-month{
  display:block;
  font-size:10px;
  color:#FFFFFF;
  margin:0;
  padding:0;
}
.dateicon-day{
  display:block;
  font-size:18px;
  color:#252525;
  margin:0;
  padding:3px 0px 0px 0px;
}
/* navigation */
#navbar{
  /*background:#252525;*/
  background-color:transparent;
  /*height:26px;*/
  /*border-bottom:3px solid #659FDB;*/
  margin:0;
  padding:0;
  /*width:585px;*/
  /*width:745px;*/
  width:645px;
}

   #navtabs {
      float:left;
      width:100%;
      /*background:#efefef;*/
	  /*background-color:#252525;*/
	  background-color:transparent;
      font-size:93%;
      line-height:normal;
	  /*border-bottom:1px solid #666;*/
	  border-bottom:3px solid #3F3F3F;
	  /*border-bottom:3px solid #659FDB;*/
	  margin:0;
      }
    #navtabs ul {
	  margin:0;
	  /*padding:10px 10px 0 50px;*/
	  padding:5px 10px 0 5px;
	  list-style:none;
      }
    #navtabs li {
	font-weight:bold;
      display:inline;
      margin:0;
      padding:0;
      }
    #navtabs a {
      float:left;
      background:url(../img/games/tableft.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #navtabs a span {
      float:left;
      display:block;
      background:url(../img/games/tabright.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navtabs a span {float:none;}
    /* End IE5-Mac hack */
    #navtabs a:hover span {
      color:#FFF;
      }
    #navtabs a:hover {
      background-position:0% -42px;
      }
    #navtabs a:hover span {
      background-position:100% -42px;
      }


/*
#nav{
  list-style-type:none;
  font:14px Arial, Helvetica, sans-serif;
  margin:0;
  padding:4px 0 0 0;
  float:left;
}
#nav ul{
  margin:0 0 0 1px;
}
#nav ul li{
  display:inline;
  list-style-type:none;
  margin:0 1px 0 0;
}
#nav .current{
  color:#252525;
  background:#F8F8F8;
}
#nav .current a, #nav .current a:visited, #nav .current:hover{
  color:#252525;
  background:#F8F8F8;
}
#nav a, #nav a:visited{
  color:#FFFFFF;
  text-decoration:none;
  padding:5px;
}
#nav a:hover{
  color:#252525;
  background:#F8F8F8;
}
*/

.rssicon{
}
.navigation{
  background:#9cc6f2;
  border:1px solid #3f70a3;
  padding:4px;
  margin:0;
  height:12px;
  text-align:center;
  clear:both;
}

.alignleft{
  float:left;
}
.alignright{
  float:right;
}
img .alignleft{
  float:left;
  margin:3px 3px 3px 0;
}
img .alignright{
  float:right;
  margin:3px 0 3px 3px;
}
/* sidebar */
#sidebar{
  padding:0;
  /*margin:15px 0 0 0;*/
  /*margin:5px 0 0 0;*/
  /*width:200px;*/
  width:300px;
  list-style-type:none;
  line-height:1.33em;
  float:right;
}
#sidebar h2, #sidebar h2 a, #sidebar h2 a:visited, #sidebar h2 a:hover{
  font:13px Tahoma, Verdana, sans-serif;
  font-weight:bold;
  color:#FFFFFF;
  text-align:right;
}
#sidebar a:hover{
  color:#344e72;
  text-decoration:none;
  height:100%;
}
#sidebar ul, #sidebar p{
  list-style-type:none;
  margin:7px 0 4px;
  padding:0;
}
#sidebar ul li{
  padding:0 0 0 12px;
  border:none;
  background:url(../img/games/bullet-reg.png) 0% 3px no-repeat;
  margin:0;
  line-height:1.33em;
}
/* Sidebar Specific */
#sidebar div#topgames ul li{
  /*padding:2px 0 2px 12px;*/
  border:none;
  /*background:url(../img/games/bullet-colors.gif) 0% 3px no-repeat;*/
  margin:0;
}
#sidebar div#categories ul li a{
  font-weight:bold;
}
#sidebar .textwidget{
  margin:7px 0 4px;
}
/*#searchform{
  margin:0;
}
#searchform .search{
  border:none;
  background:url(../img/games/searchbox.png) 0% 50% no-repeat;
  padding:3px 0 0 10px;
  height:18px;
  width:186px;
  font-size:12px;
  color:#000000;
}
#searcharea{
  float:right;
  margin-top:3px;
  background:none;
}
*/
/* comments */
/*
#commentsarea{
  clear:both;
  margin:10px 0 0 0;
  padding:0;
}
#commentsarea h3{
  font:18px Arial, Helvetica, sans-serif;
  color:#000000;
  margin:0;
  padding:0;
}
#commentsarea ul{
  margin:0;
  padding:0;
}
#commentsarea ul li{
  list-style-type:none;
  margin:0;
  padding:15px;
}
#commentsarea input, #commentsarea textarea{
  border:1px solid #9D9E9F;
  background:#FFFFFF;
}
#commentsarea .odd {
}
#commentsarea .even {
background-color: #E1E1E1;
}
#commentsarea .comment-text{
  margin:0;
}
#commentsarea .comment-div{
  text-align:center;
  margin:0 auto;
}
#commentsarea #comment-input{
  padding:15px;
}
#commentsarea textarea:focus, #commentform input[type="text"]:focus {
  border:1px solid #4574A3;
}
.avatar{
  float:right;
  padding:0px;
  margin:0px 0px 5px 5px;
  height:40px;
  width:40px;
  background:url(../img/games/default-avatar.gif)
}
*/

/* footer */
#footer{
  clear:both;
  padding:0;
  margin:0 0 25px 0;
  color:#FFFFFF;
  /*width:800px;*/
  width:960px;
  text-align:center;
  font:10px Tahoma, Verdana, sans-serif;
}
#footer a, #footer a:visited, #footer a:hover{
  color:#FFFFFF;
  text-decoration:underline;
}
.footer-links{
  float:right;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.alignleft {
  float: left;
}
.alignright {
  float: right;
}
.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}
.wp-caption-dd {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}


/****************************************************************
  Docking Boxes core CSS: YOU MUST NOT CHANGE OR OVERRIDE THESE 
*****************************************************************/
.dbx-clone {
	position:absolute;
	visibility:hidden;
	}
.dbx-clone, .dbx-clone .dbx-handle-cursor {
	cursor:move !important;
	}
.dbx-dummy {
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	}
.dbx-group, .dbx-box, .dbx-handle {
	position:relative;
	display:block;
	}
/****************************************************************
  avoid padding, margins or borders on dbx-box, 
  to reduce visual discrepancies between it and the clone.  
  overall, dbx-box is best left as visually unstyled as possible 
*****************************************************************/
.dbx-box {
	margin:0 0 15px 0;
	padding:0;
	border:none;
	clear: both;
	}
/****************************************************************
  otherwise, do what you like :) 
*****************************************************************/
/* group container(s) */
.dbx-group {
	/*width:200px;*/
	width:300px;
	padding:0 0px 0px;
}
* html .dbx-group {
	/*width:200px;*/
	width:300px;
	padding-bottom:0;
}

/* handles */
.dbx-handle {
	position:relative;
	margin:0;
	padding:3px 5px 2px 0;
	background:url(../img/games/sidep-handle.gif) no-repeat 0 0;
	color:#FFFFFF; 
}
* html .dbx-handle { 
	width: 182px; 
}
/* handle cursors are in a class of their own
   so they only get applied if the script is supported */
.dbx-handle-cursor {
	cursor:move;
}

/* toggle images */
a.dbx-toggle, a.dbx-toggle:visited {
	display:block;
	width:18px;
	height:18px;
	overflow:hidden;
	/* background:url(../img/games/sidep-toggle.gif) no-repeat; */
	position:absolute;
	top:1px;
	left:1px;
	text-indent:-50px;
	text-decoration:none;
}
a.dbx-toggle-open, a.dbx-toggle-open:visited {
	/* background-position:0 0; */
	background:url(../img/games/blue-close.gif) no-repeat;
}
a.dbx-toggle-open:hover {
	/* background-position:0 0; */
	background:url(../img/games/white-close.gif) no-repeat;
}
a.dbx-toggle-closed, a.dbx-toggle-closed:visited {
	/* background-position:0 -18px; */
	background:url(../img/games/white-close.gif) no-repeat;
}
a.dbx-toggle-closed:hover {
	/* background-position:0 -18px; */
	background:url(../img/games/blue-close.gif) no-repeat;
}
a.dbx-toggle-hilite-open, a.dbx-toggle-hilite-open:visited {
	 /* background-position:0 0; */
	background:url(../img/games/blue-close.gif) no-repeat;
}
a.dbx-toggle-hilite-closed, a.dbx-toggle-hilite-closed:visited {
	/* background-position:0 -18px; */
	background:url(../img/games/white-close.gif) no-repeat;
}

/* keyboard navigation tooltip */
.dbx-tooltip {
	display:block;
	position:absolute;
	margin:36px 0 0 125px;
	width:185px;
	border:1px solid #000;
	background:#ffd;
	color:#000;
	font:normal normal normal 0.85em Tahoma, Verdana, sans-serif;
	padding:2px 4px 3px 5px;
	text-align:left;
}
* html .dbx-tooltip { width:210px; }

/* use CSS2 system colors in CSS2 browsers 
   but not safari, which doesn't support them */
*[class="dbx-tooltip"]:lang(en) {
	border-color:InfoText;
	background:InfoBackground;
	color:InfoText;
	font:small-caption;
	font-weight:normal;
	}
/* inner content area */	
.dbx-content {
	margin: 0;
	padding:0 10px;
	background: url(../img/games/sidep-bottom.gif) no-repeat;
	overflow: hidden;
}
/* toggle state of inner content area */
.dbx-box-closed .dbx-content {
	display:block;
	height:0;
	padding:0;
	overflow:hidden;
	border-bottom:1px solid #FFFFFF;
}
.dbx-box-closed .dbx-content * {
	display:none;
}

/* additional clone styles */
.dbx-clone {
	opacity:0.8;
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	filter:alpha(opacity=80);
}

/************************************************
*	COMMENTS									*
************************************************/

.commentbox{
background-color: #ececec;
/*width: 530px;*/
width: 95%;
padding: 10px;
}

.commentfooter{
background: url(../img/games/comment-arrow.gif) 20px -5px no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}


/************************************************
*	GAMES   									*
************************************************/

#menucats_Select{margin:5px 0;}

.breadcrumbs {background-color:#F2F2F2;border:1px solid #666666;padding:7px 3px;margin:4px 0;font-size:1.2em;font-weight:bold;}
.paginator-links {font-size:1.3em;}
.paginator-links a{font-weight:bold;}

.games-index-items{}
.games-index-items ul{list-style-type:none;list-style-image:none;}

.games-index-item, .games-index-item-odd, .games-index-item-no-results, .games-index-platforms {border:1px solid #666666;padding:3px;margin:4px 0;}

.games-index-item-no-results {background-color:#FCCECC;border:1px solid #CC0000;background-image:url(../img/flashMessageError.png);background-position:1% 50%;background-repeat:no-repeat;padding:10px 45px;margin:0.3em;}

.games-index-item {background-color:#F2F2F2;}
.games-index-item-odd {background-color:#DCE4E7;}

.games-index-item-sort{font-weight:bold;background-color:#DCE4E7;padding:7px 3px;}

.games-index-item ul,.games-index-item-odd ul{margin:0;padding:0;}
.games-index-item li,.games-index-item-odd li{float:left;padding:0;margin:0;}
.games-index-item-photo{width:20%;text-align:center;} 
.games-index-item-photo img{margin-top:5px;}
.games-index-item-description{width:75%;text-align:left;}
.games-index-item-legend{width:5%;text-align:center;}
.games-index-item-infos {margin-left:20%;}
.games-index-item-infos p{padding:3px 0 0 0;margin:0;}

/*.games-index-item-photo a img{
filter: alpha(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1.00;
opacity:1;
}*/

.games-index-item-photo a:hover img {
filter: alpha(opacity=75);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
-moz-opacity: 0.75;
opacity:0.75;
}

.games-index-item-description p{margin:2px 0;padding:0}

.games-index-item-title{font-size:1.5em;}
.games-index-item-title a{font-weight:bold;}

.games-index-item-cat{font-size:0.8em;font-weight:bold;}

.games-index-cats {background-color:#F4FAFF;padding:3px;margin:4px;}
.games-index-cats ul{list-style:none;float:none;padding:3px;margin:3px;}
.games-index-cats ul li{padding:3px 0;margin:3px;}
.games-index-cats ul li a{font-weight:bold;margin:5px 0;}

.games-view{margin:0;padding:0;}
.games-view dl{width:100%;margin:0.5em 0;padding:0;}
.games-view dt{width:26%;float:left;margin:0;padding:3px;border-top:1px dotted #999;font-weight:bold;}
.games-view dd{float:left;width:72%;margin:0;padding:3px;border-top:1px dotted #999;}

.games-view dd a{font-weight:bold;}

.games-view dd ul, .games-view dd ul li, .games-view dd p{margin:0;padding:0;}

.games-view .ui-tabs-panel{border: 1px solid #97a5b0;}

.games-star-rating-result{padding:3px;}
.games-star-rating-result span{margin-left:5px;}

.games-index-item-rating form,
.games-index-item-rating form fieldset,
.games-index-item-rating form fieldset div, 
.games-view-item-rating form,
.games-view-item-rating form fieldset,
.games-view-item-rating form fieldset div {margin:0;padding:0}