/* CSS Document */

/*
Theme Name: The Bouncing Bead
Theme URI: thebouncingbead.com
Description: WordPress Blog Template 
Version: 2.0
Author: Robin Ashcraft
Author URL: http://www.robinsnestdesign.com/
*/

body {
     position: absolute;
     margin: 0px;
     text-align: center;
     padding: 0px;
     min-width: 1000px;
     width: 100%;
     height: 100%;
     }

#wrap {
     background: #ffffff url('http://www.thebouncingbead.com/template_images/middlebk.jpg') repeat top right;
     text-align: center;
     font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
     font-size: 10pt;
     width: 100%;
     color: #3b2b1c;
     clear: all;
     overflow: hidden;
     }

#header {
     font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
     font-size: 10pt;
     width: 100%;
     padding-bottom: 0px; 
     height: 178px;
     text-align: center;
     background: #3b2b1c;
     }

#menu {
     font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
     font-size: 12pt;
     text-align: center;
     color: #60a3a4;
     background-color: #a3cecf;
     border-top: 1px solid #60a3a4;
     border-bottom: 1px solid #60a3a4;
     height: 30px;
     }

#menu a {
     color: #60a3a4;
     }

#menu a:hover {
     color: #3b2b1c;
     }

#innerwrap {
     width: 850px;
     height: 100%;
     min-height: 100%;
     font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
     padding-top: 0px;
     padding-bottom: 20px;
     background-color: #ffffff;
     margin-left: auto;
     margin-right: auto;
     border-left: 1px solid #3b2b1c;
     border-right: 1px solid #3b2b1c;
     } 

#right {
     font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
     background-color: #a3cecf;
     text-decoration: none;
     text-align: left;
     float: right;
     padding-top: 0px;
     padding-left: 10px;
     padding-right: 10px;
     padding-bottom: 9999px;
     margin-bottom: -9999px;
     overflow: hidden;
     width: 250px;
     height: 100%;
     margin-left:5px;
     position:relative;
     }

#content {
     font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
     font-size: 10pt;
     float: left;
     width: 490px;
     padding-right: 4px;
     postion: relative;
     margin-left: 5px;
     text-align: left;
     padding-left: 10px;
     background-color: #ffffff;
     }

#loop {
     font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
     font-size: 10pt;
     padding: 3px;
     float: left;
     width: 490px;
     text-align:left;
     }

h3 {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color: #834C24;
        }

#post {
        margin-top: 0px;
	border-bottom: 1px solid #3b2b1c;
        }

#post-title {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color: #3b2b1c;
        width: 576px;
	padding-left: 6px;
        padding-right: 6px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: -18px;
        background-color: #a3cecf;
        }

#post-title a {
        color: #3b2b1c;
        }

#post-title a:hover {
        color: #60a3a4;
        }

#stats {
        width: 580px;
	background: #60a3a4;
	margin-top: -20px;
       	margin-bottom: 5px;
        margin-left: -18px;
	padding: 4px;
	text-transform: uppercase;
	font: 0.8em Arial;
	display: block;
	}


#stats span {
	border-right: 1px dotted #60a3a4;
	padding: 0px 5px 0px 5px;
	}

#stats span a {
	color:  #3b2b1c;
	}

#stats span a:hover {
        color: #a3cecf;
	background:none;
	}

#gallerycontent {
     font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
     font-size: 10pt;
     float: right;
     width: 850px;
     padding-right: 4px;
     }

/* FOOTER */
#footer {
        background-color: #3b2b1c;
	margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
	width: 100%;
        height: 290px;
	font-size: 9pt;
	padding-top: 10px;
        color: #faebce;
	clear: both;
	}

#footer a {
        color: #60a3a4;
        }

#front-popular {
	//background:#60a3a4;
	font-size: 0.7em;
	color: #3b2b1c;
	width: 940px;
	margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
	padding: 10px;
	//border-bottom: 10px solid #a3cecf;
	}

