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

/* generic rules */
body {
	padding: 0px;
	margin: 0px;
	background: #8852a1;
	background-image:url(/images/v1/webdesigner_bg.jpg);
	background-repeat:repeat-x;
	font-family: Arial, Verdana;
	font-size: 12px;
}

table  { border-collapse: collapse; border-spacing: 0; font-family: Verdana; font-size: 12px; }
td, th { padding: 0; vertical-align:top; }

a:link, a:visited, a:active { color: #666666; text-decoration: none; font-family: Arial, Verdana; }
a:hover { color:#b32912; }

h1, h2, h3 {
	font-size: 18px;
	color: #b32912;
	margin: 0px;
	margin-bottom: 3px;
}

ul { padding:6px 0px 0px 5px; margin:0px 0px 0px 5px }
li { color:#b32912; padding-right:9px  }

img { border: 0px solid white }

/* contain styles */

table.WDBorderTable {
	width: 980px;
	height: 100%;
	background: #999999;
}

td.WDBLeftTD { background-image:url(/images/v1/borderfade_left_bg.jpg); background-repeat:repeat-y}
td.WDBBodyTD { width: 800px; padding: 10px; padding-top: 0px; }
td.WDBRightTD { background-image:url(/images/v1/borderfade_right_bg.jpg); background-repeat:repeat-y}

/* header table */

table.HeaderTable { width: 780px; }

td.HeaderTD { width: 554px;  text-align: right; padding-right: 10px; padding-top: 15px; background-image:url(/images/v1/header_right_bg.jpg); background-repeat:no-repeat; }

td.HeaderTD a:link, td.HeaderTD a:visited, td.HeaderTD a:active { font-size: 18px; color: #666666; text-decoration: none; margin-right: 15px; }
td.HeaderTD a:hover { color: #b32912; }

/* comic holder */
table.ComicHolder { width: 780px; }
table.ComicHolder td.BlueTab { background-image:url(/images/v1/bluetab.jpg); padding-top: 15px; text-align: center; background-repeat:no-repeat; height: 43px;}
table.ComicHolder td.BlueTab h2 { color: #1066b8; font-size: 14px; }

table.ComicHolder td.Comic { background-image:url(/images/v1/comic_bg.jpg); text-align: center; padding-top: 10px; padding-bottom: 10px; }

/* comic feedback summary */
table.ComicHolder td.feedback { background:#bfbfbf; }
table.fdiv { width: 100%; }
table.fdiv td { padding: 4px; vertical-align:middle; }
table.fdiv td.uctxt { width: 100px; padding-left: 6px; }
table.fdiv td.ucstar { width: 250px; padding-right: 6px;  text-align: right; }

table.stars { width: 250px;}
table.stars td { padding:0px; }

/* content area */
div.ContentHolder { width: 780px; margin-top: 10px;  }

div.WhiteContentBlock { background: white; width: 585px; float: left; font-size: 14px; }
div.ContentText { margin-left: 15px; margin-right:15px; }

div.GreyContentBlock { background: #bfbfbf; width: 180px; float: right; }

div.FooterHolder { width: 780px; text-align:center; padding-top: 20px; color: white; clear: both; font-size: 14px; }
div.FooterHolder a:link,div.FooterHolder a:visited,div.FooterHolder a:active { color: white; }

/* character page */

div.chartitle { font-size: 14px; color:#333333; }

.cpage {
 float: left;
 width: 585px;
 height:244px;
 background-repeat:no-repeat;
}

.cpage div.ContentText { margin: 50px 0px 0px 135px; width: 435px; }

div.cp-chops {  background-image:url(/images/v1/characters/cp_chops.jpg); }
div.cp-seo-expert {  background-image:url(/images/v1/characters/cp_seo_expert.jpg); }
div.cp-sales-guy {  background-image:url(/images/v1/characters/cp_sales_guy.jpg); }
div.cp-kent {  background-image:url(/images/v1/characters/cp_kent.jpg); }
div.cp-hawk {  background-image:url(/images/v1/characters/cp_hawk.jpg); }

div.cp-client01 {  background-image:url(/images/v1/characters/cp_client_idea_guy.jpg); }
div.cp-client02 {  background-image:url(/images/v1/characters/cp_client_money.jpg); }
div.cp-client03 {  background-image:url(/images/v1/characters/cp_client_angry_guy.jpg); }
div.cp-client04 {  background-image:url(/images/v1/characters/cp_client_old_guy.jpg); }
div.cp-client05 {  background-image:url(/images/v1/characters/cp_client_pink_fat_lady.jpg); }

div.newComic { color: #b32912; margin-top: 50px; font-size: 16px; margin-right:15px; }
div.newComic em { font-size: 18px; }

hr {  border: 0;color: #ccc;
background-color: #ccc;
height: 1px; margin-top:8px; margin-bottom:8px;}

/* comic comments table/form styles */
table.comment_table { width: 550px; }

table.comment_table td { padding: 2px; } 

table.comment_table input, select { width: 200px; } 
table.comment_table input.btn { width: 150px;  } 
textarea { width: 300px; height: 195px; }

div.errmsg {
	padding:8px;
	border: 2px solid #ff6622;
	background-color: #fff6f6;
	margin-bottom: 10px;
}