/* ----- BASIC ELEMENTS AND FONTS ----- */

@import url(../../../rsc/css/basic.css);        /* Import basic styles */
@import url(../../../rsc/css/img.css);        /* Import standard image styles */
@import url(../../../rsc/css/blog_elements.css);        /* Import standard blog elements styles */
@import url(../../../rsc/css/forms.css);        /* Import default form styles */
@import url(../../../rsc/css/comments.css);        /* Import default comment styles */

html, body {
        color: #fff;
        font-size: 11px;
        font-family: 'verdana';
        background: #072450 url(assets/seattle_background_paint.jpg) repeat-x;
        margin:0px;
        padding:0px;
        height:100%;
}

.clear {
        clear: both;
        height:30px;
}

p {
        margin: 10px 30px 10px 30px;
}

div.headline{
	position: absolute;
	top:2px;
	left: 220px;
	color: black;
	font-family: verdana;
	font-size: 10px;
	width: 420px;
}
.date {
        color:#ffd502;
        text-decoration:overline;
        font-size:10px;
        padding: 10px 0 20px 0;
}

#content_footer p {
        margin: 10px 30px 10px 30px;
        padding-top: 20px;
        font-size:10px;
        text-align:left;
}

.left_hand_stuff p {
        margin:0px 10px 20px 20px;
        font-size:9px;
        color:#fff;
        text-transform: uppercase;
}
.content_box p {
        margin: 10px 0px 10px 0px;
        color:#ddd;
        font-size:10px;
}
.content_box_large p {
        margin: 10px 0px 10px 0px;
        font-size:11px;
}


.bText p {
        margin: 10px 0px 10px 0px;
        font-size: 11px;
}

.content_box_photo h3 {
        margin: 0px 0px 10px 45px;
}

#content_footer p {
    margin: 10px 0px 10px 60px !important;
        margin: 10px 0px 10px 85px;
        font-size:10px;
}

.red {
        color:red;
}

.yellow {
        color:#ffd502;
        font-weight:bold;
}

h1 {
        font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
        font-size:30px;
        text-transform:uppercase;
        font-weight:normal;
        margin: 0px 0px 0px 0px !important;
        margin: 10px 0px 0px 0px;
        color:#fff;
}

h2 {
        font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
        font-size: 20px;
        margin: 0px 50px 10px -3px !important;
        margin: 0px 30px 10px -3px;
        text-transform:uppercase;
        color:#ffd502;
        font-weight: bold;
}

h3 {
        margin: 0px 0px 10px 2px;
        text-transform:uppercase;
        font-size:12px;
        color:#fff;
}



.bTitle h3 {
        margin: 0px 0px 0px 7px;
        text-transform:uppercase;
        font-size: 14px;
        color:#fff;
	font-family: verdana;
}


a {
        text-decoration: none;
        color:#ffd502;
}

/*----- MENU ----- */

#nav_list {
        margin: 0;
        padding: 0;
        width: 170px;
        list-style: none;
        overflow: hidden;
}

#nav_list li {
        width: 170px;
        overflow: hidden;
        text-transform: uppercase;
        font-size:9px;
        font-weight:bold;
}

#nav_list a {
        color:#fff;
}

.li_nav_body a  {
        display: block;
        width: 170px;
        height: 20px;
        background: url(assets/nav_body.png) no-repeat;
        padding-left: 25px;
        line-height:20px;
}

.li_nav_footer a  {
        display: block;
        width: 170px;
        height: 21px;
        background: url(assets/nav_body.png) no-repeat;
        background-position:  0 0px;
        padding-left: 25px;
        line-height:21px;
}

.li_nav_body a:hover {
        background-position:  0 -20px;
        color:#016001;
}

.li_nav_footer a:hover {
        background-position:  0 -20px;
        color:#016001;
}

.li_active a:active  {
        background: url(assets/nav_body.png) no-repeat;
        background-position:  0 -40px;
        color:#fff;
}

.li_nav_body a.BlogButtonCurr,
.li_nav_body a.BlogButtonCurr:visited {
    color: #f00;
    font-size: 120%;
}
.li_nav_body a.BlogButtonCurr:hover {
    text-decoration: underline;
    color: #f00;
}

/*----- LAYOUT ----- */

#container {
        width:100%;
	top: 0px;
	padding: 0px;
	margin:0px;
        background: url(assets/sidebar_body.png) 30px 0px repeat-y !important;
        background: url(assets/sidebar_body.png) 60px 0px repeat-y;
        min-height:100%;
        height:100%;

}


#menu_header {
        width:195px;
        height:232px;
        text-align:left;
        float:left;
        margin:0 0 0 25px;
}


#menu_header h3 {
        color:#ffd502;
        font-weight: bold;
        margin:0 0 0 24px;
        font-size:13px;
}

#menu_left {
        width: 170px;
        min-height: 100%;
        margin:0 0 0 30px;
        float: left;
    background: url(assets/sidebar_body.png) repeat-y;
}

.left_hand_stuff {
        width: 170px;
        float:left;
        margin-left: 8px;
        padding-right: 5px;
}


.left_hand_stuff h3 {
        color:#ffd502;
        font-weight: bold;
        margin:0 0 0 15px;
        font-size:13px;
}


#head {
    width: 910px !important;
        width: 940px;
        height: 232px;
        float:left;
        text-align: right;
}

