/* === Reset Styles === */

   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, 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-weight: inherit;
      font-style: inherit;
      font-size: 100%;
      font-family: inherit;
      vertical-align: baseline; }
   /* remember to define focus styles! */
   :focus { outline: 0; }
   body{font:62.5% Georgia, Times, serif;}

/* === End Reset Styles === */



/* === Layout Styles === */

   body {
      text-align:center;
   }

   #leaderboard {
      float:right;
      margin-right:20px;
      margin-bottom: 20px;
   }

   #container {
      width: 1000px;
      margin: 20px auto 4px auto;
      text-align: left;
      position:relative;
   }

   #nav {
      margin-bottom: 20px;
   }

   #content {
      width: 471px;
      float: left;
      margin-bottom: 12px;
      padding: 0 23px 0 23px;
      position:relative;
      left: 250px;
   }

   #left_col, #right_col {
      float:left;
   }

   #left_col {
      width:175px;
      padding: 40px 37px 0 37px;
      position:relative;
      left: -517px;
      top:0;
   }
   #right_col { width: 214px; }

   #footer { clear:both; }

   .span-content #content { width: 700px; }
   .span-content #left_col { left: -746px;}
   
   .no-ad #left_col { margin-top: 105px; }

   .article-categories {
            width: 47%;
            float:left;
   }
   .article-categories h2 {
      margin-bottom: 6px;
      color: #000;
   }
   .article-categories li {
      margin-bottom: 8px;
      color: #656565;
   }
   .article-categories a { color: #669999; }


   #ad-block {
      padding-left: 250px;   
      margin-bottom:1.5em;
   }

body.blog #content {
   width: 480px;
   padding: 0 23px 0 0;
   left: 253px;
}
body.blog #left_col {
   left: -717px;
   top:-110px;
   padding-top:0;
}
body.blog #right_col {
   position: relative;
   left: 260px;
}
body.blog .forum {
left: -503px !important;
padding-top:0 !important;
top:-110px !important;
font-size: 120% !important;
}

#wpf-wrapper {
	font-size: 1.5em !important;
}

.wpf-table h4 {
	font-family: "Century Gothic",Century,Gothic,sans-serif;
	color: #ffffff;
	font-size: 1.15em;
}

.wpf-table th {
	background: #990000;
}
th.wpf-bright {
	background:#EEEEEE none repeat scroll 0 0;
	color:#333333;
}

/* === End Layout Styles === */



/* === Colors and Backgrounds === */
   
   body {
      background:black;
   }
   
   #container {
      background: #ffffff url(/res/images/mainbg.gif) 0 0 repeat-y;
   }

   #nav {
      border-top: 3px solid #cc0000;
      border-bottom: 3px solid #cc0000;
      background-color: #000000;
      text-align: center;
      vertical-align: middle;
      padding: 6px 10px 6px 232px;
   }
   #nav li {
      display: inline;
      list-style-type: none;
      font-family: "Century Gothic", Century, Gothic, sans-serif;
      font-weight: lighter;
      color: #669999;
      font-size: 140%;
      margin: 0;
   }
   #nav li a {
      color: #669999;
      padding: 0 8px;
      text-decoration:none;
   }
   #nav li.active a, #nav li a:hover {
      color: #ffffff;
      text-decoration: none;
   }

   #content, #right_col {
      background: white;
   }

   #left_col {
      color: white;
      background: #900 url(/res/images/mainbg.gif) 0 0 repeat-y;
   }
#left_col h3 {
   color: white;
   font-family: "Century Gothic", Century, Gothic, sans-serif;
   text-transform: lowercase;
   font-size: 180%;
   margin-bottom: .25em;
   font-weight: bold;
}

   #footer {
      background: black url(/res/images/1000-photos.jpg) bottom center no-repeat;
      height: 152px;
      border-top: 3px solid #cc0000;
      border-bottom: 3px solid #cc0000;
   }

   #header {
      height:90px;
      position:relative;
   }

   #pclogo {
      width: 728px;
      height: 90px;
      position:absolute;
      top:0; left:250px;
      background: white url(/res/images/pclogo.gif) center center no-repeat;
      text-indent: -9999em;
   }


   #right_col h1,
   #right_col h2 {
      font-family: "Century Gothic", Century, Gothic, sans-serif;
      font-weight: lighter;
      font-size: 14px;
      margin-bottom: 12px;
      color: #444444;
      padding-bottom: 2px;
      border-bottom: 2px solid #555555;
   }
   #right_col li {
      color:#444444;
   }
   #right_col a {
      color: #447777;
   }

   #content ul li {
      list-style-image: url(/res/images/bullet.gif); 
      margin-left: 20px;
   }


