@CHARSET "ISO-8859-1";

/*
Theme Name: PIXELovely Drawing Site Theme
Description: Child theme for the twentyeleven theme 
Author: Kim Genly of PIXELovely
Template: twentyeleven
*/

@import url("../twentyeleven/style.css");

body {padding: 0px;}
#page {background: none; width: 990px; max-width: 990px; min-width: 990px; }
h1,h2,h3,h4,h5,h6 {font-family: 'Annie Use Your Telescope', cursive !important;}
h1 {color: #666 !important;}
h2,h3,h4,h5,h6 {color: #005C84 !important;}

.entry-content h2, .comment-content h2	 {font-size: 22px;}
#branding {border-top: 0px;}
#branding hgroup {margin: 0 15px;}

/* Header */
#site-title {margin-right: 0px;padding: 0px;float: left;}
#site-description {color: #7A7A7A;font-size: 25px;margin: 0px 0px 15px 350px;clear: none;}
#branding #searchform {top: 5px;right: 15px;}

/* Nav */
#access {background: url('images/charcoal.png') center center no-repeat; padding: 3px 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
#access div {margin: 0px 15px;}

/* Main Content */
.singular.page .hentry,.singular .hentry {padding: 0px;}
.singular .entry-title, .singular .entry-header .entry-meta {padding-right: 0;margin: 0px;width: auto;padding-top: 0px;padding-bottom: 0px;}
.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {margin: 0px !important;width: 596px;}
.page-title {font-size: 25px; margin: 0px;}
#respond {width: auto; margin: 0;}
#primary {width: 626px !important;}
#content {margin: 0 15px 0 15px;width: 620px;}
.singular #content, .left-sidebar.singular #content {margin: 0 15px 0 15px;width: 596px; position: static;}
.categoryexcerpt .entry-title {font-size: 26px;font-weight: bold;line-height: 1.5em;padding-bottom: .3em;padding-top: 15px; width: 520px;}
.singular .hentry.categoryexcerpt {border-bottom: 1px solid #DDD;margin: 0 0 1.625em;padding: 0 0 1.625em;position: relative;}
.singular .entry-header .entry-meta {position: static;}
.singular .entry-meta .edit-link a {left: 550px;top: 18px;}
.entry-content h3, .comment-content h3 {font-size: 18px;}
ul ul, ol ol, ul ol, ol ul {margin-bottom: 20px;}
span.categories, span.categories a {color: #999;}
span.categories {font-size: .8em;}


/* Comments */
/* .comments-link {display: none;} */
.entry-header .comments-link a {
background: #EEE url(images/comment-bubble.png) no-repeat;}
#comments-title {font-size: 18px;}

/* Sidebar */
#secondary {float: right;margin-right: 15px;width: 280px;}
#secondary .affiliatelink {padding-right: 20px; height: 180px;}

/* Regular Widgets */
.widget-title {font-size: 20px;}
.widget ul li {margin-bottom: 5px;}
.widget {width: 280px;}

/* Custom Widgets */
.donatebutton {margin: 15px auto; text-align: center;}

/* Affiliate Links */
.affiliatelink {
float: left;
width: 120px;
padding-right: 25px;
font-size: 10px;
font-weight: bold;
}

/* Blog Posts */

#nav-single {float: none;}

/* Home page */
.homebranch {
float: left;
width: 284px;
text-align: center;
height: 171px;
margin-top: -20px;
margin-bottom: 15px;
background-position: center center;
background-repeat: no-repeat;
color: #fff;
font-weight: bold;
overflow: hidden;
}

.homebranch span {padding: 75px 0px;display: block;}
.homebranch:hover {text-decoration: none;}
.homebranch.animaldrawing {float: right; background-image: url('images/animaldrawingentrance.jpg'); background-repeat: no-repeat; background-position: center top;}
.homebranch.figuredrawing {background-image: url('images/figuredrawingentrance.jpg'); background-repeat: no-repeat; background-position: center top;}
.homebranch.handfeetdrawing {background-image: url('images/handfeetdrawingentrance.jpg'); background-repeat: no-repeat; background-position: center top; margin-top: 0px;}
.homebranch.facedrawing {background-image: url('images/facedrawingentrance.jpg'); background-repeat: no-repeat; background-position: center top; float: right;margin-top: 0px;}
.homebranch.figuredrawing:hover, .homebranch.animaldrawing:hover,.homebranch.handfeetdrawing:hover, .homebranch.facedrawing:hover {background-position: center bottom;}





.newhere, #shareATip a {
text-align: center;
display: block;
padding: 15px 0px;
clear: both;
background: url('images/bluesmear.png') no-repeat center center;
color: #fff;
}
.newhere:hover, #shareATip a:hover {
font-weight: bold;
text-decoration: none;
}

.home-excerpt {width: 270px;}
.home-excerpt .entry-header, .home-excerpt .entry-content {width: 270px;}
.home-excerpt1 {float: left;}
.home-excerpt2 {float: right;}
.home-excerpt .categoryexcerpt .entry-title {font-size: 20px; width: 230px;}
.archivelink {clear: both;text-align: right;}
.home-excerpt .hentry.categoryexcerpt {border-bottom: 0px;}
.home-large .hentry.categoryexcerpt {border-bottom: 0px;}


/* Footer */
#supplementary {clear: both;}
#footernav {clear: both;padding-top: 20px;
text-align: center;
font-size: 12px;}
#footernav ul {list-style-type: none;
padding: 0px;
margin: 0px;}

#footernav li {
display: inline;
margin-right: 20px;
}

