/*
Theme Name: Sunbay
Theme URI: Sunbay
Description: The Sunbay theme based on the famous <a href="http://www.kaboomstudio.com">kaboom</a>.
Version: 1.2
Author: Mook Mook & Jang Jang
Author URI: http://www.kaboomstudio.com
Tags: blue, custom header, fixed width, two columns, widgets
*/



/* Begin Typography & Colors */
body {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #849abc;
	text-align: justify;
}
a:link, a:visited {
	text-decoration: none;
	color:#18357A;
}
img {
	border: 1px solid #18357a;
	padding: 1px;
	margin: 2px 0;
}
a img {
	border: none;
}

#logo img { border:none; }
#header {
	background: url(images/sunbay_img.jpg) no-repeat #18357a;
	padding: 98px 0;
}
#header p {
	padding-left: 460px;
	font-size: 14px;
	color: #949abc;
}
.hiliname {
	font-size: 22px;
	color: #fff;
}
#navigation {
	background-color: #18357a;
	text-transform: uppercase;
	padding-top:5px;
}
#navigation ul {
	margin: 0;
	/*padding: 13px 0 15px 5px;
	*padding: 13px 0 15px 5px;*/
	list-style: none;
	font-size: 14px;
	background: url(images/nav_bg.gif) repeat-x bottom;
	height:44px;
	padding-left:0;
}
html>body #navigation ul {
	padding-left:5px;
    *padding-left:6px;
}
#navigation ul li {
	display: block;
	float: left;
	height: 18px;
}

#navigation ul li a:link, #navigation ul li a:visited {
	color: #fff;
}

/* Menu - Hover - */
#navigation ul li a, #navigation ul li a:hover {
	color: #fff;
	/*background:url(images/bg_menu_hover.gif) repeat-x left -2px;*/
	background:url(images/menu_left_cor.gif) no-repeat left top;
	text-decoration: none;
	/* round corner tab - not for IE */
	/*-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px; */
	padding: 11px 0 13px 8px;
	margin:0 5px;
	display:block;
	float:left;
	height:18px;
}
html>body #navigation ul li a, html>body #navigation ul li a:hover { padding: 11px 0 13px 10px; }
#navigation ul li a { background:none; }
html>body #navigation ul li a { background:none; }

#navigation ul li a span, #navigation ul li a:hover span {
	color: #fff;	
	background:url(images/menu_right_cor.gif) no-repeat right top;
    *background:url(images/menu_right_cor.gif) no-repeat right 11px;
	text-decoration: none;
	padding: 11px 8px 13px 0;
	margin:0;
}
html>body #navigation ul li a span, html>body #navigation ul li a:hover span { padding: 11px 10px 13px 0; }

#navigation ul li a span { background:none; }
html>body #navigation ul li a span { background:none; }

#navigation ul li a span span.right-cor, #navigation ul li a:hover span span.right-cor {
	color: #fff;
	background:url(images/bg_menu_hover.gif) repeat-x left -2px;
	text-decoration: none;
	padding: 11px 6px 13px 6px;
    *padding: 11px 3px 13px 3px;
	margin:0;
}

#navigation ul .current_page_item a span span.right-cor, 
#navigation ul li.cat-item.current-cat a span span.right-cor, 
#navigation .active_net a span span.right-cor, 
#navigation ul li.current_page_parent a span span.right-cor {
	color: #fff;
	background:url(images/bg_menu_hover.gif) repeat-x left -2px;
	text-decoration: none;
	padding: 11px 0 13px 0;
	margin:0;
}

#navigation ul li a span span.right-cor { background:none; }
html>body #navigation ul li a span span.right-cor { background:none; }
/* Menu - Hover - */

/* Menu - Active - */
#navigation ul .current_page_item a, 
#navigation ul .current-cat a, 
#navigation .active_net a, 
#navigation ul li.current_page_parent a {
	color: #fff;
	/*background:url(images/bg_menu_hover.gif) repeat-x left -2px;*/
	background:url(images/menu_left_cor.gif) no-repeat left top;
	text-decoration: none;
	padding: 11px 0 13px 8px;
	margin:0 5px;
}
html>body #navigation ul .current_page_item a, 
html>body #navigation ul .current-cat a, 
html>body #navigation .active_net a, 
html>body #navigation ul li.current_page_parent a { padding: 11px 0 13px 10px; }

#navigation ul .current_page_item a span, 
#navigation ul .current-cat a span, 
#navigation .active_net a span, 
#navigation ul li.current_page_parent a span {
	color: #fff;	
	background:url(images/menu_right_cor.gif) no-repeat right top;
    *background:url(images/menu_right_cor.gif) no-repeat right 11px;
	text-decoration: none;
	padding: 11px 8px 13px 0;
	margin:0;
}
html>body #navigation ul .current_page_item a span, 
html>body #navigation ul .current-cat a span, 
html>body #navigation .active_net a span, 
html>body #navigation ul li.current_page_parent a span { padding: 11px 10px 13px 0; }

#navigation ul li.current_page_item a span span.right-cor, 
#navigation ul li.cat-item.current-cat a span span.right-cor, 
#navigation li.active_net a span span.right-cor, 
#navigation ul li.current_page_parent a span span.right-cor {
	color: #fff;
	background:url(images/bg_menu_hover.gif) repeat-x left -2px;
	text-decoration: none;
	padding: 11px 6px 13px 6px;
    *padding: 11px 3px 13px 3px;
	margin:0;
}
/* Menu - Active - */

