/*  
Theme Name: TP4WW Hawaii
Theme URI: http://www.webconsiderations.com/tp4ww
Description: TP4WW Hawaii, with threaded comments, was created for Thom Robinson of TP4WW.com. <p>It is a creative and colorful theme created specifcally for Thom who lives in O'ahu Hawai'i. <p><a href="http://www.webconsiderations.com/tp4ww/">TP4WW Hawaii Theme</a> was built by <a href="http://www.webconsiderations.com/">Web Considerations, LLC.</a>
Version: 1.0 
Tags: brown, green, white, two-columns, fixed-width, right-sidebar
Author: Bert Hixson 
Author URI: http://www.webconsiderations.com
The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php
*/

body {
	font-family: "Maiandra GD", Tahoma, Arial;
	font-size: 110%;
	color: #000000;
	background-color: #F4EDD7;
	padding: 0;
	margin: 0px;
	background-image: url(assets/images/beach-starfish3.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: left bottom;
	z-index: 8;
}
#masthead {
	color: #999999;
	background-color: #FFFFFF;
	margin: 0;
	background-image: url(assets/images/water-header.jpg);
	background-repeat: repeat-x;
	height: 293px;
	padding: 0px;
}

#masthead .content {
	height: 175px;
	margin-left: 52px;
}

#masthead img {
	border: 0px;
}
#wrapper {
	margin: 0;
}
#column_wrapper {
	margin-top: -118px;
	width: 1134px;
	float: left;
	background-image: url(assets/images/column-wrapper-ray.jpg);
	background-repeat: no-repeat;
	background-position: 52px 0px;

}

.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
#center {
	width: 600px;
	float: left;
	background-image: url(assets/images/center-back.jpg);
	background-repeat: repeat-y;
	margin-bottom: 50px;
}

#center_top, #center_bottom {
	width: 600px;
	float: left;
	background-image: url(assets/images/center_top.jpg);
	background-repeat: no-repeat;
	height: 115px;
}
#center_bottom {
	background-image: url(assets/images/center_bottom.jpg);

}
#center_bottom img {
	margin-top: 92px;
	margin-left: 170px;
}

#left {
	width: 100px;
	float: left;
}

#right {
	width: 335px;
	float: left;
	padding-top: 110px;
	margin-left: 1px;
}

#right_top, #right_bottom {
	width: 225px;
	float: left;
	background-image:url(assets/images/right-top.jpg);
	background-repeat: no-repeat;
	height: 225px;
}

#right_bottom {
	background-image:url(assets/fireworks/right-bottom.png)!important;
	background-image:url(assets/images/right-bottom.jpg);
	background-repeat: no-repeat;
	height: 184px;
}

#right_images {
	height: 700px;
	width: 102px;
	float: right;
	position: relative;
	top: 85px;
	right: 18px;
	background-image: url(assets/fireworks/right-images.png)!important;
	background-image: url(assets/images/right-images.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

#center .content {
	font-size: 0.75em;
	line-height: 1.65em;
	padding-top: 75px;
	padding-right: 40px;
	padding-bottom: 24px;
	padding-left: 40px;
	color: #663300;
}

#center .content h1 {
	margin-top: 60px;
	margin-bottom: 5px;
}

#left .content {
	font-size: 0.75em;
	line-height: 1.5em;
	margin-bottom: 175px;
	padding-top: 24px;
	padding-right: 16px;
	padding-bottom: 24px;
	padding-left: 16px;
}

#left2 .content {
	font-size: 0.75em;
	line-height: 1.5em;
	margin-bottom: 175px;
	padding-top: 24px;
	padding-right: 16px;
	padding-bottom: 24px;
	padding-left: 16px;
}
#right .content {
	font-size: 0.75em;
	line-height: 1.5em;
	background-image: url(assets/fireworks/rt-side-back.png)!important;
	background-image: url(assets/images/rt-side-back.jpg);
	background-repeat: repeat-y;
	color: #993300;
	padding-top: 24px;
	padding-right: 16px;
	padding-bottom: 24px;
	padding-left: 16px;
	width: 185px;
}

.widgets li {
	list-style-type: none;
	margin-left: -30px;
}

#footer .content {
	padding: 12px 16px 0 275px;
	color:#990000;
}

#footer .content a:link, #footer .content a:visited {
	color:#006600;
}

#footer .content a:hover {
	color:#990000;
	text-decoration:none;
}

#footer {
	color: #999999;
	padding: 0px;
	font-size: 0.7em;
	clear: both;
	height: 0px;
	z-index: 6;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#title {
	width: 445px;
	height: 291px;
	position: absolute;
	top: 0px;
	right: 0px;
}

#corner_flower {
	background-image: url(assets/fireworks/corner-flower.png)!important;
	background-image: url(assets/images/corner-flower-ie6.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 275px;
	width: 300px;
	position: fixed;
	bottom: 0px;
	z-index: 5;
}

#palm_tree {
	background-image: url(assets/fireworks/palm-tree.png)!important;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 409px;
	width: 272px;
	position: fixed;
	bottom: 0px;
	z-index: 1;
	right: 0px;
	float: right;
}

