/****************************************************
** GLOBAL
** Element Names (h1-h6,p,div,em etc)
*****************************************************/
*{margin:0;padding:0;}
body{font:0.9em/1em Arial,Helvetica,Verdana,sans-serif;background-color:#eee;}
h1,h2,h3,h4,h5,h6{font-size:1em;}
a:link{}
a:visited{}
a:visited,a:hover{text-decoration:none;}
a img{border:0;}
h1,h2,h3,h4,h5,h6,
p,ol,ul,dl{margin:0 0 15px 0;}
p,dl{line-height:1.45em;}
hr{border:0;border-bottom:1px solid #ccc;margin:15px 0;float:none;clear:both;}
ol,ul{list-style-position:inside;}
/****************************************************
** Generic Classes
** Class names
*****************************************************/
.small{font-size:0.9em;}
.smaller{font-size:0.8em;}
.left{text-align:left;}
span.left,
img.left{float:left;}
.right{text-align:right;}
span.right,
img.right{float:right;}
.center{clear:both;text-align:center;}
span.center,
img.center,
a.center{display:block;}
img.center{margin:0 auto;}
.clear{clear:both;}
span.clear{line-height:0;height:0;font-size:0;}
.red{color:red;}
.green{color:green;}
.blue{color:blue;}
.magenta{color:magenta;}
.orange{color:orange;}
.teal{color:teal;}
.cayenne{color:#580000;}
.candaloupe{color:#FFCC64;}
.yellow{color:#FFCC00;}
.error{background-color:#FFCC33;padding:10px;}
.highlight{background-color:#FFFF99;padding:10px;}
.success{background-color:#99CC66;color:#fff;padding:10px;}
/****************************************************
** Content
** Content-specific (.content ...)
*****************************************************/
.content{}
.content > .inner{}
#primary div.text + .section > .inner{padding-top:0;}
/* =========== */
/* = Wrapper = */
/* =========== */
.wrapper-inner{padding:15px;padding-bottom:60px;background-color:#fff;}
/* ========== */
/* = Header = */
/* ========== */
#header .navigation{}
#header .navigation-inner{padding:0;}
#header .navigation li{float:left;margin:1px;}
#header .navigation li li{float:none;}
#header .navigation a{display:block;padding:10px 15px;}
.header-inner{/*z-index:1;*/}
/* ======== */
/* = Body = */
/* ======== */
/* =========== */
/* = Primary = */
/* =========== */
/* ============= */
/* = Secondary = */
/* ============= */
#secondary{font-size:0.85em;}
#secondary .navigation li a{text-decoration:underline;}
/* ============ */
/* = Tertiary = */
/* ============ */
/* ========== */
/* = Footer = */
/* ========== */
#footer{color:#999;font-size:0.85em;}
#footer .navigation li{display:inline;margin:0 10px;}
#footer .navigation a{color:#999;text-decoration:underline;}
#credits,
#credits a{width:52px;height:41px;}
#credits{margin:0;padding:0;line-height:1em;}
#credits a{display:block;text-indent:-9999em;outline:none;background:url('../images/octavodia_logo.png') no-repeat top left;}
/****************************************************
** Data Types (Generic)
** .heading,.description,.image ...
*****************************************************/
.description,
.date,
.meta,
.copyright{color:#999;font-size:0.9em;}
.description a,
.date a,
.meta a{color:#666;text-decoration:underline;}
.date{text-transform:capitalize;}
/****************************************************
** Sections
** 
*****************************************************/
.section,.inner{position:relative;}
.section > .inner,
.section > form > .inner{padding:15px;}
/* ============== */
/* = Navigation = */
/* ============== */
#header .navigation,
#footer .navigation{/*z-index:1;*/
/*font-family:Verdana;*/}
.navigation,
.navigation ul,
.navigation ol{/*z-index:1;*/
line-height:1em;list-style-position:outside;}
.navigation ul,
.navigation ol{list-style:none;margin:0;}
.navigation li{/*z-index:1;*/
position:relative;}
.navigation li:hover ul,
.navigation li:hover ol{display:block;}
.navigation li ul,
.navigation li ol,
.has-js .navigation li:hover ul,
.has-js .navigation li:hover ol{display:none;position:absolute;z-index:5;padding:5px;}
.navigation li li{text-align:left;float:none;display:block;}
/* ======== */
/* = Logo = */
/* ======== */
.logo{line-height:0;}
.logo a{text-decoration:none;outline:none;}
.logo a img{border:0;}
.logo a span{position:absolute;top:0;left:0;visibility:hidden;}
/* ========== */
/* = Search = */
/* ========== */
/* ============= */
/* = Breacrumb = */
/* ============= */
.breadcrumb{font-size:0.8em;}
.breadcrumb .heading{display:none;}
.breadcrumb,
.breadcrumb a{color:#999;}
.breadcrumb a{text-decoration:underline;}
.breadcrumb a:hover{text-decoration:none;}
.breadcrumb ol,
.breadcrumb li{display:inline;margin:0;}
.breadcrumb li{margin:0 0 0 5px;}
.breadcrumb li.current_page a{color:#ccc;text-decoration:none;}
/* ================= */
/* = Members/Login = */
/* ================= */
/* ==================== */
/* = Index (Articles) = */
/* ==================== */
/* ======== */
/* = Text = */
/* ======== */
.text{color:#333;line-height:1.4em;}
.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6{font-weight:normal;}
.text h6{font-size:1.1em;}
.text .heading{font-size:1.8em;}
.text .description{font-size:1.45em;}
.text h4{font-size:1.2em;}
.text h5{font-size:1.15em;}
.text h6{font-size:1.1em;}
.text span.default,
.text img.right{float:right;margin:0 0 10px 10px;}
.text img.left{margin:0 10px 10px 0;}
.text ol,
.text ul{margin-left:20px;list-style-position:outside;}
/****************************************************
** IDs
** 
*****************************************************/
/****************************************************
** Grids
** 
*****************************************************/
.grid-item{width:auto;float:left;display:block;position:relative;margin:0;padding:0;}
.grid-size-0_5{width:5% !important;}
.grid-size-1{width:10% !important;}
.grid-size-1_5{width:15% !important;}
.grid-size-2{width:20% !important;}
.grid-size-2_5{width:25% !important;}
.grid-size-3{width:30% !important;}
.grid-size-3_5{width:35% !important;}
.grid-size-4{width:40% !important;}
.grid-size-4_5{width:45% !important;}
.grid-size-5{width:50% !important;}
.grid-size-5_5{width:55% !important;}
.grid-size-6{width:60% !important;}
.grid-size-6_5{width:65% !important;}
.grid-size-7{width:70% !important;}
.grid-size-7_5{width:75% !important;}
.grid-size-8{width:80% !important;}
.grid-size-8_5{width:85% !important;}
.grid-size-9{width:90% !important;}
.grid-size-9_5{width:95% !important;}
.grid-size-10{width:100%!important;clear:both;float:none;overflow:hidden;}
.grid-size-auto{width:auto !important;}
.grid-left-0_5{margin-left:5% !important;}
.grid-left-1{margin-left:10% !important;}
.grid-left-1_5{margin-left:15% !important;}
.grid-left-2{margin-left:20% !important;}
.grid-left-2_5{margin-left:25% !important;}
.grid-left-3{margin-left:30% !important;}
.grid-left-3_5{margin-left:35% !important;}
.grid-left-4{margin-left:40% !important;}
.grid-left-4_5{margin-left:45% !important;}
.grid-left-5{margin-left:50% !important;}
.grid-left-5_5{margin-left:55% !important;}
.grid-left-6{margin-left:60% !important;}
.grid-left-6_5{margin-left:65% !important;}
.grid-left-7{margin-left:70% !important;}
.grid-left-7_5{margin-left:75% !important;}
.grid-left-8{margin-left:80% !important;}
.grid-left-8_5{margin-left:85% !important;}
.grid-left-9{margin-left:90% !important;}
.grid-left-9_5{margin-left:95% !important;}
.grid-right-0_5{margin-right:5% !important;}
.grid-right-1{margin-right:10% !important;}
.grid-right-1_5{margin-right:15% !important;}
.grid-right-2{margin-right:20% !important;}
.grid-right-2_5{margin-right:25% !important;}
.grid-right-3{margin-right:30% !important;}
.grid-right-3_5{margin-right:35% !important;}
.grid-right-4{margin-right:40% !important;}
.grid-right-4_5{margin-right:45% !important;}
.grid-right-5{margin-right:50% !important;}
.grid-right-5_5{margin-right:55% !important;}
.grid-right-6{margin-right:60% !important;}
.grid-right-6_5{margin-right:65% !important;}
.grid-right-7{margin-right:70% !important;}
.grid-right-7_5{margin-right:75% !important;}
.grid-right-8{margin-right:80% !important;}
.grid-right-8_5{margin-right:85% !important;}
.grid-right-9{margin-right:90% !important;}
.grid-right-9_5{margin-right:95% !important;}
.grid-row{line-height:1em;margin:0;padding:0;list-style:none;position:relative;display:block;}
/*.grid-row > .item,*/
select.grid-item,
input.grid-item{position:static;display:inline;float:none;}
.grid:after,
.grid-row:after{content:' ';display:block;float:none;line-height:0;height:0;clear:both;}
/****************************************************
** Utilities
** Everything else
*****************************************************/
.header .navigation .heading,
.footer .navigation .heading,
.search .heading,
.hide{position:absolute;left:-9999em;}
.section:after,
.inner:after,
.content:after,
.navigation ol:after,
.navigation ul:after{content:" ";clear:both;display:block;line-height:0;height:0;}
/* ========= */
/* = Print = */
/* ========= */
@media print{html{padding:0;margin:0;}
body{font-size:0.75em;padding:0;margin:0;color:#000;}
a:link,a:visited{color:#000099;background:transparent;font-weight:bold;text-decoration:underline;}
h1,h2,h3,h4,h5,h6{page-break-after:avoid;page-break-inside:avoid;}
img{page-break-inside:avoid;page-break-after:avoid;}
table,tr,td,th,p,blockquote,pre,ul,ol,dl{page-break-inside:avoid;}
ul,ol,dl{page-break-before:avoid;}
#wrapper{padding:0;margin:0;}
.wrapper-inner{margin:0;padding:0;width:auto;}
#logo a span{position:static;display:block;font-size:11pt;font-weight:normal;visibility:visible;text-align:left;color:#000;}
#breadcrumb .heading{display:none;}
#breadcrumb ol:before{content:'Navigate to this page:';}
#footer,
#breadcrumb{font-size:0.9em;border-top:3px solid #ccc;border-bottom:3px solid #ccc;}
#breadcrumb ol,
#breadcrumb ul,
#breadcrumb li{display:block;float:none;margin:5px;}
#breadcrumb a{font-weight:normal;}
#credits,
#credits a{width:auto;height:auto;position:static;}
#credits a{text-indent:0;}
.text{text-align:justify;background-color:#fff ;}
.index a:link:after,.index a:visited:after{display:block;}
.breadcrumb a:link:after,.breadcrumb a:visited:after,
.index a:link:after,.index a:visited:after,
.text a:link:after,.text a:visited:after{content:" (" attr(href) ") ";font-size:80%;color:#666 !important;padding:3px;background-color:#fff;}
.index .item,
.grid-size-10{overflow:visible;}
/* ======== */
/* = Hide = */
/* ======== */
#search,.slideshow,.testimonial,#flags,
#secondary,#tertiary,
#header .navigation,
.bnnrs{display:none;}
}