/*
Theme Name: K-Dock
Theme URI: http://kdockmarina.com/
Description: K-Dock Theme
Version: 1.0
Author: Digital Medium
Author URI: http://www.digitalmedium.net/
*/

/* GLOBAL */
html, body {
height:100%;
margin:0px;
padding:0px;
font-family:verdana, arial;
color:#333333;
background:#ffffff url(images/bg-body.jpg) repeat-x;
}

a:link {
color:#53922a;
text-decoration:underline;
}

a:visited {
color:#53922a;
text-decoration:underline;
}

a:hover {
color:#53922a;
text-decoration:none;
}

img {
border:0px;
}

p {
margin:0px 0px 20px 0px;
padding:0px;
line-height:24px;
}

h2 {
font-size:20px;
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
}
}

h3 {
font-size:18px;
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
}


/* BOUNDARIES */
#wrapper {
width:100%;
background:url(images/bg-wrapper.jpg) no-repeat top center;
}

#container {
width:820px;
margin:0px auto;
}






/* HEADER */
#header {
position:relative;
background:url(images/bg-top.jpg) no-repeat top center;
height:460px;
width:820px;
top:0px;
left:0px;
}

#logo {
position:absolute;
top:5px;
left:10px;
width:220px;
height:95px;
}

#fishing-report {
position:absolute;
top:20px;
left:635px;
width:175px;
height:35px;
}

#weather {
position:relative;
top:55px;
left:635px;
width:175px;
height:35px;
}

#photo {
background:url(images/bg-photo.jpg) no-repeat;
width:820px;
height:310px;
position:absolute;
top:100px;
left:0px;
}

#photo img {
margin:20px 20px 10px 20px;
}




/* NAVIGATION */
#menuOuterContainer { 
position:absolute;
top:410px;
left:0px;
background:url(images/bg-nav.jpg) no-repeat;
width:820px;
height:50px;
}


#nav, 
#nav ul {padding:0px; margin:0px; list-style:none; font: 16px arial; background:url(images/spacer.gif); position:relative; z-index:100;}
#nav {height:40px; padding:0; width:758px; margin:0px auto; }

#nav table {border-collapse:collapse;}
#nav li {float:left;}
#nav li li {float:none; }
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:#fff; height:46px; padding:0px 9px; line-height:40px; text-decoration:none; white-space:nowrap; font-weight:bold;}
#nav li li a {width:190px; height:30px; line-height:30px; float:none; font-size:14px; font-weight:normal; text-transform:none;}

#nav li:hover {position:relative; z-index:100; background:url(transparent.gif);}
#nav a:hover {position:relative; z-index:100; color:#002b63; border:0;}
#nav li:hover > a {position:relative; z-index:300; color:#007fe5; background:url(images/hover-arrow.png) no-repeat bottom center;}

#nav :hover  ul {left:0; top:40px; z-index:90;}
#nav a:hover ul {left:-1px; top:40px; z-index:90;}

#nav ul {position:absolute; left:-9999px; top:-9999px; background:#002b63;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover li:hover > a {color:#ffffff; background:#016ac0;}

#nav li a:hover ul li a:hover {color:#ffffff; background:#016ac0;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}






/* CONTENT */
#content {
width:520px;
float:left;
font-size:14px;
line-height:16px;
margin:10px 20px 0px 20px;
}

#title {
font-family:lucida sans, verdana, arial;
font-size:24px;
color:#000000;
font-weight:bold;
padding:0px;
margin:0px;
line-height:32px;
letter-spacing:-1px;
}

#title a:link {
color:#000000;
text-decoration:none;
}

#title a:visited {
color:#000000;
text-decoration:none;
}

#title a:hover {
color:#003070;
text-decoration:none;
}

.post-content {
padding:10px 0px 10px 0px;
border-bottom:1px dotted #80b4de;
margin-bottom:20px;
}

.post-content h1 {
color:#53922a;
font-size:20px;
line-height:22px;
margin:0px;
padding:0px;
}

.post-content h2 {
color:#003c80;
font-size:18px;
line-height:20px;
margin:0px;
padding:0px;
}

.post-content h3 {
color:#2775b6;
font-size:16px;
line-height:18px;
margin:0px;
padding:0px;
}

.post-content img {
background-color:#ffffff;
border:1px solid #cccccc;
padding:5px;
}

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

.post-content img.alignright {
float: right;
margin:10px 0px 0px 10px;
}

.post-content img.alignleft {
float: left;
margin:10px 10px 0px 0px;
}

