/* 
  Theme Name: Metro WordPress Theme
  Theme URL: http://www.studiopress.com/themes/metro
  Description: Metro is a 3-column Widget-ready theme created for WordPress.
  Author: StudioPress
  Author URI: http://www.studiopress.com
  Version: 1.0
  Tags: three columns, fixed width, white, gray, black, purple, sidebar widgets
  
  The CSS, XHTML and design is released under GPL:
  http://www.opensource.org/licenses/gpl-license.php
  
  Changelog:
    1.0 - 2/4/09  
*/

 
body {
  background: #333333;
  color: #222222;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  margin: 10px auto 10px;
  padding: 0px;
  }
  
#wrap {
    background: #FFFFFF;
  width: 960px;
  margin: 0px auto 0px;
  padding: 0px 10px 10px 10px;
  }
  
/************************************************
*  Hyperlinks                  *
************************************************/

a, a:visited {
  color: #a10000;
  text-decoration: none;
  }
  
a:hover {
  text-decoration: underline;
  }
  
a img {
  border: none;
  }
  
a:focus, a:hover, a:active {
  outline: none;
  }
  
/************************************************
*  Header                    *
************************************************/

#header {
  width: 960px;
  height: 145px;
  margin: 0px auto 0px;
  padding: 0px;
  margin: 0px auto 0px;
  padding: 0px 0px 0px 0px;
  font-size: 16px;
  color: #222222;
  border-bottom:15px solid #A10000;
  }
  
.headerleft {
  width: 480px;
  float: left;
  margin: 0px;
  padding: 0px;
  }
  
.headerleft h1 {
  font-family: Georgia, Helvetica, Sans-Serif;
  font-size: 42px;
  color: #333333;
  font-weight: normal;
  text-decoration: none;
  margin: 0px;
  padding: 20px 0px 0px 0px;
  }
  
.headerleft h1 a {
  font-family: Georgia, Helvetica, Sans-Serif;
  font-size: 42px;
  color: #333333;
  font-weight: normal;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  }

.headerleft h1 a:hover {
  color: #333333;
  }
  
.headerleft p {
  margin: 0px;
  padding: 0px 0px 0px 0px;
  }
  
.headerright {
  width: 470px;
  float: right;
  margin: 0px;
  padding: 15px 0px 0px 0px;
  text-align: right;
  }
  
.headerright a img {
  border: none;
  margin: 0px 3px 3px 0px;
  padding: 0px;
  }

.headerright a, .headerright a:visited {
  font-family: Georgia, Helvetica, Sans-Serif;
  font-size: 12px;
  font-weight: normal;
  color: #222222;
  text-decoration: none;
  }
  
.headerright a:hover {
  text-decoration: underline;
  }
  
.headerright p {
  margin: 0px;
  padding: 0px 0px 5px 0px;
  }
  
.headerright ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  }
  
.headerright li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  }
  
/************************************************
*  Navbar                    *
************************************************/
  
#navbar {
  width: 954px;
  background: #333333;
  margin: 0px auto 0px;
  padding: 1px;
  border: double #FFFFFF;
  }

#nav {
  margin: 0px;
  padding: 0px;
  }
  
#nav ul {
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px;
  }
  
#nav li {
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px;
  }
  
#nav li a, #nav li a:link {
  color: #FFFFFF;
  display: block;
  font-size: 12px;
  font-family: Georgia, Times New Roman;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0px;
  padding: 9px 15px 8px 15px;
  border-right: 1px solid #FFFFFF;
}

#nav li a:hover, #nav li a:active {
  background: #a10000;
  color: #FFFFFF;
  margin: 0px;
  padding: 9px 15px 8px 15px;
  text-decoration: none;
  }
  
#nav li li a, #nav li li a:link, #nav li li a:visited {
  background: #333333;
  width: 150px;
  color: #FFFFFF;
  font-size: 12px;
  font-family: Georgia, Times New Roman;
  font-weight: normal;
  text-transform: none;
  float: none;
  margin: 0px 0px 0px -1px;
  padding: 7px 10px 7px 10px;
  border-bottom: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  }
  
#nav li li a:hover, #nav li li a:active {
  background: #a10000;
  color: #FFFFFF;
  padding: 7px 10px 7px 10px;
  }

#nav li ul {
  z-index: 9999;
  position: absolute;
  left: -999em;
  height: auto;
  width: 170px;
  margin: 0px;
  padding: 0px;
  }

