/*****************************************************************************
 * base-html
 * 
 * @date		$Date: 2009-07-31 17:12:38 +0300 (Fri, 31 Jul 2009) $
 * @revision 	$Rev: 3 $
 * @author		$Author: nicolasrudas $
 * @copy		(c) Copyright 2009 Octavodia Ltd. All Rights Reserved.
 * 
 *****************************************************************************/

/* =========== */
/* = Generic = */
/* =========== */
* {
	margin:0;
	padding:0;
}

a:link {
}
a:visited {
}
a:hover {
	text-decoration:none;
}
a img {
	border:0;
}

body {
	font:0.85em/1em Verdana,Arial,Helvetica,sans-serif;
}

h1,h2,h3,
h4,h5,h6 {
	font-size:1em;
	margin:0 0 0.3em;
	line-height:1.45em;
	font-weight:normal;
}

p,ol,ul,dl,
table,
blockquote {
	margin:0 0 15px;
	line-height:1.45em;
}

blockquote {
	margin:15px;
	font-style:italic;
}

hr {
	border:0;
	margin:15px 0;
	float:none;
	clear:both;
}

ol,ul {
	list-style-position:inside;
}



/**************************************************
 **************************************************
 * CLASSES-GENERIC
 **************************************************
 **************************************************/
/* ============== */
/* = Font-sizes = */
/* ============== */
.small {
	font-size:0.9em;
}
.smaller { 
	font-size:0.8em;
}
.large {
	font-size:1.1em;
}
.larger {
	font-size:1.2em;
}

/* ========= */
/* = Align = */
/* ========= */
.left {
	text-align:left;
}
span.left,
img.left {
	float:left;
}
.right {
	text-align:right;
}
span.right,
img.right {
	float:right;
}
.center {
	clear:both;
	display:block;
	text-align:center;
}
img.center{
	margin:0 auto;
}

/* ========== */
/* = Colors = */
/* ========== */
.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;
}

/* ========== */
/* = Status = */
/* ========== */
.error,
.highlight,
.success  {
	padding:10px;
}

.active {
	font-weight:bold;
}

/* ============== */
/* = Data types = */
/* ============== */
.heading {
	font-size:1.4em;
}
.heading a:link,
.heading a:visited {
	text-decoration:none;
}
.heading a:hover {
	text-decoration:underline;
}

.title {
	font-size:1.1em;
}
.title a:link,
.title a:visited {
	text-decoration:underline;
}
.title a:hover {
	text-decoration:none;
}


.description,
.date,
.meta,
.more,
.copyright {
	font-size:0.9em;
}

.description a:link,
.description a:visited,
.date a:link,
.date a:visited,
.meta a:link,
.meta a:visited {
	 
	text-decoration:underline;
}

span.image {
	line-height:1em !important;
}
span.image img {
	border:1px solid black;
	padding:1px;
}




/**************************************************
 **************************************************
 * SECTIONS
 **************************************************
 **************************************************/
.section, .inner {
	position:relative;
}
.section > .inner,
.section > form > .inner {
	padding:15px;
}

/* ============== */
/* = Navigation = */
/* ============== */
.navigation,
.navigation ul,
.navigation ol {
	z-index:1;
	line-height:1em;
}

.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:1;
	padding:5px;
}

.navigation li li {
	float:none;
	display:block;
	text-align:left;
}

.navigation li .date {
	display:block;
	margin:3px 0;
}

.navigation li.active a {
	text-decoration:none !important;
}

/* ======== */
/* = Logo = */
/* ======== */
#logo {
	line-height:1em;
	font-size:2em;
	padding:15px 0 0 15px;
}

#logo a {
	 
	text-decoration:none;
	outline:none;
}

#logo a span {
	position:absolute;
	top:0;
	left:0;
	visibility:hidden;	
}


/* ========== */
/* = Search = */
/* ========== */
#search {
	text-align:right;
	position:absolute;
	right:0;
	top:0;
	width:230px;
}

#search input.text {
	display:block;
	width:100%;
	padding:2px 0;
	margin:0 0 10px 0;
}

#search input.submit {
	
}

/* ============= */
/* = Breacrumb = */
/* ============= */
#breadcrumb {
	font-size:0.8em;
}

#breadcrumb .heading,
#breadcrumb ul,
#breadcrumb ol,
#breadcrumb li {
	font-size:inherit;
	display:inline;
	margin:0;
	line-height:1em;
}
#breadcrumb li {
	margin-right:3px;
}
#breadcrumb,
#breadcrumb a {
	 
}

#breadcrumb a:link,
#breadcrumb a:visited {
	text-decoration:underline;
}

#breadcrumb a:hover {
	text-decoration:none;
}

#breadcrumb li.current_page a,
#breadcrumb li.last a {
	 
	text-decoration:none;
}