.menulist {
	margin: 6px 0 12px 0;
	padding: 0;
	list-style-type: none;
}
#left a:link {
	color: #9B7C00;
}
#left a:visited {
	color: #333333;
}
#left a:hover {
	color: #000000;
}
#center a:link {
	color: #9B7C00;
}
#center a:visited {
	color: #333333;
}
#center a:hover {
	color: #000000;
}
#right a:link {
	color: #000000;
}
#right a:visited {
	color: #333333;
}
#right a:hover {
	color: #826800;
}
#wrapper .menulist a, #wrapper .menulist a:visited {
	color: #000000;
	border-left: 6px solid #FFD940;
	padding: 0 0 0 6px;
}
#wrapper .menulist a:hover {
	border-color: #000000;
}
#footer a:link {color: #999999;}
#footer a:visited {color: #666666;}
#footer a:hover {color: #FFFFFF;}
.p7uberlink {
	font-weight: bold !important;
	letter-spacing: .15em;
	border-color: #000000 !important;
}
h1 {
	font-size: 1.8em;
}
h2 {
	font-size: 1.6em;
	margin: 30px 0 0 0;
}
h3 {
	font-size: 1.25em;
	margin: 30px 0 0 0;
}
h4 {
	font-size: 1.1em;
	margin: 20px 0 0 0;
}
.nomargintop {margin-top: 0;}
.content p {
	margin: 12px 0;
}

/* Form Styling */
input, textarea {
	border: 1px solid #996600;
}

.formdata #submit {
	margin-left: 270px;
}

.formstyle {
	margin-left: -40px;
}

.formstyle2 {
	width: 75%;
}

#formtitle {
	font-size: 1.5em;
	color: #990000;
	/*width: 450px;
	margin: 15px auto;
	height: 150px;
	background-image: url(assets/fireworks/speak.png);
	background-repeat: no-repeat;
	background-position: center center;*/
}
/* End Form Styling */

/* Right menu styling */
#p7PMnav, .widgets {
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
#p7PMnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#p7PMnav ul {
	margin: 0;
	padding: 0;
	border: 1px solid #000000;
	z-index: 10000;
}
#right #p7PMnav a, .widgets li a {
	display: block;
	text-decoration: none;
	padding: 4px 10px;
	color: #963508;
	line-height:1;
}
#right #p7PMnav a:hover, #right #p7PMnav a:active, #right #p7PMnav a:focus {
	background-color: #4C6842;
	color: #FFFFFF;
	letter-spacing: 0.01px;
}

/* ------ the current page marker style ------ */
#p7PMnav .p7PMmark {
	color: #333333;
	font-weight: bold;
}
/* ------ the trigger link styles ------- */

/*the normal trigger link */
#p7PMnav .p7PMtrg, #p7PMnav .p7PMtrg2, #p7PMnav .p7PMon {
	background-image:  url(assets/images/p7pm/p7PM_dark_east.gif);
	background-repeat:	no-repeat;
	background-position: right center;
}
/* the active trigger link style */
#p7PMnav .p7PMon {
	background-color: #4C6842;
	color: #CCCCCC;
}

/*the submenu classes */

#p7PMnav .p7PMhide {
	left: -9000px;
	border: 0;
}
#p7PMnav .p7PMshow {
	left: auto;
	z-index: 20000 !important;
}
/* Top level menu width */
#p7PMnav {
	width: 180px;
}
/* 2nd and subsequent Submenu widths */
#p7PMnav ul {
	width: 180px;
	background-color:#99CC66;
	color:#000033;
}
#pmmcrumb {
	font-weight: bold;
	margin-bottom: 16px;
	color: #333333;
}
#pmmcrumb a, #pmmcrumb a:visited {
	font-weight: normal;
	color: #5A69A5;
}
#pmmcrumb a:hover, #pmmcrumb a:active, #pmmcrumb a:focus {
	font-weight: normal;
	color: #333333;
}
/* End of right menu styling */

/* This section helps control the placement of images in pages or posts. WordPress by default, assigns classes when you insert the image. This will help to make sure they go where you want. */

/* Comments Styling */


.commentlist li {
	list-style-type: none;
	border: 1px solid #C18D2A;
	margin-top: 25px;
	margin-bottom: 45px;
	padding: 25px 15px;
	margin-left: -25px;
}

.avatar_vcard {
	height: 75px;
	position: relative;
	left: -40px;
	top: -40px;
	background-image: url(assets/images/avatar.jpg);
	background-repeat: no-repeat;
	padding: 5px;
}

.commenttext {
	margin-top: -45px;
	margin-bottom: 35px;
}

.commentauthor {
	color:#990000;
	font-size: 1.3em;
	position: relative;
	left: 95px;
	top: -45px;
	font-weight: bold;
}

.commentmetadata {
	position: relative;
	left: 95px;
	top: -45px;
}

.reply {
	margin-right: 25px;
	text-align: right;
	margin-bottom: 25px;
}

.alt {
	background-color:#99CC66;
	border: 1px solid #006600;
}

/* End comments styling */

.postmetadata {
	text-align: right;
}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}

.alignright {
    float: right;
	margin: 25px;
}

.alignleft {
    float: left;
	margin: 25px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

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

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

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* This end the section that handles the pages or post image placement. */

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 180px;
}

#right #wp-calendar a, #right #wp-calendar a {
	display: block;
	border: none;
	margin: 1px;
	padding: 0px;
	background-color:#006600;
	color:#FFFFFF;
}

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

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

#wp-calendar caption {
	text-align: left;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */

.navigation  {
	color: #663300;
}