/*  

Theme Name: Blog Design Blog

Theme URI: http://www.blogdesignblog.com

Description: Ergo.

Version: 4.0

Author: Vinh Le

*/ 

/* `General
----------------------------------------------------------------------------------------------------*/

body {
	font: 14px/1.5 "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
	color: #999;
	background: #000 url('images/bg.png') repeat-x;
	text-align: center;
}

a {
	color: #53abd5;
	text-decoration: none;
}

a:hover {
	color: #FFF;
}

#container {
	margin: 0 auto;
	width: 942px;
	background: url('images/bg_content.png') repeat-y;
	text-align: left;
	margin-bottom: 100px;
}

#wrapper {
	margin: 0 11px;
	width: 920px;
	background: url('images/bg_content_top.png') repeat-x top left;
	padding-top: 50px;
}

#content_bottom {
	width: 942px;
	height: 12px;
	margin: 0 auto;
	background: url('images/bg_content_bottom.png') no-repeat;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
	color: #FFF;
}

h3, h4, h5, h6 {
	padding: 0 10px;
	font-weight: normal;
	position: relative;
	display: inline;
}

h1 {
	font-size: 25px;
}

h2 {
	font-size: 23px;
}

h3 {
	font-size: 21px;
	background: #53abd5;
}

h4 {
	font-size: 19px;
	color: #EEE;
	background: #3d3d3d;
}

h5 {
	font-size: 17px;
	color: #9b9b9b;
	background: #3d3d3d;
}

h6 {
	font-size: 15px;
	color: #9b9b9b;
	background: #3d3d3d;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}

p {
	margin: 20px 0;
}

/* `Header
----------------------------------------------------------------------------------------------------*/

#header {
	position: relative;
	background: url('images/header.jpg') no-repeat;
	width: 942px;
	height: 406px;
}

h1#logo {
	text-indent: -9999px;
}

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

#page_nav {
	position: absolute;
	width: 900px;
	bottom: 8px;
	left: 24px;
	list-style: none;
	font-size: 14px;
	font-weight: normal;
	line-height: 25px;
	margin: 0;
}

#page_nav li {
	float: left;
	margin-right: 20px;
}

#page_nav a {
	float: left;
	color: #FFF;
	background-color: #53abd5;
	text-decoration: none;
	padding: 0px 7px;
}

#page_nav a:hover {
	background: url('images/nav_right.jpg') no-repeat top right;
}

#page_nav li:hover {
	background: #87c4e2 url('images/nav_left.jpg') no-repeat;
}

#page_nav li.current_page_item {
	background: #87c4e2 url('images/nav_left.jpg') no-repeat;
	font-weight: bold;
}

#page_nav li.current_page_item a {
	background: url('images/nav_right.jpg') no-repeat top right;
}

#page_nav li.page_nav_hover {
	background: #87c4e2 url('images/nav_left.jpg') no-repeat;
}

#page_nav li.page_nav_hover a {
	background: url('images/nav_right.jpg') no-repeat top right;
}

#subscribe a {
	position: absolute;
	bottom: 3px;
	right: 23px;
	width: 179px;
	height: 34px;
	margin: 0;
	padding: 0;
	display: block;
	background: url('images/subscribe.png') no-repeat top center;
	text-indent: -9999px;
}

#rss_number {
	position: absolute;
	bottom: 43px;
	right: 28px;
	font-size: 12px;
	font-family: Georgia, serif;
	color: #969696;
}

/* `Main
----------------------------------------------------------------------------------------------------*/

#main {
	width: 540px;
	margin-left: 20px;
	margin-right: 40px;
	position: relative;
	float: left;
}

.post ol, .post ul {
	float: none;
	list-style-position: inside;
	margin-left: 10px;
}

.post ul {
	margin-top: 10px;
	list-style-type: none;
}

.post ol {
	list-style-type: decimal-leading-zero;
}

.post li {
	display: list-item;
	float: none;
	margin: 0;
}

.post {
	margin-bottom: 20px;
}

.post_header {
	margin-bottom: 20px;
}

.post_header h2 {
	margin-bottom: 0px;
}

.post_header h2 a {
	color: #FFF;
}