/* ========= */
/* = Index = */
/* ========= */
.index .item {
	border-bottom:1px solid black;
	padding:10px 0 0 0;
	clear:both;
	overflow:hidden;
}
.index .last {
	margin-bottom:20px;
	border-width: 0;
}
.index .item a {
	
}

.index .image {
	float:right;
	margin:0 0 10px 10px;
}

/* ======== */
/* = Text = */
/* ======== */
.text {
	 
	line-height:1.4em;
}

.text h3,
.text h4,
.text h5,
.text h6 {
	 
}

.text h3 {
	font-size:1.35em;
	 
}

.text h4 {
	font-size:1.25em;
	 
}

.text h5 {
	font-size:1.1em;
	 
}

.text h6 {
	font-size:1.05em;
	 
}

.text ol,
.text ul {
	margin-left:15px;
}

.text li {
	margin:5px 0;
}

.text .heading {
	 
	font-size:1.8em;
}

.text .description {
	font-size:1.25em;
	line-height:1.2em;
	margin-bottom:1em;
}

.text span.image {
	float:right;
	margin:0 0 10px 10px;
}
/* =========== */
/* = Banners = */
/* =========== */
.bnnrs {
	text-align:left;
}

.bnnrs .item {
	 
	margin:10px 0 ;
}


/* =========== */
/* = Credits = */
/* =========== */
#credits,
#credits a {
	display:block;
	width:52px;
	height:42px;
}

#credits {
	margin:0;
	padding:0;
	line-height:1em;
	position:absolute;
	
}

#credits a {
	text-indent:-9999em;
	outline:none;
	background: url('../images/octavodia_logo.png') no-repeat top left;
}

/* ============= */
/* = Copyright = */
/* ============= */
.copyright {
	float:right;
	text-align:right;
	width:40%;
	padding:15px;
}


/**************************************************
 **************************************************
 * MODULES
 **************************************************
 **************************************************/

#contact .grid-row {
	margin:5px 0 ;
}
#contact .grid-item {
	padding:3px;
}
#contact input.grid-item,
#contact textarea.grid-item {
	border:1px solid black;
}
#contact span.highlight {
	padding:2px;
}

/**************************************************
 **************************************************
 * CONTENT-AREAS
 **************************************************
 **************************************************/

/* =========== */
/* = Wrapper = */
/* =========== */
#wrapper {
	padding:15px;
}
.wrapper-inner {
	 
}

/* ========== */
/* = Header = */
/* ========== */
.header-inner {
	z-index:1;
}

#header .navigation-inner {
	padding:0;
}

#header .navigation li {
	float:left;
	margin:1px 10px;
}
#header .navigation li li{
	float:none;
}
#header .navigation a {
	 
	display:block;
	padding:12px 15px;
}
#header .navigation,
#footer .navigation {
	z-index:1;
	font-family: Verdana;
	font-size:0.9em;
}
#header .navigation li.active {

}

/* ======== */
/* = Body = */
/* ======== */

/* =========== */
/* = Primary = */
/* =========== */
#primary .section + .section .inner {
	padding-top:0;
}

/* ============= */
/* = Secondary = */
/* ============= */
#secondary  {
	font-size:0.9em;
}
#secondary .navigation {
	line-height:1em;
}
#secondary .heading {
	line-height:inherit;
	padding:8px 0 8px 15px;
	font-size:1.1em;
	font-weight:bold;
	margin:0;
}
#secondary .navigation ol,
#secondary .navigation ul {
	line-height:1.2em;
	padding: 15px;
}
#secondary .navigation li {
	padding:5px 0;
	margin:2px 0;
}

#secondary .navigation li a {
	text-decoration:underline;
}

/* ============ */
/* = Tertiary = */
/* ============ */
#tertiary  {
	font-size:0.85em;
}

/* ========== */
/* = Footer = */
/* ========== */
#footer {
	 
	font-size:0.85em;
}
#footer .navigation {
	float:left;
	width:50%;
}
#footer .navigation li {
	display:inline;
	margin:0 10px;
}

#footer .navigation a {
	text-decoration:underline;
}

/* ========= */
/* = Grids = */
/* ========= */
.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-item{width:auto;float:left;display:block;position:relative;margin:0;padding:0;}
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;}



/* ========== */
/* = Hiding = */
/* ========== */
.header .navigation .heading,
.footer .navigation .heading,
.search .heading,
.bnnrs .heading,
.hide {
	position:absolute;
	left:-9999em;
}

/* ============ */
/* = Clearing = */
/* ============ */
.section:after,
.inner:after,
.content:after,
.navigation ol:after,
.navigation ul:after{
	clear:both;display:block;line-height:0;height:0;content:" ";	
}
.clear {clear:both;}
span.clear{line-height:0;height:0;font-size:0;overflow:hidden;}