/* === End Colors and Backgrounds === */



/* === Table Styles === */

   .article table {
      border-collapse: collapse;
      margin-bottom: .5em;
   }
   .article table td {
      padding: 2px 4px;
      border: 1px solid #ddd;
   }

/* === End Table Styles === */



/* Typography Styles */

   h1, h2, h3, h4, h5 {
      line-height: 150%;
      clear:both;
      margin-bottom: .5em;
      color: #c60;
   }
   h1 {
      font-size: 20px;
      font-weight: bold;
      color: #c60;
   }
   h2 { font-size: 16px; }
   h3 { font-size: 14px; }
   h4 {
      font-size: 12px;
      font-weight: bold;
   }

   p, li, .meta, .feedback {
      font-size: 12px;
      line-height:21px;
      color: #000;
   }
   p,ul { margin-bottom: 12px; }
   li { margin-left: 14px; }

   big { font-size:133%; }

   a {
      text-decoration:none;
      color: #c60;
   }
   a:hover { text-decoration: underline; }

   #left_col a,
   #left_col p,
   #left_col li { color: white; }
   
   strong { font-weight: bold; }
   em { font-style: italic; }
   sup { position:relative; top: -.5em;}

   blockquote {
      border-left: 5px solid #ccc;
      margin-left: 1.5em;
      padding-left: 5px;
   }

/* End Form Styles */



/* Special Content Styles */

   .dt_published, .meta, .feedback {
      color: #000000;
      font-size:12px;
   }

   img.right {
      float:right;
      margin: 0 0 10px 10px;
   }
   
   img.left {
      float:left;
      margin: 0 10px 10px 0;
   }

   div.right {
      width: 33%;
      background: #e3e3e3;
      padding: 6px 12px;
      float: right;
      margin: 0 0 12px 12px;
   }

   .meta {
      clear:both;
   }

   #content .sociable {
      float:left;
      clear:both;
      padding-bottom: 2px;
   }
   /*toni styles */
   .sociable {
   	border: 1px solid #990000;
   }
   .sociable_tagline {
   	background: #990000;
   }
   .sociable_tagline strong {
   	color: #ffffff;
   	padding: 5px;
   }
   #content .sociable ul {
   }
   #content .sociable li {
      display: block;
      text-align:center;
      vertical-align:middle;
      border: 1px solid #ccc;
      width: 20px;
      height: 20px;
      margin: 4px;
      float:left;
   }
   #content .sociable li a {
   }
   #content .sociable li img {
      border: 0;
      margin:0; padding:0;
      vertical-align: baseline;
   }

#bestofshow {
   padding-top: 16px;
   margin-bottom: 0px;
}

/* End Special Content Styles */


/* Form Styles */

.qfrow {
   clear: both;
   /*\*//*/
   display: table-cell;
   /**/
}
.qfrow label,
.qfgroup label {
   vertical-align: middle;
   padding: 2px 2px;
   display: block;
   float: left;
   clear: left;
   width: 100px;
   background-color: #dadada;
}
.qfgroup label {
   clear: none !important;
   float:none !important;
   display:inline;
   margin-right: 20px;
   margin-left:1px;
   padding: 2px 15px;
   width: 100px;
}
.qfgroup input {
        float:none;
}
.qfgroup .qfelement {
   float:left;
   margin-bottom:10px;
   margin-top:2px;
}
.qfrow div {
   display: inline;
}
.qfrow:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}

/* Hides from IE-mac \*/
* html .qfrow {height: 1%;}
/* End hide from IE-mac */

span.error {
   display: block;
   margin-top: 2px;
   color: #fff;
   float: left; 
   clear: left;
   background: #900;
   padding: 1px 4px;
}
p.error {
   color: #fff;
   background: #900;
   padding: 1px 4px;
}

legend {
   font-size: 12px;
   color: #cc6600;
   margin-left: 1px;
   margin-bottom: 5px;
   padding: 3px 8px;
   border-bottom: 1px solid #900;
   background-color: #c60;
   color: white;
   height: auto !important;
   height: 15px;
}
fieldset {
   border: 1px solid #c60;
   margin-bottom: 2px;
   padding: 5px 10px;
   line-height: 14px;
   /*\*//*/
   clear: both;
   /**/
}
fieldset table{
   width: 100%;
}
      


.required {
   color: #990000;
}

#popup {
   z-index: 500;
   width: 630px;
   text-align: center;
   border: 3px solid #000000;
   clear: left;
   background: #990000;
   margin-top: 133px;
   margin-left: -325px;
   position: absolute;
   right: 50%;
   left: 50%;
   top: 0;
   font-size: 12px;
   float: left;
   color: #ffffff;
   opacity:.85;
   filter: alpha(opacity=85); 
   -moz-opacity: 0.85;
}

