/*
Theme Name: TikiBrand
Theme URI: http://blog.tikikitchen.com/
Description: A theme based on the 960.gs Grid System. 
Version: 1.00
Author: Aric Harris
Tags: mantle color, variable width, two columns, widgets
*/

HTML, BODY {
	height: 100%;
}

BODY {
	background: url('/wp-content/themes/tikiBrand/img/bg_main_1020x752.jpg');
	font: normal normal 12px/1.5em Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}

a {
	color: #e76f00;
	text-decoration: none;
}

a img {
	border: none;
}

a:hover {
	text-decoration: underline;
}

acronym, abbr {
	border-bottom: 1px dashed #333;
}

acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: .07em;
}

acronym, abbr {
	cursor: help;
}

blockquote {
	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
}

cite {
	font-size: 90%;
	font-style: normal;
}

h2 {
	font-size: 95%;
	letter-spacing: 0.2em;
	margin: 0 0 0 0;
	padding-bottom: 2px;
}

h3 {
	margin-top: 0;
}

ol#comments li p {
	font-size: 100%;
}

.clear { clear: both; }

/* classes used by the_meta() */
ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.credit {
	background: #90a090;
	border-top: 3px double #aba;
	color: #fff;
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 3px;
	text-align: center;
}

.credit a:link, .credit a:hover {
	color: #fff;
}

.meta, .feedback {
	clear: both;
	color: #ccc;
	font-size: .85em;
	margin-right: 20px;
	text-align:right;
}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta, .meta a {
	color: #808080;
	font-weight: normal;
	letter-spacing: 0;
}

.storytitle {
	margin: 0;
}

.storytitle a {
	text-decoration: none;
}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}

#commentform textarea {
	width: 100%;
}

ul#commentlist, #comments ol {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
}


ol#comments li p {
	font-size: 100%;
}

ul#commentlist li,
#comments ol li {
	background: url('/wp-content/themes/tikiBrand/img/bg_content_2x2.png');
	margin-bottom: 1em;
}

#comments ol li dl {clear: both; margin: 0 0 0 0; padding: 0 0 0 0; }

#comments ol li dt { float: left; font-size: 11px; width: 160px;line-height: 14px; }
#comments ol li .inner { padding: 1em; }
#comments ol li dd { margin-left: 160px; width: 480px; border-left: 1px solid #ccc;
	background: url('/wp-content/themes/tikiBrand/img/bg_content_2x2.png'); min-height: 125px; }
#comments ol li a.avatar img { display: block; padding: 4px; background: #eee; border: 1px solid #ccc; margin-bottom: 6px; float: left; margin-right: .5em;}
#comments ol li a.avatar:hover img { background: #e7e7e7; border: 1px solid #e76f00; margin-bottom: 6px;}
ul#commentlist li p {
	margin: 0 0 1em 0;
	padding: 0 0 0 0;
}

ul#commentlist li p.nomargin {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}

#commentlist li .avatar {
	float: right;
	margin-right: 25px;
	border: 1px dotted #ccc;
	padding: 2px;
}

* html #wrapper {
	height: 100%;
}

/* CONTACT INFORMATION */
#utilities {
	background: #333 url('/wp-content/themes/tikiBrand/img/bg_utili_9x37.gif') repeat-x 0 0;
	color: white;
	font: 13px/13px Georgia, "Times New Roman", Times, serif;
	height: 35px;
}

#utilities p {
	margin: 0 auto;
	padding: 11px 0 0 0;
	width: 960px;
	text-align: right;
}

#utilities li {
	display: inline;
	list-style: none none;
	margin: 0 0 0 .25em;
	letter-spacing: 1px;
}

#utilities li.first {
	border-left: 0 none #fff;
	padding-left: 0;
}

#header {
	background: #e76f00 url('/wp-content/themes/tikiBrand/img/bg_mast_1298x200.jpg') no-repeat top center;
	height: 220px;
}

#header .mast {
	height: 200px !important;                     
	margin: 0 auto;
	width: 1020px;
}

#header .left {
	float: left;
	width: 539px;
}

#header h1 {
	padding: 0 0 0 0;
	background: url('/wp-content/themes/tikiBrand/img/bg_flag_626x192.png') no-repeat 0 0;
	margin: -35px 0 0 20px;
}

#header h1 a {
	display: block;
	filter: alpha(opacity = 0);
	-ms-filter: "alpha(opacity = 0)";
	height: 192px;
	opacity: 0;	
	-moz-opacity: 0;	
	width: 606px;
}

#header h5 {
	display: none;	
}

