html, body {
    color:#999;
    background: #000 url('images/header.jpg') top center no-repeat;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:14px;
}

input {
    border:1px solid #dadada;
    padding:5px;
    font: Normal 14px Arial;
    color: #404040;
}

textarea {
    border:1px solid #dadada;
    padding:5px;
    font: Normal 14px Arial;
    color: #404040;
}

a {
    color:#3260E3;
}

a:hover {
    color:#d9004d;
}

hr {
    border:0;
    border-bottom:2px dotted #999;
    height: 0;
}

p {
    margin:1em 0 1em 0;
}

label small {
    color:#404040;
}

small {
    font-size:12px;
    color:#999;
}

strong {
    font-weight: bold;
}

.header {
    width:980px;
    height: 82px;
    margin: auto;
}

.top-menu-bar {
    height: 48px;
    background: url('images/top-menu-bar.png') top center repeat-x;
    vertical-align: baseline;
    width:980px;
    margin: auto;
}

.logo {
    float:left;
}

.top-menu-bar .right {
    height:48px;
    background: url('images/top-menu-bar-right.png') top center no-repeat;
    width: 30px;
    float: right;
}

.top-menu {
    height:48px;
    float:left;
}

.top-menu li a {
    text-decoration: none;
    color:#404040;
}

.top-menu li a:hover {
    color:#3260e3;
}

.top-menu .active {
    background: url('images/tab-selected.png') top center no-repeat;
}

.top-menu li {
    float:left;
    color:#404040;
    font: Bold 13px Arial;
    padding:16px 15px;
    border-right:1px solid #b7b7b7;
    margin-left:0;
}

.middle {
    width:980px;
    background: #fff url('images/content-background.png') repeat-y;
    margin: auto;
}

.middle .top {
    width:980px;
    background: url('images/content-top-background.jpg') top center no-repeat;
    margin: auto;
}

.content-top-right-photos-background-1 {
    width:980px;
    background: url('images/content-top-right-photos-1.jpg') top right no-repeat;
}

.content-top-right-photos-background-2 {
    width:980px;
    background: url('images/content-top-right-photos-2.jpg') top right no-repeat;
}

.content-top-right-photos-background-3 {
    width:980px;
    background: url('images/content-top-right-photos-3.jpg') top right no-repeat;
}

.content {
    width:900px;
    margin: auto;
    color:#404040;
    font-size:14px;
    line-height: 1.5em;
}

.footer {
    background: #000 url('images/footer.jpg') top center no-repeat;
    height: 56px;
    width:980px;
    margin:auto;
    font-size:12px;
    text-align: center;
}

.bottom-menu {
    margin: auto;
    text-align: center;
    padding-top:50px;
    font-size:12px;
}

.bottom-menu a {
    text-decoration: none;
    color:#999;
    padding: 5px;
}

.bottom-menu a:hover {
    color:#3260e3;
}

.bottom-menu li {
    display: inline;
    padding:5px;
    text-align: center;
}

.clear {
    clear: both;
    font-size:0;
    line-height: 0;
    height:-1px;
    border: 0;
}

h1 {
    font-size:28px;
    font-weight:normal;
    letter-spacing: -0.06em;
    font-weight: bold;
}

h1 a {
    text-decoration: none;
    color:#404040;
}

h2 {
    font-size:24px;
    letter-spacing: -0.06em;
    font-weight:normal;
}

h2 a {
    text-decoration: none;
    color:#404040;
}

h3 {
    font-size:20px;
    font-weight:normal;
    letter-spacing: -0.06em;
    color:#d9004d;
}

h3 a {
    text-decoration: none;
    color:#404040;
}

h3:hover {
    text-decoration: underline;
}

.spacer-5 {
    height:5px;
    font-size:0;
    line-height: 0;
}

.spacer-10 {
    height:10px;
    clear: both;
    font-size:0;
    line-height: 0;
}

.spacer-15 {
    height:15px;
    clear: both;
    font-size:0;
    line-height: 0;
}

.spacer-20 {
    height:20px;
    clear:both;
    font-size:0;
    line-height: 0;
}

.spacer-30 {
    height:30px;
    clear: both;
    font-size:0;
    line-height: 0;
}

.spacer-50 {
    height:50px;
    clear: both;
    font-size:0;
    line-height: 0;
}

