/*  
Theme Name: Hawaiian Canoe Club
Description: jQuery enhanced Theme
Version: 1
Author URI: http://belikeliquid.com


*/


/*small reset*/
body, ul, ol, li, p, h1,h2, h3, h4, h5, h6, form, blockquote, dl, dd, dt{
	margin:0;
	padding:0;
}

body{
	font: normal 12px Verdana, Helvetica, Arial, sans-serif;
	line-height:1.5em;
	background-color: #002d68;

}
#wrapper{
	background-image:url(images/bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	overflow:hidden;

}
/*basic styles, fonts, imgs etc*/


#top .wp-smiley{
border:none;
background-color:transparent;
}
.clearboth{
clear:both;
} 

.noborder, .noborder img, .noborder a img{
border:none;
margin:0;
padding:0;
background-color:transparent;
}

.alignnone, .fullsize {
float:none;
margin:10px 0;
overflow:hidden;
}
.alignleft{
float:left;
margin:0px 10px 10px 0pt;
overflow:hidden;
}
.alignright{
float:right;
margin:0px 0pt 10px 10px;
overflow:hidden;
}
.aligncenter{
clear:both;
display:block;
margin:0pt auto 1.5em;
overflow:hidden;
}
.floatleft {
float:left;
}
.floatright {
float:right;
} 
p{
padding-bottom:18px;
}

h1, h2, h3, h4, h5, h6{
font-weight:normal;
margin-bottom:10px;
}

h1{font-size:28px;}
h2{font-size:21px;line-height:24px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:13px;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
text-decoration:none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
text-decoration:underline;
}
.post_heading_wrap{
float:left;
position:relative;
}
.post_heading_wrap, h2 a:hover{
text-decoration:none;
}

.post_heading{
display:block;
float:left;
width:470px;
padding-right:10px;
margin-right:10px;
}
.meta{
font-size:10px;
}
.meta_top{
display:block;
float:right;
padding-top:3px;
}

.comment_meta{
height:36px;
left:-37px;
position:absolute;
top:-2px;
width:35px;
}

.comment_meta a{
text-decoration:none;
display:block;
padding:5px 0 0 0px;
text-align:center;
}

.entry_content{
padding-top:10px;
}

.edit_me{
position:absolute;
left:-20px;
top:10px;
}

#top .more-link{
background-position:right 3px;
background-repeat:no-repeat;
padding-right:16px;
text-decoration:none;
}

.clearboth{
clear:both;
}

.content ul, .content ol{
	padding:0 0 15px 30px;
	list-style-position:outside;
	}

blockquote{
	padding:0 0 0px 15px;
	margin: 0 0 15px 15px;
	}

/*IMPORTANT DIVS*/


#sleekslide{
z-index:1;
position:relative;
top:0;
height:360px;
width:980px;
left:0;
}


#top{
	position:relative;
	width:980px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(images/wrap.png);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #001F55;	
}
#top2{
	position:relative;
	width:980px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image:url(images/bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	
}

.big_bg #main{
padding-top:40px;

}

#main{
position:relative;
padding-left:20px;
width:960px;
float:left;

}

.content{
	position:relative;
	width:560px;
	margin-right:60px;
	float:left;
}
.content-page{
	position:relative;
	width:560px;
	margin-right:60px;
	float:left;
}
.content-page p{
	font-size: 10px;
	color: #B7CCD2;
}
.content-page ul li{
	font-size: 11px;
	color: #E9E9E9;
	list-style-image: url(images/bullet.png);
	list-style-position: inside;
}
.content-page ul li ul{
	font-size: 11px;
	color: #E9E9E9;
	list-style-image: url(images/bullet.png);
	list-style-position: inside;
	margin-left: 10px;
}
.content-page h2{
	color: #ccc;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #3399FF;	
}
.content-page h3{
	color: #1ec4ee;
	font-size: 14px;
	padding:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.content-page blockquote{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #003466;
	background-color: #C4D1D7;
	padding: 10px;
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
	border: thick solid #FFFFFF;
}
.content-page .whitediv{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #003466;
	background-color: #fff;
	padding: 10px;
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
	border: thick solid #C4D1D7;
}
.content-page .whitediv img{
	float:left;
}
.content-page blockquote p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003466;
	text-indent: 10px;
	padding-top: 15px;
}
.sidebar{
position:relative;
float:left;
width:320px;
}
.sidebarpages {
position: relative;
}

