/* @override http://guide2games.org/wp-content/themes/4u/style.css */

/* last edit 10.17.2017 pst */

/*  
Theme Name: 4u-Hemingway
Theme URI: http://utombox.com/2006/09/22/4u-style-for-wordpress/
Description: 4u-Hemingway continues to develop <a href="http://warpspire.com/hemingway">Hemingway</a>.<br />4u style is designed by <a href="http://utombox.com">Utom</a> This Piricular Version is heavely edited by Eric Taylor for the site Guide 2 Games.
Version: 2.0
Author: Utom & Silver-Dragon
Author URI: http://utombox.com
*/

/* CSS Reset - I am fairly sure that this method isn't kosher */
* { margin:0; padding:0; }


/* ChristianAnswers navigation bar */
#cannavbar { 
	display:block; 
	width:100%; 
	height:12px; 
	margin:0; 
	padding:0; 
	background-image:url('/images/bg-gold.gif'); 
	background-color:#dede7b }
#cantopbarleft { 
	width:278px; 
	height:12px; 
	border:none }
#cantopbarright { 
	width:298px; 
	height:12px; 
	border:none }
/* END ChristianAnswers navigation bar */



/* @group Basic Styling */

li,dd {
margin-left:5%;
}

fieldset {
padding:.5em;
}

select option {
padding:0 5px;
}

.clear {
clear:both;
height:1px;
font-size:1px;
line-height:1px;
}

body {
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
color: #bababa;
font-size:9pt;
margin:0;
padding:0;
}

.inside {
width:760px;
min-width:65em;
max-width:85em;
margin:0 auto;
clear:both;
}

h1 {
margin: 0px;
padding: 0px;
color: #828282;
	font: normal normal 1.8em "Century Gothic";
}

h1 {
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0.2em;
}

h2,h3 {
font-size:1.15em;
color:#FFF;
font-weight:400;
}

h1,h3,h4,h5,h6,p,pre,blockquote,label,ul,ol,dl,fieldset,address,#preview p,#ancillary .block h2,#ancillary .block h3 {
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 1em;
}

#primary h2 {
color: #6c6c6c;
}

p {
line-height:1.75em;
}

blockquote {
margin-left:1em;
padding-left:1em;
border-left:2px solid #CCC;
color: #909090;
}

pre {
width:100%;
overflow:auto;
border-top:1px dotted #333;
border-bottom:1px dotted #333;
padding:1em 0;
}

.rule {
border-top:1px solid #CCC;
height:1px;
font-size:1px;
line-height:1px;
margin:1.5em 0;
}

.utom {
padding:0 2em;
}

/* Margin Reset */

/* @end */

/* @group Header */

#header {
background: #3a4f61;
}

#header .inside {
padding:3em 0;
}

#header h2 {
margin-left: 0;
margin-bottom: 0;
margin-right: 0.5em;
margin-top: 13px;
font-size:2.25em;
border-right:1px solid gray;
float:left;
padding:0 0.5em 0.25em 0;
}

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

#header p {
line-height:1em;
margin:0;
padding:1em 0;
}

/* @end */

/* @group Primary */

#primary {
color: #444444;
background-image:url(images/maintop.png);
background-color:#fff;
background-repeat:repeat-x;
background-position:top;
padding:2em 0;
}

#primary.onecol-stories .primary {
float:left;
width:50%;
}

#primary.onecol-stories .secondary {
float:right;
width:40%;
margin:0 0 0 10%;
}
#primary.twocol-stories .left_utom{
float:left;
width:500px;
}
#primary.twocol-stories .story {
width:500px;
margin:0;
}

#primary.twocol-stories .navigation {
width:500px;
text-align:right;
margin:0;
}

#primary .primary {
float:right;
width:480px;
padding:0;
}

/* @end */

/* @group Story */

.story {
overflow:hidden;
}

.story h3 {
font-size:23px;
font-weight:700;
color: #858585;
margin:0;
}

.story h3 a {
color:#598D32;
text-decoration:none;
}

.story .details {
text-align:right;
font-size:12px;
color: #666666;
height:27px;
margin:10px 0 30px;
padding:0;
}