.post_header h2 a:hover {
	color: #53abd5;
}

.post_byline {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	color: #666;
}

.post_byline a {
	padding-left: 5px;
}

.post_byline a:hover {
	color: #EEE;
}

#featured_post .post_byline a:hover {
	color: #666;
}

#related_posts {
	background-color: #3d3d3d;
	border: 1px solid #575757;
	margin: 10px 0 40px 0;
	padding: 10px 20px;
	font-size: 12px;
}

#related_posts li {
	padding: 5px 0;
	border-bottom: 1px solid #4d4d4d ;
}

#related_posts li:last-child {
	border: none;
}

#related_posts a {
	color: #eee;
}

#related_posts a:hover {
	color: #7b7b7b;
}

.ads_single {
	background-color: #3d3d3d;
	border: 1px solid #575757;
	margin: 10px 0 80px 0;
	padding: 10px 20px;
	font-size: 12px;
	text-align: center;
}

#love_please {
	background-color: #fefefe;
	color: #6c6868;
	margin: 10px 0 80px 0;
	padding: 20px;
}

#love_please .love_text {
	float: left;
	width: 250px;
}

#love_please ul {
	float: right;
	width: 200px;
	margin: 15px 0 0 0;
}

#love_please li {
	float: left;
	display: block;
	margin-right: 30px;
}

#love_please .bookmark {
	width: 34px;
	height: 34px;
	display: block;
	background: url('images/delicious.jpg') no-repeat;
	text-indent: -9999px;
}

a.post_read_more {
	text-transform: uppercase;
	color: #EEE;
	font-size: 12px;
	margin-top: 20px;
	background-color: #3d3d3d;
	padding: 0 10px 0 10px;
}

a.post_read_more:hover {
	color: #FFF;
	background-color: #53abd5;
}

.index_line {
	height: 1px;
	background-color: #3d3d3d;
	margin: 10px 0 30px 0;
}

.subtitle {
	margin: 5px 0 2px 0;
}

.subtitle h3 {
	font-size: 16px;
	padding: 0 5px;
	text-transform: none;
}

/*
.wp-caption {
	border: 1px solid #444;
	text-align: left;
	background-color: #f5f5f5;
}

.wp-caption img {
	margin: 5px;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
*/

small {
display: block;
color: #666;
font-size: 11px;
position: relative;
margin-top: -22px;
}

/* `Featured Content
----------------------------------------------------------------------------------------------------*/

#featured_post {
	position: relative;
	left: 0px;
	color: #777;
	background-color: #fff;
	width: 500px;
	padding: 20px 20px 1px 20px;
	margin-top: 10px;
	margin-bottom: 30px;
}

#featured_post h2 a {
	color: #555;
}

#featured_post h2 a:hover {
	color: #53abd5;
	text-decoration: none;
}

#featured_post .post_date {
	color: #999;
}

.featured_image {
	width: 495px;
	height: 200px;
}

/* `Archives
----------------------------------------------------------------------------------------------------*/

#archives li {
	clear: both;
	margin: 0;
	padding: 0;
}

.archives_date {
	position: relative;
	display: block;
	float: left;
	width: 120px;
	font-style: italic;
	font-weight: bold;
	color: #666;
	font-size: 12px;
	text-transform: uppercase;
}

.archives_headline {
	position: relative;
	font-size: 16px;
	float: left;
	width: 400px;
	background-color: transparent;
	padding: 0;
}

.archives_headline a {
	color: #EEE;
	background-color: #3d3d3d;
	padding: 0 5px;
}

.archives_headline a:hover {
	background-color: #53abd5;
}


/* `Sidebar
----------------------------------------------------------------------------------------------------*/

#sidebar {
	width: 300px;
	position: relative;
	float: right;
	margin-right: 20px;
}

.sidebar_widget {
	clear: both;
	width: 300px;
	font-size: 12px;
	background: #3d3d3d;
	border: 1px solid #575757;
	margin-bottom: 30px;
}

.sidebar_widget ul {
	width: 260px;
	margin: 10px 20px;
}

.sidebar_widget a {
	color: #EEE;
}

