/*  

Theme Name: Colouring Books

Theme URI: http://www.colouring-books.com/

Description: Colouring Book Website.

Version: 1.2v

Author: Colouring Books

Author URI: http://www.colouring-books.com/

*/



* {

margin: 0px;

padding: 0px;

}



p {

margin: 0px 0px 16px 0px;

padding: 0px;

line-height: 22px;

}



img, img a {

	border: 0px;

}



a:focus,

a:active {

	border: 0;

	outline: none;

}



#video { margin-bottom: 20px; }

	



body {

	font-family: Arial, Helvetica, sans-serif;

	background-color: #EFEFEF;

	font-size: 14px;

}

#header_wrap {

	height: 140px;

	width: 100%;

}

#header_inner_wrap {

	height: 140px;

	width: 980px;

	margin-right: auto;

	margin-left: auto;

	background-color: #EFEFEF;

	padding-top: 10px;

	overflow: hidden;

}

#show_hide_wrap {

	clear: both;

	height: 25px;

	width: 100%;

}

#show_hide_inner_wrap {

	height: 23px;

	width: 970px;

	margin-right: auto;

	margin-left: auto;

	background-color: #46949e;

	font-weight: bold;

	font-variant: small-caps;

	color: #FFFFFF;

	text-align: right;

	padding-right: 10px;

	padding-top: 2px;

}

#logo_ad_wrap {

	height: 180px;

	width: 100%;

	clear: both;

}

#logo_ad_inner_wrap {

	height: 180px;

	width: 980px;

	margin-right: auto;

	margin-left: auto;

}

#menu_wrap {

	clear: both;

	height: 25px;

	width: 100%;

}

#menu_inner_wrap {

	height: 23px;

	width: 960px;

	padding-left: 20px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 4px;

	background-color: #4F8BBF;

	font-weight: normal;

	font-variant: small-caps;

	color: #FFFFFF;

	font-size: 16px;

	text-align: center;

}

#container {

	clear: both;

	width: 100%;

}

#inner_container {

	width: 980px;

	margin-right: auto;

	margin-left: auto;

}

#sidebar {

	float: left;

	width: 200px;

	margin-left: 15px;

	background-color: #FFFFFF;

	margin-top: 15px;

	margin-bottom: 35px;

}

#content {

	float: right;

	width: 678px;

	padding-right: 40px;

	padding-left: 40px;

	padding-top: 20px;

	margin-bottom: 35px;

	background-color: #FFFFFF;

}

#inner_container_wrap {

	float: left;

	width: 978px;

	background-color: #FFFFFF;

	margin: 0 0 30px 0;

	border-bottom: 10px solid #4F8BBF;

	border-left: 1px solid #DFDFDF;

	border-right: 1px solid #DFDFDF;

}

#show_hide_inner_wrap a, #show_hide_inner_wrap a:visited {

	font-variant: small-caps;

	color: #FFFFFF;

	font-size: 16px;

	font-weight: normal;

	text-decoration: none;

}

#show_hide_inner_wrap a:hover {

	font-variant: small-caps;

	color: #FFFFFF;

	font-size: 16px;

	font-weight: normal;

	text-decoration: underline;

}

#menu_inner_wrap li {

	display: inline;

	padding-right: 9px;

	padding-left: 9px;

	padding-top: 2px;

}

#menu_inner_wrap ul {

}

#sidebar ul {

	margin: 0;

}

#sidebar li {

	list-style: none;

}

#sidebar li a {

	width: 188px;

	height: 20px;

	list-style-type: none;

	display: block;

	padding-top: 1px;

	padding-bottom: 1px;

	padding-left: 5px;

	padding-right: 5px;

	color: #4F8BBF;

}

#sidebar li a, #sidebar a:visited {

	color: #4F8BBF;

	text-decoration: none;

	font-size: 12px;

}

#sidebar li a:hover {

	background: #DFDFDF;

	color: #000;

	text-decoration: none;

}

#sidebar h2 {

	color: #FFFFFF;

	background-color: #4F8BBF;

	padding: 5px;

	font-size: 16px;

	text-transform: capitalize;

}

#menu_inner_wrap a, #menu_inner_wrap a:visited {

	color: #FFFFFF;

	text-decoration: none;

}

#menu_inner_wrap a:hover {

	color: #FFFFFF;

	text-decoration: underline;

}