.sidebarpages h2{
	color: #F0F0F0;
	padding: 10px 0 0 0;
}

/*HEAD*/

#head{
height:150px;

}

.small_bg #head{
height:115px;
}

#head h1{
margin:0;
}

#head h1 a{
position:absolute;
text-indent:-9999px;
left:0px;
top:0;
outline:none;
width:400px;
}

#head .description{
left:-9999px;
position:absolute;
}

.breadcrumb{
padding:0;
position:absolute;
left:20px;
top:80px;
}

/* navigation */

#top #nav{
float:left;
position:absolute;
top:50px;
right:50px;
}


#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:32px; 
z-index:3;

}

#top #nav a{
	display:block;
	padding:0px 15px;
	text-decoration:none;
	text-align:center;
	line-height:33px;
	outline:none;
	font-size: 16px;
}

#top #nav a:hover{
	color: 002d68;
}

#top #nav li{
float:left;
position:relative;
}
#top #nav li:hover{
	background-color: fff;
}
#top #nav li li{
border-left:none;
}

#top #nav ul {
position:absolute;
display:none;
width:170px;
top:33px;
}

#top #nav li ul a{
color:#f4f4f4;
width:140px;
height:auto;
float:left;
text-align:left;
}



#top #nav ul ul{
top:auto;
}	

#top #nav li ul ul {
left:172px;
top:0px;
}

#top #nav li:hover ul ul, #top #nav li:hover ul ul ul,#top  #nav li:hover ul ul ul ul{
display:none;
}
#top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul{
display:block;
}


#top #nav .sub_list, #top #nav .sub_sub_list{
display:none;
}
/*  SLIDER  */



#sleekslide .slideimage{
position:absolute;
padding-bottom:20px;
}

#sleekslide .slideimage_big{
left:50px;
bottom:20px;
}

#sleekslide .slideimage_medium{
left:200px;
bottom:15px;
}

#sleekslide .slideimage_small1{
bottom:10px;
left:50px;
}

#sleekslide .slideimage_small2{
bottom:10px;
left:250px;
}

#sleekslide .intro{
left:600px;
width:340px;
top:50px;
position:absolute;
line-height:25px;
}

#sleekslide .intro h2{
margin-bottom:15px;
font-weight:normal;
font-size:23px;
}

#sleekslide .buttonlinks, .intouch, #top .textwidget .intouch{
display:block;
}

#top .widget_text{
padding:20px;
width:280px;
}

#sleekslide .buttonlinks .next{
margin-right:10px;
visibility:hidden;
}
#sleekslide .slide1{
visibility:visible;
}
.jshide{
visibility:hidden;
}

#sleekslide .buttonlinks a, .intouch , #top .textwidget .intouch{
display:block;
float:left;
line-height:33px;
width:165px;
background-position:top left;
background-repeat:no-repeat;
text-decoration:none;
text-align:center;
text-indent:10px;
border:none;

}
#sleekslide .buttonlinks a:hover, .intouch:hover, #top .textwidget .intouch:hover{
background-position:bottom left;
margin-top:1px;
}

#top .intouch{
float:none;
margin:0 auto;
}
.joinhcc{
	width:165px;
	height:33px;
	background-position:center top;
	background-repeat:no-repeat;
	text-decoration:none;
	text-align:center;
	border:none;
	background-image:url(images/join_1.gif);
	display: block;
	margin: 0 auto;
	color: #006699;
	padding-top: 10px;
	padding-bottom: 10px;
}
.joinhcc:hover{
	background-position:center top;
	margin: 0 auto;
	background-image:url(images/join_2.gif);
}


