/* http://meyerweb.com/eric/tools/css/reset/ */ 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%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}/* remember to define focus styles! */:focus{outline:0;}/* remember to highlight inserts somehow! */ins{text-decoration:none;}del{text-decoration:line-through;}/* tables still need 'cellspacing="0"' in the markup */table{border-collapse:collapse;border-spacing:0;}

body { font: 15px "Helvetica Neue", Arial, sans-serif; background: #444; }
a { text-decoration: none; color: red; }
a:hover { text-decoration: underline; }
#uber_nav a:hover,
#main_nav a:hover,
#blurb a:hover,
#sub_nav a:hover,
.add a:hover { text-decoration: none; }
.fieldWithErrors { background: red; border: 2px solid #666; }
body, #main { min-width: 700px; }
#logo { position: absolute; top: 28px; left: 20px; }
#primary h2 { font-size: 18px; margin-bottom: 10px; }

/* ----------------------------------------------------------- */
/* http://www.positioniseverything.net/articles/onetruelayout/ */
/* ----------------------------------------------------------- */
#main { overflow: hidden; }
#primary,
#secondary { padding-bottom: 32767px; margin-bottom: -32747px; }

/* ---------- */
/* Navigation */
/* ---------- */
#uber_nav { padding: 7px 10px; background: #000; text-align: right; }
#uber_nav li { display: inline; padding: 0 5px; }
#uber_nav li a { color: #fff; padding: 3px 5px; }
#uber_nav li a:hover { background: #222; }
#main_nav { background: #1e82c1 url(img/header.jpg) repeat-x 0 100%; }
#main_nav ul { float: right; margin-right: 50px; display: inline; }
#main_nav li,
#main_nav a { float: left; }
#main_nav li { margin: 0 7px; }
#main_nav li a { padding: 60px 15px 14px; color: #cbcbcb; background: #1a72a9 url(img/nav.jpg) repeat-x 0 100%; }
#main_nav li a:hover { color: #fff; background: #176798 url(img/nav_hover.jpg) repeat-x 0 100%; }
#main_nav #profile_tab li.profile a,
#main_nav #photos_tab li.photos a,
#main_nav #blogs_tab li.blog a,
#main_nav #tribes_tab li.tribes a,
#main_nav #swaps_tab li.swaps a,
#main_nav #inbox_tab li.inbox a,
#main_nav li.current a,
#main_nav li.current a:hover { margin-top: 54px; margin-bottom: -6px; padding-top: 10px; color: #000; background: #92bccf url(img/nav_current.jpg) repeat-x 0 0; border: 2px solid #000; border-width: 2px 2px 0 2px; }

/* -------------- */
/* Header & Blurb */
/* -------------- */
#header { position: relative; background: #1e82c1; border-bottom: 2px solid #000; }
#blurb { border-top: 2px solid #000; background: #92bccf; font-size: 14px; }
#blurb_text { margin: 20px 15px 15px; }
#blurb h1 { float: left; width: 230px; padding-top: 15px; padding-bottom: 15px; font-size: 20px; text-align: center; }
#blurb p { margin-left: 240px; }
#blurb a { color: #000; border-bottom: 1px solid #000; }
#blurb a:hover { background: #b0d4e9; }
#blurb #hide_link { float: left; clear: left; width: 230px; text-align: center; margin: 8px 15px; font-size: 10px; text-transform: uppercase; }
#blurb #hide_link a { padding: 3px 2px 3px 20px; border: none; outline: none; background-position: 0 50%; background-repeat: no-repeat; }
#blurb #hide_link a.less { background-image: url(img/btn/delete.png); }
#blurb #hide_link a.more { background-image: url(img/btn/add.png); }

/* ------------ */
/* Main Content */
/* ------------ */
#main { border-bottom: 2px solid #000; }
#main p { margin: 13px 0; }
#main div.add,
#main div.edit,
#main div.remove { margin: 20px 0; }
#main div.add a,
#main div.edit a,
#main div.remove a { padding: 3px 0 3px 20px; }
#main div.add a { color: #57893e; background: url(img/btn/add.png) 0 50% no-repeat; }
#main div.remove a { color: red; background: url(img/btn/delete.png) 0 50% no-repeat; }
#main div.edit a { color: #57893e; background: url(img/btn/edit.png) 0 50% no-repeat; }
#main div.add a:hover,
#main div.edit a:hover,
#main div.remove a:hover { background-color: #eee; }
#main div.back { margin: 10px 0; }

/* ------- */
/* Columns */
/* ------- */
#primary { float: left; width: 75%; border-top: 6px solid #92bccf; background: #fff; }
#primary .content {}
#main #secondary { float: left; width: 25%; background: #707070 url(img/secondary.gif) repeat-y 0 0; }
#main #primary .content,
#main #secondary .content { padding: 10px 20px 50px; }
#sub_nav li { margin: 10px 0; padding-left: 25px; background: url(img/blt/BLT_star.gif) no-repeat 0 50%; }
#sub_nav li a { font-size: 15px; color: #fff; text-transform: uppercase; }
#sub_nav li a:hover { background: #555; }

/* ------ */
/* Comics */
/* ------ */
.issue_img .meta { position: absolute; bottom: 8px; left: 8px; background: #eee; opacity: .8; font-size: 12px; }
.issue_img a { color: #000; }
.issue_img .meta span { display: block; padding: 10px; }
.issue_img:hover .meta { display:block; }
.issue_img { position: relative; float: left; margin: 10px; background: url(img/shadow.gif) no-repeat 0 100%; }
.issue_img img { position: relative; margin: -7px -7px 7px 7px; border: 1px solid #2c2c2c; vertical-align: bottom; }

/* ------------------------------------- */
/* Body Copy Style for Main Content Area */
/* ------------------------------------- */
#primary p { line-height: 1.4em; }
#primary p,
#primary ul,
#primary ol { margin: 10px 0; }
#primary li { margin-left: 20px; }
#primary ul li { list-style: disc; }
#primary ol li { list-style: decimal; }
#primary blockquote { padding-left: 15px; border-left: 2px solid #ccc; color: #666; }

/* -------------- */
/* General Things */
/* -------------- */
.center { text-align: center; }
.right { float: right; }
.left { float: left; }
.floatclear:after,
.content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }