/*  
Theme Name: Water
Theme URI: http://theundersigned.net/
Description: Clean blue theme - a lot of whitespace and focusing on the content. The theme is made for easy and quick customization, colors, font family, header image etc. can all be changed from the theme options page. The theme is also widget ready.
Version: 1.1
Author: The undersigned
Author URI: http://theundersigned.net/
*/
/*

General styling

*/

body {
	margin:0;
	background-color:#FFF;
	font-family:"Trebuchet MS", sans-serif;
	font-size:11px;
	color:#333;
}

#wrapper {
    width:750px;
    margin:0 auto;
}

a:link, a:visited {
	text-decoration:none;
	color:#73A533;
}

a:hover {
    text-decoration:underline;
}

/*  Commented by Ben

* {
padding:0;
margin:0;
}

*/


/* HEADER */

#header {
    margin-bottom:20px;
}

    #title {
    width:340px;
    float:right;
    text-align:right;
    margin:38px 5px 0 0;
    line-height:22px;
    font-size:30px;
    font-weight:normal;
    color:#73A533;
    }
    
    #title a:hover {
        text-decoration:none;
        color:#0092C8;
    }

    #tagline {
    text-align:right;
    margin:0 0 0 0;
    line-height:14px;
    font-size:18px;
    font-weight:normal;
    color:#73A533;
    }

    #topmenu {
        margin-top:40px;
        z-index:5;
        float:left;
        width:400px;
    }
    
        #topmenu a:link, #topmenu a:visited {
            color:#333;
        }
        
        #topmenu a:hover {
            text-decoration:none;
        }
    
		#topmenu ul { 
			list-style:none;
			margin:0 0 0 5px;
			padding:0;
		}
				
				#topmenu ul li a:link, #topmenu ul li a:visited {
					display:block;
					line-height:11px;
					padding:5px 15px 2px 5px;
					margin:0 5px 0 0;
					font-size:11px;
					border-bottom:2px solid #73A533;
					text-transform:uppercase;
				}
				
				#topmenu ul li a:hover {
				    border-bottom:2px solid #0092C8;
				}
				
				#topmenu ul li {
					display:block;
					float:left;
					position:relative; 
				}
				
				#topmenu ul li ul {
					display:block;
					position:absolute;
					top:auto;
					list-style:none;
					margin:0;
					padding:0;
					visibility:hidden;
					border-top:1px solid #CCC;
					width:220px;
				}
				
				#topmenu ul li:hover ul,
				#topmenu ul li.msiefix ul {
					visibility:visible;
				}
				
				#topmenu ul li ul li {
					position:relative;
					float:none;
					line-height:18px;
					color:#333;
					font-size:10px;
					_height:1px;
				}
				
				#topmenu ul li ul li a:link, #topmenu ul li ul li a:visited, #topmenu ul li ul li a {
					display:block;
					margin:0;
					line-height:15px;
					padding:2px 0 2px 10px;
					color:#FFF;
					_height:1px;
					text-transform:none;
					border:0;
					background-color:#73A533;
				}
				
				#topmenu ul li ul li a:hover {
					background-color:#0092C8;
				}
				
    #headerimage {
        clear:both;
        height:150px;
        border-top:1px solid #CCC;
        border-bottom:1px solid #CCC;
        background-image:url(header.jpg);
        background-repeat:no-repeat;
        background-position:center;
    }
    

/* SIDEBAR */

#sidebar {
    width:180px;
    float:right;
    margin:0 5px 0 0;
}

#sidebar a:link, #sidebar a:visited {
    color:#333;
}

#sidebar a:hover {
    color:#73A533;
    text-decoration:none;
}


/* LISTS */

html>body .the_content ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .the_content li {
	margin: 7px 0 8px 10px;
	}

.the_content ol {
	padding: 0 0 0 15px;
	margin: 0;
	text-indent:-5px;
}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style: none;
	}
	
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 5px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