#nav li li { 
  }

#nav li ul a { 
  width: 140px;
  }

#nav li ul a:hover, #nav li ul a:active { 
  }

#nav li ul ul {
  margin: -30px 0 0 170px;
  }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
  left: -999em;
  }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
  left: auto;
  }

#nav li:hover, #nav li.sfhover { 
  position: static;
  }
  
#nav .current_page_item a {
  background: #a10000;
  color: #FFFFFF;
    margin: 0px;
  padding: 9px 15px 8px 15px;
  text-decoration: none;
  }

/************************************************
*  Homepage                        * 
************************************************/

#homepage {
  float: left;
  width: 670px;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 20px 0px;
  display: inline;
  }
  
#homepage h1 {
  color: #a10000;
  background: none;
  font-size: 16px;
  font-family: Georgia, Helvetica, Sans-Serif;
  font-weight: normal;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 5px 0px;
  }
  
#homepage h1 a, #homepage h1 a:visited {
  color: #a10000;
  background: none;
  font-size: 16px;
  font-family: Georgia, Helvetica, Sans-Serif;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 5px 0px;
  }
  
#homepage h1 a:hover {
  color: #a10000;
  text-decoration: underline;
  }
  
#homepage h2 {
  color: #FFFFFF;
  background: none;
  font-size: 18px;
  font-family: Georgia, Helvetica, Sans-Serif;
  font-weight: normal;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 5px 10px;
  }
  
#homepage h4 {
  color: #333333;
  font-size: 16px;
  font-family: Georgia, Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: italic;
  padding: 5px 0px 5px 0px;
  margin: 0px 0px 10px 0px;
  border-top: double #EEEEEE;
  border-bottom: double #EEEEEE;
  text-align: center;
  }  
  
#homepage h5 {
  color: #333333;
  font-size: 16px;
  font-family: Georgia, Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: italic;
  padding: 5px 0px 5px 0px;
  margin: 0px 0px 5px 0px;
  border-top: double #EEEEEE;
  border-bottom: double #EEEEEE;
  text-align: center;
  }
  
#homepage p {
  padding: 0px;
  margin: 0px;
  }
  
#fcg {
  background: #FFFFFF url(images/bg.gif);
  margin: 0px 0px 20px 0px;
  padding: 10px;
  }
  
#fcg p {
  margin: 0px;
  padding: 0px 10px 0px 10px;
  font-size: 12px;
  }
  
.homepageleft {
  background: #FFFFFF url(images/bg.gif);
  float: left;
  width: 310px;
  margin: 0px 0px 0px 0px;
  padding: 10px 10px 0px 10px;
  display: inline;
  }
  
.homepageleft ol {
  margin: 0px 0px 0px 20px;
  padding: 10px 0px 15px 0px;
  }
  
.homepageleft ol li {
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 5px 0px;
  }
  
.homepageleft ul {
  list-style-type: square;
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 15px 0px;
  }
  
.homepageleft ul li {
  list-style-type: square;
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 5px 0px;
  }
  
.posts {
  background: #FFFFFF;
  float: left;
  margin: 0px 0px 10px 0px;
  padding: 10px;
  display: inline;
  }
  
.link  {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 15px 0px;
  text-align: right;
  border-bottom: 1px dotted #BBBBBB;
  }
  
.link a, .link a:visited {
  background: #EEEEEE;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-family: Georgia, Tahoma, Verdana;
  font-size: 11px;
  color: #666666;
  text-decoration: none;
  margin: 0px;
  padding: 2px 5px 2px 5px;
  border: 1px solid #DDDDDD;
  }
  
.link a:hover {
  background: #a10000;
  color: #FFFFFF;
  text-decoration: none;
  }
  
.homepagemiddle {
  background: #FFFFFF url(images/bg.gif);
  float: right;
  width: 310px;
  margin: 1px 0px 0px 0px;
  padding: 10px;
  display: inline;
  line-height: 22px;
  }
  
.homepagemiddle embed, .homepagemiddle object {
  width: 250px; 
  height: 205px;
  margin: 0px; 
  padding: 0px;
  }
  
.homepagemiddle ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  }

.homepagemiddle ul li {
  padding: 3px 0px 1px px;
  margin: 0px;
  border-bottom: 1px dotted #BBBBBB;
  }