.story .details .read-on {
background:url(images/readon_black.gif) 100% 60% no-repeat;
padding-right:20px;
display:block;
}

/* @end */
/* @group Secondary Sidebar */
#primary .secondary h2 {
color:#fff;
display:block;
height:35px;
font-size:14px;
line-height:35px;
background-image:url(images/about1.gif);
font-weight:700;
margin:0;
padding:0 0 0 1em;
}

#primary .secondary {
float:left;
width:220px;
padding-top:0;
background-image:url(images/about2.gif);
}

* html #primary .secondary {
background-image:url(images/about2.gif);
}

.secondary .featured {
color:#fff;
background-image:url(images/about3.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding:0 1em 1em;
}

.secondary .featured p {
line-height:1.5em;
margin:1em 0 0;
padding:0.5em 0 0.6em;
}

.secondary .featured dl {
margin:0;
padding:0.5em 0 0.6em;
}

.secondary .featured a {
	color: #fff;
	border-bottom: 1px dotted #f9ea00;
}
.secondary .featured a:hover {
	color: black;
	border-bottom: 1px dotted #000;
}

.secondary dt {
display:inline;
color:#fff;
margin:0;
padding:0;
}

.secondary dd {
display:inline;
color:#fff;
margin:0;
padding:0;
}

div.featured img {
	display: block;
	padding: 0;
	margin: 0 auto;
	border-width: 0;
	border-style: hidden;
}

#secondary {
background-color:#FAF9F5;
background-image:url(images/main_bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
border-top-width:1px;
border-bottom-width:1px;
border-top-style:solid;
border-bottom-style:solid;
border-top-color:#ccc;
border-bottom-color:#D1D0CC;
padding: 0 0 30px;
	color: #303030;
}
/* @end */

/* @group Comments */
.comment-head {
border-bottom:1px solid #ccc;
padding:1em 2em;
	display: none;
}

#secondary h3 {
	color: #303030;
}

.comment-head h2 {
font-size:1.5em;
color:#333;
margin:0 0 3px;
}

.comment-head a {
text-decoration:none;
color:#333;
}

.comment-head .details {
font-size:12px;
}

ol#comments {
list-style-type:none;
color:#333;
margin:1em 0;
padding:0 2em;
}

ol#comments li {
list-style-type:none;
border-bottom:1px dotted #ccc;
margin:0;
padding:5px 0;
}

#comments cite {
float:left;
width:20%;
font-style:normal;
text-align:left;
padding-left:2px;
}

* html #comments cite {
width:23%;
}

#comments cite span {
display:block;
}

#comments cite .author {
font-size:1em;
margin:3px 0;
}

#comments cite .author a {
text-decoration:none;
color:#000;
}

#comments cite .date {
margin-bottom:5px;
}

#comments cite .gravatar {
border:1px solid #ccc;
width:32px;
padding:3px;
}

#preview {
border:1px solid #333;
margin:1em 0;
padding:0.5em;
}

#errors {
color:red;
font-weight:700;
}

#comments .pingback cite .author {
display:block;
padding-top:68px;
background:url(images/trackback_pingback.gif) 100% 0 no-repeat;
}

#comments .content {
float:left;
width:66%;
margin:0;
padding:0 0 0 2%;
}

#comments .content a {
color:#060;
}

#comments .content p {
margin:0 0 1em;
}
/* @end */

/* @group Comment Form */
h3.formhead {
font-size:1.5em;
color:#333;
padding:10px 0 0 30px;
}

#comment-form {
float:left;
width:32em;
background:#eeeee6;
color:#990;
margin:0.5em 0 5em 3em;
padding:10px;
}

#comment-form p {
color:#333;
}

#comment-guide {
float:left;
color:#44442F;
margin:0 0 0 30px;
}

#comment-guide ul {
list-style-type:square;
margin:6px 0 0;
}

#comment-guide li {
margin-bottom:12px;
}

#comment-guide li a {
color:#606;
}

#comment-guide h3 {
font-size:14px;
border-bottom:1px solid #ccc;
text-transform:uppercase;
margin-left:5px;
color:#333;
padding:0 50px 6px 0;
}

