/*
Theme Name: Hawaii
Version: 1.1.1
Author: Billion Studio
Author URI: http://www.billionstudio.com/
Tags: green, three columns, fixed width, widgets, gravatars
Description: A Quality Theme Designed by Billion Studio
*/

@import url('./style-reset.css');
@import url('./style-common.css');

/* Default fonts and colors
========================================== */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, input, textarea, select {
color: #39362F;
font-family: "Lucida Grande", "Verdana", Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
color: #39362F;
font-family: "Helvetica Neue", "Helvetica ", "Lucida Grande", "Verdana", "Trebuchet MS", Arial, sans-serif;
}

/* LAYOUT
========================================== */
body {
font-size: 76%;
line-height: 150%;
/*background: url('images/bg-page.jpg') repeat-x center top;*/
	background-color: #fff;
padding-top: 5px;
}

div#page {
width: 880px;
margin: 0 auto;
}

div.container {
width: 880px;
margin: 0 auto;
height: 100%;
overflow: auto;
}

div.small {
width: 160px;
float: left;
}

div.large {
width: 488px;
float: left;
}

div.full {
width: 100%;
float: left;
}

/* LAYOUT ADDITION
========================================== */
div.how-right {
float:right;
width:35%;
border:2px solid #FF0000;
background-color: #99FF99;
padding:10px;
text-align:center;
}

div.how-left {
float:left;
width:55%;
}

div.clear { clear:both; }

/* CUSTOM LAYOUT
========================================== */
div.container.body .large, div.container.body .full {
margin-top: 20px;
padding: 6px;
padding-bottom: 0;
background-color: #F8F5D9;
}

div.container.body .large {
float: left;
position: relative;
left: 160px;
}

#content div.container.body .large .post-title h2 { text-align: center; }

/* LAYOUT LEFT */
#content div.container.body div.large.left {
float: right;
position: static;
width: 708px;
}

#content div.container.body div.large.left .post-title h2 { text-align: left; }

#content #sidebar-left { float: left; }

#content #sidebar-left #sidebar-1 {
position: relative;
left: 0px;
}

/* LAYOUT RIGHT */
#content div.container.body div.large.right {
position: static;
width: 708px;
}

#content div.container.body div.large.right .post-title h2 { text-align: left; }

#content #sidebar-right { float: left; }

#content #sidebar-right #sidebar-1 {
position: relative;
left: 0px;
}

#content #sidebar-right #sidebar-1 .sidebar {
padding-right: 0;
padding-left: 20px;
}

/* LAYOUT FULL */
#content div.container.body .full { width: 868px; }

#content div.container.body .full .post-title h2 { text-align: left; }

/* HEADER
========================================== */
#header {
width: 100%;
margin: 0 auto;
}

#header .container {
position: relative;
padding-bottom: 5px;
background-image:url(images/bg-page2.jpg);
}

#header #logo {
float: left;
padding: 0;
text-align: left;
background-color: transparent;
display: block;
height: 118px;
}

#header h1#logo { font-size: 300%; }

#header h1, #header h1 a {
color: #4D3F44;
text-decoration: none;
font-weight: bold;
}

/* HEADER SEARCH
========================================== */
#header form#search-form {
position: absolute;
bottom: 17px;
right: 0px;
height: 25px;
padding: 3px;
background-color: transparent;
border-width: 0;
margin: 0;
width: 200px;
float: right;
}

#header form#search-form input.text, #header form#search-form label.overlabel-apply { font-size: 100%; }

#header form#search-form input.text {
position: absolute;
top: 3px;
left: 3px;
width: 157px;
height: 13px;
padding: 4px 3px 4px 4px;
margin: 0;
z-index: 0;
background: #fff;
border: 3px solid #F8F5D9;
font-size: 90%;
}

#header form#search-form input.button-search {
position: absolute;
top: 5px;
right: 3px;
margin: 0px;
display: block;
line-height: 100%;
width: 27px;
height: 23px;
background-color: #AEC900;
color: #fff;
}

#header form#search-form label.overlabel {
display: none;
position: absolute;
top: 0;
left: 0;
}

#header form#search-form label.overlabel-apply {
display: block;
color: #39362F;
position: absolute;
top: 11px;
left: 10px;
margin: 0;
z-index: 1;
cursor: text;
line-height: 100%;
font-size: 90%;
text-transform: uppercase;
}

/* MAIN NAVIGATION
========================================== */
#navigation {
clear: both;
width: 100%;
margin: 0 auto;
/*
	background: url('images/bg-nav.png') no-repeat left top;
	*/
	margin-top: -135px;