.sidebar_widget a:hover {
	color: #7b7b7b;
}

.sidebar_widget li {
	padding: 10px 0;
	border-bottom: 1px solid #4d4d4d ;
}

.sidebar_widget li:last-child {
	border: none;
}

#custom_blog_design {
	font-size: 14px;
}

#custom_blog_design li {
	border: none;
}

#custom_blog_design p {
	margin-top: 0px;
	margin-bottom: 10px;
}

#custom_blog_design a.post_read_more {
	display: block;
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #555;
}

#custom_blog_design a.post_read_more:hover {
	color: #FFF;
	background-color: #53abd5;
}

.sidebar_widget em {
	font-style: normal;
	font-weight: bold;
	color: #fefefe;
}

.sidebar_header {
	position: relative;
	display: block;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	line-height: 23px;
}

.sidebar_header li {
	position: relative;
	display: block;
	float: left;
	height: 24px;
	padding-left: 10px;
	margin-right: 10px;
	color: #FFF;
}

.sidebar_header li span, .sidebar_header li a {
	color: #FFF;
	height: 24px;
	padding-right: 10px;
	display: block;
	float: left;
}

.sidebar_header li.active span, .sidebar_header li.active a, .sidebar_header li a:hover {
	/* padding-top: 1px; */
	background: url('images/sidebar_header_right.png') no-repeat top right;
}

.sidebar_header li.active, .sidebar_header li:hover {
	background: #53abd5 url('images/sidebar_header_left.png') no-repeat top left;
}

.ui-tabs-selected {
	background: #53abd5 url('images/sidebar_header_left.png') no-repeat top left;
}

.ui-tabs-selected a {
	/* padding-top: 1px; */
	background: url('images/sidebar_header_right.png') no-repeat top right;
}

#search_widget {
	margin: 20px;
}

#search_widget li {
	padding: 0;
	border: none;
}

#search_widget fieldset input {
	float: left;
}

#search_widget fieldset input.text {
	width: 168px;
	height: 18px;
	padding: 4px;
	font-size: 14px;
	color: #444;
	background: #EEE;
	border: 0;
}

#submit_search {
	display: block;
	width: 73px;
	height: 26px;
	padding-bottom: 3px;
	font-size: 14px;
	font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
	color: #FFF;
	margin-left: 10px;
	background: url('images/button_off.png') no-repeat;
	border: 0;
}

#submit_search:hover {
	cursor: pointer;
	background: url('images/button_on.png') no-repeat;
}

.ui-tabs-hide { 
	display: none; 
}

.featured_theme {
	border: 5px solid #2b2b2b;
}

#featured_widget li {
	border: 0;
}

/* `Comments
----------------------------------------------------------------------------------------------------*/


.comments_number {
	display: inline;
	color: #FFF;
	font-size: 21px;
	background: #53abd5;
	padding: 0 10px;
	position: relative;
}

.comments_list ol {
	margin: 10px 0 40px 0;
	list-style: none;
	position: relative;
}


.comments_actual ul {
	list-style: none;
	position: relative;
}

.comments_list li.comments_normal {
	clear: both;
	position: relative;
}
.comments_list li.comments_post_author {
	clear: both;
	position: relative;
}

.comments_form {
	font-size: 12px;
	background: #3d3d3d;
	border: 1px solid #575757;
	margin-bottom: 30px;
	margin-top: 10px;
}

.comments_form fieldset {
	margin: 20px;
}

.comments_form input, textarea {
	width: 490px;
	height: 16px;
	padding: 4px;
	font-size: 12px;
	color: #444;
	background: #EEE;
	border: 0;
}
.comments_form input {
	clear: right;
	float: right;
	margin-bottom: 5px;
}

.comments_form textarea {
	height: 120px;
	width: 490px;
}

#submit {
	display: block;
	width: 73px;
	height: 26px;
	padding-bottom: 5px;
	font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color: #FFF;
	background: url('images/button_off.png') no-repeat;
	border: 0;
}

#submit:hover {
	cursor: pointer;
	background: url('images/button_on.png') no-repeat;
}

.comments_form li {
	margin-bottom: 3px;
}