#popup h1 {
   color: #ffffff;
}

#popup p, #popup a {
   color: #ffffff;
   font-size: 14px;
}

.closebutton {
   float: right; 
   padding-left: 5px;  
   padding-bottom: 5px; 
   cursor: pointer; 
   font-size: 20px; 
   vertical-align: top;
   margin-right: -15px;
   margin-top: -25px;
}

.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
}
.wrap1 {
  float: left;
  background:url(/res/images/onion/shadow.gif) right bottom no-repeat;
}
.wrap2 {
  background:url(/res/images/onion/corner_bl.gif) -14px 100% no-repeat;
}
.wrap3 {
  padding:0 8px 8px 0;
  background:url(/res/images/onion/corner_tr.gif) 100% -14px no-repeat;
}
.wrap3 img {
  display:block;
  border:1px solid #ccc;
  border-color:#efefef #ccc #ccc #efefef;
  z-index: 200;
}

.wrap1 a, .wrap2 a, .wrap3 a {
   z-index: 300;
   position: relative;
   
}

form fieldset {
   margin-bottom: 10px;
}
form fieldset li {
   clear:both;
}
form fieldset ul {
   width: 204px;
   float:left;
}
form fieldset li img {
   float:left;
}
form fieldset li label {
   width: 60px;
   float: left;
}
form fieldset li select,
form fieldset li input {
   float: left;
   width: 120px;
}
form fieldset li select {
   width: 135px;
}
form fieldset li h3 {
   padding-top:10px;
   padding-bottom: 2px;
}
form fieldset li h3 label {
   width: 100%;
   clear:both;
   padding-bottom: 2px;
}
form fieldset button {
   clear:both;
   margin-top: 12px;
   padding: 2px 4px;
}
#txt_keywords {
   width: 100%;
}
form fieldset label input {
   width: auto;
}
form fieldset fieldset label {
   width: auto;
}

p#copyright {
   width: 1000px; 
   text-align: right; 
   color: white; 
   margin: 1em auto 2em auto;
   color: white;
}
#copyright a {
   color: white;
   text-decoration:none;
   margin-left: 14px;
   padding: 1px 3px 1px 1px;
}
#copyright a:hover,
#copyright a:focus {
   outline: 2px solid #ccc;
}
#copyright img {
   vertical-align: middle;
   margin: 0 4px 2px 0;
}

.event h2 {
   border-top: 1px solid #eee;
   padding: .5em 0;
   padding-bottom:0;
   font-weight: bold;
}
.event h3 {
   color: #222;
   padding-left: 0;
}
.event div {
   background: #f6f6f6;
   padding: 1em 2em 0 2em;
   border-bottom: 1px solid #ddd;
   font-style: italic;
   color: #666;
   margin-bottom: 2em;
}

#headline {
   font-size: 400%;
   margin: 0;
   padding: .25em 0;
   color: #900;
   text-align: center;
   border-top: 3px solid #900;
}
#headdate {
   border: 1px solid #900;
   border-width: 1px 0;
   font-style: italic;
   margin:0;padding:0;
   padding: 5px;
   text-align:center;
   color: #666;
   border: 1px solid #900;
   border-width: 1px 0;
}
#subheadline {
   font-size: 260%;
   text-align: center;
   font-style: italic;
   padding: .15em 0;
   border-bottom: 3px solid #900;
}
#lead h2, #lead h3 {
   margin-bottom:0;
   font-size: 220%;
   font-weight: bold;
}
#lead h3 {
   font-style: italic;
}

p.author {
   background: #eee;
   padding: .1em .5em;
   margin: .25em 0 .5em 0 !important;
   font-weight: bold;
}

#buzz {
   border: 2px solid #900;
   border-width: 2px 1px;
   padding: 0 1em;
   margin: 2em 0;
   background: white url(/res/images/thebuzz.gif) 0 -1px no-repeat;
   position:relative;
}
#buzz h1,
#buzz h2 {
   color: #900;
   font-weight: bold;
   margin: 1em 0 0 0;
}
#buzz a { color: #900; }
#buzz p, #lead p {
   line-height: 175%;
   color: #333;
}
div.sub {
   width: 44%;
   float:left;
   border: 1px solid #ccc;
   padding: 10px;
   margin: 0 12px 18px 0;
}
div.sub.odd {
   margin-right:0;
}
div.sub p {
   line-height: 150%;
   color: #333;
}

.article li,
.article p {
   margin-bottom: 1em;
}