/*
Theme Name: Cartoonedge
Description: This is a Premium theme for WordPress, just for premium blogs! With a very sophisticated style
Version: 1.0
Author: KoKo and the Gang
Redesign by KoKo and the Gang
*/

/*** General Format ***/

* {
	padding: 0;
	margin: 0;
}

body {
	background:#410203;
	font-size: 13px;
	color: #000;
	font-family: Verdana;
}

img { border: 0;}
a {	color: #4B8EDB;	text-decoration: none; }
a:hover { color: #4B8EDB; text-decoration: none; }
a:visited {	color: #4B8EDB; }

/*** Structure Format ***/
#wrapper {
	margin: 0 auto;
	width: 996px;
	/*position: relative;*/
	background-image:url(images/bg-2.gif);
}
#header {
	width:996px;
	height:220px;
	background-image:url(images/web-design-header.jpg);
	background-repeat:no-repeat;
	margin-top: 0;
	color: #000;
}
#slogan {
	font: normal 18px Arial;
    float:left;
	margin-top:112px;
	margin-left:170px;
	padding-top:0px;
	color:#000000;
	width:680px;	
	display:inline;
}
#header .header_menu{
	font: normal 100%  Tahoma, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    float:right;
	font-size:18px;
	color:#595959;
	line-height:0px
}
/* menu */
#header_menu{
	margin-top:25px;
	float:left;
	margin-left:18px;
	display:inline;
	}
.menu td { 
	background:url(web-design-menu.gif);
	color:#FFFFFF;
	font-family:"Trebuchet MS";
	font-size:18px;
	font-weight:normal;
}
.menu td a:link{
	color:#FFFFFF;
	font-family:"Trebuchet MS";
	font-size:18px;
	font-weight:normal;
}
.menu td a:hover{color:#FFFF66;}
.chromestyle a, .chromestyle a:visited, .chromestyle a:active{
	font-family: "Trebuchet MS";	
	font-size:18px;
	font-weight: normal;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
}
.chromestyle a:hover{
	font-family:"Trebuchet MS";
	font-size:18px;
	font-weight:normal;
	text-decoration: none;
}

.chromestyle ul{
	font-family:"Trebuchet MS";
	font-size:18px;
	font-weight:normal;
	margin: 0px;
	text-align: center;
	text-decoration: none;
	list-style-type: none;
}

.chromestyle ul li{
	font-family: "Trebuchet MS";
	font-size:18px;
	font-weight: normal;
	display: inline;
	text-decoration: none;
}

.chromestyle ul li a, .chromestyle ul li a:visited, .chromestyle ul li a:active{
	display: inline;
	font-family: "Trebuchet MS";
	font-size:18px;
	color: #ffffff;
	margin: 0px;
	text-decoration: none;
	font-weight: normal;
}

.chromestyle ul li a:hover{
	font-family: "Trebuchet MS";
	font-size:18px;
	font-weight: normal;
	color: #ffffff;
	margin-bottom:0px;
	text-decoration:none;

  /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
	position:absolute;
	color:#4f0f0d;
	top: 0;
	border-bottom-width: 0;
	font-family: "Trebuchet MS";
	font-size:18px;
	font-weight: normal;
	z-index:100;
	/*height:100px;*/
	visibility: hidden;
	margin-left:-60px;
	text-align:left;
	display: inline;
	background-color:#edce71;
	border:1px solid #4f0f0d;
}

.dropmenudiv a, .dropmenudiv a:link, .dropmenudiv a:visited, .dropmenudiv a:active {
width: 195px;
display: inline;
text-indent: 5px;
text-decoration: none;
font-weight: bold;
color: #4f0f0d;
padding:5px;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 195px;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
color:#0099FF;
padding:5px;
}
/*new menu*/
.dropmenudiv2{
	position:absolute;
	color:#4f0f0d;
	top: 0;
	border-bottom-width: 0;
	font-family: "Trebuchet MS";
	font-size:18px;
	font-weight: normal;
	z-index:100;
	/*height:100px;*/
	visibility: hidden;
	margin-left:-70px;
	text-align:left;
	display: inline;
	background-color:#edce71;
	border:1px solid #4f0f0d;
}

.dropmenudiv2 a, .dropmenudiv2 a:link, .dropmenudiv2 a:visited, .dropmenudiv2 a:active {
width: 195px;
display: inline;
text-indent: 5px;
text-decoration: none;
font-weight: bold;
color: #4f0f0d;
padding:5px;
}

* html .dropmenudiv2 a{ /*IE only hack*/
width: 195px;
}

.dropmenudiv2 a:hover{ /*THEME CHANGE HERE*/
color:#0099FF;
padding:5px;
}
.title { padding: 55px 0 0px 17px; }
.title h2{
	color: #FCFCF7;
	text-transform: none;
	border-bottom: none;
	text-align: center;
}
#content {
	width: 640px;
	float: left;
	color: #292929;
	padding-top: 25px;
	padding-right: 10px;
	padding-left:30px;
	font-family: Verdana;
}
* html #content {
	width: 638px;
	float: left;
}
#content h1 a {
	color:#000000;
	padding-right: 30px;
	font-family: "Trebuchet MS";
	font-size: 22px;
	font-weight: normal;
}
#sidebarRight {
	width: 268px;
	float: right;
	color: #a6a6a6;
	display:inline;
	background:url(images/dark_noise.gif) repeat;
	margin:25px 35px 20px 0px;
	padding:10px;
	border:1px solid #666666;
}
* html #sidebarRight { width: 270px; float: right; }
#title{
	background-image: url('/images/website-design-title.jpg');
	background-repeat:no-repeat;
	background-position:left top;
	height:85px;
	width:491px;
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: left;
	padding:15px 0px 10px 160px;
	margin-top:30px;
	margin-left:15px;
	font-size:40px;
	color:#410203;
}
.title-blog {
	background-image: url('/images/website-design-title-blog.gif');
	background-repeat:no-repeat;
	background-position:left top;
	height:85px;
	width:465px;
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: left;
	padding:15px 0px 10px 160px;
	margin-left:15px;
	font-size:40px;
	color:#410203;
}
/*** Text Format ***/