.slideme{
position:relative;
left:0;
}
.slide1{
z-index:1;
}
.slider_container{
position:absolute;
top:0;
left:0;
height:360px;
width:980px;
}

.notactive{
visibility:hidden;
}

/*CONTENT*/

.entry_content{
clear:both;
position:relative;
padding-bottom:35px;
}


/*widgets allgemein*/



#block1 .widget, #block2 .widget, .widget_block{
width:319px; /*change if sidebarwidth changes*/
padding-top:10px;
margin-bottom:10px;
position:relative;
}


.sidebar ul, .sidebar ol, .footer ul, .footer ol  {
list-style-position:outside;
list-style-type:none;
position:relative;
}


.widget{
clear:both;
padding-bottom:40px;
}
.widget_block{
float:left;
}
.widget_block .widget{
width:100%;
float:left;
overflow:hidden;
position:relative;
}

.widget a, .widget a:visited{
padding:7px 5px;
display:block;
text-decoration:none;
width:309px; /*change if sidebarwidth changes*/
}

.widget a:hover, .widget li:hover a {
text-indent:0;
}

.widget h3{
padding:0px 3px 4px;
margin:0;
}

.widget div{
padding:5px;
}


/* ####### rss widget ####### */
.rss-date{
padding:0px 5px;
color:#od579b;
font-size:10px;
}

.widget_rss cite{
padding:0px 5px 10px 5px;
color:#od579b;
font-size:10px;
display:block;
}

.widget_rss a{
border-top:1px solid #3f3f3f;
}
/* ####### rss widget ####### */


/* ####### recentcomments + widget_archive + textwidget+ categorylink ####### */
#top .widget_archive a, #top .recentcomments a, #top .textwidget a, #top .widget_categories a{
display:inline;
margin:0;
padding:0;
}

.textwidget a{
border:none;
text-decoration:underline;
}
.textwidget a:hover{
text-decoration:none;
}

#top .recentcomments, #top .widget_archive li, #top .widget_categories li{
padding:7px 5px;
display:block;
text-decoration:none;
}

#top .recentcomments a, #top .widget_archive li a, #top .widget_categories li a{
border-bottom:none;
}

/* ####### recentcomments ####### */



/*--------------------calendar--------------------*/
#wp-calendar a, #wp-calendar a:visited {
display:block;
background-image:url(images/bg.jpg);
background-attachment:fixed;
text-decoration:none;
padding:0;
border:none;
width:auto;
}

#wp-calendar a:hover{
display:block;
background-image:url(images/bg_dark2.jpg);
color:#fff;
}

#wp-calendar th {
background-image:url(images/bg_dark2.jpg);
color:#FFF; 
}


#wp-calendar {
empty-cells: show;
width:100%;
text-align:center;

}

#wp-calendar #next a,#wp-calendar #prev a {
background-image:url(images/bg_dark2.jpg);
color:#fff;
text-decoration:none;
display:block;
border:none;
}
#wp-calendar #next a:hover,#wp-calendar #prev a:hover {
background-image:url(images/bg.jpg);
}

#wp-calendar caption {
margin-bottom:5px;
}

/*-------------------- end calendar--------------------*/

/*-------------------- tag cloud--------------------*/
#top .widget_tag_cloud a{
display:inline;
line-height:2em;
border:none;
}


/*-------------------- end cloud--------------------*/
/* SEARCH */

#s, .text_input, .text_area{
padding:5px;
font: normal 12px Verdana, Helvetica, Arial, sans-serif;
}

#searchsubmit, #send, #submit{
padding:4px 20px;
font: normal 12px Verdana, Helvetica, Arial, sans-serif;
}

