/*   
Theme Name: Arcade44
Theme URI: http://arcade44.tv
Description: Online video magazine.
Author: Matthew Yu
Author URI: http://mattyu.ca/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');


body {
	background: #0b0d0d url(images/softlight.png) top center no-repeat;
	color:#c5c1c1;
	font-family: Arial, Helvetica, sans-serif;
}

p {
	margin-bottom:10px;
}
a, a:visited, a:hover {
	text-decoration:none;
}
#header{
    margin: 0 auto 15px;
    width:940px;
    height:75px;    
	border-bottom: 1px dotted #333333;
    position:relative;
}
.home #header, .page-template-v2beta-php #header {
	border-bottom: 0;
	margin-bottom: 0;
}
#access{
    z-index:99; /* IE7 z-index bug */
    overflow:visible;
    position:static;
    float:right;
	border:0;
	margin-top:26px;
}
.sf-menu{
    border-right:1px solid #121313;
	font-weight:bold;
	font-size:10px;
	
    position:static;
    margin-top: 0;
    margin-right: 20px;
    margin-bottom: 0pt;
    margin-left: auto;
 
    padding-left: 0pt;
    overflow-x:visible;
    overflow-y:visible;
    overflow:visible;
}
.sf-menu li.categories, .sf-menu li.pagenav{
    border-top:1px solid #272d2c;
    border-left:1px solid #272d2c;
    border-right:1px solid #121313;
    border-bottom:1px solid #121313;
    
    margin:0;
    padding: 5px 8px 11px 8px;
	height:7px;
	width:200px;
	background: #000 url(images/dropdown-arrow.png) 203px 10px no-repeat;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:24px;
}

.sf-menu ul{
 	padding:0 !important;
 	margin:0 0 0 -1px !important;
	width:217px !important;
	border-top:none;
    border-left:1px solid #272d2c;
    border-right:1px solid #121313;
    border-bottom:1px solid #121313;
    
}
.sf-menu ul a{
    margin:0;
    padding: 5px 8px 11px 8px;
	height:7px;
	background:#000 none repeat;
	border:0;
    border-right:1px solid #121313 !important;
}
.sf-menu a, .sf-menu a:visited {
	color:#939191;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:     #000;
	outline:		0;
    border-bottom-color:#000;
}

/* SEARCH */
textarea, input {
	font-size:14px;
	padding:4px;
}
textarea {
	width:300px;
}
.input-text {
	display:block;
	float:left;
	width:185px;
	height:17px;
	padding:4px 4px 2px 4px;
	border-style:solid;
	border-width:1px;
	border-color:#a8a8a8 #121313 #121313 #a8a8a8;
	font-size:10px;
	vertical-align:middle;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#606060;
}
.input-text#error404-s {
	width:426px;
	clear:left;
}
.input-signup{
	display:block;
	border-style:solid;
	border-width:1px;
	background-color:#000;
	height:25px;
	vertical-align:middle;
	padding-bottom:5px;
	border-color:#272d2c #121313 #121313 #272d2c;
}
.input-submit{
	display:block;
	float:left;
	border-style:solid;
	border-width:1px;
	border-color:#272d2c #121313 #121313 #272d2c;
	width:25px;
	height:25px;
	text-indent:-9999px;
	background: #000 url(images/submit-arrow.png) 10px 8px no-repeat;
}
.input-text#email{
	font-weight:normal;
	border-color:#a7a7a7 #e0e0e0 #e0e0e0 #a7a7a7;
	
}

/* MAIN */

#main{
	width:100%;
    clear:both;
    padding:0;
    min-height:500px;
}


#branding {
	padding:25px 0;
	width:240px;
	float:left;
}
#container {
	width:100%;
}
.content, #content {
	width:940px;
	margin:0 auto;
	text-align:left;
	font-size:10px;
	clear:left;
}
.thumb-column {
	width:280px;
	height:911px;
	padding: 20px 19px 30px 0;
	float:left;
	border-right:1px solid #000000;
}
.thumb-column h1{
	font-size:18px;
	color:#ffffff;
	padding-bottom:15px;
}
.gutter {
	border-left:1px solid #242525;
	padding: 63px 0 30px 19px;
	float:left;
	height:868px;
}
.twtr-widget {
	margin-bottom:20px;
}
.twtr-widget h3, h4{
	clear:none;
}
.twtr-widget .twtr-tweet {
	border-bottom:1px dotted #242525 !important;
}

