@charset "utf-8";
/* CSS Document */

body {
	font-family: helvetica, Arial, Sans-serif;
	background-color:#FFF;
	margin: 0 0 0 0;
}

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

img {
	border-style:none;
}
#container {
	margin:auto;
	width:880px;
	height:auto;
}

/* Header Properties */

#header {
	height:85px;
}

#logo {
	margin: 22px 20px 0px ;
	height:58px;
	float:left;
}
#h1header {margin: 25px;
	float:right;
	text-align:right;
}
#h1header h1{
	font-size:18px;
	color:#666;
}
/* boopoo button */
#boopoobox {
	float:left;
	width:880px;
	height:140px;
	background:url(../images/boo-poo-box.png) no-repeat;
}

#poo_description {
	font-family: helvetica, Arial, Sans-serif;
	margin-left:13px;
	margin-top:8px;
	width:840px;
	height:75px;
	background-color:transparent;
	border:none;
	color:#fff;
	font-size:20px;
	overflow: auto;
}

/* boopoo button */

#mainpoo {
	margin:22px 10px;
	float:right;
	outline: none;
	font-size:22px;
	text-align:center;
	cursor:pointer;
}

#mainpoo a {
display:block;
padding-top:2px;
height:28px;
width:76px;
color:#fff;
background: url(../images/poo-button.png) no-repeat;
text-decoration: none;

}
#mainpoo a:hover { 
background-position: 0 -30px;
color: #fff;
}

#mainpoo a:active {
background-position: 0 -60px;
color:#333;
}
/* insert Picture*/
#mainimageinsert {
	position:relative;
	float:left;
	width:250px;
	margin-left:510px;
	margin-top:30px;
}
.attachtext {
	float:left;
	width:210px;
	font-size:11px;
	text-align:right;
	margin-top:5px;
	color:#666;

}
.mainimageinsertBUT {
	position:relative;
	display:block;
	float:right;
	width:34px;
	height:22px;
	background: url(../images/picture.png) no-repeat;
	cursor:pointer;
	background-color:#003;
}

.mainimageinsertBUT a{
	background: url(../images/picture.png) no-repeat;
	
}
.mainimageinsertBUT a:hover{
	background-position: 0 -22px;
	
}

/* boopoo minibar */

#minibar {
	display:inline-block;
	margin-top:20px;
	float:left;
	width:250px;
	height:30px;
}

#searchbar {
	float:left;
	background-image:url(../images/mini-search.png);
	height:22px;
	width:145px;
}
.searchbarform {
	float:left;
	font-family: helvetica, Arial, Sans-serif;
	width:140px;
	height:18px;
	margin-left:6px;
	margin-top:2px;
	background-color:transparent;
	border:none;
	color:#fff;
	font-size:12px;
	overflow:hidden;
}
/* boopoo Search but hover and poo */
.searchbut {
	float:left;
	display:block;
	text-align:center;
	font-size:12px;
	width:72px;
	height:22px;
	color:#fff;
	background: url(../images/poo-search.png);
	border:none;
}


#browse {
	float:left;
	margin-top:20px;
	color:#000;
	font-size:11px;
	text-decoration:none;
}

#browse a{
	display:block;
	float:left;
	height:18px;
	margin: 2px 5px 2px 10px;
	color:#333;
	font-size:11px;
	text-decoration:none;
}
#browse a:hover{
	display:block;
	float:left;
	height:18px;
	margin: 2px 5px 2px 10px;
	color:#fff;
	font-size:11px;
	background-color:#333;
}

.blackLink {float:left;}

/* boopoo content */

#content {
	width:880px;
	float:left;
}

.Poocontainer {
	float:left;
	margin: 6px 6px 6px 6px;
	width:281px;
	height:352px;
	background:url(../images/poo-polo.png);
}
.poomain_txt_img {
	width:268px;
	height:285px;
	margin:6px 4px 4px 6px; 
	background-color:#000;
	overflow:hidden;
}
.poomain_txt_img a:hover visited {
	color:#FFF;
}
.poomain_txt_txt {
	position:relative;
	color:#FFF;
	text-decoration:none;
	background: #666;
	width:268px;
	display:none;
	font-size:20px;
}
.poomain_txt_txt a {
	color:#FFF;
	text-decoration:none;
	background: #666;
	opacity:0.4;
	filter:alpha(opacity=50);
}
.poomain_txt_txt a:hover {
	color:#FFF;
	text-decoration:none;
	background: #333;
	opacity:0.4;
	filter:alpha(opacity=50);
}
.poomain_txt_img p{
	font-size:28px;
	color:#FFF;
	font-weight:bold;
	margin:5px 0 0 5px;

}
.poomain_menu {
	width:268px;
	height:50px;
	margin:6px 4px 4px 6px; 
	text-align:center;
}
.poolove {
	float:left;
	margin:10px 15px 15px 10px;
	padding-top:6px;
	text-align:center;
	width:40px;
	height:24px;
	background-image:url(../images/poo-love.png);
	font-size:11px;
}