.colouring-image {

	text-align: center;

	float: left;

	width: 160px;

	height: 250px;

	overflow: hidden;

	margin-right: 10px;

}

#content h2,

#content h1 {

	font-size: 20px;

	color: #4F8BBF;

	text-align: center;

	margin-bottom: 15px;

}

#content .adsense {

	text-align: center;

	margin-top: 15px;

	margin-bottom: 20px;

}

#how-to-print {

	height: 135px;

	background-image: url(images/save.gif);

	background-repeat: no-repeat;

	background-position: right 20px;

	padding-right: 160px;

	clear: both;

	margin-top: 30px;

}

#container h3 {

	color: #4F8BBF;

	font-size: 16px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #46949E;

	margin: 40px 0px 18px 0px;

}

#content a {

    color: #4F8BBF;

    text-decoration: none;

}

#add-content ul {

    margin: 0 0 12px 30px;

}

#add-content a {

    border-bottom: 1px dashed #CCC;

    color: #333;

    text-decoration: none;

}

.single-adsense {

	text-align: center;

}





#colouring-image-wrap .adsensetall {

	float: left;

	width: 160px;

	padding: 0 20px;

}

.imagenavigation { 

	height: 25px; 

	margin-bottom: 20px;

	list-style: none;

}

.previous a, .previous a:visited { 

	background: #e1dfdd;

	text-decoration: none; 

	color:#333333;

	text-align: left;

	width: 188px;

	margin-right: 16px;

	border: 1px solid #CCCCCC;

	padding: 6px 0px 6px 30px;

	float: left;

}

.previous a:hover { 

	background: #FFFFFF;

}

.next a, .next a:visited {

	background: #e1dfdd;

	text-decoration: none; 

	color:#333333;

	text-align: right;

	width: 188px;

	margin-right: 16px;

	border: 1px solid #CCCCCC;

	padding: 6px 30px 6px 0px;

	float: left;

}

.next a:hover {

	background: #FFFFFF;

}

.character-index a, .character-index a:visited { 

	background: #e1dfdd;

	text-decoration: none; 

	color:#333333;

	text-align: center;

	width: 188px;

	margin-right: 16px;

	border: 1px solid #CCCCCC;

	padding: 6px 0px;

	float: left;

}

.character-index a:hover { 

	background: #fff;

}

#name {

	margin-bottom: 15px;

	margin-top: 10px;

}

#l83712-83712 {

	margin-bottom: 15px;

}

.side_wrap {

	margin-bottom: 10px;

	border: 1px solid #DFDFDF;

	border-top: 0;

}

#container #inner_container #inner_container_wrap #content #colouring-image-wrap #colouring-image img {

	padding-top: 25px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

}

#container #inner_container #inner_container_wrap #content #colouring-image-wrap #image-description {

	float: right;

	width: 480px;

	height: 250px;

	overflow: hidden;

	margin: 0px;

	padding: 0px;

}

#container #inner_container #inner_container_wrap #content #colouring-image-wrap #image-description h3 {

	padding: 0px;

	margin-top: 5px;

	margin-bottom: 10px;

}

#container #inner_container #inner_container_wrap #content #colouring-image-wrap {

	height: 250px;

	width: 680px;

}

#container #inner_container #inner_container_wrap #content .colouring-image-wrap {

	height: 250px;

	width: 680px;

	overflow: hidden;

}

#footer_spacer {

	clear: both;

	width: 100%;

	height: 35px;

}

.spacer {

	clear: both;

	width: 100%;

}



#single-image-wrap {

	width: 850px;

	margin-right: auto;

	margin-left: auto;

}

#single-image-wrap #single-image {

	float: left;

	background:  #FFFFFF;

	width: 850px;

	margin: 20px 0;

}

#single-image-wrap #single-image #colouring-image-wrap #colouring-image {

	float: left;

	width: 450px;

}

#single-image-wrap #single-image #colouring-image-wrap h1 {

	display: block;

	width: 850px;

	margin: 25px 0;

	text-align: center;

	font-size: 16px;

}

#single-image-wrap #single-image #colouring-image-wrap #single_banners {

	width: 850px;

	float: left;

	clear: both;

	text-align: center;

}

tr {

	height: 22px;

	background-color: #efefef;

}

td {

padding: 2px 10px 4px;

}



.thumbWrap {

	width: 157px;

	height: 219px;

	overflow: hidden;

	border: solid 1px #CCCCCC;

	float: left;

	margin: 5px;

}

#menu_inner_wrap .al {

	font-size: 13px;

}

.pz {

	width: 200px;

	margin: 0 13px 15px 13px;

	height: 185px;

	overflow: hidden;

	float: left;

	text-align: center;

}

.pzname {

	clear: both;

	width: 200px;

	float: left;

	padding-top: 4px;

	text-align:center;

	text-decoration: none;

	font-size: 12px;

	color:#333333;

}

.ch {

	width: 112px;

	height: 120px;

	overflow: hidden;

	float: left;

	text-align: center;

	margin-bottom: 15px;

}

.ch a {

	text-decoration: none;

	font-size: 12px;

	color:#333333;

}

.name {

	clear: both;

	width: 112px;

	float: left;

	padding-top: 4px;

	text-align:center;

}

#copyright {

	width: 980px;

	clear: both;

	margin: 0 auto;

	color: #666666;

	text-align: center;

	font-size: 11px;

}

#copyright a {

	color: #666666;

	text-decoration: none;

}

#copyright a:hover {

	color: #666666;

	text-decoration: none;

	border-bottom: 1px dotted #666;}

#top_ad {

	width: 200px;

	height: 200px;

	float: right;

	margin: 0 0 10px 10px;

}

#characterHomeWrap,

#characterImageWrap {

	width: 100%;

	clear: both;

}

#characterAds {

	width: 100%;

	clear: both;

	text-align: center;

	height: 20px;

	padding: 5px 0px;

}

.inContent {

	width: 100%;

	clear: both;

}

#donationWrap {

	width: 100%;

	clear: both;

}

.donation {

	width: 98px;

	height: 33px;

	float: left;

	margin: 10px;

	padding: 17px 48px 0 0;

	border: solid 1px #DFDFDF;

	background: url(images/arrow_down_green.png) right top no-repeat;

	display: block;

	text-decoration: none;

	color: #333333;

	font-weight: bold;

	text-align: center;

}

.donation:hover,

.donation:active,

.donation:focus {

	background: url(images/arrow_down_blue.png) right top no-repeat #EFEFEF;

	border: solid 1px #CCC;

}

a.scene {

	color: #FF0000;

	font-weight: bold;

	text-decoration: none;

}

a.scene:hover {

	text-decoration: underline;

}

.midsugs {

	width: 90%;

	margin: 0 auto 20px;

	border: 1px dotted #CCCCCC;

	float: left;

	padding: 20px 0;

}

.midl {

	width: 40%;

	margin-left: 10%;

	float: left;

}

.midr {

	width: 40%;

	margin-left: 10%;

	float: right;

}

.list {

	margin-left: 30px;

	margin-bottom: 20px;

}

.side_wrap .hot {

	color: #FF0000;

	font-weight: bold;

}

.side_wrap .new {

	color: #00CC00;

	font-weight: bold;

}

.facebook {

	width: 100%;

	background: url(images/facebook.png) no-repeat left top;

	padding: 6px 0 10px 35px;

	font-weight: bold;

	margin-bottom: 10px;

}

.twitter {

	width: 100%;

	background: url(images/twitter.png) no-repeat left top;

	padding: 6px 0 10px 35px;

	font-weight: bold;

	margin-bottom: 10px;

}





/* This css file serves as a template for styling your kwicks.  Feel free to modify, but please make note of the comments - some of them are important. */

#header_java .kwicks {

	/* recommended styles for kwicks ul container */

	list-style: none;

	position: relative;

	margin: 0 auto;

	padding: 0;

}

#header_java .kwicks li a{

	/* these are required, but the values are up to you (must be pixel) */

	width: 186px;

	height: 110px;

	text-indent: -9000px;



	/*do not change these */

	display: block;

	overflow: hidden;

	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */

}

#header_java .kwicks.horizontal li {

	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */

	margin-right: 5px; /*Set to same as spacing option. */	

	float: left;

}

#header_java .kwicks.vertical  li{

	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */

	margin-bottom: 5px; /*Set to same as spacing option. */	

}



#header_java #kwick_1 { 

	background: url(images/slider.gif) 0 0;

}

#header_java #kwick_2 {

	background: url(images/slider.gif) -332px 0;

}

#header_java #kwick_3 {

	background: url(images/slider.gif) -664px 0;

}

#header_java #kwick_4 { 

	background: url(images/slider.gif) -996px 0;

}