#content {
        width: 970px;
        float: left;
        margin:0 0 0 20px;
        background: url(assets/sidebar_body.png) 10px 0px repeat-y !important;
        background: url(assets/sidebar_body.png) 20px 0px repeat-y;
}

.content_box {
        width: 155px;
        margin: 0px 0px 0px 14px;
        float: left;
        display: inline;
}

div.content_box ul {
        padding: 0px;
        padding-left: 5px;
}

div.content_box ul li {
        margin: 0px;
}

.content_box_large {
        width: 550px;
        margin:0px 0px 0px 15px;
        float: left;
        display: inline;
}

.content_box_photo {
        width: 200px;
        margin:0px 0px 0px -10px;
        float: left;
}

#content_footer {
        background: url(assets/sidebar_body.png) 30px 0px repeat-y !important;
        background: url(assets/sidebar_body.png) 60px 0px repeat-y;
        width:100%;
        clear:both;
        margin-bottom:-70px;
        height:50px;
}


/*----- IMAGES ----- */

a img{
        border: none;
}

img.left,img.center,img.right {
        padding: 4px;
        border: 1px solid #a0a0a0;
}

img.left {
        float: left;
        margin: 0px 12px 5px 0px;
        background:#fff;
}

img.right {
        float: right;
        margin: 0px 30px 5px 0px;
}

/*----- FORM ----- */

input   {
        border-top: 1pt solid #cccccc;
        border-bottom: 1pt solid #cccccc;
        border-right: 1pt solid #cccccc;
        border-left: 1pt solid #cccccc;
        font: normal 10px tahoma;
        width:115px;
        color: #707070;
        margin:0px 0px 5px 0px;
}

textarea.sidebar   {
        border-top: 1pt solid #cccccc;
        border-bottom: 1pt solid #cccccc;
        border-right: 1pt solid #cccccc;
        border-left: 1pt solid #cccccc;
        font: normal 10px tahoma;
        width:115px;
        height:80px;
        color: #707070;
        margin:5px 0px 5px 25px;
}

input.sidebar   {
        border-top: 1pt solid #cccccc;
        border-bottom: 1pt solid #cccccc;
        border-right: 1pt solid #cccccc;
        border-left: 1pt solid #cccccc;
        font: normal 10px tahoma;
        width:115px;
        color: #707070;
        margin:0px 0px 5px 25px;
}

input.button_sidebar   {
        border-top: 1pt solid #cccccc;
        border-bottom: 1pt solid #cccccc;
        border-right: 1pt solid #cccccc;
        border-left: 1pt solid #cccccc;
        font: normal 10px tahoma;
        width:119px;
        color: #707070;
        margin:0px 0px 5px 25px;
}

input.button_content   {
        border-top: 1pt solid #cccccc;
        border-bottom: 1pt solid #cccccc;
        border-right: 1pt solid #cccccc;
        border-left: 1pt solid #cccccc;
        font: normal 10px tahoma;
        width:119px;
        color: #707070;
        margin:5px 0px 5px 0px;
}




fieldset
{
        border-style: none;
        margin:0 0 0 30px;
}

fieldset .notes
{
        font-size: 80%;
        color: #999999;
}

div.image_block {
        float: left;
        display: block;
        margin: 5px;
        padding: 3px;
        background-color: #5F6F99;
        border: 1px solid #0F2245;
}


/*
 * Styles for foms
 */
.bPost, .bPostpublished
{
        clear: both;
        margin: 0 1ex 3ex 20px;
        padding: 0;
	font-size:11px;
}

.bPost p {
       font-size: 11px;

}

.bSmallHead {
        font-size: 78%;
        margin: 1ex;
}
div.bTitle {
        clear: both;
        margin: 1ex 1ex 0 1ex;
        padding: 5px 0 4px 0;
}
.bText {
        margin: 0 1ex 0;
	font-family: verdana;

}
.bSmallPrint
{
        clear: both;
        font-size: 9px;
        margin: 1ex;
	color: silver;
}

input.bComment,
textarea.bComment
{
        background-color: #eee;
        border: 1px solid #ccc;
        width: 97%;
        padding: 2px;
        margin: 0ex;
}
select.bComment                /* Used by the profile form */
{
        background-color: #eee;
        border: 1px solid #ccc;
        padding: 1px;
        margin: 0ex;
}

input.SearchField
{
        background-color: #eee;
        border: 1px solid #ccc;
        padding: .5ex;
        width: 96%;
        margin: 0ex;
}


.bSideItem input {
        width: 10px;
        border: 0;
}

.bSideItem ul{
        padding: 0px 0px 0px 5px;
}

.bSideItem ol {
        padding-left: 30px;
}

.bSideItem ol li{
	font-family: Tahoma;

}

.bSideItem ol li a{
	font-family: Tahoma;

}



input.SearchField {
        width: 100%;
        background-color: #eee;
}


input.submit {
        width: auto;
        background-color: #9CAAC6;
        color: #222;
        border: 2px outset #6C7A96;
}


blockquote {
        background: #8ca1c0 url(assets/quote.gif) no-repeat top left;
        color: #000;
        margin: 1em 2em;
        padding: 0 1ex;
        font-size: 10pt;
	border: 2px dashed white;
}

blockquote p {
       font-size: 10px;
       text-indent: 20px;
       font-style: italic;
}

.Tags {
margin:0;
font-size:9px;
color:#808080;
text-align: right;
}
.Tags a{
color:#808080;
} 
.Tags a:hover{
color:white;
} 

div.linker a{
color: gray;
}