#blog-title a {
	text-indent:-9999px;
	outline:none;
	width:190px;
	height:26px;
	display:block;
	background: url(images/arcade44.png) top left no-repeat;
}
#blog-description {
	display:none;
}

#post-info{
	height:34px;
	margin-bottom:12px;
}

.entry h2, h1.page-title, .entry-title, .entry-title a, .entry-title a:visited, h2 a, h2 a:visited{
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size:24px;
	font-weight: normal;
	color:#827350;
}
.single .entry-title, .single .entry-title a, .home .entry-title{
	float:left;
}
.page-title, .page-title a{
	margin-bottom:16px;
}
.entry-title a:hover, .entry-title h2 a:hover, .entry h2 a:hover, .gsingleimage h2 a:hover{
	color:#FF4B33;
}

.page-template-page-plain-php h2{
	margin-bottom:16px;
	padding-top:20px;
	margin-top:20px;
	background: url(images/border.png) top repeat-x;
}
h2.entry-title{
	padding:0;
	margin-bottom:16px;
	background:none;
}
.entry{
	line-height:15px;
	margin-bottom:32px;
}
.entry img {
	margin-bottom:15px;
}
.entry a, .entry a:visited, .entry-content a, .entry-content a:visited{
	color:#827350;
}
h3, .label, .input-signup{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#939191;
	text-shadow: #000 0px 1px 0px;
}
#post-info .label {
	float:right;
	margin-top:5px;
}
.see-all{
	float:right;
	margin-top:7px;
}
h3 {
	color:#fff;
	margin-bottom:5px;
}