margin-bottom: 80px;
}

#navigation.bottom { margin: 0; }

#navigation .container {
height: 42px;
overflow: visible;
}

#nav {
position: relative;
float: left;
margin: 0;
padding: 0;
list-style-type: none;
z-index: 100;
background: url(images/nav-bg.gif) repeat-x left top;
background-color: #39362F;
text-align: right;
line-height: 150%;
width: 100%;
}

#nav li {
position: relative;
float: left;
height: 42px;
font-size: 105%;
background: url(images/nav-bg.gif) repeat-x left top;
background-color: #39362F;
}

#nav li.last-page-item a { /*
	background-image: none;
	*/
}

#nav li a {
color: #fff;
display: block;
float: left;
background: url(images/nav-separator.gif) no-repeat right top;
padding: 11px 8px 10px 8px;
font-weight: bold;
text-decoration: none;
white-space: nowrap;
text-align: left;
}

#nav li a:hover, #nav ul li a:hover { text-decoration: none; }

#nav li:hover a, #nav li a:hover, #nav ul li a:hover, #nav li ul { background-color: #39362F; }

#nav li.current_page_item a, #nav li.current_page_parent a { color: #F0DBAE; }

#nav ul li a:hover, #nav li.current_page_item ul li a:hover, #nav li.current_page_parent ul li a:hover { color: #F0DBAE; }

#nav li a:hover, #nav li.current_page_item ul li a, #nav li.current_page_parent ul li a { color: #fff; }

#nav li ul {
position: absolute;
visibility: hidden;
float: none;
top: 42px;
left: 0px;
width: 150px;
margin: 0;
padding: 5px 10px 6px 10px;
z-index: 10000;
border: 1px solid #605D53;
border-bottom-width: 2px;
border-top: 0;
-moz-opacity: 0.95;
-ms-filter:"alpha(opacity=95)";
filter:alpha(opacity=95);
opacity: 0.95;
}

#nav li:hover ul, #nav li.iehover ul { visibility: visible; }

#nav ul li {
display: block;
float: left;
clear: both;
margin: 0;
padding: 0;
width: 100%;
height: auto;
font-size: 100%;
line-height: 100%;
overflow: hidden;
white-space: normal;
border-bottom: 1px solid #605D53;
background: none;
}

#nav ul li:last-child { border-bottom: 0; }

#nav ul li a {
display: block;
width: auto;
height: auto;
float: none;
font-weight: normal;
background-image: none;
padding: 6px 0;
white-space: normal;
color: #fff;
}

#nav li.current_page_item ul li a, #nav li.current_page_parent ul li a { text-decoration: none; }

#nav li ul li a:hover, #nav li.current_page_item ul li a:hover, #nav li ul li.current_page_item a { color: #F0DBAE; }

#nav li.nav-start {
background: transparent url(images/nav-start.gif) no-repeat left top;
width:13px;
height:42px;
}

#nav li.nav-end {
background: transparent url(images/nav-end.gif) no-repeat right top;
width:13px;
height:42px;
float: right;
}

/* CONTENT
========================================== */
#content {
clear: both;
width: 100%;
margin: 0 auto;
}

/*fixes other content inside content box*/
#content #content {
background: transparent;
width: auto;
padding: 20px;
margin: 0;
border: 0;
}

#content h1 { color: #39362F; }

#content h2 { padding: 0px 0 6px; }

#content h2 a, #content h2 a:link, #content h2 a:visited, #content h3 a, #content h3 a:link, #content h3 a:visited {
color: #39362F;
text-decoration: none;
}

#content h2 a:hover, #content h3 a:hover {
color: #39362F;
text-decoration: none;
}

#content h3 { padding: 6px 0 12px; }

#content h4 a, #content h4 a:visited { color: #39362F; }

#content ul { list-style-type: none; }

#content ul, #content ol { padding: 0 0 20px; }

#content ul li, #content ol li {
background: url('images/bullet.gif') no-repeat 16px 9px;
padding: 3px 0 3px 30px;
}

#content ul li a {
font-weight: normal;
text-decoration: none
}

#content ul li a:hover { text-decoration: underline }

#content ul ul { padding: 0; }

#content ol { margin-left: 30px; }

#content ol li {
padding-left: 0;
background-image: none;
}

img.right, img.align-right, img.alignright {
float: right;
margin: 0 0 6px 12px;
display: inline;
}

img.left, img.align-left, img.alignleft {
float: left;
margin: 0 12px 6px 0;
display: inline;
}

