/* @override http://themanyfacesof.com/wp-content/themes/tmfo/style.css */

/*
Theme Name: TMFO
Theme URI: http://wordpress.org/
Description: 
Version: 1
Author: Reagan Ray
Author URI: http://reaganray.com/

*/

/* --------------------------------------------------------------------
             _____    ___     _____     ___    _     _   _____   _
    /\      |  _  |  | _ |   |  _  |   | _ |  | |   | | |  ___| | |
   /__\     | |_| | | |_| |  | |_| |  | |_| | | |   | | | |_    | |
  /\  /\    |  __/  | ___ |  |    /   | ___ |  | | | |  |  _|   | |
 /__\/__\   | |    | |   | | | |\ \  | |   | |  | | |   | |___  | |___
            |_|    |_|   |_| |_| \_\ |_|   |_|   |_|    |_____| |_____|

--------------------------------------------------------------------- */


/* Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0;margin-bottom:1.4em;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:;}
a img{border:none;}

/* Grid */
.container{width:1080px;margin:0px auto;position:relative;}
.column{float:left;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
html[xmlns].clearfix{display:block;}
* html .clearfix{height:1%;}

/* Page */

html { overflow-y: auto; }

body{ background-color: #292929; min-width: 1120px;}

#header, #footer {
	background-color: #0b0b0b;
}

#header { position:relative; height: 52px; display: block; clear:both; }
#header .container { position: relative; }

#logo { height:52px; position: absolute; left:0px; top:0px;background-image: url(/wp-content/themes/tmfo/img/logobg.png);}

#logo a img{height:52px;background: url(/wp-content/themes/tmfo/img/spotlight.png) no-repeat center 52px;-webkit-transition: background-position 1s linear;-webkit-transition-delay: .4s;}
#logo a:hover img{-webkit-transition: background-position 0.3s linear;background-position: left 7px;}

#nav { position: absolute; right:0px; top:10px; }

#nav li { list-style-type: none; float:left; margin-left: 10px; }

#nav a { color: #6e6d6d; }
#nav span { display: none; }

#banner {
	height:550px;
	display: block;
	clear:both;
	text-align: center;
	background-color: #e9eaeb;

}

.bigbox {
	background-color: #333;
	padding: 20px 50px 0px; margin-bottom:7em; 
}

.commentbox{margin-bottom: 2em;}

.dvd { display: block; clear:both; height: 100px; margin-bottom: 30px;}
.dvd img { float:left; margin-right: 30px; }
.dvd h6 {margin-bottom: 0;line-height: 1;padding-top: 25px;}

.post { position: relative; }

