#content {
position:relative;
height:auto!important;
min-height:100%;
}

#topbar {
float:left;
width:100%;
font-size:.9em;
text-transform:uppercase;
color:#CFD9DB;
background:#FFF url(topbar.gif) repeat-x bottom left;
padding:.6em 0;
}

#header {
clear:both;
position:relative;
height:5em;
background:#48525B url(header.gif) repeat-x bottom left;
border-bottom:2px solid #48525B;
background-color:#48525B;
margin:0 auto;
}

#header img {
position:absolute;
top:5%;
left:10px;
}

#header ul {
float:right;
margin:3.5em 1em 0 0 !important;
padding:0;
}

#header ul li a {
float:left;
font:400 1.1em arial, sans-serif;
letter-spacing:.1em;
line-height:.8em!important;
color:#ccc;
border-right:1px solid #4D5760;
padding:0 1em;
}

#header ul li a:hover {
color:#3B5D77;
}

#headerImg {
height:240px;
background:url(header_image.jpg) no-repeat top left;
overflow:hidden;
text-align:left;
margin:0 auto 10px;
}

#headerImg h1 {
border:none;
color:#fff;
font-family:arial,sans-serif;
font-size:2em;
margin-left:85px;
margin-top:179px;
font-weight:700;
}

#headerImg h2 {
margin-left:85px;
margin-top:-15px;
}

#headerImg h1 a,#headerImg h1 a:hover {
background:#fff;
}

#headerImg h2 a,#headerImg h2 a:hover {
color:#fff;
}

#menu ul {
width:100%;
float:left;
text-align:left;
background:#3B5D77 url(menu.gif) repeat-x top left;
margin:0;
padding:0;
}

#menu ul li {
display:inline;
list-style:none;
margin:0;
padding:0;
}

#menu ul li a {
float:left;
width:25%;
height:4.5em;
font:400 1.2em arial, sans-serif;
letter-spacing:.1em;
color:#fff;
border-top:7px solid #41637D;
border-bottom:15px solid #FFF;
}

#menu ul li a span {
display:block;
padding:2px 7px;
}

#menu ul li a span.desc {
font-size:.8em;
color:#8C8D94;
}

#menu ul li a:hover,#menu ul li a.here {
background:#4A5C6A;
border-top:7px solid #455660;
}

#menu ul li a:hover span.desc,#menu ul li a.here span.desc {
color:#FFF;
}

#menu ul li a span.speaker {
padding-left:22px;
background:url(speaker.gif) no-repeat 5px 50%;
}

#menu ul li a:hover span.speaker {
background:url(speaker_on.gif) no-repeat 5px 50%;
}

#menu ul li a span.bubble {
padding-left:24px;
background:url(bubble.gif) no-repeat 4px 4px;
}

#menu ul li a:hover span.bubble {
background:url(bubble_on.gif) no-repeat 4px 4px;
}

#menu ul li a span.heart {
padding-left:20px;
background:url(heart.gif) no-repeat 3px 50%;
}

#menu ul li a:hover span.heart {
background:url(heart_on.gif) no-repeat 3px 50%;
}

#menu ul li a span.dollar {
padding-left:20px;
background:url(dollar.gif) no-repeat 4px 50%;
}

#menu ul li a:hover span.dollar {
background:url(dollar_on.gif) no-repeat 4px 50%;
}

#page {
clear:both;
float:left;
width:100%;
margin-bottom:6em;
text-align:left;
}

.width {
width:776px;
}

.widthPad {
width:746px;
}

.width25 {
width:24%;
}

.width50 {
width:48%;
}

.width73 {
width:73%;
}

.width75 {
width:75%;
}

.width100 {
width:100%;
}

#footer {
clear:both;
float:left;
width:100%;
height:5em;
margin-top:-5em;
}

#footer #bg {
position:relative;
height:5em;
background:#49525B url(header.gif) repeat-x bottom left;
margin:0 auto;
}

#footer #bg ul {
float:right;
margin:3em 1em 0 0 !important;
padding:0;
}

#footer #bg ul li a {
float:left;
font:400 1em arial, sans-serif;
letter-spacing:.1em;
line-height:.8em!important;
color:#4D5760;
border-right:1px solid #4D5760;
padding:0 1em;
}

#footer #bg ul li a:hover {
color:#6C0;
}

#footer #bg img {
position:absolute;
top:6%;
left:10px;
}

a.lightTheme img,a.darkTheme img,a.submitButton img {
width:20px;
height:20px;
vertical-align:middle;
}

a.lightTheme img {
background:url(light_light_theme.gif) no-repeat center center;
}

a.darkTheme img {
background:url(light_dark_theme.gif) no-repeat center center;
}

a.submitButton img {
background:url(light_submit.gif) no-repeat center center;
}

.post {
float:left;
width:100%!important;
position:relative;
margin-bottom:1.5em;
border-bottom:1px solid #CCC;
}

.post .date .month {
text-transform:uppercase;
font:700 1em arial, sans-serif;
color:#888;
}

