/*
Theme Name: Super 
Theme URI: http://dansmithwill.com
Description: Dan Smith Will
Version: 2 (WP2.6.2)
Author: Dan Smith
Author URI: 
Tags: 
*/

/*******************RESET CSS*******************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, font, img, small, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: middle;background: transparent;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
legend {display: none;}
/****************END RESET********************/

/****************Global Elements**************/
body { font: 12px "Helvetica Neue", Helvetica, Arial, sans serif; color: #000; }
h1#logo { float: left; }
h1#logo a { display: block; background: url(images/logo.png) no-repeat; width: 120px; height: 120px; text-indent: -9999em; }
h1#logo a:hover { opacity: 0.6; }
h2 { color: #000; font-size: 20px; }
h3 { color: #666; font-size: 16px; }
h4 { color: #666; font-size: 14px; }
p { margin: 0 0 0px 0;}
a { color: #F00; }
a:hover { text-decoration: line-through; }
textarea { font-size: 50px; font-family: Impact, "Impact", Arial Black, "Arial Black", Helvetica, Arial, sans_serif; border: 0; border-bottom: 2px solid #000; color: #000; padding: 3px 3px 2px 3px; width: 294px; }
select {  width: 183px; padding: 2px; }
td { padding: 4px 0; }
ol  { list-style: decimal; }
::-moz-selection{background:#000; color:#fff;}
::selection {background:#000; color:#fff;}
/****************End Global Elements**********/

/****************Classes**************/
.right { float: right; padding: 0 0 20px 20px;}
.left { float: left; padding: 0 20px 20px 0;}
.clear { clear: both; height: 0; }
.hide { display: none; }
.last { margin-right: 0; padding-right: 0; border-right: none; }
.selected { color: #999; }
/****************End Clasees**************/

/****************Structure*********************/
#container { text-align: left; position: relative; }
#header { float: left; width: 100%; }

#commentform { position: fixed; top: 20px; left: 20px; padding: 20px 20px 230px 20px; width: 300px; text-align: center; background: url(images/dansmith_sm.jpg) no-repeat 0 100%; border: 7px solid #000; font-size: 50px; font-family: Impact, "Impact", Arial Black, "Arial Black", Helvetica, Arial, sans_serif; }
#submit { position: absolute; bottom: 30px; right: 20px; }
#dan-smith-will { margin-left: 500px; margin-top: 20px; }
#dan-smith-will li { padding: 20px 20px 400px 20px; width: 400px; text-align: center; background: url(images/dansmith.jpg) no-repeat 0 100%; border: 7px solid #000; font-size: 50px; font-family: Impact, "Impact", Arial Black, "Arial Black", Helvetica, Arial, sans_serif; margin-bottom: 25px; position: relative;  }
#dan-smith-will li .rating { font-size: 16px; position: absolute; bottom: 302px; right: 20px; width: 200px; }

.navigation { width: 100%; position: fixed; bottom: 0; background: #222; padding: 6px; text-align: center; color: #fff; }
.navigation a { color: #fff; text-decoration: none; }

#share { position: fixed; top: 450px; left: 20px; width: 300px; }
#share li { float: left; margin-right: 15px; width: 67px; overflow: hidden; }
#submit { width: 40px; }

#about { position: absolute; top: -20px; left: 0; background: #000; color: #fff; font-size: 14px; padding: 20px 0 0 20px; width: 100%; height: 100%; display: none; }
#about #close { position: absolute; top: 40px; right: 40px; color: red; text-transform: uppercase; text-decoration: none; }
#about img { float: left; padding: 0 20px 20px 0; }
#about p { margin-bottom: 17px; width: 400px; }
#about p#first-shit { width: auto; }

#nav { float: right; clear: right; }
#nav li { float: left; }
#nav li a { display: block; float: left; }
.one-col #main { width: 100%; }
#main{ width: 650px; float: left; margin-right: 20px; }
#sidebar{ width: 250px; float: right; }
#footer { clear: both;  position: fixed; bottom: 0; right: 0; z-index: 2; width: 170px; padding: 6px 10px; color: #fff; font-weight: bold; }
#footer ul { float: left; }
#footer li { float: left; /*margin-right: 20px; padding-right: 20px; border-right: 1px solid red;*/  }
#footer li.last { border-right: none; margin-right: 0; padding-right: 0;}
#footer a { color: #fff; font-weight: bold; }
#footer a:hover { text-decoration: line-through; } 
#footer a:hover { }
#footer #copyright { float: right; }
/****************End Structure******************/

/****************Pages*********************/

/****************End Pages*********************/

/****************Plugins*********************/

/****************End Plugins*********************/