/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#333333;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}b,strong{font-weight:bold;}hr { border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; margin: 0 0 20px; height: 0; }

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

html,body { background:#f8f8f8 url(../i/bg-site.gif) repeat-x 0 0; }

/* 
 * Site & Page Layout 
 */
#wrapper {
width:806px;
margin:66px auto 0px auto;
padding-top:37px;
background:transparent url(../i/bg-wrapper.gif) no-repeat 0 0;
overflow-x:hidden;
}
#frame {
width:760px;
margin:0 0 0 21px;
background:#fff;
overflow-x:hidden;
}
#header {
position:relative;
height:156px;
}
#header #logo {
position:absolute;
top:0;
left:35px;
}
#header #slogan {
position:absolute;
top:35px;
right:34px;
}
#header #nav {
position:absolute;
top:88px;
right:35px;
}
#footer {
clear:both;
position:relative;
width:690px;
height:53px;
margin:0 auto;
border-top:1px solid #d8d8d8;
overflow:hidden;
}
#footer #bot-nav {
float:left;
position:absolute;
top:12px;
left:0px;
}
#footer #bot-nav li {
float:left;
}
#footer #footer-logos {
position:absolute;
top:12px;
right:0px;
height:27px;
}
#footer #footer-logos li {
float:left;
margin-left:25px;
}
#copyright {
width:690px;
margin:9px auto 33px auto;
font-size:11px;
color:#999;
text-align:right;
}
#bod { 
clear:both;
}


.two-col #sidebar {
clear:none;
float:left;
width:196px;
width:166px;
}
.two-col #content {
clear:none;
float:left;
width:532px;
margin-left:24px;
}

.one-col#bod #sidebar {
display:none;
}
.one-col#bod #content {
width:690px;
margin-left:35px;
}

/*
 * Navigation Items
 */

#nav li { 
display:block;
float:left;
margin-left:6px;
padding:0 4px;
}
#nav li:hover {
background:#fdf432;
}
#nav a {
display:block;
padding:4px 0;
font-size:11px;
font-weight:bold;
color:#000;
text-decoration:none;
text-transform:uppercase;
}
#nav a:hover {
background:#fdf432;
}
#nav .selected a {
border-bottom:4px solid #fdf432;
}

.side-nav li {
display:block;
}
.side-nav li a {
height:100%;
display:block;
margin-bottom:5px;
padding:8px 6px 8px 35px;
background:#f5f5f5;
color:#333;
text-decoration:none;
}
.side-nav li a span {
display:block;
padding-left:5px;
border-left:4px solid #f5f5f5;
line-height:16px;
}
.side-nav li.selected a {
margin-bottom:1px;
}
.side-nav li.selected a span {
border-left:4px solid #fdf432;
}
.side-nav li.selected li a span {
border-left:4px solid #f5f5f5;
}
.side-nav li.selected li.selected a {
background:#fdf432;
border-left:4px solid #f5f5f5;
}
.side-nav li.selected li.selected a span {
border-left:0px solid #fdf432;
}

#bot-nav li { 
display:block;
float:left;
margin-right:6px;
padding:0 4px;
}
#bot-nav a {
display:block;
padding:4px 0;
line-height:24px;
vertical-align:bottom;
font-size:11px;
color:#AAA;
text-decoration:none;
text-transform:uppercase;
}
#bot-nav a:hover {
color:#888;
}

#blog-nav-container {
margin-left:36px;
margin-bottom:18px;
}

.blog-nav {
margin-bottom:18px;
}
.blog-nav li {
display:block;
}
.blog-nav a {
font-size:11px;
line-height:17px;
text-decoration:none;
}
.blog-nav .selected a {
border-left:12px solid #fdf300;
padding-left:6px;
margin-left:-18px;
}
.blog-nav li:hover a {
border-left:12px solid #ddd;
padding-left:6px;
margin-left:-18px;
}

/*
 * Content Layout
 */


/* 
 * General Element Styles
 */