#header_java #kwick_5 {

	background: url(images/slider.gif) -1328px 0;

}

#header_java .kwicks.horizontal #kwick_5 {

	margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */

}

#header_java .kwicks.vertical #kwick_5	 {

	margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */

}

















	/* FORM */

	

	/****************************************************/

/* Within this file (change the name to your plugin */

/* name) you can change the styling of your plugin  */

/* with ease. Like the javascript it will be added  */

/* to the head automatically. If you do not require */

/* extra styling you can delete this file.          */

/****************************************************/



.spacer {

	clear: both;

	width: 100%;

}



#contactPage form {

	margin: 10px auto;

}



#contactPage input[type="hidden"] {

	border: 0;

}



#contactPage fieldset {

	clear: both;

	width: 500px;

	background-color: #EFEFEF;

	border: 1px solid #DFDFDF;

	padding: 10px 20px;

	margin: 10px auto;

}

#contactPage .captchaImage {

	margin-left: 29px;

}



#contactPage form label {

	clear: both;

	width: 25%;

	display: block;

	float: left;

	margin: 10px 0;

}



.form_action {

	display: none;

}



#contactPage form input {

	display: block;

	float: right;

	margin: 10px 0;

	/*width: 73%;*/

	width: 69%;

	height: 22px;

	border: solid #CCCCCC 1px;

}

#contactPage form textarea {

	display: block;

	float: right;

	margin: 10px 0;

	/*width: 73%;*/

	width: 69%;

	height: 150px;

	border: solid #CCCCCC 1px;

}



#contactPage form #description {

	height: 80px;

} 



#contactPage form p {

	width: auto;

	clear: both;

	padding: 0;

	margin: 0;

}



#contactPage form p#submitButtons {

	/*clear: both;

	width: auto;

	margin: 10px auto;

	float: none;*/

}



#contactPage form p#submitButtons input {

	/*display: block;

	float: left;

	width: auto;*/

}



#contactPage form input#reply {

	width: 13px;

}

/*#contactPage form input#submit, #content_wrap form input#reset {

	clear: both;

	width: auto;

	margin: 10px auto;

	float: none;

}*/



#contactPage fieldset h2 {

	float: left;

	clear: both;

}

#contactPage input#submit {

	background: #4F8BBF;

	display: block;

	clear: both;

	height: 38px;

	width: 114px;

	margin-left: 300px;

	border: 1px solid #DFDFDF;

	margin-top: 0;

	padding-top: 0;

	color: #FFFFFF;

	font-size: 16px;

	font-weight: bold;

}

#contactPage #submitButtons input#submit:hover {

	background: #67A0CF;

}



.commentsSpacer { width: 672px; margin: 0 auto 20px; clear: both; height: 20px; border-bottom: 3px solid #4F8BBF; }







#moderation { clear: both; /*float: left;*/

	padding-top: 25px; }

.commentlist .gravitar { height: 48px; width: 48px; padding: 2px; border: 1px solid #CCCCCC; float: left; }

.commentlist .odd_comment,

.commentlist .even_comment { width: 512px; margin: 0 auto; }

.commentlist .odd_comment .comment_meta,

.commentlist .even_comment .comment_meta { width: 448px; padding-left: 10px; padding-top: 4px; float: right; margin-top: 10px; height: 40px; border-top-width: 1px; border-top-style: solid; border-top-color: #4F8BBF; }

.commentlist .odd_comment .comment_text,

.commentlist .even_comment .comment_text { clear: both; float: right; width: 448px; /*540*/

	margin-bottom: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #4F8BBF; padding: 10px 27px; }

.commentlist .odd_comment .comment_meta,

.commentlist .odd_comment .comment_text { background-color: #cde6fc; }

.commentlist .comment_meta .url { color: #666666; font-size: 14px; line-height: 20px; text-decoration: none; }

.commentlist .comment_meta .url:hover { text-decoration: underline; }

#wrap #in_wrap #container #in_container #content .product { width: 567px; margin-right: auto; margin-left: auto; padding-top: 25px; }

.comments_info { width: 517px; clear: both; margin-bottom: 30px; float: left; border: 1px solid #DFDFDF; background-color: #EFEFEF; padding: 0 25px; }



#fb-block {

    display: block;

    border: 1px solid #DFDFDF;

    background: #EFEFEF;

    padding: 3px;

    margin: 10px 0;

    clear: both;

}