.text_input{
width:200px;
margin-right:20px;
}
.text_area{
width:540px;
height:150px;
}

fieldset{
border:none;
padding:0;
margin:0;
}

fieldset p, .kontaktformular p{
padding:0 0 5px 0;
}

legend{
font-size:16px;
padding-bottom:10px;
}

.workwork{
float:left;
height:48px;
margin:0 20px 20px 0px;
width:48px;
}

.aboutme{
float:left;
height:48px;
margin:5px 20px 0px 0px;
width:48px;
}

.frontpagebar, #top .widget_search{
padding:20px;
margin-bottom:40px;
width:280px;
}

.footer{

}

.footercontent{
	width:980px;
	margin:0 auto;
	padding: 100px 0 0 0;

}

/*portfolio */

#top .big_prev img{
display:block;
padding:0;
margin:0 auto;
width:500px;
overflow:hidden;
}

#top .big_prev{
padding:25px;
margin-bottom:10px;
}



/* ---------------------- Pagination -------------------*/

.pagination{
bottom:-3px;
clear:both;
display:block;
float:left;
position:relative;
z-index:3;
}
.pagination span, .pagination a{
display:block;
float:left;
font-size:11px;
line-height:13px;
margin: 2px 2px 2px 0;
display:block;
padding:1px 5px 2px 5px;
text-decoration:none;
}

.pagination .current{
font-size:11px;
padding:1px 5px 2px 5px;
}


/*--------------------comments--------------------*/


.admincomment {
width:560px;					
}

.authorcomment{
font-style:italic;
font-weight:bold;
}

.gravatar{
float:left;
width:90px;
height:85px;
position:relative;
}

.comment_entry{
float:left;
width:470px;
}

.comment_entry p{
clear:both;
}

#top .commentlist{
list-style-type:none;
list-style-position:outside;
margin:0;
padding:0;
}

.commentlist li{
clear:both;
float:left;
line-height:1.5em;
padding:5px 0 0;
width:560px;
}
.commentlist li .floatright{
font-size:0.917em;
}

#respond, #trackbacks{
clear:both;
padding-top:20px;
}


.trackback_list{
margin:0 0 30px 20px;
padding:0;
list-style-position:outside;
}


.trackback_list li a{
text-decoration:underline;
}
#comments, #respond, #trackbacks {
margin-bottom:10px;
}

#commentform small {
font-size:0.917em;
font-weight:bold;
}
#commentform small span{
font-weight:normal;
}

#commentform label{
padding-left:5px;
}

.gravatar img{
padding:3px;
}	
#top .wp-smiley{
border:none;
}

.comment_entry .floatright{
padding-right:5px;
}

#commentform{
padding-bottom:40px;
}
/*/////////////////// Style 1 Start \\\\\\\\\\\\\\\\\\\*/

body,.authorcomment,#commentform small span {
color:#f4f4f4;
}


.big_bg,.small_bg,#s,.text_input,.text_area,.content img,.gravatar img {
/*background-color:#fff;*/
}

#sleekslide h2 a,#sleekslide h2 a:visited,#sleekslide .intro,#searchsubmit,#send,#submit,.footer a,.footer a:hover,.pagination .current {
color:#fff;
}

.buttonlinks a,.intouch,#top .textwidget .intouch,#s,.text_input,.text_area,#searchsubmit:hover,#send:hover,#submit:hover,.pagination span,.pagination a,#commentform small,.trackback_list li a,blockquote{
color:#0d579b;
}

blockquote{
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #1ec4ee;
}

#searchsubmit,#send,#submit,.pagination a:hover,.pagination .current {
background-color:#002d68;
}

.pagination span,.pagination a,#top #nav li ul a,.pagination .current {
border:1px solid #13304d;
}

#sleekslide h2 a:hover,#top #nav a,#top #nav li ul a {
color:#f4f4f4;
}

#top .widget_text,.pagination span,.pagination a,#top .big_prev,.frontpagebar,.widget_search {
/*background-color:#E8E8E8;*/
}