input.textfield {
width:25.8em;
margin:10px 0;
padding:4px 0 3px 5px;
}

textarea.commentbox {
width:25em;
height:10em;
font-size:1.25em;
font-family:Arial, Helvetica, sans-serif;
margin:10px 0;
padding:4px 0 3px 5px;
}

label.text {
position:relative;
font-size:12px;
color:#990;
}

.formactions input.submit {
float:right;
margin:-1em 0 0;
padding:0;
}

.formactions .spinner {
float:right;
margin:-8px -20px 0 0;
}
/* @end */

/* @group Ancillary */

/* I have know idea what these styles are for */

#ancillary {
background-color:#272727;
padding:2em 0 0;
}

#ancillary .first,#ancillary .second {
margin:0 3em 0 0;
}
#ancillary .block p{
padding:0 0 2em;
}
#ancillary .second {
width:288px;
}

#ancillary .first,#ancillary .third {
width:180px;
}

/* @end */

/* @group Lists */

ul.dates,ul.counts,ul.blogroll ul,ul.pages {
list-style:none;
border-top:1px solid #3D3D3D;
margin:1.5em 0 2em;
}

ul.dates li,ul.counts li,ul.blogroll ul li,ul.pages li {
list-style:none;
border-bottom:1px solid #3D3D3D;
color: #858585;
margin:0;
padding:0.5em 0;
}

ul.dates .date {
color:#858585;
float:right;
padding:0;
}

ul.counts .count {
float:right;
color: #858585;
}

ul.dates a,ul.counts a,ul.blogroll a,ul.pages a {
color: #818181;
text-decoration:none;
}

ul.blogroll li {
list-style:none;
margin:0;
}

ul.pages ul li {
border:none;
margin-left:2em;
list-style:square;
}

/* @end */

/* @group Footer */

#footer {
clear:both;
color:#939393;
background:#000;
}

#footer .inside {
height:35px;
}

#footer p {
font-size:10px;
line-height:35px;
margin:0;
}

#footer p.attributes a {
text-decoration:none;
color:#525252;
padding:0 0 0 1em;
}

p.copyright a{color:white;}
p.copyright a:hover{color:#666;}

/* @end */

/* @group Search */

#search {
left:50%;
width:200px;
-moz-opacity:0.4px;
text-align:right;
margin:12px 12px 0 150px;
position: absolute;
}

#search:hover {
-moz-opacity:1px;
}

#search .searchimg {
float:left;
width:14px;
height:13px;
background:url(images/search.gif) 0 0 no-repeat;
position:relative;
top:4px;
}

#search input {
width:175px;
font-size:9pt;
background:#CCC;
margin-top:2px;
}

#search input:focus {
background:#FFF;
}

#searchform {
margin:1em 0;
}

#searchform #s {
border-bottom-color: #777777;
border-style: none;
background:#d5d5d5;
border-bottom:1px solid;
width:30em;
color: #2f2f2f;
padding:0.25em;
}

#searchform #searchsubmit {
border-color: #7e9d3d;
border-width: 1px;
border-style: solid;
background:#84a31e;
color: white;
font-size: 1em;
text-transform:uppercase;
letter-spacing:0.25em;
}

#search-results {
width:30%;
background:#333;
float:right;
-moz-opacity:0.9px;
border-top:1em solid #000;
padding:0;
}

#search-results h3 {
font-weight:700;
text-align:left;
background:#000;
margin:0;
padding:0 0 1em;
}

#search-results small {
display:block;
text-align:left;
font-size:0.9em;
border-top:1px solid #666;
border-bottom:1px solid #555;
padding:0.5em 1em 0.7em;
}

#search-results small a {
color:#CCC;
}

#search-results ul li {
list-style:none;
margin:0.5em 0;
padding:0 1em 0.5em;
}

#search-results ul li:hover {
background:#202020;
}

#search-results ul li a {
text-decoration:none;
border-bottom:1px dotted #CCC;
}

#search img.archives-icon {
top:1px;
margin:0 7px 0 0;
}

/* @end */

