/* ********* */
/* RESET CSS */
/* ********* */

/* First blob here is derived from YUI's "reset" CSS file v 2.5.0 */

html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/* Global modifications to "reset" to make it more typical */

html{font: 90% Verdana, sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
input,select {font-size: 90%;}
strong {font-weight: bold;}
em {font-style: italic;}
ul li {list-style-type: disc;}
ol li {list-style-type: decimal;}
ul,ol {margin: 1em 1em 1em 1.5em;}
p {margin: 1em 0;}



/* STRUCTURE */

html { background: #eee; }

#wrapper
{
  position: relative;
  width: 980px;
  padding: 0 10px; /* Clears the 'border' of the background image. */
  margin: 0 auto;
  background: white url('content.png');
  color: black;
  line-height: 125%;
}


/* HEADER */

#header
{ 
  padding: 2em 0 1em 0;
  text-align: center;
}

#header a:link, #header a:visited { border: 0; }
#header a:hover, #header a:active {  border-bottom: 1px solid #aaa; }

#header h1 { font-family: Georgia, serif; }
#header h1 a { color: #444; }

#header p a { color: black; }
#header p a:link, #header p a:visited { border-bottom: 1px dotted #aaa; }
#header p a:hover, #header p a:active {  border-bottom: 1px solid #aaa; }

#header ul, #header ul li
{ 
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#header ul li { padding: 0 1.5em; }
#header ul li a { color: #888; }



/* SHARED HEADER & FOOTER */

#header ul, #header ul li,
#footer ul, #footer ul li
{ 
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
  color: #888;
}
#header ul li, #footer ul li { padding: 0 1.5em; }
#header ul li a, #footer ul li a { color: #888; }

div.hr
{
  clear: both;
  width: 800px;
  height: 1px;
  margin: 1em auto;
  border-bottom: 1px solid #ccc;
}
div.hr hr { display: none; }



/* FOOTER */

#footer
{ 
  padding: 1em 0;
  text-align: center;
}

#footer ul, #footer ul li
{ 
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#footer ul li { padding: 0 1.5em; }
#footer ul li a { color: #888; }

#footer p
{ 
  margin: 2em 0 0 0;
  color: #888;
  font-size: x-small;
  line-height: 110%;
}

#footer p a { color: #888; }
#footer p a:link, #footer p a:visited { border-bottom: 1px dotted #aaa; }
#footer p a:hover, #footer p a:active {  border-bottom: 1px solid #aaa; }


p.breadcrumb 
{ 
  clear: both; 
  margin: 0;
  padding: 2em 0 0 0;
  font-size: 75%; 
}



/* CONTENT */

#content
{
  padding: 0 90px; /* +10px from #wrapper */
}

body.index #content
{
  padding: 0 31px; /* +10px from #wrapper */
  text-align: center;
}



/* ADS */

#header .ads,
#footer .ads
{
  margin: 0 auto;
}



/* GENERAL FORMATTING */

.clear { clear: both; }
.small { font-size: 85%; }
.hidden { display: none; }
.error { color: red; }
.message { color: blue; }
.inline { display: inline; }

a { color: black; }
a:link, a:visited { text-decoration: none; border-bottom: 1px dotted #aaa; }
a:hover, a:active {  border-bottom: 1px solid #aaa; }

.error a { color: red; }
.message a { color: blue; }

a img 
{
  border: 1px solid black; 
  margin: 0;
}


h1, h2, h3, h4 { clear: both; }
h1 { font-size: 200%; }
h2 { font-size: 125%; }
h3 { font-size: medium; }
h4 { font-size: 95%; }

.centered
{
  text-align: center;
  margin: 0 auto;
}

.left
{
  float: left;
  margin: 0 1em 1em 0;
}

.right
{
  float: right;
  margin: 0 0 1em 1em;
}


table, table th, table td
{
  border-collapse: collapse;
  border: 1px solid #ccc;
}

table { margin: 2em 0; }
table th { font-weight: bold; }
table td, table th { padding: 0.5em; }
table td.label { width: 90px; }


table.open, table.open th, table.open td
{
  border: 0;
}



/* Tabard Icons - Index + Faction + Category */

div.tabard_icon
{ 
  position: relative; /* for absolutely-positioned overlays */
  float: left;
}

img.check
{
  position: absolute;
  top: 0;
  left: 0;
}

div.tabard_icon a
{ 
  border: 0;
}



/* Icon Blocks - Factions + Categories */

div.iconblock
{
  margin: 2em 0 0 0;
}

div.iconblock h2
{
  margin: 0 0 1em 0;
}

div.iconblock h3
{
  margin: 0 0 1em 0;
}



/* Name Tables - Categories */

/* outer table */

table.name, table.name th, table.name td
{
  margin-top: 1em;
  padding: 15px 0 0 0;
  text-align: center;
  position: relative;
  border: separate;
  border: 0;
}

table.name td
{
  margin-top: 1em;
  padding: 15px 0 0 0;
  text-align: center;
  position: relative;
  border: 1px solid #ccc;
}

table.name td
{
  width: 130px;
  vertical-align: top;
}

table.name td.empty { border: 0; } /* used to make Firefox not render extraneous cells */

/* inner table */

table.name table, table.name table th, table.name table td
{
  margin: 0;
  padding: 0;
  border: 0;
  position: relative;
}

table.name table td.category_icon
{
  padding: 0 15px;
}

table.name table td.category_name
{
  padding: 5px;
  vertical-align: top;
}



/* WIDGETS */

.widget_data
{
  display: block;
}

.widget_saving
{
  display: none;
}



/* Browse Pages */

body.browse #content img.full
{
  float: left;
  margin-right: 2em;
  margin-top: 2em;
  border: 1px solid black;
}



/* Account Pages */

table.login, table.login th, table.login td
{
  margin: 1em 0 2em 0;
  padding: 0.25em 0;
  border: 0;
}

table.login th
{
  padding-top: 1em;
}



/* Admin Pages */

body.admin h3
{
  font-size: 100%;
  margin: 2em 0 1em 0;
}

table.admin
{
  margin: 1em 0;
  width: 100%;
}

table.admin form
{
  display: inline;
}

table.admin a img
{
  border: 0;
}



/* Guide Pages */

body.guide #content h3
{
  margin: 2em 0 1em 0;
}

body.guide #content h4
{
  margin: 1em 0 0.5em 0;
  font-weight: normal;
  font-size: 100%;
}

body.guide #content table
{
  width: 100%;
  margin: 1em 0;
}

body.guide #content p
{
  border: 1px solid red;
}

body.guide #content ul
{
  list-style-type: circle;
  margin-top: 0;
}

body.guide #content ul li
{
  list-style-type: circle;
  line-height: 150%;
}

body.guide #content ul.text li
{
  margin: 0 0 0.5em 0;
}


/* Special Category */

div.special_left,
div.special_right
{
  width: 49%; 
  float: left;
}


div.collection_widget
{
  padding-top: 7px;
}

div.widget_saving,
div.widget_saving p
{
  padding: 0;
}

div.widget_saving p
{
  margin: 3px 0 4px 0;
  font-size: small;
  font-style: italic;
}