#header ul.navigation {
	position: relative;
	top: -70px;
	left: 227px;
	padding: 10px 0 0 0;
	text-align: left;
	width: 50%;
	z-index: 50;
}

#header ul.navigation li {
	display: inline;
	list-style-image: none;
	list-style-type: none;
	margin-right: 15px;
}

#header ul.navigation li a {
	font: 24px Georgia, "Times New Roman", Times, serif;
	color: #333;
}

/* #header ul.navigation li.current_page_item { background: #fafaf7;} */

#header #feature {
	color: #fff;
	float: right;
	font-size: 10px !important;
	padding: 20px 0 0 0;
	height: 280px;
	text-align: left;
	width: 390px;
}

#header #feature a {
	color: #01515c;
	font-weight: bold;
}

#header #feature h2 {
	font: italic normal 36px Georgia, "Times New Roman", Times, serif;	
}

#header #feature h2 a {
	color: #fff;
	font-weight: normal;
}

#header #feature  H4 {
	color: #fff;
	font-size: 10px !important;
	margin: 0;
	padding: 0;		
}

#header #feature  H5 {
	color: #fff;
	margin: 1em 0;
	padding: 0;		
}

#header #feature  p {
	color: #fff;
	font-size: 14px !important;
	margin: 1em 0;
	padding: 0;		
}

.tag {
	background: #666;
	clear: both;
	text-align: right;	
	height: 20px;	
}

#header h3 {
	color: #000;
	font: italic normal 24px Georgia, "Times New Roman", Times, serif;
	padding-top: 3px;
	position: absolute;
	top: 80px;
	left: 820px;
	width: 290px;
	text-align: right;
}

#wrapper {
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 0;
	position: relative;
	text-align: left;
	width: 940px;
}

#content {
	float: left;
	margin: 0;
	width: 640px;
}

.entry {
	background: url('/wp-content/themes/tikiBrand/img/bg_content_2x2.png');
	padding: 20px 0;
	margin-bottom: 20px;
}

#content .storycontent { float: right; width: 400px; position: relative; }
#content .storycontent img { position: relative; }
#content .storycontent img {position: relative; }
#content .head {float: left; width: 220px; }

#content H1,
#content H2.storytitle {
	letter-spacing: 0;
	border-bottom: 1px dashed #999;
	font: 18px Georgia, "Times New Roman", Times, serif;
	font-weight: 200;
	margin: 0 0 .25em 0;
	padding: 0 20px .25em 20px;
}

#content H2 {
	border: none;
	color: #999;
	font: 18px Georgia, "Times New Roman", Times, serif;
	font-weight: 200;
	margin: 0 0 .25em 0;
	padding: 0 0 0 20px;
}

#content H3 {
	border: none;
	border-bottom: 1px dashed #999;
	color: #999;
	font: italic normal 16px Georgia, "Times New Roman", Times, serif;
	margin: .15em 0 .25em 0;
	padding: 0 0 0 20px;
}

#content .staticcontent H3 {
	float: left;
	width: 200px;
}

#content H1 A {
	color: #d14c0f;
}

#content H4.date {
	background: url('img/datebar.png');
	color: #fafaf7;
	height: 35px;
	margin: 0 0 0 0;
	position: relative;
	left: -100px;
	top: -39px;
	width: 100px;
}

#content H4.date span.monthYear { 
	display: block;
	float: left;
	font-size: 12px !important;
	line-height: 15px;
	font-weight: normal;
	padding: 5px 0 0 10px;
	margin-right: 10px;
	width: 30px;
	text-align: center;
}

#content H4.date span.day{ 
	display: block;
	float: left;
	font-size: 30px !important;
	line-height: 15px;
	padding: 0 0 0 0;
	width: 50px;
}

#content P, #content li {
	color: #535353;
	font-size: 13px;
	line-height: 1.5em;
}

#content li { margin-bottom: .1em; margin-right: 20px; }
#content ol li { margin-bottom: 1em; }
#sexycomments li {margin-right: 0em;}

#content P {
	margin: 0 20px 1em 0;
}

#content pre { background: #f1f1f1; border: 1px solid #ccc; overflow: scroll; padding: 5px;}

#content .staticcontent h4 {
	margin: 0 0 .25em 240px;
	padding: 0 0 0 0;
}


#content .staticcontent p {
	margin-left: 240px;
}

#content ul {
	color: #535353;
	margin: 0 20px 1em 0px;
	padding: 0 0 0 0;
}

#content .storycontent ul{
	margin-left: 20px;
}
 
#content .staticcontent ul {
	margin-left: 250px;
}

#content .client ul li {
	font-size: 13px;
}

#sidebar {
	float: right;
	margin: 0 0;
	width: 280px;

}