.comments_index {
	float: left;
	width: 35px;
	font-size: 30px;
	color: #EEE;
	font-family: Georgia, Serif;
	letter-spacing: -2px;
}


.comments_list li .comments_actual {
	width: 529px;
	color: #6c6868;
	padding: 5px;
	margin-bottom: 20px;
	background-color: #3d3d3d;
	border: 1px solid #282828;
}

.comments_list li:last-child .comments_actual {
	margin-bottom: 0px;
}

.comments_actual .comments_text a:hover {
	text-decoration: underline;
	color: #53abd5;
}

.comments_list li .comments_text {
	border: none;
	padding: 0 15px;
	background-color: #fefefe;
	position: relative;
	overflow: hidden;
}

ul.comments_extra {
	line-height: 14px;
	float: left;
	margin-top: 4px;
	padding: 2px;
	background: #4a4949 url('images/comments_extra_bg.png') no-repeat;
	width: 527px;
	margin-bottom: 0;
}

li.comments_author {
	line-height: 16px;
	clear: left;
	position: relative;
	float: left;
	color: #fff;
	background: #4a4949 url('images/comments_normal_left.png') no-repeat top left;
	background-color: #53abd5;
	padding: 0 0 0 9px;
}

li.comments_author a {
	color: #FFF;
	display: block;
	background: #4a4949 url('images/comments_normal_right.png') no-repeat top right;
	background-color: #53abd5;
	padding-right: 9px;
	padding-top: 3px;
	padding-bottom: 3px;
}

li.tail {
	float: left;
	position: relative;
	bottom: 6px;
	background: url('images/comments_normal_tail.png') no-repeat;
	margin-left: 4px;
	width: 17px;
	height: 17px;
}

li.comments_post_author li.tail {
	float: right;
	position: relative;
	background: url('images/comments_post_author_tail.png') no-repeat;
	margin-right: 4px;
	width: 17px;
	height: 17px;
}

li.comments_author a:hover {
	color: #333;
}

li.comments_post_author li.comments_author {
	background: #4a4949 url('images/comments_post_author_left.png') no-repeat top left;
	background-color: #78d553;
	float: right;
}

li.comments_post_author li.comments_author a {
	background: #4a4949 url('images/comments_post_author_right.png') no-repeat top right;
	background-color: #78d553;
}

li.comments_post_author li.comments_date {
	float: left;
}

li.comments_date {
	position: relative;
	float: right;
	font-style: italic;
	padding: 4px 4px 4px 6px;
	font-size: 12px;
	color: #979696;
}

.comments_body {
	float: left;
}

/* `Footer
----------------------------------------------------------------------------------------------------*/

#footer_container {
	position: relative;
	width: 942px;
	margin: 0 auto;
	text-align: left;
	background: url('images/bg_footer_content.png') repeat-y;
	margin-bottom: 20px;
}

#footer_top {
	width: 942px;
	height: 12px;
	background: url('images/bg_footer_top.png') no-repeat;
}

#footer_container h2.footer_title {
	font-size: 72px;
	position: absolute;
	top: -70px;
	left: 10px;
	color: #FFF;
	letter-spacing: -5px;
}

#footer_container h2.footer_title span {
	color: #53abd5;
}

#footer {
	width: 942px;
	color: #d7f3fe;
	padding: 20px 31px 10px 31px;
}

#footer_links a {
	color: #FFF;
	background-color: #87C4E2;
	padding: 2px 5px;
}

#footer_links li {
	margin-bottom: 10px;
}

#footer_links a:hover {
	background-color: #367798;
}

#footer_bottom {
	width: 942px;
	height: 15px;
	margin: 0 auto;
	background: url('images/bg_footer_bottom.png') no-repeat;
}

.footer_header h4 {
	background-color: #367798;
	color: #FFF;
}

.footer_header {
	margin-bottom: 10px;
}

#footer ul {
	margin-right: 25px;
	margin-bottom: 0px;
	float: left;
}

#footer ul li {
	width: 280px;
}

.footer_gallery_picture {
	width: 270px;
	height: 113px;
	border: 5px solid #FFF;
}

#footer_copy {
	width: 942px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 20px;
	color: #888;
	font-size: 11px;
	text-transform: uppercase;
}

