/*
Theme Name: BlueQ
Theme URI: http://www.tquizzle.com/wordpress/themes/
Description: Blue Q is a 2 column liquid design developed by Travis Quinnelly with a few code snippets borrowed from various WordPress themes including Kubrick and K2.
This theme uses the "Silk" icon set from famfam. (http://www.famfamfam.com/lab/icons/silk/)
Version: 0.8.2
Author: Travis Quinnelly
Author URI: http://www.tquizzle.com/

Notes: 
CSS Child selectors are used in this theme to "fix" the problem with IE and the notorious Box Model problem.
Actually, the rules are listed incorrect (for IE) and the child selectors set the rules correct for all standards compliant browsers.

*/

body
{
	background-color: #FFeecc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #663333;
	
}
a:link {
	color: #CC3300;
}

a {text-decoration: none}

a:visited {
	color: #CC3300;
	text-decoration: none
}
a:hover {
	color: #336666;
}

a:link.navlink {
	color: #663333;
}

a.navlink {text-decoration: none}

a:visited.navlink {
	color: #663333;
}
a:hover.navlink {
	color: #339999;
}

a:link.norm {
	color: #CC3300;
}

a.norm {text-decoration: none}

a:visited.norm {
	color: #CC3300;
}
a:hover.norm {
	color: #339999;
}

small {
	font-size: 60%;
}
code {
	font-family: "courier";
	padding: 10px;
}
blockquote {
	font-size: 1.2em;
	color: #666666;
	padding-left: 55px;
	background: url(images/bq.gif) no-repeat center left;
}



/* HEADER SECTION */


/* MAIN CONTENT SECTION */
#main {
	margin: 0;
	
	padding: 10px;
}
div#container
{
	width: 90%;
	margin: 10px auto;
	text-align: left;
line-height: 130%;
	background-color: #FFeecc;

	
}

img
{  border-style: none;

}

#content {
	padding-left: 200px;
	max-width: 800px;

}
#content .entry {
	clear:right;
}
#content p a {
	text-decoration: none;
	color: #CC3300;
	border-bottom: 1px solid #888888;
}
#content p a:hover {
	color: #336666;
}
#content p {
	font-size: 1.0em;
}

#content img {
padding-top: 15px;}

#content h2 {
	font-size: 2.3em;
	
	color: #336666;
}
html > body #content h2 { padding-top: 4px; }
#content h2 a {
	color: #336666;
	text-decoration: none;
	font-size: .65em;
	
}
#content h2 a:hover {
	color: #339999;
}
#content h3 {
	font-size: 1.0em;
	
	border-bottom: 1px solid #666666;
}
#content h4 {
	font-size: 1.8em;
	
	border-bottom: 1px solid #666666;
}
#content h7 a {
	color: #336666;
	font-size: 1.5em;
	font-weight: bold;
}

#content h7 a:hover {
color: #339999
}

.posttime a, .tags a, .post_comment a {
	text-decoration: none;
	font-size: .75em;
	color: #CC3300;
}
.post_comment a:hover {
	color: #336666;
}

.tags, .post_comment {
	color: #666666;
	font-size: .75em;
		
	border-bottom: 1px solid #666666;
}
#content .tags, #content .post_comment, #content .category {
	font-size: 1.2em;
	padding-left: 20px;
	line-height: 1.6em;
	margin: 0 15px;
}
#content .tags {
	background: url(images/tag_blue.gif) no-repeat left center;
}
#content .post_comment {
	
}
#content .category { /* Used when UTW Tags dont exist */
	background: url(images/folder_brick.gif) no-repeat left center;
}
#content ol, #content ul {
	margin: 10px;
	font-size: 1.3em;
}
#content ul li {
	list-style:none;
	
	padding-left: 18px;
}
span.bqcite {
	background: url(images/link.gif) no-repeat center left;
	padding-left: 18px;
	font-size: 1.1em;
	float:right;
}
#leftnav
{
	float: left;
	width: 170px;
	
	padding: 1em;
	margin-top: 0px;
	text-align: left;
	color: 336666;
}

/* Asides */
ul.asides {
	margin: 0;
	padding: 10px 0px;
	list-style:none;
}
ul.asides li {
	color: #CC3300;
	font-size: 1.2em;
	background: url(images/note.gif) top left no-repeat !important;
	padding: 0px 15px 0 24px !important;
}
ul.asides li a {
	color: #CC3300;
	text-decoration: none;
	border-bottom:1px solid #FFFFFF;
}
ul.asides li a:hover {
	color: #336666;
}

/* Date Format */
.date {
	float:left;
	height:45px;
	width:35px;
	margin-right:8px;
	background:url(images/calendar.gif) no-repeat;
	margin-top: 0px;
}
html > body .date { padding-top: 0px; }
.date p {
	text-align:center;
	color:#9b9b8e;
	margin:0 0 0 -2px;
	text-transform:uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
;
}
.date span.day {
	font-size:18px;
	display:block;
	margin-top: 0px;
}
.date span.month {
	font-size:9px;
	height:12px;
	display:block;
	color: #FFFFFF;
	letter-spacing: 1.4px
}
.editlink img {
	width: 16px;
	height: 16px;
	border: none !important;
	padding: 0 !important;
	margin: 4px 0 0 !important;
	position: absolute;
	right: 20px;
}
.navigation {
	padding:10px;
}
.navigation a {
	color:#CC3300;
	text-decoration: none;
}
.navigation a:hover {
	color:#336666;
}