.homepagemiddle ul li a, .homepagemiddle ul li a:visited {
  color: #a10000;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  }

.homepagemiddle ul li a:hover {
  color: #a10000;
  text-decoration: underline;
  }
  
.video {
  background: #FFFFFF;
  float: left;
  margin: 0px 0px 10px 0px;
  padding: 10px;
  display: inline;
  }
  
.videolist {
  background: #FFFFFF;
  width: 290px;
  float: left;
  margin: 0px;
  padding: 10px;
  display: inline;
  }
  
/************************************************
*  Content                        * 
************************************************/

#content {
  width: 960px;
  margin: 0px auto 0px;
  padding: 0px;
  display: inline;
  line-height: 20px;
  }

#contentleft h1, #contentwide h1, #contentfull h1 {
  color: #222222;
  font-size: 20px;
  font-family: Georgia, Helvetica, Sans-Serif;
  font-weight: normal;
  margin: 0px 0px 5px 0px;
  padding: 0px;
  }
  
#contentleft h1 a, #contentleft h1 a:visited, #contentwide h1 a, #contentwide h1 a:visited {
  color: #222222;
  text-decoration: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }

#contentleft h1 a:hover, #contentwide h1 a:hover {
  color: #a10000;
  text-decoration: none;
  }
  
#contentwide h2 {
  color: #222222;
  font-size: 14px;
  font-family: Georgia, Helvetica, Sans-Serif;
  font-weight: normal;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }
  
#content h3 {
  color: #222222;
  font-size: 18px;
  font-family: Georgia, Helvetica, Sans-Serif;
  font-weight: normal;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  }
  
#content p img{
  float: left;
  border: none;
  margin-right: 15px;
  margin-bottom: 10px;
  }
  
#content img.wp-smiley {
  float: none;
  border: none;
  padding: 0px;
  margin: 0px;
  }

#content img.wp-wink {
  float: none;
  border: none;
  padding: 0px;
  margin: 0px;
  }
  
#contentleft {
  float: left;
  width: 480px;
  margin: 0px;
  padding: 30px 0px 20px 0px;
  display: inline;
  }
  
#contentwide {
  float: left;
  width: 650px;
  margin: 0px;
  padding: 30px 0px 20px 10px;
  display: inline;
  }
  
#contentfull {
  float: left;
  width: 960px;
  margin: 0px;
  padding: 30px 0px 20px 0px;
  display: inline;
  }
  
.postarea ul {
  list-style-type: square;
  margin: 0px;
  padding: 0px 0px 15px 0px;
  }
  
.postarea ul li {
  list-style-type: square;
  margin: 0px 0px 0px 20px;
  padding: 0px;
  }
  
.postarea ul ul {
  list-style-type: square;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  }
  
.postarea ol {
  margin: 0px;
  padding: 0px 0px 15px 0px;
  }
  
.postarea ol li {
  margin: 0px 0px 0px 20px;
  padding: 0px;
  }
  
.postarea p {
  margin: 0px;
  padding: 0px 0px 15px 0px;
  }
  
blockquote {
  background: #F2F2F2;
  margin: 0px 25px 15px 25px;
  padding: 10px 20px 10px 20px;
  border-top: 1px solid #DDDDDD;
  border-right: 1px solid #666666;
  border-left: 1px solid #DDDDDD;
  border-bottom: 1px solid #666666;
  }
  
#content blockquote p {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }
  
.postdate {
  font-family: Georgia, Tahoma, Verdana;
  font-size: 11px;
  color: #666666;
  text-decoration: none;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  }
  
.postdate p {
  margin: 0px;
  padding: 0px;
  }

.postmeta {
  font-family: Georgia, Tahoma, Verdana;
  font-size: 11px;
  background: #F5F5F5;
  color: #666666;
  text-decoration: none;
  margin: 0px 0px 50px 0px;
  padding: 5px 10px 5px 10px;
  border: 1px solid #DDDDDD;
  }
  
.postmeta p {
  margin: 0px;
  padding: 0px;
  }
  
.archive {
  float: left;
  width: 300px;
  margin: 0px;
  padding: 0px 20px 20px 0px;
  }
  
/************************************************
*  Images                         * 
************************************************/

img.centered  {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  padding: 0px;
  }
  
img.alignnone {
  padding: 0px;
  margin: 0px 0px 10px 0px;
  display: inline;
  }

img.alignright {
  padding: 0px;
  margin: 0px 0px 10px 10px;
  display: inline;
  }