img.centered {
display: block;
margin: 0 auto 6px;
}

img.wp-smiley { border: none; }

.alignright { float: right; }

.alignleft { float: left; }

/* POST
========================================== */
#content .post, #content .post-nav, #content #comments {
clear: both;
padding: 20px 24px 0;
height: 100%;
overflow: auto;
background-color: #fff;
margin-bottom: 6px;
}

#content .post-content img { max-width: 440px; }

#content .post a.more-link {
padding-right: 15px;
background: url('images/icon-more.png') no-repeat right center;
}

#content .post-title h2 {
margin-bottom: 12px;
border-bottom: 1px solid #E0EDE7;
}

#content .post-title p.post-edit { padding-bottom: 0; }

#content .post-footer h4 {
font-size: 90%;
padding: 0 0 10px 3px;
border-bottom: 1px solid #E0EDE7;
margin-bottom: 12px;
text-align: center;
}

#content .post-footer h4, #content .post-footer h4 a, #content .post-footer h4 a:link, #content .post-footer h4 a:visited {
color: #aaa;
font-weight: normal;
text-transform: uppercase;
}

#content .post-footer h4 a:hover, #content .post-footer h4 a:active { color: #F86733; }

#content .post-footer span {
padding-right: 4px;
padding-left: 19px;
background: url('images/icon-post.png') no-repeat left center;
}

#content .post-footer span.post-comments { background-image: url('images/icon-comment.png'); }

#content .post-footer span.post-date {
background-image: url('images/icon-date.png');
background: none;
padding-left: 0;
}

#content .post-footer span.post-category { padding-right: 3px; }

#content .post table {
background-color: #fff;
border-collapse: collapse;
border: 1px solid #EAEAEA;
border-width: 1px 0px 1px 1px;
}

#content .post table th {
border: 1px solid #EAEAEA;
border-width: 0px 1px 0px 0px;
}

#content .post table td {
border: 1px solid #EAEAEA;
border-width: 0px 1px 0px 0px;
}

/* table
----------------------------------------------------------------------------------*/

.table td:first-child {
color:#000;
width:130px;
}
.table tr:nth-child(2n+1) td {
background:#f4f4f4;
}

/* Next and Previous Post Navigation
========================================== */
#content .post-nav {
clear: both;
text-align: right;
padding-top: 12px;
padding-bottom: 12px;
background: transparent;
}

#content .post-nav, #content .post-nav a, #content .post-nav a:link, #content .post-nav a:visited { /*
	color: #666;
	*/
}

#content .post-nav .previous {
text-align: left;
float: left;
}

#content .post-nav .next { text-align: right; }

/* Post Pages Navigation
========================================== */
#content p.pagenav { clear: both; }

#content p.pagenav, #content .pagenav a, #content .pagenav a:link, #content .pagenav a:visited { color: #39362F; }

#content .pagenav a, #content .pagenav span {
border: 1px solid #EAEAEA;
margin: 0 2px 0;
padding: 3px 6px 4px;
display: inline;
}

#content .pagenav span.extend {
border: 0;
padding: 0;
}

#content .pagenav a {
text-transform: lowercase;
background-color: #F3F3F3;
text-decoration: none;
line-height: 50%;
}

#content .pagenav a:hover { border-color: #BDAEB4; }

#content .pagenav span.current { background-color: #fff; }

/* COMMENTS
========================================== */
#content #comments {
background: transparent;
padding: 12px;
}

#comments #comment_form {
margin-left: 0px;
margin-bottom: 0px;
padding: 12px;
border: 1px solid #fff;
}

#comments .comment-wrap {
height: 100%;
overflow: auto;
margin: 0 0 12px 0;
padding: 0 12px 0;
clear: both;
border: 1px solid #fff;
}

#comments h3 { padding-top: 0; }

#comments h3#respond { padding-top: 8px; }

#comments .comment-wrap img.avatar {
margin: 0;
margin-bottom: 12px;
padding: 2px;
background-color: #fff;
border: 1px solid #EAEAEA;
}

#comments .comment-wrap .comment-left {
width: 62px;
padding-top: 12px;
float: left;
}

#comments .comment-wrap .comment-right {
width: 364px;
float: left;
padding: 12px 0 6px 12px;
}

#comments .comment-wrap .comment-right a { text-decoration: none; }

#comments .comment-wrap .comment-right a:hover { text-decoration: none; }

#comments .comment-wrap .comment-right cite {
margin: 0;
font-style: normal;
display: block;
height: 100%;
overflow: auto;
}