.post {
	background-color:#f6f6f6; 
	padding:10px 10px 5px 10px;
	margin-bottom: 10px;
}
.postwrapper {
	background-color:#f6f6f6; 
	padding:10px;
	margin-bottom: 35px;}
blockquote {
	color: #000; 
	margin: 0 30px 20px 30px; 
	border-left: 7px solid #274064;
	padding: 10px 10px 4px 10px;
	font-size: 12px;
	font-family: Arial, Sans-Serif;
	background: #F2F2ED;
}

p {
	margin-bottom: 15px;
	line-height: 1.6em;
}

p a {
	border-bottom: 0px solid #ccc;
	text-decoration: none;
}

p a:hover {
	border-bottom: 0px solid #999898;
	text-decoration: none;
}

p.center {
	text-align: center;
}

.postmeta {
	padding: 3px;
	font-size: 12px;
	background: #F2F2ED;
	border: 1px solid #E0E0D3;
	color: #212936;
}

.postmeta a {
	border-bottom: none;
	color: #410203;
}

.postmeta a:hover {
	border-bottom: none;
}

.entry_counter {
	margin-top: -30px;
	padding-right: 27px;
	padding-top: 8px;
	float: right;
	height: 26px;
	width: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-align: center;
	background: url(images/count.gif) no-repeat;

}

.entry_counter a{
    color: #343624;
}

.small {
	font-size: 10px;
}

code {
	font-size: 12px; 
	font-family: Arial, Sans-Serif;
}

h1 {
	text-align: left;
	margin-bottom: 8px;
	font-family: "Trebuchet MS";
	font-size: 25px;
	font-weight: normal;
	font-style: normal;
	padding-right: 55px;
	color:#000000;
}
/*h1:first-letter { font-size:30px; font-weight:normal; font-family: "Trebuchet MS";font-style: normal; }*/

.title h1 {
	font-size: 30px;
	letter-spacing: -1.0px;
	font-weight: normal;
	padding: 5px 10px 0px 7px;
	text-align: center;
	color:#000000;
}