a {
color:#fff;
}

a:hover {
color:#1ec4ee;
}

#top #nav {

/*border-right:1px solid #333;*/
}

#top #nav a {
/*border-left:1px solid #333;*/
}

#top #nav li ul a {
background-image: url(images/blue-bg.png);
border: none;
}
#top #nav li:hover {
	background-image: url(images/blue-bg.png);
}
#top #nav li ul a:hover,#top #nav li ul a:focus {
color:#1ec4ee;
}

.slideimage img {
border: none;/*1px solid #4f4f4f;*/
}

.slideimage {

}

.buttonlinks a,.intouch,#top .textwidget .intouch {
background-image:url(images/button.gif);
}

.post_heading {
border-right:1px solid #0d579b;
}

.entry_content {
border-top:1px solid #0d579b;
}

.ajax_valid .text_input,.ajax_valid .text_area {
border:1px solid #70A41B;
}

.ajax_false .text_input,.ajax_false .text_area {
border:1px solid #EE2A00;
}

.ajax_alert .text_input,.ajax_alert .text_area {
border:1px solid #ffb628;
}

#searchsubmit,#send,#submit {
cursor:pointer;
}

#searchsubmit:hover,#send:hover,#submit:hover {
background-color:#f4f4f4;
}

.footer {
	background-image: url(images/footer.png);
	background-position: center center;
	background-repeat: no-repeat;
	height: 130px;
	clear:both;
display:block;
text-align:center;
padding:10px;
}

.content img {
padding:3px;
}

.pagination a:hover {
border:1px solid #222;
color:#2d71b3;
}

.admincomment {
background-color:#002D68;
}

.big_bg {
background-image:url(images/bg.jpg);
}

.small_bg {
 	background-image:url(images/bg.png);
	background-repeat: no-repeat;
	background-position: center;
}

#head h1 a {
width:140px;
height:140px;

}

#sleekslide h2 a:hover {
text-decoration:underline;
}

.workwork {
	background-image:url(images/icon-work.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.aboutme {
background-image:url(images/icon-about.png);
}

.comment_meta {
background-image:url(images/commenticon.png);
}

.more-link {
background-image:url(images/arrow.png);
}

#top .big_prev,.content img,#top .commentlist,.gravatar img,#s,.text_input,.text_area,#searchsubmit,#send,#submit {
border:1px solid #0d579b;
}

.widget a,.widget a:visited,#top .recentcomments,#top .widget_archive li,#top .widget_categories li,.commentlist li {
border-bottom:1px solid #0d579b;
}
/*Footer Extra*/
.bottom {
	list-style: none;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006699;
}
.bottom a{
	color: #006699;
	text-transform: lowercase;
	text-decoration: none;
}	
.bottom a:hover{
	color: #006699;
	text-decoration: underline;	
}
.bottom  li{
	float:left;	
	border-left:1px solid #006699;
	display:inline-block;
	line-height:11px;
	padding:0 6px 0 6px;
	}
.bottom  li.first{
	border-left:0;
	}
.home-con {
	padding-right: 20px;
	padding-left: 20px;
	position: relative;
}
.aloha {
	float: left;
	width: 300px;
	padding: 0 15px 0 4px;

}
.aloha p{
	color: f4f4f4;
	text-align: justify;
}
.aloha2 {
	float: left;
	width: 250px;
	padding: 0 15px 0 15px;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #002d68;
	border-left-color: #002d68;
}
.aloha3 {
	float: left;
	padding-left: 15px;
	width: 300px;	
}
.homelist  {
list-style-position:outside;
list-style-type:none;
position:relative;
padding:0 20px 10px 0;

}
.homelist li {
border-bottom: 1px solid #0d579b;
padding:10px 0 10px 0;
}
.homelist li a {
	text-decoration: none;
}
.event-block strong {
	color: #f7f7f7;
}