#comments .comment-wrap .comment-right cite b { float: left; }

#comments .comment-wrap .comment-right cite b a { color: #39362F; }

#comments .comment-wrap .comment-right cite small {
font-size: 90%;
padding-left: 12px;
float: right;
}

#comments .comment-wrap .comment-right cite small a {
color: #999;
font-weight: normal;
}

#comments .comment-wrap .comment-right p {
padding: 6px 0;
clear: both;
}

#comments .comment-wrap .comment-right blockquote, #comments .comment-wrap .comment-right code, #comments .comment-wrap .comment-right pre {
margin: 6px 0;
clear: both;
}

#comments .alt { background-color: transparent; }

#comments .author { background-color: #fff; }

/* MAIN SIDEBAR
========================================== */
#sidebar-1 {
position: relative;
right: 500px;
padding-bottom: 6px;
}

#sidebar-2 { width: 220px; }

#content .sidebar {
padding: 12px 0px 12px;
margin: 0 0 0px 0;
clear: both;
height: 100%;
overflow: hidden;
}

#sidebar-1 .sidebar {
padding-right: 10px;
padding-left: 0px;
}

#sidebar-2 .sidebar { padding-left: 20px; }

#sidebar-2 .sidebar form#search-form input.text { width: 160px; }

#content .sidebar a:link, #content .sidebar a:visited {
color: #F86733;
font-weight: normal;
}

#content .sidebar a:hover, #content .sidebar a:active {
color: #F86733;
text-decoration: underline;
}

#content .small h3 {
color: #FF0204;
margin: 0;
}

#content .small h4 { padding: 6px 0 0; }

#content .small p {
padding-right: 0;
padding-bottom: 6px;
margin: 0;
color: #39362F;
}

#content .small ul {
margin: 0;
padding: 0 0 0px 0;
}

#content .small ul li {
color: #39362F;
font-weight: bold;
line-height: 125%;
padding-left: 12px;
background-position: 0px 8px;
}

#content .small ul li a:link, #content .small ul li a:visited { text-decoration: none; }

#content .small ul li a:hover, #content .small ul li a:active { text-decoration: none; }

#content .small ul li.current_page_item, #content .small ul li.current_page_item a { font-weight: bold; }

#content .small ul li.current_page_item ul li a { font-weight: normal; }

#content .small ul li ul { border: 0; }

#content .small ul li input, #content .small ul li select { margin-bottom: 0; }

#content .small ul li span.recent_date {
padding-left: 3px;
font-size: 80%;
font-weight: bold;
color: #889763;
}

#content .sidebar ul li a:hover { text-decoration: none; }

#content .small ul ul {
border: 0;
padding: 0;
}

#content .small ul ul li {
border: 0;
padding: 3px 0;
background: url('images/bullet.gif') no-repeat 3px center;
padding-left: 14px;
}

/*Flickr sidebar*/
#content .sidebar .flickrtable {
float: left;
clear: none;
margin-right: 0;
list-style-type: none;
}

#content .sidebar .flickrtable li {
background: transparent;
margin: 0;
padding: 0;
}

#content .sidebar .flickrtable a img {
margin: 0 3px 3px 0;
border: 3px solid #F8F5D9;
}

/*Ads sidebar*/
#content #ads.sidebar {
height: 100%;
overflow: auto;
border: 0;
}

#content #ads.sidebar img {
float: left;
border: 0;
margin: 6px 0 0;
padding: 0;
}

/* CREDITS
========================================== */
#footer {
margin-top: 20px;
background-color: #fff;
border: 6px solid #F8F5D9;
}

#footer .container { width: 868px; }

#footer .grid { padding: 20px 0; }

#footer .grid .sidebar, #footer .grid .tabberlive {
margin: 0;
padding: 0 20px;
width: 248px;
float: left;
clear: none;
border-left: 1px solid #F8F5D9;
}

#footer .grid .sidebar ul { padding-bottom: 0; }

#footer .grid .sidebar ul li {
padding-left: 12px;
background-position: 0px 8px;
}

#footer .grid .sidebar h3 { padding: 0 0 12px; }

#footer .grid .sidebar.one { border: 0; }

#footer .grid p a, #footer .grid p a:visited { color: #E04622; }

/* CREDITS
========================================== */
#credits {
clear: both;
width: 100%;
padding: 12px 0 0;
}

#credits p {
padding: 0 20px 12px 0;
margin: 0;
color: #BDAEB4;
font-size: 90%;
}

#credits a, #credits a:visited { color: #39362F; }