h3, h3 a:link, h3 a:visited, h3 a:hover {
	text-align: left;
	color: #993300;
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 8px;
	
}
h3 a:link, h3 a:visited, h3 a:hover { color: #993300; font-weight: normal;font-size: 16px;}

h4 {
	margin: -5px 300px 10px 0px;
	/*padding: 4px;*/
	font-weight: normal;
	font-size: 12px;
	/*background:#ae0000;*/	
	color: #777;
}
h4 a:link, h4 a:visited, h4 a:hover  {color: #c6c5b1; text-decoration:none} 
h4 a:hover { border-bottom:1px dotted #c6c5b1; }
/*** Lists Format ***/

html>body .post ul {
	margin-left: 0px;
	padding: 0 0 10px 30px;
	list-style-image: url(images/list.png);
	padding-left: 30px;
} 
html>body .post li {
	margin: 7px 0 8px 10px;
}
.post ol {
	padding: 0 0 0 35px;
	margin: 0;
}
.post ol li {
	margin: 0;
	padding: 0;
	}

/*** Search Format ***/

#searchform {
	display: inline;
	float: left;
	padding: 5px 0 0;
	text-align: left;
}
#searchform #s {
	width: 140px;
	padding: 3px;
	margin: 0 0 5px 0;
	background: #fff;
	border: 1px solid #A2A295;
	color: #6A6A6A;
	font-size: 12px;
	font-family: Verdana;
}
#searchIcon {
    height: 24px;
	background: #ae0000 url(images/btn_bg.gif) repeat-x;
	border:none;
	padding: 2px 5px 2px 5px;	
	vertical-align:top;
	color: #fff;
	font-weight: bold;
}
#SubscribeIcon {
    height: 24px;
	background: #ae0000 url(images/btn_bg.gif) repeat-x;
	border:none;
	padding: 2px 5px 2px 5px;
	margin-left:5px;	
	vertical-align:top;
	color: #fff;
	font-weight: bold;
	width:85px;
}
#subscribeform #d {
	width: 160px;
	padding: 3px;
	margin: 0 0 5px 0;
	background: #fff;
	border: 1px solid #A2A295;
	color: #546e6e;
	font-size: 12px;
	font-family: Verdana;
}

/*** Sidebar Format ***/

h2 {
	font-family: "Trebuchet MS";
	font-size: 20px;
	text-align: left;
	padding:  2px;
	text-transform: uppercase;
	font-weight: bold;
	color:  #000000;
	margin-bottom: 5px;	
}

#sidebarRight {
	color: #cdcdcd;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 14px;
	display:inline;
}
#sidebarRight a,#sidebarRight li a,#sidebarRight a:link, #sidebarRight li a:link{
	color: #000000;
	background:url(images/bullet.gif) top left no-repeat;
	border-bottom: 1px dotted #a6a6a6;
	font-family: Tahoma;
	font-size: 14px;
	display:block;
	width:250px;
	text-indent:18px;
	line-height:1.5em;
}
#sidebarRight img:link {
	display:inline;
}
#sidebarRight a:hover,#sidebarRight li a:hover {
	background: #000000 url(images/bullet.gif) top left no-repeat;
	background-color:#410203;
	color:  #ffffff;
	border-bottom: 1px dotted #a6a6a6;
	font-family: Tahoma;
	font-size: 14px;
	display:block;
	width:250px;
}
#sidebarRight #rss li a{
	color:  #000000;
	font-family: Tahoma;
	font-size: 14px;
	background:url(images/bullet.gif) top left no-repeat;
	text-indent:18px;
	line-height:1.5em;
}
#sidebarRight #rss a:hover {
	background:url(images/bullet.gif) top left no-repeat;
	color:  #000000;
	font-family: Tahoma;
	font-size: 14px;
	text-indent:18px;
	line-height:1.5em;
}
.rssfeed { margin-bottom:15px; padding-bottom:0px; margin-bottom:0px; }
.search { margin-top:15px; }
/*** Sidebar Elements Format ***/
.sidebar {display:inline;}
.sidebarIcon ul, .sidebarIcon ol { 
	/*margin: 0 0 1em 0;*/ 
	font-size: 12px;
}
.sidebarIcon ul { 
	list-style-image: url(images/arrow.png);
	list-style-position: inside;
}
.sidebar ul, .sidebar ol { 
	margin: 0 0 1em 0; 
	font-size: 11px;
}
.sidebar ul { 
	list-style-type: none;
}
.sidebar li { 
	/*margin: 0 0 0.6em 0; */
	background:url(images/bullet.gif) top left no-repeat;
	text-indent:18px;
	line-height:1.5em;
}
.sidebar ul li ul, .sidebar ul li ol, .sidebar ol li ul, .sidebar ol li ol { 
	margin: 0.5em 0 0.5em 5px; 
	background:url(images/bullet.gif) top left no-repeat;
}

/*** Footer Format ***/

