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

/* styles for city_in_evo skin */
html, body {
color: #fff;
font-size: 12px;
font-family: 'Tahoma';
background: #072450 url(rsc/assets/seattle_background_paint.jpg) repeat-x;
margin:0;
padding:0;
height:100%;
}
.clear {
clear: both;
height:30px;
}
p {
margin: 10px 30px 10px 30px;
}
.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;
}
.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 30px !important;
margin: 0px 30px 10px 30px;
text-transform:uppercase;
color:#ffd502;
font-weight: bold;
}
h3 {
margin: 0px 0px 10px 0px;
text-transform:uppercase;
font-size:12px;
color:#fff;
}
.bTitle h3 {
margin: 0px 0px 10px 0px;
text-transform:uppercase;
font-size: 16px;
color:#fff;
}
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(rsc/assets/nav_body.png) no-repeat;
padding-left: 25px;
line-height:20px;
}
.li_nav_footer a  {
display: block;
width: 170px;
height: 21px;
background: url(rsc/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(rsc/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%;
background: url(rsc/assets/sidebar_body.png) 30px 0px repeat-y !important;
background: url(rsc/assets/sidebar_body.png) 60px 0px repeat-y;
min-height:100%;
height:100%;
}
#menu_header {
width:170px;
height:232px;
text-align:left;
float:left;
margin:0 0 0 30px;
}
#menu_header h3 {
color:#ffd502;
font-weight: bold;
margin:0 0 0 30px;
font-size:13px;
}
#menu_left {
width: 170px;
min-height: 100%;
margin:0 0 0 30px;
float: left;
background: url(rsc/assets/sidebar_body.png) repeat-y;
}
#head {
width: 910px !important;
width: 940px;
height: 232px;
float:left;
text-align: right;
}
#content {
width: 960px;
float: left;
margin:0 0 0 20px;
background: url(rsc/assets/sidebar_body.png) 10px 0px repeat-y !important;
background: url(rsc/assets/sidebar_body.png) 20px 0px repeat-y;
}
.left_hand_stuff {
width: 160px;
float:left;
margin:0 0 0 10px;
padding-right: 5px;
}
.left_hand_stuff p {
margin:0px 10px 20px 15px;
font-size:9px;
color:#fff;
text-transform: uppercase;
}
.left_hand_stuff h3 {
color: #ffd502;
font-weight: bold;
margin: 0 0 0 24px;
font-size: 13px;
}
.left_hand_stuff h4 {
color: #ffd502;
margin: 0 0 0 18px;
font-size: 11px;
}
.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: 12px;
}
.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;
}
.content_box {
width: 120px;
margin: 0px 0px 0px 30px;
float: left;
display: inline;
}
div.content_box ul {
padding: 0px;
padding-left: 5px;
}
div.content_box ul li {
margin: 0px;
}
.content_box_large {
width: 531px;
margin:0px 0px 0px 20px;
float: left;
display: inline;
}
.content_box_photo {
width: 200px;
margin:0px 0px 0px -10px;
float: left;
}
#content_footer {
background: url(rsc/assets/sidebar_body.png) 30px 0px repeat-y !important;
background: url(rsc/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;
}
.left_hand_stuff fieldset {
margin-left: 6px;
}

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

}

.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;
}
.bSmallPrint {
clear: both;
font-size: 78%;
margin: 1ex;
}
input.bComment, textarea.bComment {
background-color: #eee;
border: 1px solid #ccc;
width: 97%;
padding: 2px;
margin: 0ex;
}

/* Used by the profile form */
select.bComment {
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, .bSideItem ul li ul, .bSideItem ul li ul li ul {
padding: 0px 0px 0px 5px;
}
input.SearchField {
width: 100%;
background-color: #eee;
}
input.submit {
width: auto;
background-color: #9CAAC6;
color: #222;
border: 2px outset #6C7A96;
}
blockquote {
background: #B5D0F9 url(rsc/assets/quote.gif) no-repeat top left;
color: #000;
margin: 1em 2em;
padding: 0 1ex;
font-size: 10pt;
}
blockquote p {
font-size: 10pt;
text-indent: 30px;
font-style: italic;
}