/* COMMENTS SECTION */
#comments h4 {
	font-size: 2.0em;
}
#commentform input, #commentform textarea {
	font: 1em Verdana, Arial, Helvetica, Sans-Serif;
	padding: 3px;
	color: #000000;
	background-color: #FFFFFF;
}
#commentform input:focus, #commentform textarea:focus {
	background: #fff;
	color: #333;
	border-color: #666;
}
#commentform input {
	width: 400px;
	margin: 5px 5px 1px 0;
}
input#submit {
	width:auto;
}
#commentform textarea {
	height: 300px;
	width: 400px;
}
.commentsrsslink, .trackbacklink {
	background: url(images/feedicon16px.gif) no-repeat top left;
	padding: 2px 0 2px 20px;
	margin-right: 10px;
	height: 16px;
}
.commentseditlink * {
	color: red;
	font-size: 0.5em;
}
.trackbacklink {
	background: url(images/arrow_refresh.gif) no-repeat top left;
}
#comment ol {
	font-size: 10px;
}
ol#commentlist li {
	margin: 0 50px 0 40px;
	list-style: none;
	color: #663333;
}
html > body ol#commentlist li {
	margin-left: 20px;
}
ol#commentlist div.commentnum {
	margin: 0;
	padding: 5px 0px 0px 0px;
	font-size: 3.5em;
	width: auto;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
;
}
ol#commentlist img.gravatar {
	float: right;
	background-color: #ffffff;
	padding: 2px;
	border: 1px solid #000000;
}
#comments .metalinks {
	margin: 0px auto;
	text-align: center;
	padding: 25px 0;
}
#comments .metalinks a {
	text-decoration: none;
	color: #CC3300;
}
#respond {
	clear: right;
}
.authorcomment {
	padding: 10px;

	color: #663333;
	
	font-size: 1em !important;
}
.regularcomment {
	padding: 10px;
	color: #336666;
	font-size: 0.8em !important;
}
.commentauthinfo {
	font-size: 1em;
	color: #663333;
}
.commentauthinfo a {
	color: #CC3300;
}


.commentauthinfo a:hover {
	color: #336666;
}


.pingback {
	font-size: 0.9em !important;
}
.servicelinks {
	background: #ffffff;
	border: 1px dotted #000000;
	width: 28px;
	height: auto;
	float: right;
	margin:0 10px;

}
.servicelinks img {
	padding: 4px 0px;
	display: block;
	margin: 0 auto;
}

/* SIDEBAR SECTION */
#sidebar {
	float: left;
	padding: 1em;
	width: 170px;
	background: url(images/sidebar_bg.gif) no-repeat top left;
	min-height: 375px;
	margin: -5px;
	height: auto !important;
	height: 375px;
}
#sidebar #s {
	border: 1px inset #999999;
	margin: 0 auto;
	width: 135px;
	padding: 2px 3px;
}
#sidebar a {
	text-decoration: none;
	color: #333333;
	border-bottom: 1px solid #000000;
}
html > body #sidebar a { border-bottom: 1px dotted #000000; }

#sidebar a:hover {
	color: #336666;
}
#sidebar h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;

	font-size: 1.6em;
	padding: 5px;
}
#sidebar p {
	padding: 0 15px 0 5px;
	font-size: 1.4em;
}
#sidebar ul {
	margin: 0;
	padding-left: 5px;
	padding-right: 10px;
}
#sidebar ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.2em;
	padding-left: 10px;
}
#sidebar ul li small {
	font-size: 0.8em;
}
#sidebar ul li ul li {
	font-size: 90%;
}
/* TAGS SECTION */
.tagwrap {
	margin: 10px auto;
}
.tagwrap a {
	color: #CC3300;
	text-decoration: none;
}
.halfpostleft {
	display: inline;
	float: left;
	width: 40%;
}
.halfpostright {
	display: inline;
	float: right;
	width: 25%;
}

/* FOOTER SECTION */
#footer
{
	clear: both;
	margin: 0;
	padding: 0.5em;
	color: #993333;
	font-size: small;
	padding-top: 1em;
	padding-left: 1em;
}

#footer .wrap {
	margin: auto 10px;
	padding-top: 14px;
}
html > body #footer .wrap { padding-top: 8px; }
#footer p {
	color: #000000;
}
#footer .left {
	display: inline;
	float: left;
	width: 55%;
}
#footer .right {
	display: inline;
	float: right;
	width: 40%;
	text-align: right;
}

#top h1
{
	padding: 0;
	margin: 0;
	line-height: 50%;
}




#banner {
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-bottom: 100px;
	margin-top: -94px;
	margin-left: 90px;
	font-size: medium;
	color: #339999;

	}