.post .date .day {
display:block;
margin-top:-5px;
font:700 2.1em arial, sans-serif;
color:#888;
}

.post .title {
display:block;
font-size:1.2em;
font-weight:700;
color:#586B7A;
padding:0 0 5px;
}

ul.thumbs,ul.thumbs li {
margin:0;
padding:0;
}

ul.thumbs li {
list-style:none;
margin:0 0 15px!important;
padding:0;
}

a.thumb img {
border:5px solid #ccc;
}

a:hover.thumb img {
background:#8EB4C6;
border:5px solid #668FA3;
}

a:hover.thumb {
background:none;
}

a.thumb span {
display:block;
margin-top:-5px!important;
}

ul.submenu1,ul.submenu2 {
margin:0 0 20px;
padding:0;
}

ul.submenu1 li,ul.submenu2 li {
list-style:none;
list-style-image:url(foo.gif);
margin:0;
padding:0;
}

ul.submenu1 li a,ul.submenu2 li a {
display:block;
height:auto!important;
padding:1px 5px 1px 20px;
}

ul.submenu1 li a {
background:url(submenu1.gif) no-repeat 5px 50%;
}

ul.submenu1 a:hover {
color:#426F85;
background:#B3C6C4 url(submenu1.gif) no-repeat 5px 50%;
}

ul.submenu2 li a {
color:#426F85;
background:url(submenu2.gif) no-repeat 3px 50%;
}

ul.submenu2 a:hover {
color:#426F85;
background:#B3C6C4 url(submenu2.gif) no-repeat 3px 50%;
}

.block {
display:block;
}

.clear {
clear:both;
}

.marginRight {
margin-right:15px;
}

.paddingLeft {
padding-left:5px;
}

.paddingRight {
padding-right:5px;
}

.floatLeft {
float:left;
}

.floatRight {
float:right;
}

.alignLeft {
text-align:left;
}

.alignRight {
text-align:right;
}

.alignTop {
vertical-align:top;
}

.alignMiddle {
vertical-align:middle;
}

.alignBottom {
vertical-align:bottom;
}

.lightBlueBg {
background-color:#EAF2F5;
}

.dark {
color:#353E47;
}

.post h1 {
font-size:12px;
font-weight:700;
border:none;
}

html,body {
height:100%;
}

body {
text-align:center;
background:url(light_body.gif) repeat-y top center;
font:400 .7em verdana, arial, sans-serif;
line-height:170%;
color:#555;
margin:0;
padding:0;
}

h1,h2,h3,h4,h5,h6 {
margin:0 0 10px;
padding:0;
}

h1 {
padding-bottom:.2em;
font:400 1.6em arial, sans-serif;
color:#536C71;
border-bottom:12px solid #ddd;
}

h2 {
font-size:1.2em;
color:#586B7A;
}

h3 {
text-transform:uppercase;
font-size:.9em;
color:#5D6F73;
}

h4 {
font-size:.85em;
}

h5 {
font-size:.8em;
}

.horzPad h1,.horzPad h2,.horzPad h3,.horzPad h4,.horzPad h5,.horzPad p {
padding-left:5px;
padding-right:5px;
}

a {
text-decoration:none;
color:#3B5D77;
}

a:hover {
color:#668FA3;
}

a img {
border:0;
}

a img.border {
border:1px solid #FC3307;
}

a:hover img.border {
border:1px solid #668FA3!important;
}

img.floatRight {
margin:5px 0 10px 10px;
}

img.floatLeft {
margin:5px 10px 10px 0;
}

ul li {
list-style-image:url(submenu1.gif);
}

ol li {
font-weight:700;
color:#668FA3;
}

ol li span {
font-weight:400;
color:#444;
}

blockquote {
background:#E7F1F3;
border-top:1px solid #AAD3DB;
border-bottom:1px solid #AAD3DB;
margin:0;
padding:0 20px;
}

form {
margin:0;
padding:0;
}

label {
float:left;
width:25%;
vertical-align:top;
}

input,textarea,select {
font:400 1em verdana, sans-serif;
color:#999;
background:#EEE;
border:1px solid #CCC;
padding:1px;
}

input:focus,input:hover,textarea:focus,textarea:hover,select:focus,select:hover {
color:#000;
background:#E7F1F3;
border:1px solid #888;
}

input.noBorder,input:focus.noBorder,input:hover.noBorder {
border:0;
padding:0;
}

input.button {
font:400 .9em verdana, serif;
cursor:pointer;
color:#fff;
background:#FC3307;
border-color:#FF7800 #691300 #691300 #FF7800;
border-style:solid;
border-width:1px;
padding:2px 5px;
}

input.radio {
background:none;
border:0;
}

#header ul li,#footer #bg ul li {
display:inline;
list-style:none;
}

#header ul li a.last,#footer #bg ul li a.last {
padding-right:0;
border-right:0;
}

#menu,#columns {
margin:0 auto;
}