h1, h2 { 
position:relative;
top:-3px;
margin-bottom:22px;
line-height:22px;
font-size:24px;
border-bottom:1px dotted #ebebeb;
}
h1 span, h2 span {
position:relative;
top:4px;
background:#fff;
}
h3 { 
line-height:18px;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}
h4 {
margin-bottom:1em;
border-left:16px solid #fdf300;
padding-left:8px;
line-height:18px;
font-size:12px;
font-weight:bold;
}
h5 {
margin-bottom:2px;
border-bottom:1px dotted #ebebeb;
font-size:12px;
line-height:22px;
font-weight:bold;
color:#888;
}
p {
margin-bottom:22px;
font-size:12px;
line-height:18px;
}
a {
color:#2b9dc3;
text-decoration:underline;
}
a:hover {
color:#2b9dc3;
text-decoration:none;
}
#content ul, #content ol {
margin-top:22px;
margin-bottom:22px;
}
#content ul li {
list-style:disc;
margin-left: 2em;
margin-bottom:0.5em;
padding-left: 2em;
}
#content ul li ul li {
list-style:square;
margin-bottom:0.25em;
}
#content ol li {
list-style:decimal;
margin-left: 2.4em;
margin-bottom:.75em;
padding-left: 2em;
}
#content ol li ol li {
margin-bottom:0em;
list-style:upper-alpha;
}
#content blockquote {
float:right;
position:relative;
width:188px;
padding:21px;
margin-left:21px;
margin-bottom:21px;
font:18px/24px Arial, Helvetica, sans-serif;
color:#333;
}

#content blockquote .start,
#content blockquote .end {
display:block;
position:absolute;
width:21px;
height:21px;
text-indent:-9999px;
}
#content blockquote .start {
top:0px;
left:0px;
background:#fff url(../i/blockquotes.gif) -24px -24px;
}
#content blockquote .end {
bottom:0px;
right:0px;
background:#fff url(../i/blockquotes.gif) repeat -6px -6px;

}

/* Blog Styles */
.blog-article-list a { text-decoration:none; }
.blog-article-list a:hover { text-decoration:underline; }

.blog-article-list .list-item {
margin-bottom:18px;
}
.blog-article-list p {
margin:0;
}
.blog-article-list .title {
font-size:16px;
line-height:22px;
font-weight:bold;
}
.blog-article-list .byline {
margin-bottom:12px;
}
.blog-article-list .author {
margin-bottom:19px;
font-weight:bold;
color:#000;
}
.blog-article-list .actions {
font-size:11px;
}

/* Sidebar */
#sidebar h5 a {
border-bottom:1px dotted #EBEBEB;
color:#888888;
font-size:12px;
font-weight:bold;
line-height:22px;
margin-bottom:2px;
text-decoration:none;
}

/* Flash */
#flash_message {
width:510px;
margin:-28px 0 18px 187px;
padding:5px 10px;
border:1px solid red;
color:red;
background:#ffecec;
}

/* Blog Comment Styles */
#comments-form .column { 
display:block;
float:left;
width:100px;
padding-right:8px;
font-size:11px;
font-weight:bold;
text-align:right;
color:#666;
}
#comments-form .p {
margin-bottom:8px;
}
#comments-form input {
width:300px;
}
#comments-form textarea {
width:300px;
}
#comments-form .error {
width:300px;
margin-top:4px;
margin-left:110px;
color:red;
font-weight:bold;
font-size:11px;
}
#comments-form .submit-container {
margin-left:110px;
color:#ffecec;
}

/* Comments on Page */
#comments h3 {
margin-bottom:1em;
}
#comments p { 
margin:0; 
}
#comments .comment-item {
margin:12px 0 12px 0;
padding-bottom:12px;
border-bottom:1px solid #eee;
}

#comments .byline {
margin-bottom:4px;
font-size:16px;
font-weight:bold;
}
#comments .copy, #comments .actions {
margin-bottom:2px;
margin-left:27px;
}