/* 
 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: #660033;
 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: 110px;
 margin: 0px auto 0px;
 padding: 0px;
 margin: 0px auto 0px;
 padding: 0px 0px 0px 0px;
 font-size: 16px;
 color: #222222;
 }
 
.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: #2E4D84;
 /* 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: #660033; */
 background: #869EB6;
 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: #869EB6;
/* background: #660033; */
 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: #FFFFFF;
/* background: #660033; */
 color: #2E4D84;
    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: #660033;
 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: #660033;
 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: #660033;
 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 {
 background: #2E4D84;
 color: #FFFFFF;
 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 {
 background: #2E4D84;
 color: #FFFFFF;
 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: 340px;
 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: #660033;
 color: #FFFFFF;
 text-decoration: none;
 }
 
.homepagemiddle {
 background: #FFFFFF url(images/bg.gif);
 float: right;
 width: 270px;
 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: #660033;
 text-decoration: none;
 margin: 0px;
 padding: 0px;
 }

.homepagemiddle ul li a:hover {
 color: #660033;
 text-decoration: underline;
 }
 
.video {
 background: #FFFFFF;
 float: left;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 display: inline;
 }
 
.videolist {
 background: #FFFFFF;
 width: 250px;
 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: #660033;
 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: 440px;
 /* 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;
 }

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

.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; */
 width: 220px;
 font-size: 11px;
 margin: 20px 20px 10px 0px;
 padding: 10px 10px 0px 10px;
 display: inline;
 line-height: 22px;
 }
 
#l_sidebar h2 {
 color: #FFFFFF;
 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;
 background: #2E4D84;
 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: #660033;
 text-decoration: none;
 margin: 0px;
 padding: 0px;
 }

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

#r_sidebar {
 background: #FFFFFF url(images/bg.gif);
 float: right;
 /* width: 250px; */
 width: 220px;
 font-size: 11px;
 margin: 20px 0px 10px 0px;
 padding: 10px 10px 0px 10px;
 display: inline;
 line-height: 22px;
 }
 
#r_sidebar h2 {
 color: #FFFFFF;
 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;
 background: #2E4D84;
 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: #660033;
 text-decoration: none;
 margin: 0px;
 padding: 0px;
 }

#r_sidebar ul li ul li a:hover {
 color: #660033;
 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: #660033;
 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;
 }