.spacer-100 {
    height:100px;
    clear: both;
    font-size:0;
    line-height: 0;
}

.page-title, .pagetitle {
    padding:35px 0 5px 65px;
}

.hidden-link {
    color:#404040;
    text-decoration: none;
}

button, .button {
    padding:6px 8px;
    font-weight: bold;
    background-color: #D9004D;
    color:#fff;
    border:0;
    letter-spacing: -0.05em;
    cursor: pointer;
}

#submit-label {
    display:none;
}

#reset-label {
    display:none;
}

#submit-element {
    float:left;
    margin-right: 5px;
}

.notice {
    color:#00a904;
    font-weight: bold;
}

.link-button {
    text-decoration: none;
    padding:5px 10px;
    background-color: #D9004D;
    color:white;
    font-weight: bold;
}

.link-button:hover {
    color:white;
}

/* --- Buttons --- */
button {
    font-size:14px;
    font-weight: bold;
    color:#fff;
    background-color: #D9004D;
    border:0;
    cursor: pointer;
    height:30px;
}

.send-button, .reset-button, .search-button, .post-button {
    width:88px;
    height:30px;
    font-size:0;
    color: white;
    line-height: 0;
    cursor:pointer;
    border:0;
}

.send-button {
    background: url('images/send-button.png') top left no-repeat;
}

.reset-button {
    background: url('images/reset-button.png') top left no-repeat;
}

.search-button {
    background: url('images/search-button.png') top left no-repeat;
}

.post-button {
    background: url('images/post-button.png') top left no-repeat;
}

.sign-up-now-xl-button {
    background: url('images/sign-up-now-xl-button.png') top left no-repeat;
    width:150px;
    height:40px;
    font-size:0;
    cursor:pointer;
    border:0;
}

.right {
    float:right;
    width:192px;
}

* html .right {
    width:150px;
}

.left {
    float:left;
    width:670px;
}

.search-box {
    width:150px;
}

.postmetadata {
    font-size:12px;
}

#comment {
    width:98%;
    height:100px;
}

.comment-author {
    font-size:12px;
    font-style: italic;
    font-weight: bold;
}

.comment-author a {
    color:#D9004D;
}

.comment-body {
    padding:10px;
    border-bottom:1px #fff dotted;
    margin-bottom:10px;
    line-height: 1em;
}

.comment-body p {
    padding-top:10px;
    line-height: 1.5em;
}

.comment-meta, .commentmetadata {
    font-size:11px;
    color: #cecece;
}

/* transparent round light gray panel */
.light-gray-panel {
}

.light-gray-panel .lgray-top-background-1 {
    background: url('images/lgray-panel-top-background-1.png') top left no-repeat;
    width: 298px;
    height:179px;
    z-index: 100;
    position: relative;
    margin-bottom:-66px;
    margin-left:10px;
}

.light-gray-panel .lgray-right-background-1 {
    background: url('images/lgray-panel-right-background-1.png') bottom right no-repeat;
    width: 138px;
    height:305px;
    z-index: 100;
    position: relative;
    margin-left:60px;
    margin-bottom:-14px;
    margin-top:-125px;
}


.light-gray-panel .top-left {
    background: #f1eeee url('images/lgray-tl-corner.png') top left no-repeat;
}

.light-gray-panel .top-right {
    background: url('images/lgray-tr-corner.png') top right no-repeat;
}

.light-gray-panel .bottom-left {
    background: url('images/lgray-bl-corner.png') bottom left no-repeat;
}

.light-gray-panel .bottom-right {
    background: url('images/lgray-br-corner.png') bottom right no-repeat;
    padding:15px;
    height:1%;
}

.breadcrumbs {
    font-size:12px;
    margin-left:65px;
    padding:1px 4px 1px 2px;
    display: inline;
    color:#999999;
    background-color: #fff;
}

.navigation {
    font-size:12px;
}

.navigation .alignleft {
    float:left;
}

.navigation .alignright {
    float:right;
}

.categories li {
    padding:5px 0 5px 0;
}

.thin-hr {
    border-width:1px;
}

.small-text {
    font-size:10px;
}

.pink-text {
    color:#D9004D;
}


.blue-text {
    color:#3260E3;
}

.size-thumbnail {
    margin:4px;
    border:2px solid #FFFFFF;
}

.size-thumbnail:hover {
    border:2px solid #D9004D;
}