/*
Theme Name: Andonuts
Theme URI: http://andonuts.net/
Description: The theme for <a href="http://andonuts.net">Andonuts.net</a>.
Version: 0.5
Author: David Arnold
Author URI: http://andonuts.net/
Tags: andonuts

	This theme was designed by David Arnold.
	http://andonuts.net

*/

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Georgia, "Times New Roman", Times, Serif;
	background: #d0dbdf;
	color: #000000;
	text-align: center;
}

.page {
	background: transparent url('images/background.png') repeat-y top left;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

/* header */
.header {
	background: #d0dbdf url('images/header.png') no-repeat;
	width: 800px;
	height: 130px;
}

.logo {
	position: relative;
	float: left;
	left: 18px;
	top: 18px;
	border: none;
}

/* footer */
.footer {
	background: #d0dbdf url('images/footer.png') no-repeat;
	width: 800px;
	height: 60px;
	clear: both;
	padding-top: 12px;
	font-style:italic;
	font-size: 12px;
	color: #657d88;
}

.footerLeft {
	float: left;
	text-align: left;
	padding-left: 16px;
}

.footerRight {
	float: right;
	text-align: right;
	padding-right: 30px;
}

.footerTab {
	background:#f8fafa;
	margin: 0px 6px 0px 22px;
	padding: 5px 16px 0px 16px;
}

.bottomNav {
	width: 575px;
	clear: both;
	font-size: 12px;
}

/* button bar */
.buttonBar {
	/*position: relative;*/
	float: right;
	width: 340px;
	/*top: 43px;
	right: 8px;*/
	margin-top: 13px;
	margin-right: 8px;
}

.buttonLink {
	border: none;
	margin: 0px;
	padding: 0px;
}

/* search bar */
.searchbar {
	/*position: relative;*/
	float: right;
	/*right: 12px;
	top: 41px;*/
	max-width: 230px;
	height: 38px;
	margin-top: 42px;
	margin-right: 28px;
}

.searchbox {
	/*position: relative;*/
	background: url('images/searchbox.png') no-repeat top left;
	width: 134px;
	height: 38px;
	float: left;
	border: none;
	outline: none;
	padding: 0px 0px 0px 8px; /* t r b l */
	margin: 0px;
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-style:italic;
	font-size: 14px;
	color: #acbbc8;
}

.searchbutton {
	background: transparent url('images/searchbutton.png') no-repeat top left;
	/*float: right;*/
	width: 72px;
	height: 38px;
	border: none;
	outline: none;
	margin: 0px;
	padding: 0px 0px 4px 0px;
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-style:italic;
	font-size: 16px;
	color: #ffffff;
}

/* sidebar */
#sidebar {
	float: right;
	border-left: #dae1e5 solid 1px;
	margin: 10px 10px 10px 0px;
	padding-left: 8px;
	padding-bottom: 20px;
	width: 198px;
	text-align: left;
}

.sideheader {
	font-size: 24px;
	font-style: italic;
	color: #dae1e5;
}

#sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#sidebar ul ul {
	list-style: url('images/bullet.png') outside;
	font-size: 14px;
	font-style: italic;
	color: #7f7f7f;
	margin: 0px;
	padding-left: 25px;
}

/* conent pane */
.content {
	float:left;
	padding-left: 10px;
}

.block {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* bubbles */
.bubble {
	float: left;
	clear: both;
	width: 560px;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.bubble small {
	font-size: 12px;
	font-style: italic;
	color: #627981;
}

.bubble p {
	margin-top: 0px;
}

.bubbleTop {
	height: 60px;
	padding-left: 25px;
}

.bubbleBody {
	padding-left: 25px;
	padding-right: 18px;
	font-size: 12px;
	color: #627981;
}

.bubbleBottom {
	height: 15px;
	padding-left: 25px;
}

.postheader {
	display: block;
	padding-top: 6px;
	font-size: 24px;
	font-style: italic;
}

/* comments */
.cBubbleTop {
	height: 70px;
	padding-left: 60px;
	padding-top: 14px;
}

.commentsList {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.comment {
	font-size: 14px;
	padding: 3px;
}

.comment-meta {
	font-size: 10px;
	font-style: italic;
	margin-bottom: 10px;
}

.odd {
	background-color: #eef5f7;
}

.avatar {
	float: right;
	border: white solid 1px;
}

#comment {
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-size: 12px;
	width: 500px;
}

/* post colors */
.blueTop {
	background: transparent url('images/bubble_blue/blueBubbleTop.png') no-repeat top left;
}
.blueBody {
	background: transparent url('images/bubble_blue/blueBubbleBody.png') repeat-y top left;
}
.blueBottom {
	background: transparent url('images/bubble_blue/blueBubbleBottom.png') no-repeat top left;
}

.pinkTop {
	background: transparent url('images/bubble_pink/pinkBubbleTop.png') no-repeat top left;
}
.pinkBody {
	background: transparent url('images/bubble_pink/pinkBubbleBody.png') repeat-y top left;
}
.pinkBottom {
	background: transparent url('images/bubble_pink/pinkBubbleBottom.png') no-repeat top left;
}

.redTop {
	background: transparent url('images/bubble_red/redBubbleTop.png') no-repeat top left;
}
.redBody {
	background: transparent url('images/bubble_red/redBubbleBody.png') repeat-y top left;
}
.redBottom {
	background: transparent url('images/bubble_red/redBubbleBottom.png') no-repeat top left;
}

.orangeTop {
	background: transparent url('images/bubble_orange/orangeBubbleTop.png') no-repeat top left;
}
.orangeBody {
	background: transparent url('images/bubble_orange/orangeBubbleBody.png') repeat-y top left;
}
.orangeBottom {
	background: transparent url('images/bubble_orange/orangeBubbleBottom.png') no-repeat top left;
}

.greenTop {
	background: transparent url('images/bubble_green/greenBubbleTop.png') no-repeat top left;
}
.greenBody {
	background: transparent url('images/bubble_green/greenBubbleBody.png') repeat-y top left;
}
.greenBottom {
	background: transparent url('images/bubble_green/greenBubbleBottom.png') no-repeat top left;
}

.commentTop {
	background: transparent url('images/bubble_comment/commentTop.png') no-repeat top left;
}
.commentBody {
	background: transparent url('images/bubble_comment/commentBody.png') repeat-y top left;
}
.commentBottom {
	background: transparent url('images/bubble_comment/commentBottom.png') no-repeat top left;
}

/* elements */
a:link {
	color: #000000;
	text-decoration: none;
}

a:hover {
	border-bottom: 1px dotted;
}

a:active {
	color: #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
}

a:visited {
	color: #AAAAAA;
	text-decoration: none;
}

.buttonBar a {
	border: none;
}

hr {
	border: none;
	color: #627981;
	background-color: #627981;
	height: 1px;
}

/* alignment */
.alignLeft {
	float: left;
	text-align: left;
}

.alignRight {
	float: right;
	text-align: right;
}

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
	}


/* form */
.login {
	text-align: right;
	padding-right: 20px;
}

.textbox, .input {
	background: url('images/textbox.png') no-repeat top left;
	width: 175px;
	height: 32px;
	border: none;
	outline: none;
	padding-left: 8px;
	margin: 0px;
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-style:italic;
	font-size: 14px;
	color: #acbbc8;
}

.button {
	background: transparent url('images/button.png') no-repeat top left;
	width: 74px;
	height: 32px;
	border: none;
	outline: none;
	margin: 0px;
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-style:italic;
	font-size: 16px;
	color: #ffffff;
}