/* Footer */
#footer{display:block;clear:both;min-height:330px;padding:80px 0px;}
#footer .left{width:460px;position:absolute;left:0px;top:0px;}
#footer .right{width:540px;position:absolute;right:0px;top:0px;}
#footer a{color:#919191;text-decoration:underline;}
#footer a:hover{text-decoration:underline;color:#e9eaeb;}
.copyright{margin-bottom:47px;}
#footerTMFO{margin-right:65px;margin-top:42px;-webkit-transition:opacity .2s linear;-webkit-transition-delay:.2s;}
#footerPVEL{position:relative;top:-13px;-webkit-transition:opacity .2s linear;-webkit-transition-delay:.2s;}
#footerPVEL:hover, #footerTMFO:hover{-webkit-transition:opacity .2s linear;-webkit-transition-delay:.0s;opacity:0.75;}
.recentPosts{list-style-type:none;line-height:1.2;}
.recentPosts li a{text-decoration:none!important;height:80px;width:450px;display:block;}
.recentPosts li{background:#1e1d1d;height:80px;margin-bottom:20px;-webkit-transition:background-color .6s linear;-webkit-transition-delay:.3s;}
.recentPosts img{float:left;margin:-5px 30px -5px 10px;}
.recents_title{font-size:1.2em;color:#e9eaeb;}
.recentPosts li:hover{background:#313030;color:#919191;-webkit-transition-delay:0s;-webkit-transition:background-color .2s linear;cursor:pointer;}
.recents_data{margin-top:16px;color:#919191;float:left;}
.recents_heading{margin-bottom:23px;}
.recents_heading em{margin-left:10px;color:#919191;}
.follow-us{list-style-type:none;line-height:1.2;}
.follow-us a{background:#1e1d1d;display:block;height:80px;line-height:80px;margin-bottom:20px;padding-left:137px;text-decoration:none!important;-webkit-transition:background-color .6s linear;-webkit-transition-delay:.3s;-o-transition:background-color .6s linear;-o-transition-delay:.3s;-moz-transition:background-color .6s linear;-moz-transition-delay:.3s;width:323px;}
.follow-us a{background-image:url(img/sprite_follow_main.png);background-repeat:no-repeat;background-color:#1e1d1d;}
.follow-us #follow-tmfo{background-position:15px 10px;}
.follow-us #follow-pvel{background-position:7px -69px;}
.follow-us span{font-size:1.2em;color:#e9eaeb;}
.follow-us a:hover{background-color:#313030!important;color:#919191;-webkit-transition-delay:0s;-webkit-transition:background-color .2s linear;-o-transition-delay:0s;-o-transition:background-color .2s linear;-moz-transition-delay:0s;-moz-transition:background-color .2s linear;}
.credits{margin-top:-8px;line-height:2.2;font-size:14px;}
.credits a{font-size:18px;text-decoration:none;padding-left:4px;}
.credits p{margin-bottom:0px;}

/* Comments */
#comment-top{height:37px;margin-bottom:36px;display:block;clear:both;}
.comment-count{font-style:italic;font-size:16px;line-height:37px;margin:1px 0px 0px;float:left; width:400px;}
#comment-dropper a{text-decoration:none;color:#919191;}
#comment-dropper a:hover{text-decoration:underline;color:#e9eaeb;}
#comment-drop{display:block;width:100%;padding-bottom:25px;}
#comment-dropper{padding-bottom:50px;}
.commentlist{width:560px;list-style-type:none;float:left;margin-right:40px;font-size:13px;font-family:"Georgia", serif;line-height:1.8;}
.comment-body{position:relative;}
.comment-body cite{font-size:15px;text-decoration:none;color:#919191;margin-bottom:3px;}
.comment-body .comment-meta{font-size:12px;margin-bottom:10px;}
.comment-body cite a{text-decoration:none;color:#919191;}
.comment-body cite a:hover{text-decoration:underline;color:#e9eaeb;}
.comment-meta a{text-decoration:none;color:#6e6d6d;}
.says{display:none;}
.avatar{margin-bottom:16px;}
#respond{font-size:14px;height:430px;float:right;background:#292929;width:340px;padding:15px 20px;}
#respond h5{font-size:16px;margin-bottom:25px;}
#commentform textarea{width:330px;padding:5px;height:202px;margin-bottom:0px;}
#commentform p{margin-bottom:10px;}
#commentform label{font-size:14px;font-style:italic;}
#commentform input{width:210px;padding:0px 5px;float:right;margin-top:6px;height:30px;margin-top:0px;}
#commentform input, #commentform textarea{background:#999;border:0px;}
#commentform input:focus, #commentform textarea:focus{background:#e9eaeb;border:0px;}
.comment{margin-right:10px;border-bottom:1px solid #292929;margin-bottom:30px;}
.comment-body p{padding-right:20px;}
input#submit{background:#333;font:16px"Georgia", serif;color:#999;width:96px;display:block;}
.commentlist::-webkit-scrollbar{width:10px;height:10px;}
.commentlist::-webkit-scrollbar-track-piece{background-color:#393939;}
.commentlist::-webkit-scrollbar-thumb:vertical{height:10px;background-color:#292929;}
#socialmedia{position:absolute;right:50px;top:20px;color:#fff;}
#socialmedia li{line-height:37px;float:left;display:inline-block;}
#socialmedia a{height:37px;width:37px;display:block;overflow:hidden;text-indent:-9996px;margin-left:10px;}
#socialmedia a{background-image:url(img/sprite_social_main.png);background-repeat:no-repeat;}
#twitter-link{background-position:-10px -10px;}
#facebook-link{background-position:-10px -67px;}
#digg-link{background-position:-10px -124px;}
#su-link{background-position:-10px -181px;}
#socialmedia a:hover{opacity:0.7;}

/* Typography */
body{color:#6e6d6d;font-size:17px;line-height:32px;font-family:"Georgia", serif;}
p{margin:0 0 1.5em;}
p.last{margin-bottom:0;}
strong{font-weight:bold;}
em{font-style:italic;}

/* Headings */
h1,h2,h3,h4,h5,h6{color:#e9eaeb;font-family:Georgia, serif;line-height:1;margin-bottom:0.25em;}
h4#comments{font-size:16px;line-height:37px;float:left;margin:0px 10px 0px 0px;}

/* Links */
a{color:#d7d7d9;text-decoration:underline;-webkit-transition:color .4s linear;}
a:focus, a:hover{color:#fff;text-decoration:underline;-webkit-transition:color .2s linear;}

/* 404 */
#acciopage{background:url(img/404snape.png) no-repeat;padding-left:540px;width:540px;height:450px;text-align:left;margin-top:60px;}
#acciopage p{margin-bottom:0px;}
#acciopage{-webkit-animation-name:snape-slider;-webkit-animation-duration:2.3s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:ease-out;}
@-webkit-keyframes snape-slider{0%{background-position:0 450px;}
100%{background-position:0 0;}
}
/* ALAN RICKMAN POST */
@font-face{font-family:'ProcionoRegular';src:url('/fonts/prociono/Prociono-Regular.eot');src:local('Prociono'), local('Prociono-Regular'), url('/fonts/prociono/Prociono-Regular.woff') format('woff'), url('/fonts/prociono/Prociono-Regular.ttf') format('truetype'), url('/fonts/prociono/Prociono-Regular.svg#Prociono-Regular') format('svg');}
h1,h2,h3,h4,h5,h6{font-family:"ProcionoRegular", Georgia, serif;font-weight:normal;}
h1,h2,h3{font-size:36px;margin-bottom:26px;}
h4,h5{color:#919191;margin-bottom:25px;}
h6{line-height:32px;margin-bottom:25px;}
#banner{height:550px;display:block;clear:both;text-align:center;background-color:#e9eaeb;}
#prefooter{height:150px;display:block;background-color:#1e1d1d;}
#content{background-color:#292929;padding-top:4em;}
.section{border-bottom:1px solid #333;padding-bottom:23px;margin-bottom:56px;width:1080px;}
table{font-size:15px;}
table.vertical th, table.vertical td{vertical-align:middle;line-height:1.4;padding-bottom:16px;}
table.vertical th{padding-right:40px;}
table.horizontal td{width:auto;text-align:center;}
.caption{font-size:14px;font-style:italic;color:#4f4f4f;}
table thead th, table td strong{color:#919191;font-size:17px;font-weight:normal;}
#bonus h4{font-size:17px;margin-bottom:5px;}
#weaponsTable th{padding-right:25px;}
#adversaryTable th{padding-right:30px;padding-bottom:30px;}
#adversaryTable td{padding-bottom:30px;}
#adversaryTable thead th{padding:0px 0px 25px;}
#timeline{margin-top:25px;}