/* Styles.css
	Site: 
	Author: 
	Date:
*/


body {
	margin: 0px;
	padding: 0px;
	
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #666;
	
	background-color: #dfe1e3;
}


/* ! Links & Buttons */
/* --------------------------------------------------------------------------------- Links & Buttons
*/

a, a:visited {
}
a:hover, a:active {
}




/* ! Headers */
/* --------------------------------------------------------------------------------- Headers
*/

h1 {
}
h2 {
}
h3 {
}



/* ! Standards & Hacks */
/* ------------------------------------------------------------- Standards & Hacks
*/
.clearer {
	display: block;
	clear: both;
	height: 1px;
	line-height: 1px;
	margin-top: -1px;
	text-indent: -9999px;
}

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

.float-left {
	display: block;
	float: left;
	margin: 0px 10px 10px 0px;
}
.float-right {
	display: block;
	float: right;
	margin: 0px 0px 10px 10px;
}
.clear {
	clear: both;
}
.clear-left {
	clear: left;
}
.clear-right {
	clear: right;
}
.clear-none {
	clear: none;
}


img {
	border: none;
}
.image {
}
.image img {	
	display: block;
	margin: 0px;
	border: 1px solid #638B82;
}
.image .caption {
	display: block;
	/* text-align: center; */
	text-transform: uppercase;
	color: #638B82;
	margin: 4px 0px;
}
.image .caption.center {
	text-align: center;
}

.image .sub-caption {
	display: block;
	color: #000;
	font-size: 14px;
}

.image.float-left {
	margin: 0px 10px 10px 0px;
}
.image.float-right {
	margin: 0px 0px 10px 10px;
}


.justify {
	text-align: justify;
}


blockquote {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-style: italic;
}
blockquote .author {
	display: block;
	margin-top: 10px;
	font-style: normal;
	text-align: right;
}


.serif {
	font-family: "Sabon Roman", "Times New Roman", Georgia, serif;
}
.sans-serif {
	font-family: Helvetica, Verdana, Sans-serif;
}


/* ! Structure */
/* --------------------------------------------------------------------------------- Structure
*/

#site {
}
#header {
	background: #333940;
}
#header h1 a {
	color: #999;
	text-decoration: none;
	display: block;
	width: 406px;
	height: 93px;
	text-indent: -9999px;
	background: transparent url(../images/logo-blog.png);
}
ul#header-nav {
	position: absolute;
	right: 0px;
	top: 67px;
}
#header-nav li {
	
}
#header-nav a {
	color: #BBC2C8;
	font-size: 15px;
}
#header-nav a:hover, #header-nav a:active {
	color: #EEEEEE;
	text-decoration: none;
}


#main {
	background-color: #eeeeee;
}
#footer {
	clear: both;
	background-color: #dfe1e3;
	border-top: 1px solid #bbc2c8;
}


#content {
	width: 700px;
	float: left;
	margin-right: 40px;
}
#sidebar {
	width: 220px;
	float: right;
}
#header .content {
	
	padding: 10px 0px;
	
}

.content {
	width: 960px;
	margin: 0px auto;
	padding: 20px 0px;
	position: relative;
	display: block;
}



#sidebar .section {
	padding: 20px;
	background-color: #fff;
	margin-bottom: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#sidebar h3 {
	color: #666;
	font-size: 13px;
	font-weight: normal;
	border-bottom: 1px dotted #ccc;
	margin: 8px 0 8px 0;
}
#sidebar h3:first-child {
	margin-top: 0px;
}



#common_tags li {
	display: inline;
}


#common_tags li a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #bac2c9;
}

/* Navigation  */
/* --------------------------------------------------------------------------------- Navigation
*/

#navigation {
}






/* ! Post  */
/* --------------------------------------------------------------------------------- 
 */
.post {
	border-bottom: 1px dotted #bac2c9;
	
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.post h1 a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #bac2c9;
	color: #323941;
}

.post .meta {
	color: #bac2c9;
}


.post .comments {
	display: inline;
}
.post .comment_count {
	padding: 0px;
}

.post .tags {
	display: inline;
}





/* ! Comment  */
/* --------------------------------------------------------------------------------- 
 */
.comment {
	background-color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 20px;
	margin-bottom: 10px;
}
.comment .meta {
	color: #bac2c9;
}
.comment .body {
	
}


/* ! Comment Form  */
/* --------------------------------------------------------------------------------- 
 */
 
#make_comment {
	background-color: #dfe1e3;
	padding: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#make_comment h3 {
	margin-top: 0px;
	font-weight: bold;
	font-size: 20px;
}

#make_comment input {
	width: 300px;
}






/* ! Sidebar stuff  */
/* --------------------------------------------------------------------------------- 
 */
#sidebar .change_log {
	line-height: 16px;
}
#sidebar .change_log .date {
	display: block;
	font-size: 10px;
	color: #999;
}
#sidebar .change_log .description {
	font-size: 10px;
	line-height: 14px;
}