.pooview {
	float:left;
	margin:10px 15px 15px 0px;
	padding-top:6px;
	text-align:left;
	width:120px;
	height:24px;
	font-size:11px;
	color:#000;
	text-align:center;
}
.poocomment {
	float:left;
	margin-top:8px;
	margin-left:4px;
	padding-top:8px;
	text-align:center;
	width:40px;
	height:30px;
	background-image:url(../images/commentbox.png);
	font-size:11px;
	color:#FFF;
}
.poocomment a {
	color:#FFF;
}
/* Footer */
#footerpoo {
	float:right;
	width:880px;
	height:45px;
	font-weight:bold;
	text-align:center;
	padding-top:20px;
	margin-bottom:25px;
}

.poopage {
	margin: 5px 5px 5px 5px;	
	font-size:16px;

}
/* Poo Pages */
#leftpoopanel {
	position:relative;
	float:left;
	width:300px;
	
}
/* Poo Pre-Next Button */
.pooprevNext {
	float:left;
	margin:10px 15px 15px 10px;
	text-align:center;
	width:40px;
	height:28px;
	font-size:11px;
}
.pooprevNext a{
	display:block;
	float:left;
	padding-top:6px;
	text-align:center;
	width:40px;
	height:24px;
	font-size:11px;
	color:#fff;
	background:url(../images/next-prevbox.png) no-repeat;
	text-decoration:none;

}
.pooprevNext a:hover{
background-position: 0 -30px;
color:#FFF;
	
}
.pooprevNext a:active{
background-position: 0 -60px;
color:#FFF;
	
}
/* Poo Share But */
.pooShare {
	float:left;
	margin:10px 12px 5px 5px;
	text-align:center;
	width:55px;
	height:28px;
	font-size:11px;
}
.pooShare a{
	display:block;
	float:left;
	padding-top:6px;
	text-align:center;
	width:55px;
	height:24px;
	font-size:11px;
	color:#fff;
	background:url(../images/share-but.png) no-repeat;
	text-decoration:none;

}
.pooShare a:hover{
background-position: 0 -30px;
color:#FFF;
	
}
.pooShare a:active{
background-position: 0 -60px;
color:#FFF;

/* Poo RIGHT PANEL CONTENT */	

}
#rightpoopanel {
	float:right;
	width:555px;
}
.poopageheading h1{
	font-family:helvetica,arial;
	font-size:24px;
	line-height:.9em;
	font-weight:200;
	margin-bottom:25px;

}
.poopagecontent {
	font-family:helvetica,arial;
	font-size:12px;
	line-height:1.8em;
	font-weight:200;
	text-align: justify;
	color:#333;
}
#poocommentBar {
	float:left;
	width:555px;
	height:150px;
	border-top-style:solid;
}
.poocommentForm {
	margin:8px 0px 0 15px;
	float:right;
	background:url(../images/poocommentbar.png) no-repeat;
	width:495px;
	height:105px;
}

#comment_text {
	font-family: helvetica, Arial, Sans-serif;
	margin-left:13px;
	margin-top:2px;
	width:465px;
	height:80px;
	background-color:transparent;
	border:none;
	color:#fff;
	font-size:10px;
	overflow: auto;
}

#poocommentForm {
	font-family:helvetica,arial;
	width:480px;
	height:24px;
	margin:4px 4px 4px 4px;
	background-color:transparent;
	border:none;
	font-size:11px;
	color:#FFF;
	overflow:hidden;

}

.commentpoo {
	border:none; 
	background-color:#000; 
	background: url(../images/poo-button.png) no-repeat;
	color:#FFF;
	float:right;
	outline: none;
	font-size:20px;
	text-align:center;
	cursor:pointer;
	width:76px;
	height:30px;
	display:inline-block;
	margin-top:20px;
	margin-right:10px;
}

.commentpoo hover { 
	background-position: 0 -30px;
}

.commentpoo a:active {
background-position: 0 -60px;
color:#333;
}
/* Comment Content */	
.booComment {
	display:inline-block;
	width:555px;
	float:left;
	border-bottom:1px solid #999;
	margin-left:25px;
}
.commentboodate{
	margin-top:15px;
	width:110px;
	float:left;
	font-size:10px;
	color:#333;
	
}
.booComment p{
	width:440px;
	float:right;
	font-size:11px;
	color:#666;
	padding-top:2px;
}

#similarPooTag {
	margin-top:40px;
	float:left;
	width:300px;
	border-bottom-style:solid;

}

#similarPooTag h2{
	font-size:28px;
	font-family:helvetica, Arial;
	font-weight:200;
}
.tsimilarPooTag a{
	display:block;
	float:left;
	margin: 2px 5px 2px 0;
	color:#333;
	font-size:14px;
	text-decoration:none;
}
.tsimilarPooTag a:hover{
	display:block;
	float:left;
	margin: 2px 5px 2px 0;
	color:#fff;
	font-size:14px;
	background-color:#333;
}
#relatedPoo {
	margin-top:5px;
	float:left;
	width:300px;
}
.relatePooContainer {
	float:left;
	border-bottom:1px solid #999;
	margin-top:5px;
	margin-bottom:5px;
	height:110px;
	width:300px;
	
}
.relatePooImage {
	width:100px;
	height:100px;
	float:left;
	background-color:#000;
	margin-right:10px;
}
.relatePooText a{
	width:190px;
	float:right;
	margin-left:12pxx;
	font-size:12px;
	color:#333;
	text-decoration:none;
}
.relatePooText a:hover{
	display:block;
	color:#fff;
	background-color:#333;
}