/*
Theme Name: okaytim ver3
Author: Tim Wright
*/

@font-face {
	font-family: "fabian";
	src: url("fonts/fabian.ttf")
}

/*
 * Reset browser defaults
-----------------------------*/
body,div,dl,dt,dd,ul,ol,
li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,
blockquote,th,td                   { margin:0;padding:0;}
body                               { line-height:1;color:#222;}
h1,h2,h3,h4,h5,h6,p                { font-size:100%;font-weight:400;}
ol,ul                              { list-style:none;}
caption,cite,code,th               { font-style:normal;font-weight:400;}
fieldset,img                       { border:0;}
caption,th                         { text-align:left;}
:focus                             { outline:1px dotted #eee;}
table                              { border-collapse:collapse;border-spacing:0;}
hr                                 { border:0;border-top:1px solid #555;margin:0;height:1px;}
label,
button,
input[type="submit"]               { cursor:pointer;}

/*
 * General Elements
-----------------------------*/
::selection                        { background: #afa141; color: white; }
::-moz-selection                   { background: #afa141; color: white; }

html                               { background:#2a4757 url(images/bg.jpg) repeat 0 0 fixed;text-align:center; }
body                               { font:12px/1.3 Helvetica, Arial, Sans-serif;margin:auto;text-align:left; }
h1                                 { font-size:26px; }
h2                                 { font-size:24px;text-shadow:1px 1px 1px #0F232F; }
h3                                 { margin-left:-15px;font-size:18px; }
h4                                 { font-size:14px;font-weight:700; }
h5                                 { font-size:14px; }
h6                                 { font-size:12px;font-style:italic; }

ul,
ol,
p                                  { font-size:14px;line-height:1.7;margin:0 0 15px 0; }

strong                             { font-size:1.1em; }

ul,
ol                                 { margin:0 0 15px 30px; }
ul                                 { list-style:disc; }
ol                                 { list-style:decimal; }

table                              { width:auto;margin:10px 10px 10px 20px; }
td,
th                                 { border:1px solid #638b9f;padding:6px; }
th                                 { font-weight:700;text-align:center; }

blockquote                         { background:#000;background:rgba(0,0,0,.3);padding:20px 0;margin:20px; }
blockquote p                       { font-size:14px;line-height:1.4;margin-bottom:15px; }
cite                               { opacity:.7;font-size:12px;display:block;text-align:right; }

/*
 Anchor
*/
a                                  { overflow:hidden;text-decoration:none;color:#afa141; }
a:hover,
a:focus                            { color:#cfc774; }
#post a:hover                      { border-bottom:2px solid #cfc774; }
a:active                           { position:relative;top:1px; }

/*
 * Utility classes
-----------------------------*/
.left                              { float:left; }
img.left                           { margin:0 15px 15px -35px; }
.right                             { float:right; }
img.right                          { margin:0 -35px 15px 15px; }
img.block                          { display:block;width:auto;margin:10px auto; }
img.block,
img.left,
img.right                          { opacity:.9;-moz-box-shadow:2px 2px 4px #1d313c;-webkit-box-shadow:2px 2px 4px #1d313c;box-shadow:2px 2px 4px #1d313c; }
img.block:hover,
img.left:hover,
img.right:hover                    { opacity:1 }
.clear                             { clear:both; }
.nocomments                        { color:#fff;font-size:20px; }
#post .listing                     { list-style:none;margin:0;padding:0 0 0 20px;font-size:14px; }
#post .listing li                  { line-height:1.2;padding:10px;background:#000;background:rgba(0,0,0,.2);margin:0 0 10px;-moz-border-radius:7px;border-radius:7px; }

/*
 * Element groups -
-----------------------------*/
#header h1,
#tagline p,
#search,
#content,
#site-info                         { position:relative;width:880px;margin:auto; }

#header h1,
#comments h2,
#comments h3,
#comments form button,
#footer h2,
#related h2,
#archive-posts h3                  { font-family:fabian, Fabianestem, Helvetica, Arial, Sans-serif;color:#9b9444; }

#post,
#related,
#twitter,
#comments form,
#archive-posts ul                  { background:#233c4a;background:rgba(0,0,0,.15); }

#post h3                           { background:#2a4757 url(images/bg.jpg); }

#tagline,
#footer                            { background:#1d313c;background:rgba(0,0,0,.3); }

/*
 * Layout elements
-----------------------------*/
#header                             { margin-top:40px; }
#header h1                          { margin-bottom:-27px;font-size:65px; }
#header h1 a                        { position:relative;text-shadow:2px 2px 1px #0f232f; }
#header h1 a sup                    { font:100px Helvetica, Arial, Sans-serif;position:absolute;top:-25px;right:-30px; }

#tagline                            { border-top:1px solid #ccc;z-index:97;position:relative; }
#tagline p                          { color:#ccc;letter-spacing:-1px;text-shadow:2px 2px 1px #0F232F;position:relative;line-height:120px;
                                      font-size:30px; }
#tagline img                        { position:absolute;bottom:0;right:0;z-index:99; }
#tagline span.egg                   { display:block;position:absolute;min-height:10px;min-width:10px;background:red;top:20px;right:60px; }

#search                             { position:relative; }
#search form                        { -moz-border-radius:8px;-webkit-border-radius:8px;padding:5px 10px;position:absolute;top:-185px;
                                      right:0;background:#fff;border:3px solid #253f4e;width:28%;z-index:90; }
#search label                       { position:absolute;top:-9999px;left:-9999px; }
#search input[type="text"]          { float:left;border:0;width:200px;font-size:14px;color:#555; }
#search #searchsubmit               { float:right;display:block;height:20px;width:20px;border:0;text-indent:-9999px;
                                      background:#fff url(images/btn_search.jpg) no-repeat center center; }

#content                            { margin-top:15px; }

#post                               { min-height:590px;width:420px;color:#fff;padding:15px 10px 5px 0;-moz-border-radius:3px;
                                      -webkit-border-radius:3px;border-radius:3px; }
#post h2                            { line-height:1.3; }
#post h4,
#post h2,
#post h3,
#post p                              { padding:0 20px;color:#fff; }
#post h3                             { font-size:20px;letter-spacing:-1px;margin-bottom:10px;line-height:1.8;width:80%;padding:10px 20px; }
#post h4                             { margin:10px 0; }
#post ul,
#post ol                             { padding-left:30px; }
#post img                            { max-width:390px; }
#post li                             { line-height:1.3;padding:5px 0; }
.tags                                { font-style:italic;margin-bottom:20px; }
#post #post-image                    { max-width:430px;position:absolute;top:0;right:0; }
#post .meta                          { font-size:11px;margin:0 0 10px; }
#post #meta-category                 { text-align:right; }
#post #meta-category a               { border-bottom:1px solid #fff; }
.post-categories                     { margin:10px 10px 0;list-style:none;text-align:right; }

body.archive #post                   { padding:0; }
body.archive .post+.post             { border-top:20px solid #2a4757; }
body.archive .post h3                { margin:10px 0 0 0;font-size:24px; }
body.archive .post img               { opacity:.85;display:block;margin:auto; }
body.archive .post img:hover         { opacity:1; }
body.archive #post a                 { visibility:hidden; }
body.archive #post .post a           { visibility:visible; }
body.archive #post #post-image       { opacity:.3; }
body.archive #post #post-image:hover { opacity:.7; }

#browsing                            { position:absolute;top:0;right:0;width:430px;text-align:center; }
#browsing p                          { padding:20px 0;letter-spacing:-4px;margin:0;font-size:82px;line-height:1.1;opacity:.5; }
#browsing p:hover                    { opacity:.9; }

#post p.postnav                      { font-size:20px;text-align:center;padding:30px;border-top:20px solid #2a4757; }
#post p.postnav a                    { visibility:visible; }

#comments                            { clear:both; }
#comments:after                      { content:'.';display:block;clear:both;visibility:hidden; }
#comments h3                         { font-size:50px;clear:both;margin:0 0 10px; }

#comments form                       { margin:-20px 0 0;padding:10px; }
#comments textarea                   { color:#444;font-family:inherit;width:95%;height:130px;border:0;display:block;margin:0 auto 5px;
                                       padding:8px; }
#comments label                      { display:block;font-size:14px;color:#999;text-transform:uppercase; }
#comments input[type="text"]         { border:0;font-size:14px;color:#999;padding:8px;width:66%; }
#comments button                     { color:#eee !important;text-align:right;width:100%;color:#eee;display:block;border:0;
                                       background-color:transparent;font-size:30px;margin:15px 0 0; }
#comments form div                   { position:relative;padding:5px 2px; }

#comments input[type="text"],
#comments textarea                   { background: -webkit-gradient(linear, left top, left 25, from(#fff), color-stop(4%, #e5e5e5), to(#fff));
                                       background: -moz-linear-gradient(top, #fff, #e5e5e5 1px, #fff 25px);box-shadow: rgba(9,33,47,1) 0px 0px 8px;
                                       -moz-box-shadow: rgba(9,33,47,1) 0px 0px 8px;-webkit-box-shadow: rgba(9,33,47,1) 0px 0px 8px; }

#comments input[type="text"]:focus,
#comments textarea:focus             { background:#fff;outline:0; }

.comment-list                        { list-style:none;margin:0;color:#fff; }
.comment-list li                     { border-bottom:2px solid #1a2f3b;margin-bottom:30px; }
.comment-list h4                     { font-size:30px;font-weight:400;line-height:1;letter-spacing:-1px; }
.comment-list img                    { float:left;margin:0 10px 5px -20px; }
.comment-list .comment-body          { clear:both; }
.comment-list cite{text-align:left;display:inline;font-size:14px;opacity:1;}

#comment-write{width:45%;float:right;padding-top:30px;}
#comment-read{width:45%;float:left;padding-top:30px;}

#content-sub{position:absolute;top:240px;right:0;width:49%;}
#related{width:48%;float:right;min-height:350px}
#related ul{opacity:.8;list-style:none;font-size:14px;margin:-10px 0 10px;}
#related li{line-height:1.3;}
#related li a{color:#fffaef;display:block;padding:5px 0 5px 20px;}
#related li a:hover{background:#2a4757 url(images/bg.jpg) repeat 0 0;}
#related h2 {padding:10px 0 0;font-size:50px;text-transform:uppercase;font-style:normal;text-align:center;}

#twitter{width:48%;float:left;}
#twitter p{opacity:.8;color:#fffaef;padding:15px 15px 0;line-height:1.4;}
#twitter p small{display:block;margin-top:10px;}
#twitter #followme{display:block;text-indent:-9999px;background:url(images/icon_twitter.png) no-repeat 0 0;width:78px;height:67px;float:right;margin:-10px -10px -10px 0;}

#footer{min-height:220px;margin-bottom:20px;clear:both;}
#site-info{clear:both;padding:20px 0;}
#site-info a{color:#fff;opacity:.8;}
#site-info li a{display:block;}
#site-info a:hover{opacity:1;}
#site-info h2{color:#fff;margin:0 0 5px;font-size:36px;opacity:.85}
#site-info div{width:20%;margin-right:5%;float:left;}
#site-info ul{color:#fff;list-style:none;margin:0 0 0 5px;font-size:14px;}
#site-info:after{content:".";display:block;visibility:hidden;}

/* MLB */
#mlb{margin-top:20px;}
#mlb ol{margin:0;padding:10px 20px;list-style:none;font-size:16px;}
#mlb li{margin-bottom:5px;}
#mlb li sup{font-size:10px;}
#mlb li span{}
#mlb li:hover{position:relative;}
#mlb li span{line-height:1.5;font-size:12px;position:absolute;top:0;left:50%;width:225px;background:#fff;background:rgba(255,255,255,.85);color:#444;-moz-box-shadow:3px 3px 10px #1d313c;padding:15px;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;}

#mlb h3{background:#000;background:rgba(0,0,0,.2);border:0;padding:0 0 0 20px;line-height:2;}

#mlb-al{width:48%;float:left;}
#mlb-nl{width:48%;float:right;}

#mlb-awards{clear:both;padding-top:30px;}
#mlb-awards ul{margin-bottom:50px;}
#world-series{margin-bottom:50px;font-size:20px;text-align:center;}
#world-series sup{font-size:12px;}

/*
    Home page
*/
#latest-posts ul{ margin:0;list-style:none; }
#latest-posts li{position:relative;float:left;width:50%;display:inline;opacity:.85; }
#latest-posts li:hover{opacity:1; }
#latest-posts img{display:block;margin-bottom:10px; }
#latest-posts h2 a{display:block;position:absolute;top:0;left:0;background:#222;background:rgba(0,0,0,.7);line-height:1;padding:15px;width:398px; }

#archive-posts{clear:both;padding-top:10px; }
#archive-posts h3{text-transform:uppercase;font-size:50px;text-align:center; }
#archive-posts h3 a{display:block;opacity:.85; }
#archive-posts h3 a:hover{opacity:1; }
#archive-posts ul{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:-5px 0 0;list-style:none;padding:10px 0;font-size:14px; }
#archive-posts ul li{opacity:.95; }
#archive-posts ul li a{line-height:1.3;display:block;padding:5px 10px; }
#archive-posts ul li a:hover{background:#2a4757 url(images/bg.jpg) repeat 0 0; }
#archive-posts div{float:left;width:23%;margin-right:2%; }

#archive-posts:after{content:".";display:block;clear:both;visibility:hidden;height:20px; }