/*

General styling
    
*/

body {
	margin:0;
	color: #555;
	line-height: 160%;
	font-family: "Lucida Grande", "Lucida Sans", helvetica,arial, tahoma, verdana, sans-serif;
	font-size: 80%;
	color:#666;
}

#wrapper {
	width: 779px;
	height: 100.1%;
	margin: 0px auto 0px auto;
	background-color: #fff;
	/*background-image: url(http://www.ponoko.com/images/wrapperbg.jpg);
	background-repeat: repeat-y;
	border: 1px red solid;*/
}

a:link, a:visited {
	text-decoration:none;
	color:#0099cc;
}

a:hover {
    text-decoration:underline;
}

* {
padding:0;
margin:0;
}

/* HEADER */

    #header {
    margin:38px 5px 10px 0;
    padding: 0px;
    border: 0px red solid;
}

    #title {
    width:379px;
    float:right;
    border: 0px blue solid;
    }
    
    #title a:hover {
        text-decoration:none;
        color:#666;
    }


				
    #headerimage {
        height:92px;
        padding: 0 0 0 0px;
        margin: 0 0 0 0px;
        background-image:url(logo_blog.gif);
        background-repeat: no-repeat;
        background-position: left center;
        text-indent: -1000px;
        font-size: 0px;
        display: block;
        width: 379px;
        float: left;    
        border: 0px blue solid;    
    }
    
    #headerNav {
        height:92px;
        padding: 0 0 0 0px;
        margin: 0 0 0 0px;
        font-size: 11px;
        line-height: 140%;
        width: 380px;
        float: left;    
        border: 0px blue solid;    
        text-align: right;
    }

#headerNav p {
	float: right; 
	height:92px;
}

    #headerNav a {
	float: left;   
	display: block;
	margin-right: 10px;
	font-weight: normal;
	font-size: 11px;
	color: #666;
	text-decoration: none;
	border: 0px #ccc solid;
	height: 50px;
	line-height: 9em;
	padding-right: 3px;
}


    #headerNav a.Home:hover{
	background-image: url(http://www.ponoko.com/images/subpagenav_home.gif);
	background-position: -8px 15px;
	background-repeat: no-repeat;
	color: #999;
}

    #headerNav a.Contactus:hover
{
	background-image: url(http://www.ponoko.com/images/subnavpage_contactus.gif);
	background-position: 4px 15px;
	background-repeat: no-repeat;
	color: #999;
}

    #headerNav a.Tellafriend:hover{
	background-image: url(http://www.ponoko.com/images/subpagenav_tellafriend.gif);
	background-position: 4px 15px;
	background-repeat: no-repeat;
	color: #999;
}

/* SIDEBAR */
#becomeabetauser
{
    width:180px;
    float:right;
}


#sidebar {
    width:180px;
    float:right;
    margin:0 30px 0 0;
    padding-bottom: 15px;
    border: 0px red solid;
    background-image:url(/themes/water-10/sidebar_bg.jpg);
    background-repeat: repeat-x;
    background-position: left bottom;
}

#sidebar a:link, #sidebar a:visited {
    color:#0099cc;
}

#sidebar a:hover {
    color:#0099cc;
    text-decoration:none;
}

#sidebar h2 {
        font-size: 11px;
        line-height: 120%;
        color:#666;
        margin:0 0 2px 0;
        padding: 10px 0 5px 0;
        font-weight:bold;
        border-bottom: 1px solid #bbb;
    }

#sidebar h2.lineTop{
        border-top: 1px solid #bbb;
        border-bottom: 0px;        
    }

#sidebar li.rss{
        border-top: 1px solid #bbb;
        border-bottom: 0px;
        margin-top: 10px;
        padding-top: 7px;
    }

#sidebar li.becomeabetauser
{
    margin-right:30px;
border: 1px solid;
}

#sidebar input
{
	width: 148px;
	height: 20px;
	padding: 2px 2px 0px 4px;
	font-weight: normal;
	color: #666;
}

/* 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 0 0 12px;
	}

#sidebar ul li {
	list-style: none;
	font-size: 11px;
	}

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

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

#sidebar ul ul {
	margin: 5px 0 0 -13px;
}

#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, {
	content: "\00BB\00A0";
	color:#0099cc;
	}


/* CONTENT */

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