.the_content ul li:before, #sidebar ul ul li:before {
	content: "\00BB\00A0";
	color:#73A533;
	}


/* CONTENT */

#content {
    margin:0 0 0 5px;
    width:520px;
    float:left;
}

.post {
    margin:0 0 30px 0;
    clear:both;
}

    .post .posttitle, #sidebar h2 {
        font-size:20px;
        line-height:20px;
        color:#0092C8;
        margin:0 0 2px 0;
        font-weight:normal;
    }
    
        .post a:link, .post a:visited {
            color:#0092C8;
        }
    
        .post a:hover {
            color:#73A533;
            text-decoration:none;
        }
    
        .post a:link span, .post a:visited span {
            color:#CCC;
        }
        
        .post a:hover span {
            color:#AAA;
        }
        
    .post .postmeta {
        font-size:10px;
        line-height:10px;
        color:#CCC;
        text-transform:uppercase;
        margin:0 0 5px 0;
    }
    
        .post .postmeta a:link, .post .postmeta a:visited {
            color:#AAA;
        }
        
        .post .postmeta a:hover {
            color:#73A533;
            text-decoration:none;
        }
        
    .post p {
        margin:0 0 15px 0;
        line-height:15px;
    }
    
        .post p a:link,
        .post p a:visited,
        .post ul a:link,
        .post ol a:link,
        .post ul a:visited,
        .post ol a:visited {
            color:#73A533;
        }
    
        .post p a:hover,
        .post ul a:hover,
        .post ol a:hover {
            text-decoration:underline;
        }
        
        .post .the_content ul, .post .the_content ol {
            margin-bottom:15px;
        }
    
    .post blockquote {
        margin:0 0 15px 20px;
        padding:5px;
        border-top:1px solid #73A533;
        border-bottom:1px solid #73A533;
    }
    
        .post blockquote p {
            margin:0;
            font-style:italic;
        }
        
        .post blockquote blockquote {
            margin-top:15px;
            background-color:#F3F3F3;
        }

    .post img {
    float:right;
    border:1px solid #73A533;
    margin:0 0 10px 20px;
    }

/* Mod by Ben - style for image contact  */
    #imgcontact {
    float:left;
    border:0px solid #73A533;
    margin:0 0 10px 0px;
    }
/* End mod by Ben - style for image contact  */

/* Mod by Ben - style for photos Ben  */
    #imgphotosBen {
    border:1px solid #73A533;
    margin:20px 20px 10px 0px;
    }
/* End mod by Ben - style for photos Ben  */

/* Mod by Ben - style for subscription images  */
    #imgsubs {
    border:0px solid #73A533;
    margin:0 0 0 0;
    }
/* End mod by Ben - style for subscription images  */

    .post .wp-smiley {
        float:none;
        border:0;
        margin:0;
    }


/* COMMENTS */

#commentlist, #trackbacks {
    list-style:none;
}

    #commentlist li {
        margin:0;
        padding:15px 10px 0 10px;
        border-bottom:1px solid #73A533;
    }

    #commentlist li.odd {
        background-color:#F3F3F3;
    }
    
    #trackbacks li {
        padding:5px 10px 5px 10px;
    }

.post .commenttitle {
        font-size:16px;
        line-height:16px;
        color:#0092C8;
        margin:0 0 2px 0;
        font-weight:normal;
    }
    
        .post #commentlist .commenttitle a:link, .post #commentlist .commenttitle a:visited {
            color:#0092C8;
        }
    
        .post #commentlist .commenttitle a:hover {
            color:#73A533;
            text-decoration:none;
        }
        
        textarea {
            width:100%;
        }

/* FOOTER */
        
#footer {
    clear:both;
    border-top:1px solid #CCC;
}

    #footer p {
        margin:5px 0 30px 5px;
        color:#CCC;
        text-transform:uppercase;
        font-size:10px;
    }
    
    #footer a:link, #footer a:visited {
        color:#AAA;
    }
    
    #footer a:hover {
        color:#73A533;
        text-decoration:none;
    }