@font-face {
	font-family: kberry;
	src: url('includes/fonts/kberry.ttf');
}
@font-face {
	font-family: HeroOfFools;
	src: url('includes/fonts/HeroOfFools.ttf');
}
@font-face {
	font-family: CrappyDan;
	src: url('includes/fonts/CrappyDan.ttf');
}
@font-face {
	font-family: Dadhand;
	src: url('includes/fonts/Dadhand.ttf');
}

* {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} /* So 100% means 100% */

body {margin:0; font:12px Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; background-color: #222; color:#333;}
a, a:link {text-decoration:none; color:#1B89B3;}
a:hover {border-bottom:1px dotted #1B89B3; cursor:pointer}
img {border:0;}
h1{font-style:italic; color:#333;}
h2{font-style:italic; border-bottom:1px dotted #777; padding-bottom:2px; color:#333;}
	h2 a, h2 a:link {color:#333;}
	h2 a:hover {border:none;}
h3{font-style:italic;}
input, select {border:1px solid #333; background-color:#EEE; padding:5px 7px; font:14px Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;}
	select {padding:5px;}
input[type=color], input[type=submit], input[type=button], input[type=checkbox] {cursor:pointer;}
input[type="button"], input[type="submit"] {background-color:#3592dd; color:#FFF;}

a.button {width:100%; text-align: center; display:block; background-color:#3592dd; color:#FFF; padding:5px 0; font-size:1.2em;}
	a.button:hover {border:none; opacity:0.95;}
	a.button.big {padding:25px 0;}

.pinky {color:#E30DC4 !important;}
.bluey {color:#1B89B3 !important;}

.donate_link {color:#EC8383 !important; -webkit-transition:color 150ms ease-in;}
	.donate_link:hover {color:#E05656 !important;}

.clear {clear:both;}
.drawerings {font-family:Dadhand; font-size:1.2em;}
.errors {background-color:#FFC; border: 1px dotted #CCC; color:#444; padding:5px; margin-bottom:10px;}
.floatleft {float:left;}
.floatright {float:right;}

.ads {display:initial;}
.mads {display:none;}
.monly {display:none !important;}

#mwrapper {background-color: #FFC; border-bottom:1px dotted #333; border-top:1px dotted #333;}
#messages {
	font-weight:bold;
	margin:0 auto;
	width:950px;
	position:relative;
	left:325px;
}
#messages ul {padding-left:20px; color:#444;}
#messages ul li {margin-left:20px;}
#m_success {color: #339900; font-size:1.2em;}
#m_notification {color:#3366CC; font-size:1.2em;}
#m_error {color:#FF0000; font-size:1.2em;}

/* Facebook Like Button */
.connect_widget_not_connected_text {color:#FFF !important;}
.connect_widget {color:#FFF !important;}

p.twitter {float:left; display:block; margin:0 0 10px 0;}

#hwrapper {}
#header {margin:0 auto; width:950px; padding:5px; position:relative; color:#FFF}
	#header a {color:#FFF;}
	#header h2 {color:#FFF;}

#logo {float:left; width:275px; margin-left:10px;}
	#logo a {font-size:36px; position:relative; top:8px;}
	#logo a:hover {text-decoration:none; border:none;}

#nav {float:left; width:475px;}
	#nav ul {list-style:none;}
	#nav ul li {display:inline; font:16px Georgia; font-style:italic; margin-right:20px;}

#login{float:right; font:12px Helvetica, sans-serif; margin-top:15px; z-index:5;}

#login_form {display:none; background: transparent url('images/cwrapper-bg-dot-80b.png') repeat; padding:10px; position:absolute; right:0; z-index:5;}
	#login_form p {margin:0; padding:0; color:#FFF; font-size:0.8em;}

#signup_form {display:none; background: transparent url('images/cwrapper-bg-dot-80b.png') repeat; padding:10px; position:absolute; right:0; z-index:5;}
	#signup_form p {margin:0; padding:0; color:#FFF; font-size:0.8em;}

#cwrap {background:#FFF;}
#cwrapper {margin:0 auto; width:950px; line-height:1.4em; color:#333;}
#content {float:left; width:605px; margin-left:25px; margin-bottom:10px;}
	#content h2{font-size:1.8em;}
	#content .ctitle{font-style:normal; font-style:italic; border:none; font-size:1.6em;}
	#content .ctitle .hilite, #content .ctitle .hilite a{color:#1B89B3;}
.cbox{
	background:#FFF url('images/cfade_bg.png') repeat-x;
	border:1px solid #dedbd1;
	padding:5px;
	margin-top:5px;
}

#side {float:left; width:320px; background: #333; border-top:1px solid #555;}
#side h2 {color:#FFF;}
.toolbox{
	color:#FFF;
	margin:10px;
}
	.toolbox.alt .tool p {color:#333;}
	.toolbox h2 {margin:0 0 10px 0;}
	.toolbox .tool {padding:0 5px; margin-bottom:5px;}
			.tool.highlight {background-color:#555; padding:10px;}
			.tool p {width:135px; display:inline-block; margin:0; padding:0; vertical-align:middle;}
	.toolbox input[type=color] {text-transform:uppercase;}

.tooltip {
	background: transparent url('images/hicon_blue.png') no-repeat;
	position:absolute;
	cursor:default;
	height:16px;
	width:16px;
	margin-left:5px;
}
.tooltip .popout {
	font-size:11px;
	visibility:hidden;
	position:absolute;
	border: 1px solid #000;
	margin-left:20px;
	margin-top:-10px;
	color:#555;
	width:250px;
	padding:5px;
	border:1px solid #ded8be;
	background-color:#fffac0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	opacity:0.95;
	filter:alpha(opacity=95);
	z-index:200;
}
.tooltip .popout ul {padding-left:15px; font-weight:normal;}
.tooltip:hover .popout{visibility: visible;}

#drawer{position:relative; cursor:crosshair; margin:0 auto; width:630px; height:630px; margin-bottom: 20px; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; overflow: auto;} /* border:1px solid #EEE; */
	#drawer .dstats {position:absolute; bottom:0; right:5px; text-align:right; background-color:#FFF; padding:5px 5px 5px 0;}
		#drawer .dstats div, #drawer .dstats span {font-size:0.8em;}
			#drawer .dstats div .fa {font-size:1.1em; vertical-align:middle; margin-right:3px;}
#draw {cursor:crosshair; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
.colorwell{border:1px solid #363636;}
.colorwell-selected{border:1px dashed #000;}
#inkpot {display:inline-block; background-color:#FFF; width:130px; height:20px; position:relative; font-size:9px; font-family:Arial, Helvetica, sans-serif;}
	#inkpot #inkpot_wrap {position:relative; top:3px;}
		#inkpot #inkpot_wrap .i0 {position:absolute; left:5%;}
		#inkpot #inkpot_wrap .i25 {position:absolute; left:25%;}
		#inkpot #inkpot_wrap .i50 {position:absolute; left:50%;}
		#inkpot #inkpot_wrap .i75 {position:absolute; left:75%;}
#inkpot_inner {background-color:#000; width:100%; height:20px;}
#playback_track {border-right:#F00 solid 1px; width:0px; height:40px; position:relative; top:-44px;}

.paging {font-size:14px;}
.paging a {background-color:#EEE; float:left; border:1px #EEE solid; padding:2px 5px; margin:0 1px;}
.paging a:hover {background-color:#CCC;}

.gallery {margin-bottom:20px;}
.glist {float:left; width:50%;}

#fwrapper {}
#footer {
	margin:0 auto;
	width:950px;
	padding:5px;
}
#footer #fnav {float:left; margin-left:5px; position:relative; top:3px;}
#footer #fnav_links {display:none;}
#footer #social {float:right; margin-right:5px; position:relative; top:3px;}
#footer #social h3{display:inline; color:#FFF; margin-right:10px; position:relative; bottom:13px;}
#footer a, #footer a:link{color:#CCC;}
#footer a:hover{color:#FFF;}
#footer p {margin:5px 0 0 0; font-size:0.8em; color:#777;}
#footer p a {color:#AAA;}