.label a, .label a:visited, .label span{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display:block;
	letter-spacing:0.5px;
	background-color:#47402f;
	float:left;
	height:14px;
	padding:3px 4px 0;
	margin:0 1px 2px;
	line-height:9px;
	border:1px solid #1b2120;
	border-bottom:1px solid #000;
}
.label a, .label a:visited, .label span{
	color:#fff;
}
.tags {
	margin-bottom:16px;
}
.tags a {
	text-transform:none;
	letter-spacing:0px;
}
.issue-head .label{
	height:21px;
	margin-bottom:2px;
}
.entry .label a, .home .label span, .home .label a{
	float:left;
}
.more {
	padding-top:10px;
	background: url(images/border.png) top repeat-x;
	clear:left;
}
.more h3 {
	float:left;
	clear:none;
	width:auto;
}
.moretitle h3{
	display:block;
	padding-top:1px;
}
.more .label.moretitle a{
	margin:0 0 8px 2px;
}
.entry a:hover{
	color:#FF4B33;
}
.label a.label-art{
	background-color:#CF8600;
}
.label a.label-film{
	background-color:#7F3083;
}
.label a.label-style{
	background-color:#515497;
}
.label a.label-sound{
	background-color:#185c5b;
}
.label a.label-music{
	background-color:#185c5b;
}
.label a.label-we-love{
	background-color:#ba52a4;
}
.label a.label-partner{
	background-color:#666666;
}
.label a.label-diary{
	background-color:#538d41;
}
.label a.label-muse{
	background-color:#5b2513;
}
.label a.label-arcade44{
	background-color:#000000;
}
.label a:hover {
	background-color:#000;
	color:#FF4B33;
	border:1px solid #000;
	border-bottom:1px solid #1b2120;
}
.thumb-label{
	position:absolute;
}
.home .label a, .thumb-label a, .thumb-label a:visited {
	margin:0;
	border:0;
	padding:3px 5px 0;
    -moz-box-shadow:0 1px 0px 0px #000; 
    -webkit-box-shadow: 0 1px 0px #000;   	
    margin-right:3px;
}
.thumb-label a:hover {
	border:0;
}
.player{
	width:100%;
	background:#000 url(images/border-center.png) bottom center no-repeat;
	text-align:center;
	margin-bottom:30px;
}
.home .player{
	height:361px;
	margin-bottom:0;
}
.single .player p{
	line-height:0;
}
#player{
	margin:0 auto;
}
.hidden{
	display:none;
}
#description {
	width:530px;
	float:left;
	margin-right:20px;
	margin-bottom:16px;
	padding: 0 10px 10px 0;
	clear:left;
}
#description p, .entry-content{
	font-family: Georgia, Trebuchet MS, Helvetica, sans-serif;
	font-size:14px;
	line-height:23px;
	letter-spacing:0.2px;
	margin-bottom:16px;
}
.home h1 a{
	clear:both;
	margin-bottom:16px;
}
#readmore p:first-child::first-line, .single #description p:first-child::first-line{
	text-transform:lowercase;
	letter-spacing:2px;
	font-variant:small-caps;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
		#readmore p:first-child::first-line, .single #description p:first-child::first-line {
		font-variant:normal;
		letter-spacing:0.2px;
	}
}
.links{
	width:380px;
	float:right;
	overflow:hidden;
}
.links h3{
	padding-bottom:6px;
	margin:3px 0 5px;
	background: url(images/border.png) bottom repeat-x;
}
.archive-tags{
	overflow:hidden;
	clear:left;
	margin-bottom:16px;
}
.linkmodule{
	clear:left;
	margin-bottom:16px;
}
.linkblock{
	width:80px;
	line-height:12px;
	padding: 0 0 8px 20px;
	float:left;
	overflow:visible;
}
.linkblock2{
	width:180px;
}
.white{
	color:#fff;
}
.rule{
	height:2px;
	margin-bottom:6px;
	width:100%;
	background: url(images/border.png) bottom repeat-x;
}
.rule-dotted{
	height:1px;
	margin-bottom:7px;
	width:100%;
	border-top:1px dotted #1b2120;
}
.firstblock {
	padding-left:0;
	clear:left;
}
.linkblock p, .thumb-caption p{
	margin-bottom:1px;
}
.links .audio{
	width:280px;
}
#photo img{
	display:block;
	width:auto;
}
.audioplayer{
	margin:5px 0 8px;
}
.audioimage{
	display:block;
	margin:0 auto;
}
.download {
	color:#25df53;
	font-family:monospace;
	font-size:1.2em;
}

/* ISSUE PAGE */
.issue-head {
	float:left;
	width:280px;
	padding:10px 20px 0 0;
}
.icon {
	height:23px;
	padding-left:34px;
}
.icon#icon-letter{
	background: url(images/letter.png) 1px top no-repeat;
}
.icon#icon-giveaway{
	background: url(images/giveaway.png) top left no-repeat;
}
.icon#icon-audio{
	background: url(images/audio2.png) 3px 0 no-repeat;
}
.icon#icon-audio h3{
	display:inline;
}
.icon#icon-twitter{
	background: url(images/twitter2.png) top left no-repeat;
}

/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:9999; 
     
     padding:19px 35px;
     /* background:#101010 url(images/transparent.png) repeat; */
     background-color:#000;
     color:#c5c1c1;
    width:530px;     
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;   
    border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;  
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(images/close.png); 
    position:absolute; 
    left:-15px; 
    top:-15px; 
    z-index:100;
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