#footer_copy a {
	color: #AAA;
	font-weight: bold;
}

#footer_copy a:hover {
	text-decoration: underline;
}

ul#footer_about li {
	width: 240px;
}

#about_block {
	background-color: #FFF;
	color: #777;
	padding: 15px;
}

li.about_link a {
	color: #d7f3fe;
	margin-left: 15px;
}

li.about_link a:hover {
	color: #367798;
}

li.about_link span {
	position: relative;
	bottom: 2px;
	background: url('images/about_tail.png') no-repeat top right;
	padding-right: 18px;
	text-indent: -9999px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body div.clear,
html body span.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* `Search
----------------------------------------------------------------------------------------------------*/

h2.search_results {
	font-style: italic;
}

h2.search_results span {
	color: #53abd5;
	font-weight: normal;
}

.search_header h4 {
	background-color: transparent;
	padding: 0;
}

.search_header h4 a {
	color: #EEE;
	background-color: #3d3d3d;
	padding: 0 10px;
}

.search_header h4 a:hover {
	background-color: #53abd5;
}

.search_header .post_byline {
	margin: 5px 0 20px 0;
	font-size: 11px;
}

.search_post {
	margin-bottom: 20px;
}

.search_line {
	height: 1px;
	background-color: #3d3d3d;
	margin-bottom: 30px;
	margin-top: -10px;
}

/* `Contact Form
----------------------------------------------------------------------------------------------------*/

.wpcf7-form fieldset {
	background: #3d3d3d;
	border: 1px solid #575757;
	margin-bottom: 30px;
	margin-top: 10px;
}

.wpcf7-form input, .wpcf7-form textarea {
	width: 380px;
	height: 20px;
	padding: 4px;
	color: #444;
	background: #EEE;
	border: 0;
	font-size: 14px;
	margin-bottom: 10px;
}

.wpcf7-form textarea {
	height: 120px;
}

.wpcf7-form select {
	width: 380px;
	height: 30px;
	padding: 4px;
}

.wpcf7-form label {
	display: block;
	width: 70px;
	float: left;
	text-align: right;
	padding-right: 15px;
	font-weight: bold;
	color: #999;
}

.wpcf7-form span.required {
	position: relative;
	color: #53abd5;
	font-size: 40px;
	line-height: 14px;
	padding-left: 5px;
	top: 0px;
	right: 0px;
}

.wpcf7-form span.required_textarea {
	position: absolute;
	color: #53abd5;
	font-size: 40px;
	line-height: 14px;
	padding-left: 5px;
	top: 0px;
	right: 6px;
}

.wpcf7-form input {
	float: left;
}

.wpcf7-form ol {
	list-style-type: none;
	margin: 20px;
}

.wpcf7-form li {
	position: relative;
	display: block;
	margin: 0 0 15px 0; 
}

.wpcf7-form #submit {
	float: right;
	margin-right: 25px;
}


/* `Some fun style
----------------------------------------------------------------------------------------------------*/

.clickable {
	cursor: pointer;
}

.noborder {
	border: none;
}

/* `Landing Page
----------------------------------------------------------------------------------------------------*/

#lp {
	background: #2b2b2b url('images/lp_bg.png') repeat-x;
	text-align: left;
	width: 960px;
	margin: 0 auto;
}

#lp_logo {
	height: 201px;
}

#lp_real_logo {
	text-indent: -9999px;
	height: 201px;
	width: 258px;
	display: block;
	background: transparent url('images/lp_logo.jpg') no-repeat;
	float: left;
}

#lp_logo h1 {
	font-size: 42px;
	letter-spacing: -1px;
	position: relative;
	top: 70px;
	left: 25px;
	float: left;
}

#lp_logo p {
	font-size: 14px;
	color: #9c9c9c;
	position: relative;
	top: 75px;
	left: 25px;
	width: 800px;
}

.lp_row div {
	width: 300px;
	float: left;
	padding-right: 20px;
}

.lp_row h3 {
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	margin: 21px 0;
}

.lp_row img {
	width: 30%;
	height: 30%;
	margin-right: 10px;
	float: left;
}