img.alignleft {
  padding: 0px;
  margin: 0px 10px 10px 0px;
  display: inline;
  }
  
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  }

body #content .alignright {
  float: right;
  margin: 0px 0px 10px 10px;
  }

body #content .alignleft {
  float: left;
  margin: 0px 10px 10px 0px;
  }
  
.wp-caption {
  border: 1px solid #DDDDDD;
  text-align: center;
  background-color: #EEEEEE;
  padding: 4px 0px 5px 0px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  }

.wp-caption img {
  margin: 0px 0px 5px 0px;
  padding: 0px;
  border: 0px;
  }

.wp-caption p.wp-caption-text {
  margin: 0px;
  padding: 0px 0px 0px 0px;
  font-size: 11px;
  font-weight: normal;
  line-height: 12px;
  }
  
/************************************************
*  Left Sidebar                        * 
************************************************/

#l_sidebar {
  background: #FFFFFF url(images/bg.gif);
  float: left;
  width: 140px;
  font-size: 11px;
  margin: 20px 20px 10px 0px;
  padding: 10px 10px 0px 10px;
  display: inline;
  line-height: 22px;
  }
  
#l_sidebar h2 {
  color: #333333;
  font-size: 16px;
  font-family: Georgia, Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: italic;
  padding: 3px 0px 3px 0px;
  margin: 0px 0px 5px 0px;
  border-top: double #EEEEEE;
  border-bottom: double #EEEEEE;
  text-align: center;
  }
  
#l_sidebar .widget  {
  background: #FFFFFF;
  margin: 0px 0px 10px 0px;
  padding: 10px;
  clear: both;
  }
  
#l_sidebar ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  }

#l_sidebar ul li {
  padding: 0px;
  margin: 0px;
  }
  
#l_sidebar ul li li {
  padding: 0px;
  margin: 0px;
  border-bottom: 1px dotted #BBBBBB;
  }
  
#l_sidebar ul li li a, #l_sidebar ul li li a:visited {
  color: #a10000;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  }

#l_sidebar ul li ul li a:hover {
  color: #a10000;
  text-decoration: underline;
  }
  
/************************************************
*  Right Sidebar                         * 
************************************************/

#r_sidebar {
  background: #FFFFFF url(images/bg.gif);
  float: right;
  width: 250px;
  font-size: 11px;
  margin: 20px 0px 10px 0px;
  padding: 10px 10px 0px 10px;
  display: inline;
  line-height: 22px;
  }
  
#r_sidebar h2 {
  color: #333333;
  font-size: 16px;
  font-family: Georgia, Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: italic;
  padding: 3px 0px 3px 0px;
  margin: 0px 0px 5px 0px;
  border-top: double #EEEEEE;
  border-bottom: double #EEEEEE;
  text-align: center;
  }
  
#r_sidebar .widget  {
  background: #FFFFFF;
  margin: 0px 0px 10px 0px;
  padding: 10px;
  }
  
#r_sidebar ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  }

#r_sidebar ul li {
  padding: 0px;
  margin: 0px;
  }
  
#r_sidebar ul li li {
  padding: 0px;
  margin: 0px;
  border-bottom: 1px dotted #BBBBBB;
  }
  
#r_sidebar ul li li a, #r_sidebar ul li li a:visited {
  color: #a10000;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  }

#r_sidebar ul li ul li a:hover {
  color: #a10000;
  text-decoration: underline;
  }
  
/************************************************
*  Footer                    *
************************************************/

#footer {
  width: 954px;
  background: #333333;
  margin: 0px auto 0px;
  padding: 1px;
  border: double #FFFFFF;
  text-align: center;
  }
  
#footer a, #footer a:visited {
  color: #FFFFFF;
  font-family: Georgia, Times New Roman;
  font-weight: normal;
  text-decoration: none;
  }
  
#footer a:hover {
  text-decoration: underline;
  }
  
#footer p {
  color: #FFFFFF;
  font-family: Georgia, Times New Roman;
  margin: 0px;
  padding: 5px 0px 5px 0px;
  }

/************************************************
*  Search Form                  *
************************************************/

.postform {
  background: #F5F5F5;
  width: 230px;
  color: #222222;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  margin: 5px 0px 0px 0px;
  padding: 1px;
  display: inline;
  border: 1px solid #DDDDDD;
  }

