/*
Theme Name: Club Penguin
Theme URI: http://clubpenguin.com/
Description: This is the official Club Penguin theme.
Version: 2.0
Author: Adrian Kasziwski
Author URI: http://newspenguin.net/
*/

@charset "UTF-8";

/* MAIN STYLE */
	
body { 
	font-family: Arial, Helvetica, sans-serif; 
	color:#555; 
	margin:0; 
	padding:0; 
	text-align:center; 
	background:#0186b1 url(images/bgRepeat.gif) 0 0 repeat-x; 
	height:100%; 
	width:100%;
	font-size:small;
	min-width:1022px !important;
  	font-size:small;
}

body { background-color:#0186b1; }

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,font,img,ins,kbd,q,s,samp,
small,strike,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	text-align:left;
	line-height:1.2em;
	font-family:Arial, Helvetica, sans-serif;

}

h1,h2,h3,h4,h5,h6 { color:#00529b; font-weight:bold; }

h3 { font-size:130% !important; }

h2 { font-size:125% !important; padding:20px 0 10px 0; }
	
html>body { font-size:small; }
	
strong { font-weight:bold; }

ul { padding:20px 20px 20px 40px; }
ul ul { padding:5px 0 0 20px; }

li { list-style-position:outside; list-style-image:url(images/bullet-orange.gif); padding-top:5px; padding-bottom:5px; }

/* FLASH NAVIGATION */
	
#home #hdrWrap {
	height:134px;
	width:100%;
	margin:0; 
	background:url(images/navBg.gif) 50% -1px no-repeat;
	z-index:4;
}
	
#home #flashNav {
	position:relative;
	height:134px;
	width:1022px;
	margin:0 auto;
	top:0; 
}

#home #hdrWrap {
	position:absolute;
	height:134px !important;
	width:100%;
	min-width:1022px !important;
	margin:0; 
	background:url(images/navBg1.gif) 50% -1px no-repeat    ;
	z-index:4;
	overflow:hidden;
}

#hdrWrap {
	position:absolute;
	height:134px !important;
	width:100%;
	min-width:1022px !important;
	margin:0; 
	background:url(images/navBg.gif) 50% -1px no-repeat    ;
	z-index:4;
	overflow:hidden;
}
	
#flashNav {
	position:relative;
	height:134px;
	width:1022px;
	margin:0 auto;
	top:0; 
	z-index:2;
}

/* FOOTER STYLE */

#ftrWrap {
	position:relative;
	top:102px;
	height:140px;
	width:100%;
	min-width:1022px;
	background:url(images/ftr_repeat.jpg) repeat-x;
	z-index:50;
}
	
#ftrBg {
	position:relative;
	height:140px;
	width:100%;
	min-width:1022px;
	margin:0 auto;
	background:url(images/ftr_bg.jpg) 50% 0 no-repeat;
	z-index:40;
}

#ftrContent {
	position:relative;
	height:140px;
	width:900px;
	margin:0 auto;
	z-index:39;

}
	
#ftrBg ul {
	position:absolute;
	top:38px;
	left:185px;
	display:block;
	list-style:none;
	height:auto;
	width:495px;
	text-align:center;
	padding:0;
}

#ftrBg ul li {
	display:inline;
	list-style:none;
	margin:0 3px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:800;
	color:#01384a;
}

#ftrBg ul .noMarg {
	margin:0;
}
		
#ftrBg ul li a, #ftrBg ul li a:link, #ftrBg ul li a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:700;
	color:#fff;
	text-decoration:none;
}

#ftrBg ul li a.new, #ftrBg ul li a.new:link, #ftrBg ul li a.new:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:700;
	color:#fc0;
	text-decoration:none;
}

#ftrBg ul li a:hover, #ftrBg ul li a.new:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#5ad0fa;
	text-decoration:none;
}

#ftrBg ul li .active {
	color:#5ad0fa;
}
	
#ftrBg p{
	position:absolute;
	top:63px;
	left:200px;
	height:auto;
	width:460px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10.5px;
	color:#013444;
}
	
#disGame{
	position:absolute;
	top:30px;
	left:20px;
}
	
/* MAIN CONTENT STYLE */
	
#centerWrap {
	position:relative;
	width:100%;
	font-size:110%;
	z-index:20;
}
	

#contentWrap{
	position:relative;
	width:1022px;
	margin:0 auto;
	z-index:20;
}
	
.subpage #centerWrap {
	position:relative;
	z-index:1;
	background:#0186b1 url(images/sub_bg.jpg) 50% 110px no-repeat;
}
	
.subpage #content {
	margin:0;
	height:auto;
	width:900px;
	background:#fff url(images/sub_inner_bg.gif) 0 0 no-repeat;
	border-left:3px solid #013a69;
	border-right:3px solid #013a69;
	color:#555;
	position:relative;
	top:102px;
	left:58px;
}
	
.subpage #content .padd {
	padding:40px 30px 30px;
}
	
.subpage #content .pageName {
	font-size:180%;
	padding-top:3px;
	height:75px;
}
	
.subpage #content .sectionName {
	font-size:135%;
}
	
/* GLOBAL STYLE */

table {
	border-collapse: collapse;
	margin-top: 2em;
	width:100%;
	color:#555;
	background:#FFF;
	font-weight:normal;
}
							
tr {
	padding:5px;
}
							
td {
	border:solid 1px #CCC;
	margin-bottom: 9px;
	padding: 5px;
}