/* @group Other Bar */

#otherbar {
float:right;
width:190px;
margin:0;
}
#otherbar ul.dates li,
#otherbar ul.counts li,
#otherbar ul.blogroll ul li,
#otherbar ul.pages li {
list-style:none;
border:none;
color:#858585;
margin:0;
padding:0;
line-height:20px;
}
#otherbar ol,#otherbar ul,#otherbar li {
list-style:none;
margin:0;
}

#otherbar ul {
margin:0 0 10px;
}

#otherbar .ul_flickr {
margin:10px 0;
}

#otherbar h2 {
margin:0 0 5px;
}

#otherbar .ul_flickr a {
border:1px solid #ccc;
display:block;
float:left;
margin:4px;
padding:3px;
}

#otherbar .ul_flickr a:hover {
border:1px solid #9c0;
background:#FAFFE8;
}

#otherbar .ul_feeds {
clear:both;
margin:10px 0;
}

/* @end */

.ul_feeds li {
background-image:url(images/feed.gif);
background-position:1px center;
background-repeat:no-repeat;
line-height:20px;
padding:0 0 0 20px;
}

/* @group Calendar */

#wp-calendar {
text-align:center;
background-color:#fff;
margin:0;
}

#wp-calendar td {
height:24px;
width:24px;
line-height:20px;
background-image:url(images/day.png);
background-repeat:no-repeat;
background-position:center;
font-size:11px;
color:#4f4f35;
}

#wp-calendar td a {
display:block;
width:24px;
height:24px;
color:#fff;
text-decoration:none;
background-image:url(images/linkday.png);
background-position:center;
line-height:24px;
background-repeat:no-repeat;
}

#wp-calendar #prev a {
width:49px;
background-image:url(images/linkday2.png);
background-position:center;
}

#wp-calendar #next a {
width:49px;
background-image:url(images/linkday2.png);
background-position:center;
margin:0 0 0 30px;
}

#wp-calendar #today {
background-image:url(images/today.png);
background-position:center;
color:#fff;
background-repeat:no-repeat;
}

#wp-calendar #today a {
background-image:url(images/today.png);
background-position:center;
color:#fff;
font-weight:700;
background-repeat:no-repeat;
}

#wp-calendar caption,#wp-calendar th {
font-size:11px;
}

#wp-calendar .pad,#wp-calendar #prev,#wp-calendar #next {
background-image:url(images/do.png);
}
#wp-calendar td a{color:white; font-weight: bold;}

/* @end */

.datetime {
float:left;
height:50px;
width:50px;
background-image:url(images/date.png);
font-size:10px;
font-weight:700;
text-align:center;
color:#000;
line-height:20px;
margin:0 10px 0 0;
}

.datetime span {
display:block;
line-height:30px;
color:#fff;
font-size:15px;
}

/* @group Post info */

.postin {
line-height:25px;
height:25px;
margin:0 0 10px;
}

.postin span {
line-height:25px;
height:25px;
display:block;
float:left;
}

.postin .p_author,.postin .p_category,.postin .p_read,.postin .p_tags {
background-position:1px center;
background-repeat:no-repeat;
margin:0 10px 0 0;
padding:0 0 0 20px;
}

.postin .p_author {
background-image:url(images/author.gif);
}

.postin .p_category {
background-image:url(images/category.gif);
}

.postin .p_category a[title="View all posts in Featured"] {
display:none;
}

.postin .p_tags {
background-image:url(images/tags.gif);
}

.postin .p_read {
background-image:url(images/fulltext.gif);
}

.details .p_comments {
background-image:url(images/comments.gif);
background-repeat:no-repeat;
height:27px;
width:100px;
line-height:27px;
text-align:center;
float:right;
padding:0 5px 0 27px;
}

/* @end */

/* @group Menu */

#menu {
font-size:12px;
background-image:url(images/menu.png);
height:26px;
position:static;
}