#searchform {
  margin: 0px;
  padding: 0px;
  }
  
#s {
  background: #F5F5F5 !important;
  width: 150px;
  color: #222222;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: normal;
  margin: 0px;
  padding: 2px 0px 2px 5px;
  border: 1px solid #DDDDDD;
  display: inline;
  }
  
#searchsubmit {
  background: #333333;
  color: #FFFFFF;
  font-size: 12px;
  font-family: Georgia, Times New Roman;
  text-transform: uppercase;
  margin: 0px 0px 0px 5px;
  padding: 1px;
  border: 1px solid #333333;
  }
  
#author, #email, #url {
  background: #F5F5F5 !important;
  color: #222222;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  margin: 0px;
  padding: 4px;
  border: 1px solid #DDDDDD;
  }
  
#comment {
  background: #F5F5F5 !important;
  color: #222222;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  padding: 4px;
  margin: 0px 0px 5px 0px;
  border: 1px solid #DDDDDD;
  }
  
#submit {
  background: #333333;
  color: #FFFFFF;
  font-size: 12px;
  font-family: Georgia, Times New Roman;
  text-transform: uppercase;
  margin: 0px;
  padding: 1px;
  border: 1px solid #333333;
  }
  
/************************************************
*  Comments                  *
************************************************/
  
.commentlist li ul li {
  font-size: 12px;
  }

.commentlist li {
  font-weight: bold;
  }

.commentlist li .avatar { 
  background: #FFFFFF;
  float: right;
  border: 1px solid #EEEEEE;
  margin: 0px 5px 0px 10px;
  padding: 2px;
  }

.commentlist cite, .commentlist cite a {
  font-weight: bold;
  font-style: normal;
  font-size: 12px;
  }

.commentlist p {
  font-weight: normal;
  text-transform: none;
  }

.commentmetadata {
  font-weight: normal;
  }

#commentform input {
  width: 170px;
  padding: 2px;
  margin: 5px 5px 1px 0px;
  }

#commentform {
  margin: 5px 10px 0px 0px;
  }
  
#commentform textarea {
  width: 98%;
  padding: 2px;
  }
  
#respond:after {
  content: "."; 
  display: block; 
  height: 0px; 
  clear: both; 
  visibility: hidden;
  }
  
#commentform p {
  margin: 5px 0px 5px 0px;
  }
  
#commentform #submit {
  margin: 0px;
  float: left;
  }
  
.alt {
  margin: 0px;
  padding: 10px;
  }

.commentlist {
  margin: 0px;
  padding: 0px;
  }
  
.commentlist ol {
  margin: 0px;
  padding: 10px;
  }

.commentlist li {
  margin: 15px 0px 10px;
  padding: 10px 5px 10px 10px;
  list-style: none;

  }
.commentlist li ul li { 
  margin-right: -5px;
  margin-left: 10px;
  }

.commentlist p {
  margin: 10px 5px 10px 0px;
  padding: 0px;
  }
  
.children { 
  margin: 0px;
  padding: 0px;
  }

.nocomments {
  text-align: center;
  margin: 0px;
  padding: 0px;
  }
  
.reply a, .reply a:visited {
  background: #EEEEEE;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-family: Georgia, Tahoma, Verdana;
  font-size: 11px;
  color: #666666;
  text-decoration: none;
  margin: 0px;
  padding: 2px 5px 2px 5px;
  border: 1px solid #DDDDDD;
  }
  
.reply a:hover {
  background: #a10000;
  color: #FFFFFF;
  text-decoration: none;
  }

.commentmetadata {
  font-size: 10px;
  margin: 0px;
  display: block;
  }

.navigation {
  display: block;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 40px;
  }
  
.alignright {
  float: right;
  }

.alignleft {
  float: left;
  }
  
.thread-alt {
  background: #FFFFFF;
  margin: 0px;
  padding: 0px;
  }
  
.thread-even {
  background: #F5F5F5;
  margin: 0px;
  padding: 0px;
  }
  
.depth-1 {
  border: 1px dotted #BBBBBB;
  margin: 0px;
  padding: 0px;
  }

.even, .alt {
  border-top: 1px dotted #BBBBBB;
  border-bottom: 1px dotted #BBBBBB;
  border-left: 1px dotted #BBBBBB;
  margin: 0px;
  padding: 0px;
}
h4 {
  font-size:10pt;
  margin-top:5px;
  margin-bottom:5px;
}