#latest-fishing-report {
padding:10px 0px 10px 0px;
margin-bottom:30px;
border-top:1px dotted #80b4de;
}

#latest-fishing-report p {
font-size:14px;
padding:0px;
margin-bottom:0px;
}

#latest-fishing-report h1 {
color:#003c80;
font-size:20px;
line-height:22px;
margin:0px;
padding:0px;
}

#latest-fishing-report h1 a:link {
color:#003c80;
}
#latest-fishing-report h1  a:visited {
color:#003c80;
}
#latest-fishing-report h1  a:hover {
color:#003c80;
}

.read-more {
color:#5796dd;
font-size:14px;
}
a.read-more:link {
color:#5796dd;
text-decoration:underline;
}
a.read-more:visited {
color:#5796dd;
text-decoration:underline;
}
a.read-more:hover {
color:#5796dd;
text-decoration:none;
}


/* POST */
.post-time {
font-size:14px;
color:#2775b6;
margin:0px;
padding:0px;
}

.post-category {
font-size:9px;
text-transform:uppercase;
letter-spacing:1px;
color:#ededed;
margin-top:2px;
}

.post-category a:link {
color:#ededed;
text-decoration:underline;
font-weight:bold;
}

.post-category a:visited {
color:#ededed;
text-decoration:underline;
font-weight:bold;
}

.post-category a:hover {
color:#ffffff;
text-decoration:none;
font-weight:bold;
}


/* WEATHER CUSTOMIZATION */
.weather-today {
margin:10px 0px 20px 0px;
}

.weather-forecast {
border:3px double #cccccc;
margin-right:20px;
padding:10px;
width:210px;
float:left;
text-align:center;
}

.weather-today-img {
float:right;
}

.weather-title-main {
font-size:24px;
font-weight:bold;
}

.weather-title {
font-size:18px;
font-weight:bold;
color:#53922a;
}

.weather_info img {
border:0px;
}


/* SIDEBAR */
#sidebar {
width:250px;
float:right;
background:url(images/bg-sidebar.jpg) repeat-y;
margin-right:10px;
}

#sidebar-overlay {
width:100%;
background:url(images/bg-sidebar-top.jpg) no-repeat;
}

#fishing-report-list {
font-family:lucida sans, verdana, arial;
font-size:14px;
padding-top:20px;
margin-left:20px;
}

#fishing-report-list  h2 {
font-family:lucida sans, verdana, arial;
font-size:14px;
letter-spacing:2px;
text-transform:uppercase;
font-weight:bold;
color:#000000;
margin:0px 0px 5px 0px;
padding:0px;
}

#fishing-report-list  ul {
list-style: none;
margin:0px 0px 10px 0px;
padding-left:0px;
line-height:28px;
}

#fishing-report-list  li {
background:url(images/fishing-report.gif) no-repeat center left;
padding-left:16px;
margin-bottom:10px;
line-height:15px;
}

#fishing-report-list  a:link {
color:#53922a;
text-decoration:none;
}

#fishing-report-list  a:visited {
color:#53922a;
text-decoration:none;
}

#fishing-report-list  a:hover {
color:#53922a;
text-decoration:underline;
}

#blog-list  {
font-family:lucida sans, verdana, arial;
font-size:14px;
padding-top:20px;
margin-left:20px;
}

#blog-list  h2 {
font-family:lucida sans, verdana, arial;
font-size:14px;
letter-spacing:2px;
text-transform:uppercase;
font-weight:bold;
color:#000000;
margin:0px 0px 5px 0px;
padding:0px;
}

#blog-list  ul {
list-style: none;
margin:0px 0px 10px 0px;
padding-left:0px;
line-height:28px;
}

#blog-list  li {
background:url(images/blog.gif) no-repeat center left;
padding-left:16px;
margin-bottom:10px;
line-height:15px;
}

#blog-list  a:link {
color:#53922a;
text-decoration:none;
}

#blog-list  a:visited {
color:#53922a;
text-decoration:none;
}

#blog-list  a:hover {
color:#53922a;
text-decoration:underline;
}

#sidebar-phone {
padding-top:20px;
margin-left:20px;
}


/* FOOTER */
#footer {
text-align:center;
font-size:11px;
color:#999999;
clear:both;
padding:20px 0px;
}

#footer a:link {
color:#999999;
text-decoration:underline;
}

#footer a:visited {
color:#999999;
text-decoration:underline;
}

#footer a:hover {
color:#999999;
text-decoration:none;
}