/* THUMBS */
.thumb-container {
	width:220px;
	height:165px;
	margin:0 20px 20px 0;
	float:left;
	display:inline;
	position:relative;
	overflow:hidden;
	border-top:#0B0D0D 1px solid;
	background-color:#000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.promo {
	width:300px;
	height:169px;
	overflow:hidden;
	border-top:#0B0D0D 1px solid;
	background-color:#000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom:20px;
}
.thumb-container:hover, .promo:hover{	
	border-top:#1b2120 1px solid;
	-moz-box-shadow:0 0 5px 0px #000; 
    -webkit-box-shadow: 0 0 5px #000;  
}
.thumb-caption{
	position:absolute;
	background-color: #000;
	margin-top:146px;
	line-height:14px;
	background: url(images/caption-bg.png) top left no-repeat;
	width:210px;
	height:15px;
	overflow:hidden;
	padding: 2px 5px 5px 5px;
}
.home .thumb-container{
	width:280px;
	height:157px;
}
.home .thumb-caption {
	width:270px;
	margin-top: 138px;
}
#gallery-panes {
	padding-left:72px;
	float:left;
}
#gallery-panes .thumb-caption{
	position:absolute;
	width:640px;
	margin-top:0px;
	top:341px;
}
.gallery-thumb a{
	height:63px;
	width:64px;
	display:block;
}
.thumb-caption a, .thumb-caption a:visited {
	color:#fff;
}
.thumb-excerpt {
	font-style:italic;
}
.thumb a{	
	display:block;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width:220px;
	height: 165px;
}
.home .thumb a {
	width:280px;
	height: 157px;
}
.promo .thumb a{
	background:url(images/teaser.png) top left no-repeat;
}

/*TABS*/

#gimage{
	height:360px;
	width:640px;
	float:left;
	background: url(images/small-loader.gif) center center no-repeat;
}
.gsingleimage{
	width:640px;
	display:none;
	overflow:hidden;
}
#gimage h2{
	margin-left:3px;
}
#gimage h2 a{
	color:#fff;
}
.gallery-image {
	display:block;
	height:360px;
	width:640px;
	position:absolute;
	background: url(images/gallery-glow6.png) top left no-repeat;
}
.gallery-image a{
	width:640px;
	display:block;
	height:360px;
}
#gimage a:hover{
	border:0;
}

#gimage a.show {
	z-index:500;
}

#gimage .gsingleimage {
	width:640px; 
	height:360px; 
	position:absolute;
}
.carousel-overlays{	
	position:absolute;
}
.carousel-overlays .label{
	margin:10px 0 5px 10px;
}

ul#gbtn {
	list-style:none;
	margin:2px 0 0 0;
	width:69px;
}
#gbtn li{
	margin-top:5px;
}

#gbtn a{
	display:block;
	border: 1px solid #222323;
	width:64px;
	height:64px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	overflow:hidden;
}
#gbtn a.current{
	border-color:#797979;
}
#gbtn a:hover{
	border: 1px solid #797979;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	overflow:hidden;
}

ul.tabs a:active {
	outline:none;		
}

.clear{
	clear:both;
}
/* ADS */
#banner-top{
	text-align:center;
}
.banner-300x250 img{
	display:block;
	margin-bottom:20px;
}

/* SIGN-UP AND CONTACT FORM */
span.wpcf7-list-item {
	margin-left:0 !important;
	margin-right:0.5em;
}
.entry form img{
	margin:0;
	vertical-align:middle;
}
div.wpcf7 {
	background: url(images/border.png) top repeat-x;
	padding:10px 0 0 0 !important;
}

/* TWEETMEME */
#tweetmeme_button {
	float:right;
}
#share a{
	height:14px;
	width:14px;
	display:block;
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-9999px;
	outline:none;
	margin-right:3px;
	float:left;
}
#share-digg {
	background-image:url(images/share-digg.png);
}
#share-facebook {
	background-image:url(images/share-facebook.png);
}
#share-twitter {
	background-image:url(images/share-twitter.png);
}
#share-delicious {
	background-image:url(images/share-delicious.png);
}
#share-stumbleupon {
	background-image:url(images/share-stumbleupon.png);
}
#share-email {
	background-image:url(images/share-email.png);
}


/* FOOTER */
#footer {
	background-color: #b9c2c3;
	border:0;
	color:#303030;
	line-height:16px;
	padding:24px 0 12px 0;
	margin:0;
}
#footer a, #footer a:visited{
	color:#303030;
}
#footer a:hover{
	color:#FF4B33;
}
#footer ul{
	list-style:none;
	margin:0;
}
#footer h3{
	margin:0;	
	color:#000;
	text-shadow: #fff 0px 1px 0px;
}
#footer p{
	margin:0;
}
.quad-column{
	width:220px;
	margin:0 20px 20px 0;
	float:left;
}