/*
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 {
	margin: 0;
	min-width: 600px;
	background: #FFFFFF url(images/content_bg.gif) repeat top left;
	font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
}
a {
	color: #000000;
	text-decoration: none;
}
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;
}

img { border: none; }
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}

/* HEADER SECTION */
#header {
	margin: 0;
	padding: 0px;
	background: url(images/header.gif) repeat-x top left;
	height: 135px;
}
#headerimg { /* Image Floated */
	float:left;
	width: 83px;
	height: 84px;
	margin: 14px 0 0 16px;
	background: url(images/blue_q.gif) no-repeat top left;
	cursor: pointer;
}
html > body #headerimg { margin-left: 26px; }
#adminmenu {
	display: inline;
	position: absolute;
	top: 5px;
	right: 5px;
	border:2px outset #666666;
	background: #515972;
	font-size: 1.4em;
	padding: 5px;
}
#adminmenu:hover {
	border:2px inset #666666;
}
#adminmenu a {
	color: #CCCCCC;
}
#adminmenu a:hover {
	color: #FFFFFF;
}
#headernav {
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	padding-top: 110px;
	padding-left: 50px;
	margin: 0;
}
#headernav ul {
	margin: 0; padding: 0;
}
#headernav ul li {
	list-style: none;
	display: inline;
	margin-right: 1.3em;
	color: #CCCCCC;
}
#headernav a {
	color: #CCCCCC;
	text-decoration: none;
}
#headernav a:hover, #headernav ul li.current_page_item {
	font-weight: bold;
	border-bottom: 2px solid #ffffff;
}

#headernav ul ul { /* Child Pages */
	display:inline;
	padding-left: 5px;
}
#headernav ul ul li {
	border-left: 1px solid #ccc;
	padding-left: 4px;
}
#header .titles {
	float: left;
	margin: 10px 0 0 100px;
	height: 75px;
}
#header h1 {
	font: 3.5em Georgia, serif;
	color: #CCCCCC;
}
#header h1 a {
	color: #CCCCCC;
	text-decoration: none;
}
#header h1 a:hover {
	color: #FFFFFF;
}
#header h2 p.description {
	font-size: 10px;
	font-weight: normal;
	color: #CCCCCC;
	padding-left: 75px;
}

/* MAIN CONTENT SECTION */
#main {
	margin: 0;
	padding: 10px;
}
#content {
	padding-left: 200px;
}
#content .entry {
	clear:right;
}
#content p a {
	text-decoration: none;
	color: #FFFFFF;
	border-bottom: 1px solid #888888;
}
#content p a:hover {
	color: #ffffff;
}
#content p {
	font-size: 1.7em;
}
#content h2 {
	font-size: 2.3em;
	padding-left: 5px;
}
html > body #content h2 { padding-top: 4px; }
#content h2 a {
	color: #333333;
	text-decoration: none;
}
#content h2 a:hover {
	color: #000000;
}
#content h3 {
	font-size: 2.1em;
	padding-left: 5px;
	border-bottom: 1px solid #666666;
}
#content h4 {
	font-size: 1.8em;
	padding-left: 5px;
	border-bottom: 1px solid #666666;
}
.posttime a, .tags a, .post_comment a {
	text-decoration: none;
	color: #000000;
}
.tags, .post_comment {
	color: #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 {
	background: url(images/comment.gif) no-repeat left center;
}
#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;
	background: url(images/bullet_white.gif) no-repeat center left;
	padding-left: 18px;
}
span.bqcite {
	background: url(images/link.gif) no-repeat center left;
	padding-left: 18px;
	font-size: 1.1em;
	float:right;
}

/* Asides */
ul.asides {
	margin: 0;
	padding: 10px 0px;
	list-style:none;
}
ul.asides li {
	color: #212841;
	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: #000000;
	text-decoration: none;
	border-bottom:1px solid #FFFFFF;
}
ul.asides li a:hover {
	border-bottom:1px solid #000000;
	color: #FFFFFF;
}

/* 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:"Trebuchet MS",Arial,Helvetica,sans-serif;
}
.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:#666666;
	text-decoration: none;
}
.navigation a:hover {
	color:#000000;
}

/* 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: #95979e;
}
#commentform input:focus, #commentform textarea:focus {
	background: #fff;
	color: #333;
	border-color: #666;
}
#commentform input {
	width: 200px;
	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: #333333;
}
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: Tahoma, Verdana, Helvetica, sans-serif;
}
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: #000000;
}
#respond {
	clear: right;
}
.authorcomment {
	padding: 10px;
	background-color: #CCCCCC;
	color: #000000;
	border: 1px dotted #999999;
	font-size: 1em !important; 
}
.regularcomment {
	padding: 10px;
	color: #999999;
	font-size: 0.8em !important;
}
.commentauthinfo {
	font-size: 1em;
	color: #666666;
}
.commentauthinfo a {
	color: #333333;
}
.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: 10px 10px 0 10px;
	width: 163px;
	background: url(images/sidebar_bg.gif) no-repeat top left;
	min-height: 375px;
	margin-left: 10px;
	height: auto !important;
	height: 375px;
}
#sidebar #s {
	border: 1px inset #999999;
	margin: 0 auto;
	background: url(images/content_bg.gif);
	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: #FFFFFF;
}
#sidebar h2, #sidebar h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	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: #212841;
	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: 0px;
	
	background: #000 url(images/footer.gif) repeat-x left top;
	height: 45px;
}
#footer a {
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
}
#footer a:hover {
	color: #666666;
}
#footer .wrap {
	margin: auto 10px;
	padding-top: 14px;
}
html > body #footer .wrap { padding-top: 8px; }
#footer p {
	color: #CCCCCC;
}
#footer .left {
	display: inline;
	float: left;
	width: 55%;
}
#footer .right {
	display: inline;
	float: right;
	width: 40%;
	text-align: right;
}