th {
	border:solid 1px #CCC;
	margin-bottom: 9px;
	padding: 5px;
	font-weight:bold;
}
							
.clear-table {
	padding:0;
	font-weight:normal;
	border:none;
}

.clear-table tr {
	padding:0;
	font-weight:normal;
	border:none;
}

.clear-table td {
	padding:0;
	font-weight:normal;
	border:none;
}

.clear-table th {
	padding:0;
	font-weight:normal;
	border:none;
}
	
.floatHack {
	clear:both;
	height:0px;
	margin:0;
	padding:0;
	border:none;
	width:100%;
	visibility:hidden;
}


	
img {
	border:none !important;
}
	
a:link { color:#00529b; text-decoration:none; font-weight:bold; }
a:visited { color:#00529b; text-decoration:none; font-weight:bold; }
a:hover { color:#000; text-decoration:none; font-weight:bold; }
a:active { color:#00529b; text-decoration:none; font-weight:bold; }
	

.button {
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
	padding:0;
	border:0;
}
	
.hybridbtn {
		overflow:hidden;
		margin:0;
		padding:0;
		border:0;
}
	
ul.bullets li {
	list-style:url(images/bullet.gif) outside;
	margin:0 0 .5em 1em;
}
	
.quotelist div {
	padding:30px;
}
	
.quotelist div.alt {
	background:#eef7ff;
}
	
.quotelist div .by {
	font-size:120%;
	font-weight:bold;
	text-align:right;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

q:before,q:after,blockquote:before,blockquote:after { content:""; }

a img,:link img,:visited img { border:none }

sup {
	line-height:0;
	vertical-align:text-top;

}
.blog_entry { margin-top:8px; }
.blog_head { font-size:18px; margin-bottom:30px;}


.blog_copy { margin:10px 5px 10px 5px; }
h3 { margin-top:8px !important; color:#00529b; width:600px; margin-bottom:40px !important; }

.blog_divider { height:1px; font-size:1px; line-height:1px; border-bottom:2px solid #e3e3e3; margin:40px 0 40px 0; }

.left { float:left; width:400px; }
.right { float:left; margin-left:10px; width:400px; }
.right_link { float:right; width:310px; position:relative; top:17px; text-align:right; }

.published{color:#a5bacd;}

.comments-open{ margin-top:15px; }

.comments-open label { padding:4px 0 10px 0; font-weight:bold; font-size:12px; color:#7b7b7b; }
.comments-open p { margin:8px 0 15px 0 !important; }
.comments-open h2 { margin:0 0 20px 0 !important; }

.comments-open table { margin-top:10px; margin-bottom:7px; }
.comments-open input{margin:0 6px 15px 0; font-size:13px; padding:3px; font-family:Arial, Helvetica, sans-serif; color:#6f6f6f;}

.comments-open-content input{margin-top:5px;}
.comments-open-content textarea{margin-top:5px; margin-bottom:5px; font-size:13px; padding:3px; width:100%; border:2px solid #fbe494; background:#fefde1; font-family:Arial, Helvetica, sans-serif; color:#6f6f6f;}
.namein input {width:185px; border:2px solid #fbe494; background:#fefde1;}

.comments-open-header { margin-bottom:10px; }
.comment { height:auto; padding:20px 20px; display:block; margin:5px 0 5px 0; background:url('http://community.clubpenguin.com/blog/images/bluebg.gif'); }

#comments-open-footer {min-height:40px; margin: 15px 0 35px 0;}

.comment_reply { margin-top:8px; margin-left:20px; }
	.comment_reply .author { font-weight:bold; }
.comment_reply p { display:inline; }

.byline { font-size:10px; font-weight:bold; color:#007aa3; }

.comment-header { margin-bottom:10px; }
.comment-date { margin-top:10px; color:#858585; font-size:10px; }


.archive-list li{ margin:5px 0 0 0;}

.page_divider { height:1px; font-size:1px; line-height:1px; border-bottom:2px solid #e3e3e3; margin:10px 0 10px 0; }

.page_name {
	font-size:180%;
	padding-top:3px;
	height:auto;
}

.content-left {
	padding-top:15px;
	width:57%;
	height:300;
	float:left;
	text-align:left;
	position:relative;
}

.content-tall-left {
	padding-top:15px;
	width:57%;
	height:450px;
	float:left;
	text-align:left;
	position:relative;
}

.content-right {
	float:right;
	text-align:left;
	position:relative;
	visibility:inherit;
}

.content-sm-left {
	width:80%;
	height:70px;
	float:left;
	text-align:left;
}

.about_cp_banner {
	background:#ba653b url(http://newspenguin.net/images/2010/05/about_cp_banner_image.png) top left no-repeat;
	height:80px !important;
	border:2px solid #000;
	margin-bottom:30px;
	padding:20px 0 0 260px;
	color:#6b3b23;
	font-size:150%;
}

.about_cp_banner a {
	color:#6b3b23;
	height:inherit;
}

.about_cp_banner a:hover {
	color:#000;
}

/* reCAPTCHA BOX STYLE */

.recaptchatable { border:2px solid #fbe494 !important; background-color:#fefde1 !important; }
 
#recaptcha_table { background-color:#fefde1 !important; border:solid 2px #fbe494 !important; }
 
#recaptcha_response_field { border-color:#fbe494 !important; background-color:#fff !important;}
 
.recaptcha_image_cell {background-color:#fefde1 !important; }

.recaptcha_theme_clean { border:2px solid #fbe494 !important; }