@import url("disqus.css");

#latest-games li {
list-style-type: circle;
margin-left: 3em;
font-size: .8em;
}

* { margin: 0; padding: 0; }

h3.type-left {
padding: 1em 0 1em;
color: #ccc;
font-size: 1em;
font-weight: normal;
}

h3.type-right {
padding: 1em 0 1em;
color: #ccc;
font-size: 1em;
font-weight: normal;
}

h3.type-right {
text-indent: 1em;
}

.video-top {
margin-bottom: .5em;
}

.top-meta {
float: right;
margin: 1.8em 1em 0 0;
font-size: .9em;
position: relative;
bottom: 0;
}

.catcloud {
float: right;
width: 300px;
margin: 0 5em 2em 0;
}

.catcloud br {
float: left;
display: inline;
}

.archives-left {
float: left;
width: 420px;
}

.archives-right {
margin-left: 2em;
}

.header-right {
float: right !important;
display: block;
margin: 0 1.5em 0 0 !important;
height: 25px;
}

.header-right a {
display: inline !important;
}

.counting {
margin: 0 1em 0 0 !important;
}

#video-count span {
font-weight: bold;
}

#header-cat form {
float: right;
}

#header-cat p {
float: left;
display: inline;
margin: 0;
height: 30px;
line-height: 28px;
}

body {
background: #000;
font: 82%/1.4em verdana, serif;
color: #fff;
}

#menu ul {
	float: right;
	margin: -.5em 0 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	text-transform: lowercase;
}
#menu li {
	float: left;
}
#menu a {
	display: block;
	width: 6.5em;
height: 70px;
	line-height: 75px;
	text-align: center;
background: transparent;
font-weight: bold;
}

#menu a:hover {
color: #7AF727;
}

#page {
width:  940px;
margin: 0 auto;
text-align: center;
background: #000;
}

#header {
margin-bottom: .8em;
_margin-bottom: 0 !important;
background: #111 url(img/header-bg.png) repeat-x top left;
border-bottom: 1px solid #666;
height: 90px;
}

.current_page_item a, .current_page_item a:hover { color: #7AF727 !important; }

.page-item-12 a { border: none !important; margin-right: 1em !important; }

#sidebar {
margin-top: 2.1em;
float: right;
width: 340px;
text-align: left;
background: #222;
}

/* .widget {
float: left;
margin-right: .5em;
border: 3px solid #444;
overflow: auto;
height: 110px;
} */

#text-1 p { font-size: .8em; }
.widget_pages { width: 140px; }
.widget_text { width: 310px; }
.widget_categories { width: 300px; }
.widget_categories select { margin-left: 1.5em; font-size: 18px; width: 240px; }
.widget_categories option { padding: 0 1em; }

#sidebar ul {
list-style: none;
margin-left: 0;
}

#sidebar ul ul {
list-style: circle;
margin-left: 3em;
margin-top: 0;
padding: 0;
font-size: .9em;
}

#content {
float: left;
text-align: center;
width: 940px;
margin: 0 auto;
}

#footer {
clear: left;
margin: 1em 0;
text-align: center;
font-size: .8em;
}

h1 a {
float: left;
display: block;
background: transparent url("http://mattplays.com/wp-content/themes/mattplays/img/logo.gif") no-repeat left;
height: 75px;
width: 120px;
padding-left: 3em;
line-height: 75px;
}

h1 { font-size: 2em; padding-top: .3em; margin-left: 1em; }

.description {
float: left;
display: inline;
position: relative;
top: 52px;
left: -100px;
font-size: .8em !important;
}

#sidebar h2 {
background: #444;
padding: .2em 1em;
margin-bottom: .8em;
font-size: 1.2em;
}

#content h2 {
font-size: 1.55em;
text-align: left;
margin-bottom: .5em;
}

#content h2 a:hover { text-decoration: none; }

.static-page h2 { padding: 0 0 1em; font-size: 1.5em !important; }
.single-page h2 { padding-top: 1em !important; }

p { margin: 0 0 1em; }

ol, ul { margin: 1em 0 1em 2.5em }

a { color: #7AF727; text-decoration: none; outline: none !important; }

a:hover { text-decoration: underline; }

hr { display: none; }

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

.description { font-size: .8em; text-indent: -.5em;}

.static-page .post { margin-bottom: 3em; padding: 0 2em 1em; background: #222 url(img/post-bg.jpg) repeat-x top left; }

.post small { text-indent: 1.2em; display: block; }

.post {
width: 600px;
background: #444;
height: 100%;
margin-bottom: 2em;
}

#content .post-video {
background: #333;
padding: 1em 0;
}

#content .post-video img {
width: 547px;
height: 371px;
border: 3px solid #666;
position: relative;
z-index: 0;
}

#content .post-meta {
background: #444;
margin: 0 1em;
border-bottom: 1px solid #777;
padding-left: 0 !important;
}

#content .post-content {
background: #444;
}

#content .post-content, #content .post-meta {
padding: 1em 1.5em;
text-align: left;
}

.post-thumbnails {
padding: 1em 0;
background: #555;
}

.gallery-item {
float: left;
margin: 0 1.5em;
}

.gallery a img {
/* width: 180px !important;
height: 150px !important; */
border: 3px solid #666 !important;
position: relative;
}

.gallery a:hover img {
border: 3px solid #777 !important;
}

#searchform { border-left: 1px solid #666; }

#searchform input#s {
font-size: 14px;
width: 172px;
text-align: right;
color: #fff;
background: #222;
border: none;
height: 26px;
padding: .3em .5em 0;
}