.post {
    margin:0 0 30px 0;
    clear:both;
    border: 1px #ccc solid;
    padding: 12px;
}

    .post .posttitle {
        font-size:1.5em;
        line-height:120%;
        color:#333;
        margin:0 0 2px 0;
        font-weight:normal;
    }
    
        .post a:link, .post a:visited {
            color:#666;
        }
    
        .post a:hover {
            color:#0099cc;
            text-decoration:none;
        }
    
        .post a:link span, .post a:visited span {
            color:#ccc;
        }
        
        .post a:hover span {
            color:#ccc;
        }
        
    .post .postmeta {
        font-size:10px;
        line-height:10px;
        margin:0 0 5px 0;
    }
    
        .post .postmeta a:link, .post .postmeta a:visited {
            color: #0099cc;
        }
        
        .post .postmeta a:hover {
            color: #666;
            text-decoration: underline;
        }

        .post .postmeta a.comments
        {
	        margin: 0px 0px 0px 0px;
	        padding: 0px 2px 0px 29px;
	        font-size: 11px;
	        line-height: 180%;
	        color: #0099cc;
	        font-weight: bold;
	        background-image: url(/wp-content/themes/water-10/icon_comments.gif);
	        background-repeat: no-repeat;
	        background-position: left center;
	        text-decoration: underline;
	        border: 0px red solid;
        }

        .post .postmeta a.comments:hover 
        {
	        color: #666;
	        text-decoration: underline;
        }

        .post .postmeta a.comments:visited 
        {
	        color: #0099cc;
        }

        .post .postmeta a.noComments
        {
	        margin: 0px 0px 0px 0px;
	        padding: 0px 2px 0px 29px;
	        font-size: 11px;
	        line-height: 180%;
	        color: #666;
	        font-weight: bold;
	        background-image: url(/wp-content/themes/water-10/icon_nocomments.gif);
	        background-repeat: no-repeat;
	        background-position: left center;
	        border: 0px red solid;
	        text-decoration: none;
        }

        .post .postmeta a.noComments:hover 
        {
	        color: #666;
	        text-decoration: underline;
        }
        
        .post .postmeta a.noComments:visited 
        {
	        color: #666;
        }
    .post p {
        margin:0 0 15px 0;
        line-height:160%;

    }
    
        .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:#0099cc;
        }
    
        .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 #0099cc;
        border-bottom:1px solid #0099cc;
    }
    
        .post blockquote p {
            margin:0;
            font-style:italic;
        }
        
        .post blockquote blockquote {
            margin-top:15px;
            background-color:#eeeeee;
        }

    .post img {
	padding: 20px 0px 20px 0px;
	margin: 0px;
	border: 0px red solid;
	display: block;
    }
    
    .post .wp-smiley {
        float:none;
        border:0;
        margin:0;
    }

.navigation
{
width:100%;
}

.navigation .alignright
{
float:right;
}

.navigation .alignleft
{
float:left;
}

/* COMMENTS */

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

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

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

.post .commenttitle {
        font-size:16px;
        line-height:16px;
        color:#666;
        margin:0 0 2px 0;
        font-weight:normal;
    }

   
        .post #commentlist .commenttitle a:link, .post #commentlist .commenttitle a:visited                 
        {
        color: #0099cc;
	margin: 0px 0px 0px 0px;
	
        }
    
        .post #commentlist .commenttitle a:hover {
            color:#0099cc;
            text-decoration:none;
        }
        
        textarea {
            width:95%;
        }

#respond
{
        font-size:1.5em;
        line-height:120%;
        color:#666;
        margin:0 0 2px 0;
        font-weight:normal;
padding-top: 15px;
}

#commentform
{
    padding: 5px;
}

#commentform p
{
padding: 5px;
}

#comments
{
        font-size:1.5em;
        line-height:120%;
        color:#666;
        margin:0 0 2px 0;
        font-weight:normal;        
}

/* 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:#ccc;
    }
    
    #footer a:hover {
        color:#0099cc;
        text-decoration:none;
    }