/*
Theme Name: 37 Stars Scenic
Theme URI: http://www.37stars.com/
Description: Based on the GPeece theme from http://3oneseven.com/wp-themes/
Version: 0.1
Author: Eric Cockrell
Author URI: http://www.37stars.com/
*/

* {margin:0;padding:0;} 

html {
height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */
background:#fff; /*color background - only works in IE */
font-size:80%; /*set default font size */
font-family:"trebuchet ms", tahoma, verdana, arial, sans-serif; /* set default font */
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow:hidden; /*get rid of scroll bars in IE */
/* */
}

body {
/*background: #06284e url('images/bg1.jpg') top center fixed no-repeat;*/
/*background: #06284e url('images/bg2.jpg') top center fixed no-repeat;*/
background: #06284e url('images/bg3.jpg') bottom center fixed no-repeat;	/* Boats on the beach */
/*background: #06284e url('images/bg4.jpg') bottom center fixed no-repeat;*/
/*background: #06284e url('images/bg5.jpg') bottom center fixed no-repeat;*/
/*background: #06284e url('images/bg6.jpg') bottom center fixed no-repeat;*/
/*background: #06284e url('images/bg7.jpg') top center fixed no-repeat;		/* Crashing waves */
/*background: #06284e url('images/bg8.jpg') bottom center fixed no-repeat;		/* Hale Akala  */
/*background: #06284e url('images/bg9.jpg') center center fixed no-repeat;		/* Hana Bay */
/*background: #06284e url('images/bg10.jpg') bottom center fixed no-repeat;	/* Hwy 137 */
/*background: #06284e url('images/bg11.jpg') bottom center fixed no-repeat;	/* Ke'e Beach */
/*background: #06284e url('images/bg13.jpg') bottom center fixed no-repeat;	/* Hele On */
/*background: #06284e url('images/bg14.jpg') bottom center fixed no-repeat;	/* Blue Ocean */
border:0; /* remove borders */
height:100%; /* fix height to 100% for IE */
margin:0; /* remove margins */
max-height:100%; /* fix height for other browsers */
overflow:hidden; /*get rid of scroll bars in IE */
padding:0; /*remove padding */
}

h1, h2, h3, h4, h5, h6, a {color: #ff9500;}

h1, h2, h3, h4
{ 
border: 0px;
margin: 1em 0px 0px 0px;
padding: 0px;
}

h2.article-title
{
margin: 0px;
}

/*
h3, h4
{
border: 0px;
color: #ccc;
margin: 0px;
padding: 0px;
}
*/

h4
{
color: #468bf2;
}

ul { margin-left: 2em /*24px*/; }

.inner{padding:12px 24px;}
.clear{clear:both;}
.pad2 {display:block; height:100px;}
.loading { background: url(images/loading.gif) no-repeat center center; width: 48px; height: 47px;}

#title
{
display:block; 
height: 78px;
left: 18px;
margin:0; 
position:absolute; 
top: 18px; 
z-index:2; 
}

#title img
{
border: 0px;
}

#page{
background:transparent;
display: block;
height: 100%;
margin: 0px auto; 
max-height: 100%;
overflow: auto;
position: relative;
word-wrap: break-word;
z-index:3;
}

#wrap{
margin: 0px auto; 
width: 900px;
}

#content {
background: transparent;
margin: 140px auto 0px;
padding: 0px;
/*padding-left: 200px;*/
width: 100%;
}

#contentleft, #contentright {
background: transparent;
display:inline;
float: left;
margin: 12px;
/*padding: 5px 0;*/
width: 423px;
}

#contentright {
float: right;
}

.project {
/*border-bottom: 1px #707070 dashed;*/
margin-bottom: 12px;
}

.thumbnail {
border: 1px solid #000000;
display: inline;
float: left;
}

.thumbnail a {
border: none;
}

.project-description {
display: inline;
float: left;
margin-left: 18px;
margin-right: 12px;
width: 66%;
}

/*
.contentindex {
background: transparent;
margin: 24px auto;
width: 80%;
}

#contentpage {
background: transparent;
float: left;
margin: 12px auto;
width: 640px;
}
*/

#footer
{
background: url('images/footer-bg.png') repeat-x;
border-top:1px solid #2222;
bottom:-1px; 
color:#eee; 
display:block; 
height: 53px;
margin:0; 
position:absolute; 
/*right: 18px;*/
text-align:center; 
/*font-size:2em; */
width:100%; 
z-index:4; 
}


#footer a { 
color: #ff9500; 
}

#footer a:hover { 
color: #ff9500;	/*#02b10a; */
text-decoration: underline;
}

#footer-menu {
display:inline;
float: left;
padding: 16px 0px 0px 12px;
}

#footer-menu li {display: inline;list-style-type: none;margin: 0;padding: 0;}	
#footer-menu ul {margin: 0;padding: 0;}
#footer-menu ul li a {
font: .8em;
border-left: 1px solid #707070;
color: #ffffff;
margin: 0;
padding: 0 10px;
text-decoration: none;
text-transform: lowercase;
}
#footer-menu ul li a.home {border: none;}
#footer-menu ul li a:hover {color: #ff9500;}

#footer-copyright {
display:inline;
float: right;
padding: 16px 12px 0px 0px;
}


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.xsnazzy {color:#eee; margin:1em;}
/*.xsnazzy h1, .xsnazzy h2 , .xsnazzy p {margin:0 10px; letter-spacing:1px;}*/
/*.xsnazzy h1 {font-size:2.5em; color:#fc0;}*/
/*.xsnazzy h2 {font-size:2em; color:#234; border:0;}*/
.xsnazzy p{padding-bottom:0.5em; color:#eee;}
/*.xsnazzy h2 {padding-top:0.5em; padding-left:10px;}*/

.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
/*.xsnazzy span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #7f7f9c; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}
*/

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:url('images/content-bg.png') top left repeat; border-left:1px solid #fff; border-right:1px solid #fff;}

.xb1 {margin:0 8px; background:#fff;}
.xb2 {margin:0 6px; background:#fff;}
.xb3 {margin:0 4px; background:#fff;}
.xb4 {margin:0 3px; background:url('images/content-bg.png') top left repeat; border-width:0 5px;}

.xb5 {margin:0 2px; background:url('images/content-bg.png') top left repeat; border-width:0 4px;}
.xb6 {margin:0 2px; background:url('images/content-bg.png') top left repeat; border-width:0 3px;} 
.xb7 {margin:0 1px; background:url('images/content-bg.png') top left repeat; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:/*#7f7f9c*/ url('images/content-bg.png') top left repeat; border:3px solid #fff; border-width:0 3px;}