#menu .menu,#menu li {
list-style:none;
margin:0;
padding:0;
}
#menu .utom_menu{
width:760px;
margin:0 auto;
}
#menu .menu {
background:transparent url("images/menu_right.png") repeat-y left top;
height:26px;
padding:0 0 0 1px;
}
#menu .utom_menu_b{
background:transparent url("images/menu_left.png") repeat-y right top;
float:right;
height:26px;
padding:0 1px 0 0;
}
#menu .menu li {
float:left;
line-height:25px;
height:26px;
background-image:url(images/menu_left.png);
background-repeat:no-repeat;
background-position:left top;
}

#menu .menu a {
height:26px;
background-image:url(images/menu_right.png);
background-position:right top;
background-repeat:no-repeat;
color:#fff;
display:block;
width:65px;
text-align:center;
padding:0 10px;
}

#menu div.utom_menu ul.menu li.donate a {
	background: url(images/menu_hightlight.png) repeat-x;
}

/* @end */

/* Open and Close Comment Styles */

a.oc {
display:block;
height:26px;
width:154px;
position:absolute;
left:50%;
margin:0 0 0 200px;
}

.open_c {
background-image:url(images/open_comments.png);
}

.close_c {
background-image:url(images/close_comments.gif);
}

#primary .secondary2 {
float:left;
clear:left;
width:220px;
margin:2em 0 0;
padding:0 1em;
}

.hide,.print-logo,.close-button,a.oc span {
display:none;
}

.left,#ancillary .block,#footer p.copyright {
float:left;
}

.right,#footer p.attributes {
float:right;
}

.single-post h1,.single-post h2,ul.blogroll {
margin-top:0;
}

ul.pages ul,#search-result ul {
margin:0;
}

/* @group Links */

#sidebar a {
color:#570;
text-decoration:none;
line-height:150%;
}

a img,#otherbar ul,#otherbar ul li {
border:none;
}

a,.story .details a {
color:#333;
text-decoration:none;
}

a:hover,.story .details a:hover,.inside a:hover,.secondary dd a:hover,.comment-head a:hover,#otherbar ul a:hover,#menu .menu a:hover,.download a {
color:#000;
}

.inside a,#otherbar ul a {
color:#598D32;
}

.secondary dd a,.secondary dt a,.details .p_comments a,.download a:hover {
color:#fff;
}

#comments cite .author a:hover,#comments .content a:hover,#comment-form p a {
color:#9BDA41;
}

#comment-form p a:hover,#comment-guide li a:hover,ul.dates a:hover,ul.dates a:hover .date,ul.counts a:hover,ul.counts a:hover .count,ul.blogroll a:hover,ul.pages a:hover,#footer p.attributes a:hover {
color:#FFF;
}

/* @end */

/* @group Information Boxes */

span.note,
span.info,
span.alert,
span.tip,
span.notice {
	display: block;
}

div.note, span.note {
	margin: -2px 0px 10px;
	padding: 5px 10px 5px 10px;
	background: #f4f5f6;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
	text-align:justify;
}

div.info, span.info,
div.alert, span.alert,
div.tip, span.tip, div.notice, span.notice {
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 28px;
}

div.info, span.info {
	background: #e6eef6 url(icons/information.png) no-repeat 5px 5px;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
}

div.alert, span.alert {
	background: #fff5eb url(icons/exclamation.png) no-repeat 5px 5px;
	border-top: 1px dotted #ffb4a0;
	border-bottom: 1px dotted #ffb4a0;
}

div.tip, span.tip {
	background: #fffdeb url(icons/lightbulb.png) no-repeat 5px 5px;
	border-top: 1px dotted #ffc864;
	border-bottom: 1px dotted #ffc864;
}

div.notice, span.notice {
	background: #fffdeb url(icons/error.png) no-repeat 5px 5px;
	border-top: 1px dotted #ffc864;
	border-bottom: 1px dotted #ffc864;
}

.download {
	background:#D0F29D;
	text-align:center;
	border-top:2px solid #9CD941;
	border-bottom:2px solid #9CD941;
	margin:1em;
}

/* This Allows zoom search engine to highlight search terms */

.highlight {
	 background: #FFFF40; 
}

/* @end */

/* @group G2G Review Styles */

