/* @override http://localhost:8888/wp-content/themes/npp/style.css */

/********************************/
/* CSS by justin talbott (.com) */
/********************************/

/* reset & restore */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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%; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
li { display: inline; }
blockquote, q { quotes: none; }
:focus { outline:0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
img { -ms-interpolation-mode:bicubic; }
a { cursor: pointer; text-decoration: none; }
em { font-style: italic; }
strong { font-weight: bold; }

/* general classes & element restore */
.center { margin: 0 auto; }
.left { float: left; display:inline; }
.right { float: right; display:inline; }
.image-left { float:left; display:inline; margin: 0 1em .33em 0; }
.image-right { float:right; display:inline; margin: 0 0 .33em 1em; }
.clear { clear:both; }
.hide { display: none; }
.smaller { font-size:0.7em; }
.larger { font-size:1.4em; }
.textbox { padding: .3em; }
input:focus, textarea:focus, select:focus { background:#f1f1f1; }

/* font family */
p, li, dd, dt, h1, h2, h3, h4, h5, h6, code { font-family: HelveticaNeue-Light, HelveticaNeue, Helvetica, Arial, sans-serif; font-weight: normal; }

h1 { color: #000; font-weight: lighter; font-size: 2em; text-transform: uppercase; padding: 15px; background: #ff0; }
a { color: #fff; }

/* font styles */
p, li { padding: .625em 0; /* 10px */ font-size:0.875em; /* 14px */ line-height: 1.313em; /* 21px */ } 

/* general layout  */
body { background: url(/imgs/bg.gif) repeat 0 0; background-attachment: fixed; }
#wrap { width: 898px; height: 596px; position: absolute; left: 50%; top: 50%; margin: -270px 0 0 -450px; background: url(/imgs/npp-border.png) no-repeat 0 0; z-index: -1; }
#home { display: block; float: left; position: absolute; top:0; left: 0; width: 700px; height: 60px; }

#about { position: absolute; top: 115px; left: 920px; width: 450px; }
#about p { color: #fff; background: url(/imgs/black.png) repeat 0 0; padding: 15px; margin-top: 20px; }
#about a { border-bottom: 1px solid #f00; color: #fff; }
#about a:hover, a:hover code { color: #ff0; border: 0; }
#about #back { display: block; width: 47px; height: 19px; background: url(/imgs/back.png) no-repeat top left; overflow: hidden; border: 0; margin-top: 20px; }
#about #back:hover { background-position: bottom left; }

#mccain { display: block; width: 142px; height: 121px; position: absolute; top: -70px; right: 10px; overflow: hidden; text-indent: -9999px; }

#wtf { display: block; width: 500px; height: 500px; overflow: hidden; position: absolute; right: 0; bottom: -8px; background: url(/imgs/wtf.png) no-repeat -999px -999px; }
#wtf:hover { background-position: bottom right; }

#collage { width: 884px; height: 511px; position: absolute; top:58px; left: 7px; overflow: hidden; z-index: -1; }
#linx-block { position: relative;}
#linx-back { display: block; width: 300px; position: absolute; height: 447px; z-index: 1; top: 90px; left: 45px; }

#linx { display: block; width: 270px; position: absolute; height: 417px; z-index: 2; top: 90px; left: 45px; padding: 15px; }
#linx a { display: block; border-bottom: 1px dotted #222; padding: 10px 13px; text-transform: lowercase; text-shadow: #000 0; font-family: Helvetica, Arial, sans-serif; }
#linx a p { margin: 0; padding: 0; }
#linx a:hover { background: #ff0; border-color: #900; color: #000; }
#linx li.next { position: absolute; bottom: 15px; right: 15px; background: #000; }
#linx li.next a { float: right; width: 113px; text-align: right; color: #fff; }
#linx li.next a:hover { background: none; border-color: #f00; }

.sociable { position: absolute; bottom: -12px; left: 0px;  padding: 3px; width: 500px; }
.sociable li { padding: 5px 7px 7px; line-height: 11px; margin: 0 3px; background: url(/imgs/black.png) repeat 0 0; }
.sociable li img { margin-right: 5px; position: relative; bottom: -3px; }
.sociable a:hover { color: #ff0; }