/*
Theme Name: Rock, Paper, Shotgun
Theme URI: http://www.rockpapershotgun.com
Description: The third incarnation of RPS.
Version: 3.0
Author: James Willock
Author URI: http://j3di.co.uk
Tags: 
*/

* {margin:0;padding:0;border:0;}
body {background:url('images/background.jpg') repeat-x top center #1d1d1d;text-align:center;font-family:Arial, sans-serif;}

a:link {text-decoration:none;color:#ac1a19;}
a:visited {text-decoration:none;color:#ac1a19;}
a:hover {text-decoration:none;color:#82a8c8;}
a:active {text-decoration:none;color:#ac1a19;}

div#main {display:block;margin:0 auto;min-height:600px;text-align:center;}
div#container {display:block;margin:0 auto;width:970px;}

#centeredmenu {float:left;width:100%;overflow:hidden;margin-top:9px;margin-bottom:23px;}
#centeredmenu ul {clear:left;float:left;list-style:none;margin:0;padding:0;position:relative;left:50%;text-align:center;}
#centeredmenu ul li {display:block;float:left;list-style:none;margin:0;padding:0;position:relative;right:50%;}
#centeredmenu ul li a {display:block;margin-right:10px;padding:0px;font-size:12px;}
#centeredmenu ul li a:link {text-decoration:none;color:#ffffff;}
#centeredmenu ul li a:visited {text-decoration:none;color:#ffffff;}
#centeredmenu ul li a:hover {text-decoration:none;color:#82a8c8;}
#centeredmenu ul li a:active {text-decoration:none;color:#ffffff;}

h1, h2, h3, h4, h5, h6 {font-family: Helvetica, Arial, sans-serif;color:#2d2d2d;}

h1#logo {display:block;width:219px;height:118px;background:url('images/logo.png');float:left;}
h1#logo a {font-size:0;text-indent:-999999px;display:block;width:219px;height:118px;}

div.clear {display:block;clear:both;}

a.marketing {display:block;width:auto;padding:0;font-size:0;margin-bottom:0px;}
a.marketing img {display:inline;padding:0;margin:0;border:3px Solid transparent;}

div#right-column a.marketing {margin-bottom:20px;}





div.block {background:url('images/silver-back.jpg') repeat-x #FFFFFF;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px Solid #FFFFFF;padding:10px;margin-top:0px;-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.35);-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.35);box-shadow: 2px 2px 3px rgba(0,0,0,0.35);}

div.featured-block {position:relative;border-radius: 0 5px 5px 5px;margin-top: 45px;}
p.featured-block-title {position:absolute;display:block;top:-25px;background: #d9d9d9;border:1px solid #fff;border-bottom:0;border-radius: 5px 5px 0 0;padding:5px 15px 4px 15px;height: 15px;left:-1px;font-size: 0.75em;font-weight: bold;}
p.featured-block-title img {border: 0 !important;margin:0 !important;position: relative;top:4px;}
p.featured-block-title span {padding-left: 91px;background:url('images/featured-block-title-bg.png') no-repeat 0 0;}


div.hr {display:block;height:1px;background:#cecece;border-top:1px Solid #ffffff;margin:15px 20px 15px 20px;}
div.no-back {background:#FFFFFF !important;padding:10px !important;}



div#left-column {display:block;width:645px;float:left;margin-top:15px;}
div#left-column div.block h2 {font-size:27px;text-align:left;font-size: 22px;margin-bottom: 0.5em;}
div#left-column div.block h2 a:link {text-decoration:none;color:#2d2d2d;}
div#left-column div.block h2 a:visited {text-decoration:none;color:#2d2d2d;}
div#left-column div.block h2 a:hover {text-decoration:none;color:#82a8c8;}
div#left-column div.block h2 a:active {text-decoration:none;color:#2d2d2d;}
div#left-column div.block {padding:15px;margin-bottom:20px;}
div#left-column div.block p,
div#left-column div.block li {text-align:left;font-size:14px;line-height:1.3em;color:#1d1d1d;margin-bottom:10px;}
div#left-column div.block p.info {overflow: visible;width: 650px;margin-bottom:10px;font-size:13px;}
div#left-column div.block p.info a.comment {margin-left:5px;background:url('images/comment.gif') left no-repeat;padding-left:20px;}
div#left-column div.block img {border:5px Solid #c8c8c8;margin-bottom:5px;}
div#left-column div.block ul {text-align:left;list-style:square;list-style-position:inside;margin-top:10px;margin-bottom:10px;}
div#left-column p.tags {margin-left:20px;background:url('images/tag.png') left no-repeat;padding-left:23px;}
div#left-column p.comments {margin-left:20px;background:url('images/comment.gif') left no-repeat;padding-left:23px;}
	div#left-column p.comments a.comment-page-link { font-size: 11px; }
div#left-column p.tools {margin-left:20px;background:url('images/tools.png') left no-repeat;padding-left:23px;}

div#left-column p.read {float:right;margin-right:20px;/*background:url('images/read.png') left no-repeat;padding-left:23px;*/}
div#left-column h3 {text-align:left;margin:10px 0 0px 20px;}

div#right-column {display:block;width:305px;float:right;margin-top:15px;text-align:center;}
div#right-column div.block {margin-bottom:20px;}
div#right-column div.block ul {display:block;list-style:square;margin:0 0 0 20px;padding:0;}
div#right-column div.block ul li {margin-bottom:10px;font-size:12px;text-align:left;}
div#right-column div.block img {border:3px Solid #bbbbbb;}
div#right-column h3 {display:block;font-size:30px;font-family: Arial, sans-serif;color:#2d2d2d;margin-bottom:10px;text-align:left;}
div#right-column h3 span {font-size:20px;}

#slider {
  width: 639px;
  height:248px;
  border:3px Solid #d9d9d9;
  padding:0px;
  margin: 0 0 20px 0;
  float:right;
  position: relative;
 }
 
#slider h2 a:link {text-decoration:none;color:#ffffff;}
#slider h2 a:visited {text-decoration:none;color:#ffffff;}
#slider h2 a:hover {text-decoration:none;color:#82a8c8;}
#slider h2 a:active {text-decoration:none;color:#ffffff;}

.scroll {
  height: 248px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {
  padding: 0px;
  height: 248px;
  width: 639px; /* change to 560px if not using JS to remove rh.scroll */
}

.scrollContainer div.panel div {
	display:block;
	width:210px;
	height:248px;
	background:transparent url('images/black-back.png') repeat;
	color:#ffffff;
	float:right;
	padding:10px 10px 0 10px;
}

.scrollContainer div.panel div h2 {
	color:#ffffff;
	font-size:30px;
	font-weight:bold;
	margin-bottom:5px;
	text-align:center;
	font-family: Helvetica, Arial, sans-serif;
}

.scrollContainer div.panel div p {
	font-size:12px;
	line-height:1.8em;
	color:#ffffff;
	text-align:left;
}

.scrollContainer div.panel div p a:link {text-decoration:none;color:#ffffff;}
.scrollContainer div.panel div p a:visited {text-decoration:none;color:#ffffff;}
.scrollContainer div.panel div p a:hover {text-decoration:none;color:#82a8c8;}
.scrollContainer div.panel div p a:active {text-decoration:none;color:#ffffff;}

.scrollButtons {
    display:none;
}

#slider .navigation {display:block;position:absolute;bottom:0px;left:10px;z-index:3;}
#slider .navigation {list-style:none;list-style-type:none;}
#slider .navigation li {float:left;margin-left:5px;}
#slider .navigation li a {display:block;padding:6px 7px 5px 7px;background:#212020;font-size:12px;font-family:Arial, serif;outline:none;}
#slider .navigation li a:link {text-decoration:none;color:#ffffff;}
#slider .navigation li a:visited {text-decoration:none;color:#ffffff;}
#slider .navigation li a:hover {text-decoration:none;background:#3a3a3a;}
#slider .navigation li a:active {text-decoration:none;color:#ffffff;}
#slider .navigation li a.selected {background:#3a3a3a;color:#ffffff;}
#slider .navigation li a.selected:hover {color:#ffffff;}

div#footer {display:block;background:#3c3c3c;border-top:1px Solid #646464;min-height:100px;padding:20px 10px 10px 10px;text-align:center;margin-top:10px;}
div#footer-content {display:block;width:970px;margin:0 auto;}
div#footer-content div.footer-col {display:inline;width:300px;margin-right:20px;float:left;}
div#footer-content div.footer-col h4 {font-size:25px;margin-bottom:10px;text-align:left;color:#ffffff;}
div#footer-content div.footer-col h4 span {font-size:17px;}
div#footer-content div.footer-col ul {display:block;width:100px;float:left;list-style:none;margin-right:40px;}
div#footer-content div.footer-col ul li {display:block;font-size:12px;margin-bottom:10px;text-align:left;color:#cecece;}
div#footer-content div.footer-col ul li a {padding:3px;}
div#footer-content div.footer-col ul li a:link {text-decoration:none;color:#ffffff;}
div#footer-content div.footer-col ul li a:visited {text-decoration:none;color:#ffffff;}
div#footer-content div.footer-col ul li a:hover {text-decoration:none;color:#000000;background:#cecece;}
div#footer-content div.footer-col ul li a:active {text-decoration:none;color:#ffffff;}
div#footer-content div.footer-col ul li a.icon {display:block;width:16px;height:16px;padding:0;float:right;margin-right:5px;}
div#footer-content div.footer-col ul li a.icon:hover {text-decoration:none;color:#000000;background:transparent;}
div#footer-content div.footer-col ul li a.icon img {padding:0;margin:0;border:0;}

form {display:block;margin:0 auto;padding:0;width:235px;margin-top:20px;margin-bottom:10px;}
form fieldset {display:block;margin:0;padding:0;}
form fieldset input {display:block;margin:0;padding:5px;border:1px Solid #a1a1a1;background:#fefefe;float:left;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
form fieldset input:hover {border-color:#818181;}
form fieldset input.submit {cursor:pointer;border:0;padding:0;margin:0 0 0 10px;float:left;}

ol.commentlist {display:block;margin:0;padding:5px;}
ol.commentlist li {overflow:hidden;text-align:left;display:block;border:1px Solid #ececec;background:#ececec;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:0 0 10px 0;padding:10px 10px 0 10px;position: relative}
ol.commentlist li.blocked {
	color:#666;
	font-size: 11px;
}
ol.commentlist li.blocked li {font-size: 16px;color:#000}
ol.commentlist li.blocked li.blocked {font-size: 11px;color:#666;}

ol.commentlist li input.comment-block {
	position: absolute;
	right: 50px;
	top: 13px;
	font-size: 11px;
	background: transparent;
	cursor:pointer;
	color:#666;
}

ol.commentlist li.blocked input.comment-block  {top:9px;}

ol.commentlist li input.comment-block:hover {color:#c00;}

/*ol.commentlist li.comment-role-author,*/
ol.commentlist li.comment-role-editor,
ol.commentlist li.comment-role-administrator,
/*ol.commentlist li.comment-role-contributor,*/
ol.commentlist li.bypostauthor {background-color: #fed; border-color:#fed;}

ol.commentlist li.comment-author-jsutcliffe {background:#ececec !important;}
ul.children li.comment-author-jsutcliffe {background:#ffffff !important; border: 1px solid #ECECEC !important;}

/*ol.commentlist li li.comment-role-author,*/
ol.commentlist li li.comment-role-editor,
ol.commentlist li li.comment-role-administrator,
/*ol.commentlist li li.comment-role-contributor,*/
ol.commentlist li li.bypostauthor {background-color: #fdc; border-color:#fdc;}

.avatar {display:block;float:left;padding:2px;background:#ffffff;border:1px Solid #cccccc !important;margin-right:10px;margin-top:-7px;}
ol.commentlist .comment-author {text-align:left;float:left;margin-top:7px;}
ol.commentlist .comment-meta {float:left;font-size:11px;margin-left:5px;margin-top:13px;}
ol.commentlist p {display:block;clear:both;margin-left:48px;}
ol.commentlist div.reply {clear:both;height:35px;text-align:right;}
a.comment-reply-login {font-size:0.6em;margin-top:15px;float:right;}
ol.commentlist a.comment-reply-link {display:block;padding:3px;width:30px;background:#ffeaea;border:2px Solid #bdbdbd;font-size:11px;float:right;}

form#commentform {display:block;text-align:left;margin:0;padding:20px;width:580px;}
form#commentform textarea {display:block;width:570px;height:150px;border:1px solid #bdbdbd;border-right-color:#d9d9d9;border-bottom-color:#d9d9d9;padding:5px;font-family:Arial, sans-serif;line-height:1.3em;font-size:12px;}
form#commentform input#author {display:block;width:300px;border:1px solid #bdbdbd;border-right-color:#d9d9d9;border-bottom-color:#d9d9d9;padding:5px;font-family:Arial, sans-serif;line-height:1.3em;font-size:12px;}
form#commentform input#email {display:block;width:300px;border:1px solid #bdbdbd;border-right-color:#d9d9d9;border-bottom-color:#d9d9d9;padding:5px;font-family:Arial, sans-serif;line-height:1.3em;font-size:12px;}
form#commentform input#url {display:block;width:300px;border:1px solid #bdbdbd;border-right-color:#d9d9d9;border-bottom-color:#d9d9d9;padding:5px;font-family:Arial, sans-serif;line-height:1.3em;font-size:12px;}
form#commentform label {display:block;margin:10px 0 5px 0;font-size:12px;}
form#commentform label small {font-size:10px;}
form#commentform #submit {display:block;padding:3px;width:150px;background:#ffeaea;border:2px Solid #bdbdbd;font-size:12px;cursor:pointer;float:right;margin-top:10px;margin-bottom:10px;}
#comment_post_ID {display:none;}
#comment_parent {display:none;}
#_wp_unfiltered_html_comment {display:none;}
.cancel-comment-reply {margin:15px 0 0 0;}

.wp-smiley {border:0 !important;display:inline !important;}

ul.children {margin-left:20px;}
ul.children li {background:#ffffff;}

.entry ul {display:block;list-style:square inside;}
.entry ul li {font-size:14px;margin-bottom:10px;text-align:left;}

.entry a {
	font-weight: bold;
}

.entry p.tags a,
.entry p.comments a,
.entry p.tools a {
	font-weight: normal;
}

.navigations {display:block;margin:0 auto;width:300px;margin-top:-15px;}
.alignleft a {display:block;float:left;width:140px;height:33px;padding:16px 0 0 0;font-size:12px;text-align:center;background:url('images/button.png') no-repeat;}
.alignright a {display:block;float:right;width:140px;height:33px;padding:16px 0 0 0;font-size:12px;text-align:center;background:url('images/button.png') no-repeat;}

select {font-size:17px;font-weight:bold;font-family:Arial, sans-serif;border:1px Solid #7a7a7a;padding:2px;color:#1d1d1d;}

.pagetitle {text-align:center !important;}

blockquote {border-left:5px Solid #a7a7a7;padding-left:10px;margin-left:5px;}

.revisit p {font-size:12px;}
.revisit img {margin-bottom:10px;}

.respond ul {display:block;list-style:none;list-style-type:none;margin:0 !important;padding:0 !important;}
.respond ul li {display:block;list-style:none;list-style-type:none;margin:0 !important;margin-bottom:10px !important;padding:0 !important;line-height:1.3em;}

.more-link {display:block;margin-top:10px;}

/* Featured Box JAS */

ul#featured-stories {
	width: 100%;
	float: left;
	list-style-type: none;
	margin: 0;
}

ul#featured-stories li {
	width: 33%;
	float: left;
}

ul#featured-stories li.last {
	width: 34%;
}

ul#featured-stories li div.panel {
	height: 120px;
	border: 1px solid #fff;
	border-right: 0;
	margin-bottom: 10px;
	overflow: hidden;
	background: #000 url() no-repeat center;
}

ul#featured-stories li.last div.panel {
	border-right: 1px solid #fff;
}

ul#featured-stories li div.text-container {
	color: #fff;
	text-align: left;
	font-size: 11px;
	padding: 5px 10px;
	line-height: 14px;
}

ul#featured-stories li div.text-container p {
	margin-top: 5px;
	height: 120px;
	display: none;
}

ul#featured-stories.jasFeaturedStoriesScroll li div.text-container p {
	display: none;
}

ul#featured-stories li h2 {
	font-size: 12px;
	margin: 0;
}

ul#featured-stories li h2 a {
	color: #fff;
}

/* end Featured Box JAS */

/* comment edit */
span.edit-comment a {
	background:none repeat scroll 0 0 #FFEAEA;
	border:2px solid #BDBDBD;
	display:block;
	float:right;
	font-size:11px;
	padding:3px;
	width:30px;
	margin-bottom: 5px;
}

form#dialog_commentform {
	width: auto;
	margin: 0;
}

textarea#dialog_comment {
	border: 1px solid;
	border-color: #BDBDBD #D9D9D9 #D9D9D9 #BDBDBD;
	margin: 10px 0;
	width: 99% !important;
}

.ui-dialog .ui-dialog-content {
	font-size: 12px;
	padding: 0 !important;
}

.ui-dialog {
	padding: 0.5em !important;
}

p.recaptcha-error {
	font-size: 12px;
	-moz-border-radius: 5px;
	border: 0;
	padding:4px 8px;
	display: block;
	background-color: #a00;
	color: #fff;
	text-align: left;
	margin: 5px 0;
}

#comment-form-user-fields {
	*margin-bottom: 30px;
}

div#left-column div.block p.log-in-to-comment {padding-left:20px;font-size:0.75em;}

#commentform {display:none;}

/*
autocomplete
*/

.ac_results {text-align: left;background:transparent !important;border: none !important;width:auto !important;}

.ac_results ul {
	border: 1px solid #A1A1A1;
	background:#fff;
	-moz-border-radius: 5px;
	width:150px !important;
}

.ac_results li {
	font-size: 12px !important;
    padding: 2px 5px !important;
    width: auto !important;
}

.ac_results li:nth-child(2n) {background-color: #eee;}

.ac_results li.ac_over {
	background-color: inherit;
	color:#a00;
}

.ac_results li:nth-child(2n).ac_over {
	background-color: #eee;
}

/* comments pagination */

ol.activecommentlist{display:block;}
ol.inactivecommentlist{display:none;}
li.active a{color:red;}

.pagination{text-align:center;}
.pagination h5,
.pagination ul,
.pagination li {display: inline;font-size: 12px;font-weight: normal;}
.pagination ul {list-style-type:none;}

.pagination h5,
.pagination li.active a {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    color: #000000;
    margin: 2px;
    padding: 2px 4px;
}

.pagination li.active a {font-weight: bold;}

.pagination li a  {
	background-color: #FFFFFF;
    border: 1px solid #0066CC;
    color: #0066CC;
    margin: 2px;
    padding: 2px 4px;
    text-decoration: none;
}

.pagination li a:hover {
	color: #000;
	border-color: #000;
}

#right-mpu {
	clear: both;
	float: left;
	margin-bottom: 25px;
}

/* modals */
.modal-overlay {
background: rgba(0,0,0,0.5);
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
display: none;
}

.modal-window {
position: fixed;
padding: 20px;
background: #fff;
width: 640px;
margin-left: -325px;
left: 50%;
top: 100px;
text-align: center;
opacity: 0;
filter: opacity(0);
}

.modal-window img {margin: 0;}

.modal-window .close {
position: absolute;
right: 20px;
top: 20px;
width: 20px;
line-height: 18px;
font-size: 20px;
height: 20px;
cursor: pointer;
background: #ffffff;
}

img.loading {z-index:5000;position: fixed;left: 50%;top:300px;margin-left:-20px;margin-top:-20px;}
/* end modals */

/* social buttons */
div#left-column div.block p.info {
	width: auto;
	line-height: 26px;
	font-size: 12px;
	margin-right: 6px;
}

div#left-column div.block p.info a {
	font-weight: normal;
}

.dd_post_share_left {
	margin-right: -100px;	
}

div.social {float: left;padding-top: 2px;}
div.social a {
	background: url(http://www.rockpapershotgun.com/wp-content/themes/rockpapershotgun/images/social-buttons.gif) 0 0 no-repeat;
	text-indent: -999em;
	display: block;
	float: left;
	margin-right: 8px;
	height: 20px;
	width: 73px;
}

div.social a.twitter {
	width: 55px;
	background-position: -83px 0;
}

div.social a.twitter:hover {
	background-position: -83px -30px;
}

div.social a.reddit:hover {
	background-position: 0 -30px;
}


/* end social buttons */
p.report-comment span a {
	position:absolute;
	right:13px;
	font-size:11px;
    color: #666666;
    top: 12px;
}