#footer {
	width: 996px;
	height: 259px;
	background-image:url(images/web-design-footer.jpg);
	background-repeat:no-repeat;
	color: #B83326;
	margin-bottom: 0px;
	text-align: left;
	font-family: Tahoma, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size:14px;
}
#footer p {
	padding-left:20px;
	line-height: 1.3em;
}
#footer a {
	text-decoration: none;
}
#footer_static_3column{
	width: 960px;
	height:183px;
	color:#4f0f0d;
	margin-left:15px;
	margin-right:21px;
}
#footer_static_3column a{
	color:#4f0f0d;
}
#footer_static_3column a:hover{
	background-image:url(underline-doted.gif); background-repeat:repeat-x; background-position:bottom; 
}
#footer_static_3column p{
	padding: 0px;
	color:#4f0f0d;;
}
#footer_static_copyright{
	width: 960px;
	margin-left:15px;
	margin-right:21px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#19050e;
}
#footer_static_copyright a { color:#19050e;}
#footer_static_copyright a:hover {background-image:url(underline-doted.gif); background-repeat:repeat-x; background-position:bottom; }

	
/*** Images Format ***/

img.post {
	padding: 5px;
	border: 0px solid #000;
	margin: 10px;
	float: right;
}
img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	border: 0px solid #000;
}
img.alignright {
	padding: 5px;
	border: 0px solid #000;
	background: #fff;
	margin: 10px;
	display: inline;
}
img.alignleft {
	padding: 5px;
	display: inline;
	border: 0px solid #000;
}
	
/*** Additional Format ***/

.alignright {
	float: right;
}
.alignleft {
	float: left
}	
.float-left  { float: left; }
.float-right { float: right; }
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}
.postspermonth {
	margin: 5px 0 10px 0;
	list-style: none;
	padding-left: 25px;
}
	
/*** Comments Format ***/
#commentarea {background:#f6f6f6; display:block; padding:5px; margin-bottom:25px;}
#commentform input { width: 140px; padding: 2px; margin: 5px 5px 1px 0px; color: #484848;}
#commentform textarea {	width: 605px; padding: 5px; margin: 2px; border: 1px solid #7C7E6F;	font-family: Tahoma; font-size: 12px;}
#commenttext { background:#f2f2ed; border:1px solid #e0e0d3; margin-top: 5px; margin-bottom:5px; min-height:120px !important;}
#commenttext #avator { width:100px; height:100px; margin:10px 10px 10px 10px; text-align:center; float:left}

#commentform #submit {
	margin: 0;
    height: 24px;
	/*border: 2px solid #ae0000;*/
	border:none;
	font-family: Tahoma;
	font-weight:bold;
	color: #fff;
	background: #ae0000 url(images/submit_btn_bg.gif) repeat-x;
	/*background: #ae0000;*/
	padding:2px 5px 2px 5px;
	vertical-align: top;
	margin-left:480px
}
.replycomment {color:#000000; border-bottom:none} /* Fix h2 outside sidebarRight div*/
.commentlist li, #commentform input, #commentform textarea {font-size: 11px;}
.commentlist li {font-weight: bold;}
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal;	font-size: 1.1em;}
.commentlist p {font-weight: normal;line-height: 1.0em; text-transform: none;}
#commentform p {font-family: Tahoma;}
.commentmetadata {	font-weight: normal; font-size: 10px; font-family: Tahoma;}
.alt { margin: 0; padding: 10px;}
.commentlist { padding: 0; text-align: justify;}
.commentlist li { margin: 10px 0 3px; padding: 5px 10px 3px; list-style: none;}
.commentlist p { margin: 10px 5px 10px 0;}
#commentform p { margin: 5px 0;}
.nocomments { text-align: center; margin: 0; padding: 0;}
.commentmetadata { margin: 0; display: block;}
		
.white { color:#FFFFFF; }
.lemongreen { color:#93c83d; } 
.orange { color:#f2a31b; }
.skyblue { color:#167ae1; }
.pink { color:#c422ed; }
.brown { color:#410203; border-bottom: 3px #410203 solid;} /* Cream Color Option -> #eeeecf #e8e8bc*/

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	margin-top:5px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	margin-top:5px;
}
#titlex{
	background-image: url(/images/website-design-title.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	height:85px;
	width:640px;
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: left;
	padding:15px 0px 10px 150px;
	margin-top:30px;
	margin-left:15px;
	font-size:40px;
	color:#410203;
}
.links {width:996px;margin:0px auto;padding:0px;color:#996633; text-align:center; font-size:10px; font-family:Arial,Verdana,  Helvetica, sans-serif; height:25px; background:#400203}
.links a:link,.links a:active, .links a:visited { color:#996633; text-decoration:none;}
.links a:hover { color:#CC6600; text-decoration:underline}
.moretext { display:none;
}
.clear { clear:both; }