#credits a:hover, #credits a:active { color: #F86733; }

#credits ul.nav {
padding: 0 0 12px;
text-align: center;
font-size: 90%;
}

#credits ul.nav li {
color: #39362F;
margin: 0;
display: inline;
}

#credits ul.nav li a {
display: inline;
margin: 0;
padding: 0px 6px 0px 4px;
border-right: 1px solid #BDAEB4;
}

#credits ul.nav li a, #credits ul.nav li a:visited { }

#credits ul.nav li a:hover, #credits ul.nav li a:active { }

#credits ul.nav li a.top {
border: 0;
padding-right: 0;
}

/* WIDGETS AND PLUGINS */
/* Search form
========================================== */
form#search-form {
height: 23px;
margin: 0;
position: relative;
}

form#search-form input.text, form#search-form label.overlabel-apply { font-size: 110%; }

form#search-form input.text {
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 13px;
padding: 4px 3px 4px 4px;
margin: 0;
z-index: 0;
border: 3px solid F8F5D9;
}

form#search-form input.button-search {
position: absolute;
top: 0;
right: 0;
margin: 0;
display: block;
line-height: 100%;
width: 27px;
height: 23px;
border: 0;
text-transform: uppercase;
font-size: 90%;
text-align: center;
background-color: #FF0204;
color: #fff;
}

form#search-form label.overlabel {
display: none;
position: absolute;
top: 0;
left: 0;
}

form#search-form label.overlabel-apply {
display: block;
color: #39362F;
position: absolute;
top: 7px;
left: 6px;
margin: 0;
z-index: 1;
cursor: text;
line-height: 90%;
font-size: 90%;
}

/* Calendar
========================================== */
#wp-calendar { width: 100%; }

#wp-calendar caption {
color: #39362F;
text-align: right;
}

#wp-calendar th {
color: #39362F;
font-size: 80%;
padding-left: 0;
padding-right: 0;
}

#wp-calendar a { font-weight: bold; }

#wp-calendar tfoot td { text-align: left; }

#wp-calendar tfoot td#next { text-align: right; }

#wp-calendar td#today { background-color: #f3f3f3; }

/* Tabbed Widgets
========================================== */
/* hide the non-active tab content */
.tabberlive .tabbertabhide { display: none; }

/*
.tabber = before the interface is set up
.tabberlive = after the interface is set
*/
.tabber {
margin-right: 1px;
margin-top: 0;
}

.tabberlive { margin: 12px 0 0px 20px; }

#content .tabberlive .sidebar { margin: 0; }

#content .tabberlive ul, .tabberlive ul li {
border: 0;
padding: 3px 0;
}

#content .tabberlive .sidebar ul { padding: 0; }

/*
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
*/
.tabberlive, #content ul.tabbernav, #content ul.tabbernav li a, #content .tabberlive .tabbertab { border: 0; }

/*
#content .tabberlive .tabbertab,
*/
#content ul.tabbernav li.tabberactive a {
background-color: #AEC900;
color: #fff !important;
}

#content ul.tabbernav {
background-color: transparent;
border-bottom-width: 1px;
padding: 1px 0;
}

#content ul.tabbernav li {
font-size: 90%;
text-transform: uppercase;
line-height: 175%;
margin: 0;
margin-right: 2px;
padding: 0;
border: 0;
list-style: none;
display: block;
float: left;
background: none;
}

#content ul.tabbernav li a {
color: #39362F;
background-color: #fff;
padding: 3px 6px 2px;
border-width: 1px;
border-bottom: 0;
text-decoration: none;
display: block;
float: left;
white-space: nowrap;
}

#content ul.tabbernav li a:link { color: #39362F; }

#content ul.tabbernav li a:hover {
color: #39362F;
text-decoration: none;
}

#content ul.tabbernav li.tabberactive a { }

#content ul.tabbernav li.tabberactive a:hover {
color: inherit;
cursor: default;
}

/*
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
*/
#content .tabberlive .tabbertab {
padding: 12px 20px;
padding-left: 0;
padding-right: 0;
border-width: 1px;
border-top: 0;
}

/* hide the heading since its on the tab */
#content .tabberlive .tabbertab h2, #content .tabberlive .tabbertab h3 { display: none; }

.clear { clear:both; }

.cft {
float:left;
width:100%;
}

/* CATEGORY POSTS
----------------------------------------------------------------------------------*/
#sidebar-left .widget_categoryposts h3 a {
color:#FF0204 !important;
margin:0;
font-weight:bold !important;
}