.colorline {
	background: url(images/li_bg.gif) no-repeat right -6px;
	padding: 0;
	float:left;
	margin-top:10px;
}
/*#download-page .colorline { float:none;}*/
.colorline em {
	visibility: hidden;
	padding: 0;
	margin-left: -5px;
	*margin-left: -1px;
	font-size: 14px;
}
.navigation .alignleft a, .navigation .alignright a { color:#18357A; }
.navigation .alignleft a:hover, .navigation .alignright a:hover { color:#782A1E; } 

#sidebar { /*width:200px; float:left; display:block; margin:0;*/}
#sidebar .main-archive { list-style:none; padding-left:0; margin-top:0; }
#sidebar .main-archive ul { padding-left:15px; padding-top:15px; list-style-type:disc; }
#sidebar .main-archive ul li a:link, #sidebar .main-archive ul li a:visited { color:#18357A; }
#sidebar .main-archive ul li a:hover { color:#782a1e; }

#content_category { /*width:710px; float:right; display:block*/ }
#maincontent { 
	width:920px;
	padding:15px 20px;
	height:auto !important;
	min-height:380px;
	height:380px;
}
#maincontent .post h2 { color:#18357A; }
p.edit-entry { text-align:right; }
#maincontent_left, #content_category {
	width: 420px;
	float: left;
	margin: 15px 0 0 0px;
	line-height: 1.5em;
}
#content_category { width:600px; padding-right:60px; }
#content_category ul { padding-left:0; margin-top:-10px; list-style:none;}
#content_category ul li { padding-top:10px; }
#content_category p { margin-bottom:0; }

#latestnews ul li { padding-bottom:0; }

#maincontent_left h2, #maincontent_right h2, #sidebar h2, #content_category h2  {
	color: #18357a;
	font-weight: normal;
	font-size: 14px;
	margin:0;
	padding:0;
}
#latestnews {
	margin: -5px 0 0 0;
	padding: 5px 15px;
	border: 1px solid #849abc;
	border-top: none;
	border-bottom: none;
}
#latestnews ul { padding-left:0px; list-style:none; *margin-left:-3px; }

#latestnews h2 {
	margin-top: -5px;
}
#roundtop {
	background: url(images/round_top.gif) no-repeat -2px;
	padding: 5px 200px;
}
#roundbottom {
	background: url(images/round_bottom.gif) no-repeat -2px -3px;
	padding: 5px 200px;
}
#maincontent_right, #sidebar {
	margin: 20px 0 20px 40px;
	line-height: 1.5em;
	width: 460px;
	float:left; 
}
#sidebar { width:220px; }

#maincontent_right p {
	width: 460px;
}
.readmore {
	text-align: right;
}
.readmore a:link, .readmore a:visited  {
	color: #18357a;
	background: url(images/arrow.gif) no-repeat right;
	padding: 3px 25px 3px 0;
	font-size: 11px;
}
#content_category ul li a:link, #content_category ul li a:visited { color: #782a1e; }
#content_category ul li a:hover { text-decoration:underline; }

.readmore a:hover {
	color: #782a1e;
	padding: 3px 25px 3px 0;
	background: url(images/arrow_red.gif) no-repeat right;
}

.date {
	color: #18357a;
	font-weight: bold;
}
.entry .postmetadata small { color: #782a1e; font-size:10px; }
.entry .postmetadata { margin-top:40px; }
#address {
	margin-top: 420px;
	*margin-top: 500px;
}
#footer {
	clear: both;
	background-color: #e6eaf1;
	padding: 5px;
	*padding: 1px 0;
	text-align: center;
	font-size: 9px;
	color: #849abc;
}
#footer ul {
	list-style: none;
	margin: 5px 0 0 0;
}
#footer ul li {
	display: inline;
	padding:0 15px;
}
#footer a {	
	color: #849abc;
}
#footer p {
	margin: 5px 0;
}


/* Find Us */
#mapcontainer {
	width: 360px;
	height: 240px;
	border: 1px solid #18357a;
}
#maincontent_left ul li {
	padding-bottom: 15px;
}

/* News */
.super {
	vertical-align: super;
}

/* Downloads */
.download {
	margin: 30px 0 40px 0;
}
.floatimg {
	clear: left;
	float: left;
	margin: 0 30px 30px 0;
}
.floatimg a img, .floatimg img {
	border: none;
}

#maincontent_right form {
	width: 460px;
	*width: 400px;
	padding-left: 20px;
}
#maincontent_right form label {
	width: 120px;
	height: 20px;
	padding-bottom: 2px;
	color: #18357A;
	float:left;
}
#maincontent_right form input, #maincontent_right form textarea, #maincontent_right form select {
	width: 220px;
	margin-bottom: 5px;
	padding: 2px;
	border: 1px solid #849ABC;
}
.red {
	color: red;
	padding-left: 5px;
	padding-right: 5px;
}
#maincontent_right form input.button {
	width: 60px;
	color: #849ABC;
	background-color: #E6EAF1;
	margin-left: 120px;
	*margin-left: -380px;
	font-size: 10px;
}
#maincontent_right form input.button:hover {
	color: #18357A;
}