#sidebar.nobord { border-left: 0 none #ffffff; }

#sidebar h3 {
	margin-bottom: 0;	
}

#sidebar input#s {
	display: inline;
	width: 150px;
	background: #eee;
	border: 1px solid #999;
	padding: 3px 6px;
	color: #000;
}

#sidebar input.btn, #sidebar input#searchsubmit {
	display: inline;
	background-color: #e76f01;
	border: 0 none #fff;
	color: #fafaf7;
	cursor: pointer;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 3px 6px;
	width: auto;
}

#sidebar ul {
	font-weight: bold;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
}

#sidebar ul li ul {
	font-weight: normal;
	margin-left: 15px;
}

#sidebar .content ul {
	font-weight: normal;
}

#sidebar ul.marg {
	margin-bottom: 1em;
}

#sidebar  ul li {
	font-size: 12px;
	margin: 0 0 20px 0;
	padding: 10px; /*border-bottom: dotted 1px #ccc;*/
}

#sidebar  ul li ul {
	margin-bottom: 1em;
}

#sidebar  ul li ul li {
	font-family: Georgia, Times, 'Times New Roman', Serif;
	color:#fafaf7;
	background: transparent; 
	border: 0 none #fff;
	margin: 0 0 0 0;
	padding: 4px 0 0 0 !important;
}

	
	
#sidebar form {
	margin: 0 0 1em 0 !important;
	padding: 0;
}

#sidebar #search {
	margin: 0 0 1.5em 0 !important;
}

#sidebar form label.screen-reader-text {
	display: block;
}

#sidebar li span.hed,
#sidebar li.hed,
#sidebar label,
#sidebar h3,
span.twitter-span {
	font-family: Georgia, Times, 'Times New Roman', Serif;
	font-weight: normal !important;
	color:#fafaf7;
	font-size: 18px;	
}

#sidebar label,
#sidebar h3 { margin-bottom: .25em; padding-bottom: .25em; }

#bottom {
	clear: both;
	display:table;
	margin: 0 auto;
	text-align: left;	
	width: 940px;
}

#bottom .pad {
	padding: 20px;	
}

#bottom #sidebar {
	float: none;	
}

#bottom h3, .content h3 { 
	font: normal normal 16px/1em Georgia, "Times New Roman", Times, serif;
	margin: 0 0 .5em 0;
	padding: 0 0 .5em 0;
}

#bottom p, .content p { 
	font: italic normal 12px/140% Georgia, "Times New Roman", Times, serif;
	margin: 0 0 0 0;
	padding:  0 0 0;
}


#sidebar p.intro { 
	color: #fafaf7;
	font: italic normal 14px/140% Georgia, "Times New Roman", Times, serif;
	margin: 0px 0 0 0;
	padding:  0 0 0;
}

#bottom p.intro, .content p.intro, #sidebar p.intro { 
	font: italic normal 14px/140% Georgia, "Times New Roman", Times, serif;
	margin: 0px 0 1em 0 !important;
	padding:  0 0 0;
}


#bottom ul, .content ul { 
	margin: 0 0 0 15px;
	padding: 0 0 0 0;
}


#bottom li, .content li, #sidebar li li { 
	letter-spacing: none;
	list-style: disc;
	font: italic normal 12px/16px Georgia, "Times New Roman", Times, serif important;
	margin-bottom: .25em;
}

#sidebar li li a {
	color: #fafaf7;
	text-decoration: underline;
}

/* SPECIAL BOXES */
#about, #skills, #contact, #sidebar li {
	background: url('img/bg_bottom_2x2.png');
	padding: 10px;
	margin-bottom: 20px;
}

#skills {
	margin: 20px 0;
}

#about, #skills {
}

#about {
	/* width: 398px; */
}

#skills {
}

#contact {
	/*width: 278px;*/
}

#contact .contactform form {
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
}

#contact .contactform form ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#contact .contactform form li {
	clear: both;
	font-size: 11px !important;
	list-style: none none;
	margin-bottom: .75em;
}

#contact .contactform form label {
	display: block;
	float: left;
	font-size: 11px !important;
	font-family: Georgia, Times, 'Times New Roman', Serif;
	margin: 0 0 0px 0 !important;
	padding: 0 0 0 0 !important;
	width: 105px;
}

#contact .contactform form input.input {
	border: 1px solid #9a9898;
	float: right;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	height: 18px;
	margin: 0 0 3px 0 !important;
	padding: 0 0 0 0 !important;
	width: 125px;
}

#contact .contactform form input.catch {
	float: left;
	margin-bottom: 1em;
	width: 50px;
}

