/*

Theme Name: Onepiece Pixxx 2O13

Theme URI: http://onepiecepixxx.com

Description: Made for onepiecepixxx.com

Author: Froi Malinao

Author URI: http://froimalinao.panabosale.com

Version: v2.1



------------------------------------- */



/*---------------------------------

 Start CSS reset

	http://meyerweb.com/eric/tools/css/reset/ 

		v2.0 | 20110126

	License: none (public domain)

 --------------------------------*/



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}
.container-1 { box-shadow: 0 5px 40px #212121;width: 1050px;margin: auto; }
.headercont {width: 1050px;margin: auto;padding-bottom: 30px;background:#fff;margin-bottom: -15px;}
.menu-cont {background: #fff;}
/*---------------------------------

 end CSS reset

---------------------------------*/



/*---------------------------------

 Globals

---------------------------------*/

/*body { background: #cccc99 url('images/body_bg.png') repeat-x; margin: 0; font-family: Arial, Helvetica, sans-serif !important; color: #444; }*/
body { background: url('images/onepiecebg1.jpg') no-repeat fixed;background-size: cover; margin: 0; font-family: Arial, Helvetica, sans-serif !important; color: #444; }

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

a:visited{ color: #000; }

a:active{ color: #FF0000; }

a:hover{ color: #FF0000; text-decoration: underline; }

p { word-wrap:break-word; }
pre

{

    white-space: pre-wrap; /* CSS3 */

    white-space: -moz-pre-wrap; /* Mozilla, post millennium */

    white-space: -pre-wrap; /* Opera 4-6 */

    white-space: -o-pre-wrap; /* Opera 7 */

    word-wrap: break-word; /* Internet Explorer 5.5+ */

}



strong { font-weight: bold; }



/*---------------------------------

 CSS Button

---------------------------------*/

.css_button {

	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;

	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;

	box-shadow:inset 0px 1px 0px 0px #ffffff;

	background-color:#ededed;

	-moz-border-radius:6px;

	-webkit-border-radius:6px;

	border-radius:6px;

	border:1px solid #dcdcdc;

	display:inline-block;

	color:#777777;

	font-family:arial;

	font-size:15px;

	font-weight:bold;

	padding:6px 24px;

	text-decoration:none;

	text-shadow:1px 1px 0px #ffffff;

}.css_button:hover {

	background-color:#dfdfdf;

}.css_button:active {

	position:relative;

	top:1px;

}



/*---------------------------------

 Overrides and Standards

---------------------------------*/

.form_required { color: #FF9900; font-size: 12px; }

.float-left { float: left; }

.float-right { float: right; }

.float-break { clear: both; } /* breaks float: left/right */

.indent-right { margin-right: 60px !important; }

.indent-left { margin-left: 60px !important; }

.indent-top { margin-top: 20px !important; }

.indent-bottom { margin-bottom: 20px !important; }

.wimg { width: 217px !important; } /*imgpost width*/

.tcenter { text-align:center !important; }

.tleft { text-align:left !important; }

.tright { text-align:right !important; }

.ctext_fade { color: #bababa; }

.ctext_unfade { color: #d7865e; }

.ctext_em { font-style: italic; } /*emphasis*/

.ctext_st { font-weight: bold; } /*strong*/

.f10 { font-size: 10px; }

.f11 { font-size: 11px; }

.f12 { font-size: 12px; }

.f13 { font-size: 13px; }

.f14 { font-size: 14px; }

.f25 { font-size: 25px; }

.box1st { border: 1px solid #e5f0fd; }

.box1-4th { border: 1px solid #e5f0fd; padding:10px 0 0 0; margin: 3px 0px 2px 0px; width: 225px; } /*sidebar*/

.color_soft { color: #666; }

.wrap_this { word-wrap: break-word; }



/*---------------------------------

 Main ID's

---------------------------------*/

#wrapper { /*width: 1098px;*/ width: 1050px; min-height: 1050px; margin: 0 auto; background: #fff; /*box-shadow: 0 5px 40px #212121; */}


#content_wrapper { width: 1050px; min-height: 1000px; margin: 0 auto; background: #fff; }



#header1 { background: url(images/onepiecepixxx_01.jpg) no-repeat; width: 1050px; height: 98px; }

#header2 { background: url(images/onepiecepixxx_02.jpg) no-repeat; width: 1050px; height: 98px; }

#header3 { background: url(images/onepiecepixxx_03.jpg) no-repeat; width: 1050px; height: 94px; }



#nav { height: 44px; background: #000; }

#nav ul li { list-style-type: none; display: inline; }

.buttons{ height: 60px; float: left; }



/*---------------------------------

 Contents

---------------------------------*/

#content_main { margin: 15px 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; }



#content_left { float: left; width: 787px; margin: 0 0 0 15px; }

.cl_bar { width: 729px; height: 30px; background: url(images/cl_bar.gif) no-repeat; padding: 11px 0 4px 58px; }

.cl_bar { color: #fff; font-size: 20px; font-weight: bold; }



/* content.post body */

.content_post { padding: 14px; margin: 0 0 0 0; border: 1px solid #e5f0fd; border-top: 0px; }

.content { margin: 0 0 2px 0; border-bottom: 1px solid #e5f0fd; }



/* content.image */

/*.content_image img { padding: 2px; border: 1px solid #e5f0fd; }*/
.content_image img { padding: 2px; border: 1px solid #ccc; box-shadow: 0 1px 3px #ccc; }

.content_image { padding: 0; margin: 0 10px 0 0; width: 312px; min-height: 232px; text-align: center; }



/* content.text */

.content_text { font-size: 13px !important; padding: 10px 0 10px 0; float: right; width: 435px; text-align: left;} /**/

.content_text strong { font-weight: bold; }

.content_text pre a { display: none; }

.content_text p a { display: none; }



/*.content a{ color: #888; font-size: 10px; font-weight: normal; text-decoration: none; }*/
.content a{ color: #000; font-size: 12px; font-weight: bold; text-decoration: none; }

.content a:visited{ color: #000; }

.content a:active{ color: #FF0000; }

.content a:hover{ color: #FF0000; text-decoration: underline; }



/* content.title */

.content_title { margin-top: 20px; font-weight: bold; }

.content_title a{ color: #9c4113; font-size: 25px; text-decoration: none; }

.content_title a:visited{ color: #9c4113; }

.content_title a:active{ color: #9c4113; }

.content_title a:hover{ color: #bd6235; text-decoration: underline; }


/* content.taglist */
.content_taglist a{ color: #888; font-size: 10px; font-weight: normal; text-decoration: none; }

.content_taglist a:visited{ color: #000; }

.content_taglist a:active{ color: #FF0000; }

.content_taglist a:hover{ color: #FF0000; text-decoration: underline; }


/* content.post nav */

.pagetext { width: 60px; padding: 4px 6px; }

span.page-numbers { color: #444; text-decoration: none; font-weight: normal; border: 1px solid #e2e2e2; padding: 3px 14px; margin: 0 -1px 0 -1px; width: 25px; background: #f4f4f4; }

a.page-numbers { color: #444; text-decoration: none; font-weight: normal; border: 1px solid #e2e2e2; padding: 3px 14px; margin: 0 -1px 0 -1px; width: 25px; background: none; }

a:active.page-numbers { color: #444; background: #f4f4f4; }

a:hover.page-numbers { color: #444; background: #f4f4f4; }

.content_nav { margin: 2px 0 0 0; padding: 10px; height: 12px; text-align: right; border: 1px solid #e5f0fd; }



/* content.post nav countermeasures*/

a.prev { display: none; }

a.next { display: none; }



/* content.meta */

.content_meta { padding: 5px 0 0 0; }



/* content.ratings */

.content_ratings { font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 10px 0 0 0; }



/* content.tagcomments */

.content_tagcomments { width: 435px; padding: 10px 0 0 0; }



/*---------------------------------

 Announcement Posts

---------------------------------*/

.Announcement { background: #FFFFE0; border: 1px solid #bbb; box-shadow: 0 0 20px #ccc; }

/* content.text */

.a_content_text { font-size: 13px !important; padding: 10px 0 10px 0;text-align: left; } /**/

.a_content_text strong { font-weight: bold; }



/*---------------------------------

 Single Post

---------------------------------*/

#comment_count { font-family: Arial, Helvetica, sans-serif; }



/* MAIN CONTENT POST */

.s_content_post { padding: 14px; margin: 0 0 0 0; border: 1px solid #e5f0fd; border-top: 0px; box-shadow: 0 5px 20px #eee; }



/* CHILD COMMENTS */

.comment_list li.even { min-height: 100px; padding: 0 0 0 15px; margin: 10px 0 0 0; border-left: 1px solid #f7f7f7; }

.comment_list li.odd { min-height: 100px; padding: 0 0 0 15px; margin: 10px 0 0 0px; border-left: 1px solid #f7f7f7; }

.comment_list li.even > div.comment-body { background: #ffffe0; padding: 10px; border: 1px solid #ebebeb; box-shadow: 0 0 5px #eee; border-bottom-left-radius: 20px; }/**/

.comment_list li.odd > div.comment-body { background: #f5f5f5; padding: 10px; border: 1px solid #ebebeb; box-shadow: 0 0 5px #eee; border-bottom-left-radius: 20px; }/**/



/* MAIN COMMENTS */

.comment_list > li.even { min-height: 100px; padding: 10px 10px 20px 10px; box-shadow: 0 5px 20px #eee; margin: 10px -1px 10px 0; border: 1px solid #e5f0fd; background: #FFFFFF; }

.comment_list > li.odd { min-height: 100px; padding: 10px 10px 20px 10px; box-shadow: 0 5px 20px #eee; margin: 10px -1px 10px 0; border: 1px solid #e5f0fd; background: #FFFFFF; }

.comment_list > li.even > div.comment-body { background: #FFFFFF; padding: 10px; border: 0px solid #eee; box-shadow: 0 0 0 #eee; border-bottom-left-radius: 20px; }/**/

.comment_list > li.odd > div.comment-body { background: #FFFFFF; padding: 10px; border: 0px solid #eee; box-shadow: 0 0 0 #eee; border-bottom-left-radius: 20px; }/**/



/* COMMENT METADATA */

.comment_list li > div.comment-body div cite.fn { font-size: 18px; font-weight: bold; } /* poster's name when logged in */

.comment_list li > div.comment-body div cite.fn a { font-size: 18px; font-weight: bold; } /* poster's name when not logged in */

.comment_list li > div.comment-body .comment-awaiting-moderation  { font-size: 12px; font-weight: normal; color: #FF9900; float: right; } /* pending note */

.comment_list li > div.comment-body div span.says { display: none; } /* 'says' after name */



.comment_list li > div.comment-body div.comment-meta a { color: #bababa; font-weight: normal; font-size: 10px; text-decoration: none; } /* date link */

.comment_list li > div.comment-body div.comment-meta a:visited { color: #bababa; } /* date link */

.comment_list li > div.comment-body div.comment-meta a:active { color: #bababa; } /* date link */

.comment_list li > div.comment-body div.comment-meta a:hover { color: #bababa; font-weight: normal; font-size: 10px; text-decoration: underline; } /* date link */



.comment_list li > div.comment-body div.comment-meta > a+a { float: right; margin: 0 10px 0 0; } /* edit link */

.comment_list li > div.comment-body p { padding: 10px; } /* comment content */



.comment_list li > div.comment-body blockquote p { padding: 10px; color: #CCCCCC; } /* comment content */

.comment_list li > div.comment-body p em { padding: 10px; color: #CCCC99; } /* comment content */



/*.comment_list li > div.comment-body p+p{ margin: 0 0 -30px 0; } /* comment like/dislike */

/*.comment_list li > div.comment-body p+p > span { margin: 0 0 -30px 0; } /* comment like/dislike */



.reply { height: 20px; padding: 0; background: url('images/reply.png') 95% 10% no-repeat; text-align: right; clear: both; }

.reply > a { margin: -5px 0 0 0; font-size: 10px; color: #bababa; text-decoration: none; }

.reply > a:visited { margin: -5px 0 0 0; color: #bababa; }

.reply > a:active { margin: -5px 0 0 0; color: #bababa; }

.reply > a:hover { color: #bababa; text-decoration: underline; }



/*---------------------------------

 About Page

---------------------------------*/



/* content.post body */

.abt_content_post { margin: 0 0 2px 0; padding: 20px; box-shadow: 0 5px 20px #eee; border: 1px solid #e5f0fd; font-size: 12px; }



/* content.content */

.abt_content_content { padding: 20px; margin: 0 10px 0 0; }

.abt_content_content strong { font-weight: bold; margin: 0 0 20px 0; }



/* content.title */

.abt_content_title { margin-top: 20px; font-weight: bold; }

.abt_content_title a{ color: #9c4113; font-size: 25px; text-decoration: none; }

.abt_content_title a:visited{ color: #9c4113; }

.abt_content_title a:active{ color: #9c4113; }

.abt_content_title a:hover{ color: #bd6235; text-decoration: underline; }



/*---------------------------------

 Join Page

---------------------------------*/

.join_samples { padding: 10px 5px 20px 5px; }

.join_samples ul li { list-style-type: none; display: inline; margin: 0 0 0 4px; }

.join_samples ul li img { padding: 3px; margin: 4px 0 4px 0; border: 1px dotted #444; }



/*---------------------------------

 Gallery

---------------------------------*/

.gal_content_post { margin: 0 0 2px 0; padding: 20px; box-shadow: 0 5px 20px #eee; border: 1px solid #e5f0fd; font-size: 12px; }



/* content.post body */

.gal_content_post { margin: 0 0 2px 0; padding: 20px; box-shadow: 0 5px 20px #eee; border: 1px solid #e5f0fd; font-size: 12px; }



/* content.content */

.gal_content_content { padding: 20px; margin: 0 10px 0 0; }

.gal_content_content strong { font-weight: bold; margin: 0 0 20px 0; }



/*.cgm_filter ul li { clear: both; }*/



/*---------------------------------

 Comment Form

---------------------------------*/

.comment_form { width: 500px; }

.comment_form_title { font-weight: bold; padding: 10px 10px 10px 0; } /* form title */

.comment_form_meta { padding: 10px; }

.comment_form_logas { font-size: 12px; color: #bababa }

.comment_form_logname a { font-size: 14px; }

.comment_form_logout a { font-size: 12px; color: #bababa; }

.comment_form_submit { margin: 10px 10px 20px 0; } /* submit button */

.comment_form_cancel { margin: 10px 10px 20px 0; } /* cancel button */



.comment_form_fillin { clear: both; } /* cancel button */

.comment_form_fillfields { padding: 5px; margin: 0 0 2px 0; border: 1px solid #ebebeb; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }


/*---------------------------------

 Sidebar

---------------------------------*/

#content_right { font-family: Arial, Helvetica, sans-serif; float: left; width: 227px; min-height: 1000px; margin: 0 0 0 4px; }



.cr_bar { width: 211px; min-height: 18px; background: url(images/cr_bar.gif) no-repeat; padding: 16px 8px 8px 8px; }

.cr_bar { color: #fff; font-size: 12px; font-weight: bold; }

.cr_box { width: 193px !important; font-size: 13px !important; padding: 16px; border: 1px solid #e5f0fd; margin: 2px 0 15px 0; }



.cr_box ul li { padding: 5px 0; }



.cr_box ul li a { padding: 5px 0; font-weight: bold; }

.cr_box ul li a:visited { font-weight: bold; }

.cr_box ul li a:active { font-weight: bold; }

.cr_box ul li a:hover { font-weight: bold; }



/* sidebade.wp_wall */

.cr_box div > div+div > div { margin: 0 0 5px 0; } /* 'latest' div */

	/*.cr_box div > div+div > div+p.wall-registered { background: #EFC77E; } /* latest post */

.cr_box div > div+div > p { padding: 5px; box-shadow: 0 1px 3px #ccc; border: 1px solid #ccc; } /* 'posts' div */



#wallcomments+p { text-align: center; }

#wall_post { text-align: center; }

#wall_post > form > p > a { font-weight: bold; } /* logged in as: 'username' */

#wall_post > form > p+p > label > small { display: none; } /* 'comment' */

	/*#wall_post > form > p+p+p > input { display: none; } /* 'submit' */



/* sidebar.my friends*/

.textcontent { padding: 16px; }

.textcontent ul li a { padding: 5px 0; font-weight: normal; }

.textcontent ul li a:visited { font-weight: normal; }

.textcontent ul li a:active { font-weight: normal; }

.textcontent ul li a:hover { font-weight: bold; text-shadow: 0 0 5px red; }





/*---------------------------------

 Footer

---------------------------------*/

#footer{ width: 1050px; margin: 0 auto; background: #000; text-align: center; }

a.foot_links { color: #ff9900; text-decoration: none; }

a:active.foot_links { color: #ff9900; }

a:visited.foot_links { color: #ff9900; }

a:hover.foot_links{ color: #FFFFFF; text-decoration: underline; }



.foot_disclaimer { color: #fff;  padding: 15px 30px 15px 30px; }

#foot_banner { width: 100%; min-height: 136px; background: url(images/foot_banner.jpg) no-repeat; }




/* FOOTER */
/*.friendlist{
	margin: 0 0 10px;
	width: 100%;
}

.friendlist h2{
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}
.friendlist ul li{
	display:inline-block;
	padding: 3px 7px;
}

.friendlist ul li a{ color: #fff; font-size:11px; }
.friendlist ul li a:visited{ color: #fff; }
.friendlist ul li a:active{ color: #fff; }*/
/* FOOTER */
.friendlist{
	/*margin: 20px 0 0;*/
	margin-right:0px;
	padding: 10px 0;
	width: 1050px;
	background: #f5f5f5;
}

.friendlist h2{
	margin: 0px;
	color: #212121;
	font-weight: bold;
	font-size: 12px;
}
.friendlist ul{
	background: #f5f5f5;
}
.friendlist ul li{
	border: 0px dotted rgba(200,200,200,0.5);
	display:inline-block;
	margin: -2px !Important;
	/*padding: 3px;*/
	width: 178px;
}

.friendlist ul li a{ color: #212121; font-size:11px; text-decoration:underline; }
.friendlist ul li a:visited{ color: #212121; }
.friendlist ul li a:active{ color: #212121; }
.friendlist ul li a:hover{ text-decoration:underline; }
.iframe {border: 0;height: 408px;}