.tech-info-box {
		margin: 5px;
		float: right;
		width: 200px;
		padding: 5px;
		text-align: left
	}
	
	.tech-info-box p{
				line-height: normal;
			}
	
	.tech-title {
		border-bottom-color: #404040;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		width: 100%;
		text-align: center;
		font-weight: bold;
	}

	.review-photo {
		padding: 10px;
		float: right;
	}

/* @group Content at a glance */

#primary div.inside div.utom div.primary table {
	margin-top: 10px;
	margin-bottom: 10px;
}

.aglance {
	background-color: #d7d7d7;
	padding: 10px;
	-webkit-border-top-left-radius: 10px ;
	-webkit-border-bottom-left-radius: 10px ;
	-moz-border-radius:10px 0px 0px 10px;
}
.ratings {
	background-repeat: repeat-y;
	background-color: #425366;
	background-image: url(http://guide2games.org/wp-content/themes/4u/images/ratings-bg.png);
	-webkit-border-top-right-radius: 10px ;
	-webkit-border-bottom-right-radius: 10px ;
	-moz-border-radius: 0px 10px 10px 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
}

td.aglance p {
	margin: 0;
}

/* @end */

.callout {
	color: #7a7a7a;
	margin-top: .5em;
	margin-bottom: .5em;
	font-size: 1.1em;
	background: url(http://guide2games.org/wp-content/themes/4u/icons/information.png) no-repeat;
	padding-left: 20px;
}

.p_author {
		color: #7a7a7a;
	margin-top: .5em;
	margin-bottom: .5em;
	background: url(http://guide2games.org/wp-content/themes/4u/images/author.gif) no-repeat;
	padding-left: 20px;
	font-size: 1.1em;
	text-align: left;
	text-transform: none;
}

div.review-block
{
  height: auto;
  width: auto;
  float: left;
  text-align: center;
	margin-right: 3px;
	margin-left: 3px;
	margin-bottom: 10px;
}	
div.review-block img
{
  display: inline;
  margin: 3px;
}
div.review-block a:hover img {
	opacity: 0.75;
}
div.desc
{
  text-align: left;
  font-weight: normal;
  width: 150px;
  margin: 2px;
	overflow: hidden;
	height: 6em;
	font-size: .8em;
}

/* @end */

div.recent_comments {
		width: auto;
	height: 850px;
	overflow: auto;
}

/* Home Page Recent Comments 


.recent_comments li { min-height: 46px; margin-left: 0px; padding-left: 0px; border-bottom-color: #cccccc; border-bottom-width: 1px; border-bottom-style: solid; border-top-style: none; padding-bottom: 10px; padding-top: 10px; list-style-type: none; display: block; }


.recent_comments img { padding: 2px; margin: 5px; border-style: solid; border-color: #b3b3b3; border-width: 1px; float: left; } */


.cantopbar { 
	display:block;
	background-image:url('/images/bg-gold.gif');
	height:12px;
}

.author-list { list-style-position: outside; list-style-type: none; }


.hide { display: none; }

/* Set Min Hight for Game Review page so it won't break the side bars */

.submit-review { min-height: 1400px; width: 475px; display: block; }


/* @group Featured Slideshow */

#content {

}

ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}
.feature {
	position: relative;
	padding:0em;
	margin-bottom: 1em;
	width: 500px;
	height: 300px;
}
#fade-feature-1 li {
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0;
	left: 0;
	width: 500px;
	height: 300px;
	visibility: hidden;
}
.control {
	position: absolute;
	z-index: 100;
	cursor: pointer;
	font-size: 2em;
	font-weight: bold;
	color: #FFF;
}
.ajax {
	margin: 3em;
	border: 1em solid #FF8C00;
	padding: 1em;
}

/* Transprent Box - Script originally written by Chris Coyier, made into what it is by Alex Denning*/

#transparentbox{ text-align: left; font-size: 1.8em; background: url(images/transpBlack.png); padding: 10px; height: 50px; margin-top: -70px; position: relative; z-index: 9999; color: white; width: 520px;}
#transparentbox a { color: white; }

#transparentbox a:hover { color: #fcae04; }

#transparentbox small{ font-size: 0.5em; }

/* @end */