#contact .contactform form label.catch {
	width: 128px;
}

#contact .contactform form textarea {
	border: 1px solid #9a9898;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	height: 75px;
	margin-bottom: .5em;
	width: 100%;	
}

#contact .contactform form p.btn {
	background-color: #ccc;
	border: 1px solid #333;
	margin-top: 18px;
	margin-bottom: 0;
	padding: 1px;
	width: 100px;
}

#contact .contactform form input.btn, input#searchsubmit {
	background-color: #e76f01;
	border: 0 none #fff;
	color: #fafaf7;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 3px 0;
	width: 100%;
}

#contact .contactform form label.chk {
	width: 125px;
	margin-bottom: 1em;
}

#sidebar .content {
	color: #fafaf7;
	padding: 10px;
}


#sidebar .content ul { margin-left: 15px;}


#sidebar .content ul li {
	background: transparent !important;
	border: 0 none #000 !important;
	margin-bottom: .25em !important;
	padding: 0 0 0 0 !important;
}

#footer {
	background: url(img/logo_footer_93x50.gif) no-repeat 0 0;
	clear: both;
	font-size: 11px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	text-align: left;
	width: 940px;
}

#footer h5 {
	display: none;
}

#footer a {
	color: #e76f00;
}

#footer ul, #footer p {
	font-size: 11px;
	margin: 0 0 0 0;
	padding: 0 0 0 113px;
}

#footer ul li {
	font-size: 11px;
	display: inline;
	list-style-image: none;
	list-style-type: none;
	margin: 0 .5em 0 0;
	padding: 0 0 0 0;
}

#footer ul li {
	display: inline;
	list-style-image: none;
	list-style-type: none;
	margin-right: .5em;
}

#wp-calendar {
	border: 1px solid #ddd;
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	width: 90%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}

#wp-calendar caption {
	color: #999;
	font-size: 16px;
	text-align: left;
}

#wp-calendar td {
	color: #ccc;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color: #bbb;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin: 4px 10px 0 0;
}

.alignright {
	float: right;
	border: 1px solid #999;
	margin: 4px 0 0 1em;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions & aligment */
/* Temp Gallery */
#content #galleria H3 {
	clear: both;
}

#content #galleria UL {
	list-style-type: none;
	list-style-image: none;
	margin-left: 240px;
	margin-bottom: 1em;
}

#content #galleria UL LI {
	float: left;
	margin: 0 .5em .3em 0;
	padding: 0 !important;
}

#content #galleria UL LI.last {
	float: left;
	margin-right: 0;
	padding: 0;
}

#content #galleria UL.clear {
	/* padding-top: .5em; */
}

#content A IMG {
	border: 2px solid #999;
	line-height: 0;
	filter: alpha(opacity = 100);
	-ms-filter: "alpha(opacity = 100)";
	opacity: 1;	
	-moz-opacity: 1;
}


#content #galleria A IMG {
	height: 50px;
	width: 50px;
}

#content A:hover IMG {
	border: 2px solid #e76f00;
	line-height: 0;
	filter: alpha(opacity = 50);
	-ms-filter: "alpha(opacity = 50)";
	opacity: .5;	
	-moz-opacity: .5;	
}

.margintop { margin-top: 1em !important; }

.pages { font: italic normal 13px/13px Georgia, Times, 'Times New Roman', Sans-Serif; margin: 0 auto; text-align: left; width: 920px; padding-bottom: 20px;}
.wp-paginate {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a { border:1px solid #ccc; color:#666; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;
	background: url('/wp-content/themes/tikiBrand/img/bg_content_2x2.png');}
.wp-paginate a:hover, .wp-paginate a:active { border:1px solid #e76f00; background: #eee; color: #e76f00;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#fff; background: #E76f00; border:1px solid #89adcf; margin-right:4px; padding:3px 6px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
.sIFR-active #utilities ul li, .sIFR-active #feature h2, .sIFR-active #header ul.navigation li, .sIFR-active #header h3, .sIFR-active #content h2.storytitle, .sIFR-active #content h2, .sIFR-active #content h3, .sIFR-active #content h3#comments, .sIFR-active #content h4.date span.monthYear, .sIFR-active #content h4.date span.day, .sIFR-active #bottom h3, .sIFR-active .content h3, .sIFR-active .content .staticcontent h4, .sIFR-active #sidebar li.hed, .sIFR-active #sidebar span.hed, .sIFR-active #sidebar label.screen-reader-text, .sIFR-active #sidebar h3, .sIFR-active #sidebar span.twitter-span{
    font-family: Verdana;
    visibility: hidden;
  }

}