#searchform input#s:hover {
background: #444;
}

#searchform input#s:focus {
background: #444;
color: #fff;
}

input#searchsubmit { display: none; }

.postmetadata {
padding: 5px;
margin: 1.5em 4em 0;
}

/* Comments */

.commentlist {
list-style: none;
padding: 1em 0 2em;
}

.commentlist .quote {
background:url("http://mattplays.com/wp-content/themes/mattplays/img/bg_quote.gif") no-repeat top right;
padding: 10px 0;
}

.commentlist .comment-post {
padding: 5px 18px 22px 18px;
margin-top:15px;
background:#454545 url(img/bg_commentlist.gif) bottom no-repeat;
color:#e4edee;
width: 430px;
}

.commentlist cite {
display:block;
font-style:normal;
padding-left: 3.5em;
}

.commentlist cite a:link, .commentlist cite a:visited {
color:#21EBFC;
text-decoration:none;
}

.commentlist cite a:hover, .commentlist cite a:active {
color:#FFF;
text-decoration:underline;
}

#feedicon {
float: right;
background: url(img/feedicon.png) no-repeat left;
padding-left: 23px;
}

.alignleft { float: left; }
.alignright { float: right; }

#commentform { margin: 1.5em 0; }
#commentform label { display: block; cursor: pointer; font-size: 1.2em; padding-bottom: .3em; }
#commentform input, #commentform textarea { padding: .3em; font-size: 1.2em; }
#commentform p { margin-right: .5em;}
#author, #email, #url { width: 150px; }
input#submit { margin-bottom: 2em; }
#commentform textarea { width: 400px; }

span.comment-number { font-family: georgia, helvetica, serif; font-weight: bold; color: #fff; font-size: 1.6em; }

/* End Comments */

form#sortform select {
font-size: 1.5em;
margin-left: 1em;
padding-left: .3em;
}

.navigation { background: #111; padding: .3em 1em; border-bottom: 1px solid #555; }

#specs { margin: 1.5em 0 1em 1em; font-size: .9em; }
#specs td { padding: 0 2em 0 0; }

p#computer-photo { margin: 1em auto; text-align: center; }
p#computer-photo img { border: 1px solid #999; }

#text-2 .textwidget{ text-align: center; }

#comment-left {
float: left;
width: 500px;
text-align: left;
}

#posts-categories {
float: left;
width: 380px;
text-align: left;
padding-left: 2em;
margin-bottom: 2em;
}

#posts-categories h2 {
margin-bottom: 1em;
}

#posts-categories h3 {
margin-left: 1.5em;
}

#posts-categories ul li {
margin-left: 2em;
}

.wid_random ul { margin: 0 0 1em !important; padding: 0 !important; }
.wid_random li { list-style: none; padding: 0; text-align: center; }
.wid_random img { border: none; padding: 5px; background: #444; -moz-border-radius: 4px; }

.archives .navigation { margin: 1em 0 2em; }

#topbar {
height: 25px;
line-height: 25px;
margin-bottom: 1.5em;
background: #333;
padding: 0 1.5em;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
font-size: .85em;
}

a#mint {
background: url(img/mint.png) no-repeat left;
padding-left: 20px;
}

.imageOver {
background:url(images/zoom.gif) no-repeat 50% 50%;	
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
opacity:0.5;
}

.video-meta table {
margin-top: 1em;
margin-left: 1.5em;
}

.td-left {
padding-right: 1.5em !important;
text-align: right;
font-size: 1.2em;
font-weight: bold;
}

#header-cat {
width: 915px;
height: 30px;
text-align: left;
padding-left: 2em !important;
margin-bottom: 2em !important;
border-bottom: 1px solid #666 !important;
}

#header-cat ul {
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
position: relative;
top: -.75em;
left: 0;
font-weight: bold;
z-index: 10 !important;
}

#header-cat li {
margin: 0;
padding: 0 .1em 0 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
left: .5em;
}

#header-cat li:hover {
z-index: 1;
white-space: normal;
}

#header-cat li li {
float: none;
}

#header-cat ul ul {
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
font-weight: normal !important;
}

#header-cat li:hover>ul {
visibility: visible;
top: 100%;
}

#header-cat li li:hover>ul {
top: 0;
left: 100%;
}

#header-cat:after, #header-cat ul:after {
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
#header-cat, #header-cat ul {
min-height: 0;
}

#header-cat ul {
background-image: url(empty.gif);
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
/*background: #f00;*/	/* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */
}
#header-cat ul ul {
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}

#header-cat, #header-cat ul li {
color: #fff;
background: #222;
}

#header-cat ul {
width: 20.8em;
}

#header-cat ul ul {
width: 14em;
}

#header-cat a {
text-decoration: none;
color: #FF33A5;
padding: .4em .5em;
position: relative;
display: block;
}

#header-cat a:hover, #header-cat li:hover>a, #header-cat li li>a:hover {
color: #7AF727 !important;
}

#header-cat li li>a { color: #fff !important; }

#header-cat li li {
border: 1px solid #999;
}

#header-cat ul>li + li {
border-top: 0;
}

#header-cat li li:hover>ul {
top: 5px;
left: 90%;
}

#header-cat>li:first-child>a, #header-cat li + li + li li:first-child>a {
color: #567;
}

/* Fix for IE5/Mac \*//*/
#header-cat a {
float: left;
}
/* End Fix */

#about-left {
float: left;
width: 400px;
margin-right: 2em;
}

#about-right {
margin-left: 420px;
}

.author { color: #fff !important; }