/* Progress Plugin */
#pixelovely-progress {
	border: 1px solid #DDD;
	margin: 15px;
	float: left;
	clear: both;
	background: whiteSmoke;
}

#pixelovely-progress h1 {
	font-size: 20px;
	font-weight: bold;
}
#pixelovely-progress h1, #pixelovely-progress p {
	padding: 5px 15px;
	margin-bottom: 0px;
}

#pixelovely-progress #progressbar {
	border: 1px solid black;
	width: 95%;
	margin: 5px auto;
	height: 30px;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
}

#pixelovely-progress #actualprogress {
	height: 30px;
	background: #005C84;
	width: 0px;
	background: -webkit-gradient(linear, left top, left bottom, from(#005C84), to(#000)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #005C84,  #000); /* for firefox 3.6+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005C84', endColorstr='#000000'); /* for IE */ 
}

#pixelovely-progress #total {text-align: center;font-weight: bold;margin-bottom: 0px;}


#bbp-your-profile fieldset span.description {margin: 0px;}
.bbp-form {background: whiteSmoke;}
#bbpress-forums #bbp-your-profile fieldset fieldset {width: auto;}

/* GESTURE TOOLS */
.startercontrols label {margin-right: 20px;}
#activeScreen {display: none;z-index: 2000000; position: fixed;top: 0;float: left;left: 0;}
#activeScreen #black {width: 100%; height: 100%; background: #000; position: fixed; top: 0; left: 0; z-index: 200000;}
#controls {position: fixed; top: 50px; left: 0; z-index: 2000002; float: left; width: 100px; color: #ffffff; padding-left: 10px; padding-top: 10px;}
#controls div {height: 57px;}
#drawme {position: absolute; margin: auto auto; z-index: 2000001; text-align: center; left: 120px; color: #ffffff; font-size: 1.1em;}
#showTime {font-size: 2em; position: absolute; left: 200px; z-index: 2000003; color: #ffffff; width: 400px; text-shadow: 0.1em 0.1em 0.2em black}
#drawme p {width: 500px;}
#drawme h2 {font-size: 30px;font-weight: bold;}
.tooltip {position: absolute;z-index: 3;display: none;background-color: #fff;padding: 5px 15px;MARGIN-bottom: 15px;width: 300px;font-size: 14px;color: black;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid #000;box-shadow: 2px 2px 5px #111;-webkit-box-shadow: 2px 2px 5px #111;-moz-box-shadow: 2px 2px 5px #111;}
.tooltip ul {margin: 0px 25px;}