#front-popular h3 {
	color: #3b2b1c;
        margin-top: -5px;
        margin-bottom: 0px;
	}

#recentpost, #mostcommented {
	width: 280px;
	height: 250px;
	float: left;
	padding: 10px;
	font-size: 9pt;
        background-color: #a3cecf;
	border: 2px solid #60a3a4;
	overflow: hidden;
	}

#mostcommented {
	margin-left: 14px;
	}

#recent_comments {
	width: 280px;
	height: 250px;
	float: right;
	font-size: 9pt;
	padding: 10px;
        background-color: #a3cecf;
	border: 2px solid #60a3a4;
	overflow: hidden;
	}

#recentpost a, #mostcommented a, #recent_comments a {
	font-size: 9pt;
	color: #60a3a4;
	}

#recentpost a:hover, #mostcommented a:hover, #recent_comments a:hover {
	font-size: 9pt;
        color: #3b2b1c;
        }

#recentpost ul, #mostcommented ul, #recent_comments ul {
	margin-top: 5px;
	}

#recentpost ul li, #mostcommented ul li, #recent_comments ul li {
	list-style: none;
        text-align: left;
        margin-left: -40px;
	border-top: 1px dotted #60a3a4;
	padding: 0px;
	display: block;
	}

#recentpost ul li:hover, #recentpost ul li:hover a, #mostcommented ul li:hover, #mostcommented ul li:hover a, #recent_comments ul li:hover, #recent_comments ul li:hover a {
	background:#60a3a4;
	color:#3b2b1c;
	}

#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {
	border-top:0px dotted #60a3a4;
	}

#footer2 {
	font-size: 8pt;
        margin-top: -20px;
        margin-bottom: 0px;
	padding-top: 5px;
        padding-bottom: 10px;
        display: block;
        color: #808080;
	width: 100%;
	text-align: center;
        background-color: #3b2b1c;
}

#footer2 a {
        color: #60a3a4;
        }

td {
	font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

a:link, a:visited{	
	color: #3b2b1c;
	font-weight:bold;
        text-decoration:none;
	}

a:hover{
	color: #60a3a4; //B3B3D7;
	font-weight:bold;
}

a:active{
	color: #3b2b1c;
	font-weight:bold;
        text-decoration:none;
}

/* NAV CONTAINER */
#navcontainer {
     width: 140px;
     }

#navcontainer ul {
     margin-left: 0;
     padding-left: 0;
     list-style-type: none;
     text-align: left;
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
     }

#navcontainer a {
     display: block;
     padding: 1px;
     width: 140px;
     text-align: left;
     background-color:#ffffff;
     }

#navcontainer a:link, #navlist a:visited {
     color: #3b2b1c;
     text-decoration: none;
     font-weight:bold;
     text-align: left;
     }

#navcontainer a:hover {
     background-color: #fff;
     color: #CC99CC;
     font-weight:bold;
     text-align: left;
     }

#li {
     margin-left: 0;
     padding-left: 0;
     list-style-type: none;
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
     }

li {
     margin-left: 0;
     padding-left: 0;
     list-style-type: none;
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
     }

.li {
     margin-left: 0;
     padding-left: 0;
     list-style-type: none;
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
     }

/* COMMENTS */
#commentform input {
	width: 100px;
	padding: 2px;
	margin: 5px 5px 1px ;
	}

#commentform textarea {
	width: 500px;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: left;
	}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: left;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	width: 500px;
	
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: left;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

/* SIDEBAR */
#sidebar-wrap {
     padding-bottom: 40px;
       }

#sidebar-wrap h3 {
       margin-bottom: 0px;
       }

/* SUBSCRIPTION FORM */
.btn-primary {
       width: 110px;
       height: 49px;
       border: none;
       color: transparent;
       background: url('http://thebouncingbead.com/blog/wp-content/themes/bouncing_bead/images/newsletter.jpg') no-repeat top left;
       cursor: pointer;
       }