/*  



Theme Name: Gravity (based on dreamworks redux)



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



Description: Keeping it very sharp, clean, and accesible. 



Version: 1.1



Author: Vinh Le



Author URI: http://www.quickiepc.com



*/ 



* {

	margin: 0;

	padding: 0;

}



body {

	background: #333 url('images/pattern.jpg') repeat;

	color: #b9b9b9;

	font-family: Arial, Verdana, sans-serif;

	font-size: 62.5%;

	text-align: center;

	font-weight: normal;

}



a {

	color: #53abd5;

	text-decoration: none;

}



a:hover {

	color: #FFF;

}



p {

	font-size: 14px;

	line-height: 1.5;

	margin: 0 0 21px;

}



#content_wrapper {

	width: 871px;

	margin: 0 auto;

	text-align: left;

	position: relative;

}



ol, ul {

	font-size: 14px;

}



blockquote {

	margin: 21px;

}





/******************************************************

*

*						HEADER

*

******************************************************/

#scroller{background:transparent url(images/content_bg.jpg) repeat-y scroll 0 0;width:871px;}

#header {

	width: 871px;

	position: relative;

	height: 185px;

	margin-top: 79px;

	background: #333 url('images/header.jpg') no-repeat;

}



#header h1.main_title {

	padding-right: 22px;

	position: absolute;

	top: -85px;

}



#members_area {

	font-size: 14px;

	color: #FFF;

	position: absolute;

	right: 8px;

	bottom: 236px;

}



#members_area a {

	color: #FFF;

}



#members_area a:hover {

	color: #53abd5;

}



#header h3.slogan {

	padding-right: 22px;

	position: absolute;

	font-size: 21px;

	bottom: 160px;

	left: 100px;

	font-weight: normal;

}



#header ul.navmenu {

	padding-right: 22px;

	position: absolute;

	bottom: 5px;

	left: 22px;

	list-style: none;

	font-size: 16px;

	font-weight: bold;

	line-height: 24px;

}



#header ul.navmenu li {

	float: left;

	margin-right: 20px;

}



#header ul.navmenu li a {

	float: left;

	color: #FFF;

	background-color: #53abd5;

	text-decoration: none;

	padding: 0px 7px;

}



#header ul.navmenu li:hover {

	background: #87c4e2 url('images/nav_left.jpg') no-repeat;

}



#header ul.navmenu li a:hover {

	background: url('images/nav_right.jpg') no-repeat top right;

}





#header ul.navmenu li.current_page_item {

	float: left;

	margin-right: 20px;

	background: #87c4e2 url('images/nav_left.jpg') no-repeat;

}



#header ul.navmenu li.current_page_item a {

	float: left;

	color: #FFF;

	background: url('images/nav_right.jpg') no-repeat top right;

	text-decoration: none;

}



/******************************************************

*

*						CONTENT

*

******************************************************/





#content {

	width: 871px;

	position: relative;

	background: url('images/content_bg.jpg') repeat-y;

	padding: 22px;

}





#content_posts_wrapper {

	width: 575px;

	float: left;

	position: relative;

}



.date {

	width: 58px;

	height: 60px;

	float: left;

	position: relative;

	padding-bottom: 5px;

	text-align: center;

	line-height: 28px;

	background: #2b2b2b url('images/date.jpg') no-repeat;

	color: #4e4e4e;

	font-size: 30px;

	font-weight: bold;

}



.month {

	font-size: 18px;

	color: #FFF;

}



.post {

	margin-bottom: 40px;

}



.actual_post ol, .actual_post  ul {

	list-style: inside;

}



.sub_title {

	margin-bottom: 20px;

}



.author a {

	background: #53abd5;

	border: 1px solid #222222;

	padding: 5px;

	color: #FFF;

	font-size: 14px;

	font-weight: bold;

	float: left;

	position: relative;

}



.author a:hover {

	background: #3d3d3d;

}



.comments {

	color: #FFF;

	float: right;

	position: relative;

	font-size: 14px;

	padding-left: 20px;

	background: url('images/comment_post.jpg') no-repeat left center;

}



.comments a {

	color: #FFF;

	text-decoration: none;

}



.comments a:hover {

	text-decoration: underline;

}



.actual_post {

	padding-top: 21px;

	clear: both;

}



.content_post {

	width: 505px;

	margin-left: 10px;

	float: left;

	position: relative;

}



.tags {

	background: #3d3d3d;

	border: 1px solid #222222;

	padding: 5px;

	color: #FFF;

	font-size: 14px;

}



.tags a {

	padding-left: 20px;

	background: #3d3d3d url('images/tag.jpg') no-repeat left center;

	color: #FFF;

	text-decoration: none;

}



.tags a:hover {

	text-decoration: underline;

}



h1, h3 {

	font-family: Arial, Verdana, sans-serif;

	font-weight: bold;

}



h1 {

	font-size: 72px;

	color: #FFF;

	letter-spacing: -5px;

}



h2 {

	font-size: 30px;

	color: #FFF;

	font-weight: normal;

}



h2 a {

	color: #FFF;

}



h2 a:hover {

	text-decoration: underline;

}



h1 span {

	color: #53abd5;

}



#bottom {

	width: 871px;

	height: 47px;

	position: relative;

	background: #333 url('images/content_bottom.jpg') no-repeat;

	clear: both;

}





/******************************************************

*

*						SIDEBAR

*

******************************************************/



#sidebar {

	width: 211px;

	padding-right: 22px;

	padding-left: 32px;

	list-style-type: none;

	float: left;

	position: relative;

	font-size: 12px;

	line-height: 21px;

}



#rss_feed {

	padding-bottom: 30px;

}



#rss_feed img {

	border: 0;

}



#rss_feed a:hover {

	color: #53abd5;

}



#search {

	width: 211px;

	background: url('images/search.jpg') no-repeat left top;

	font-size: 12px;

	padding-top: 35px;

	padding-bottom: 30px;

}



#search p {

	margin: 0;

}



#search_input {

	width: 130px;

	background: #FFF;

	border: 1px solid #222222;

	color: #333;

	padding: 2px;

	float: left;

	height: 18px;

}



#search_submit {

	border: 1px solid #222222;

	background: #53abd5;

	color: #FFF;

	margin-left: 5px;

	padding: 1px;

}



#sidebar li.recentcomments_dw {

	width: 194px;

	height: 35px;

	background: url('images/recentcomments.jpg') no-repeat;

}



#sidebar ul.recentcomments_sub {

	padding-bottom: 30px;

	list-style: none;

}



#sidebar ul.recentcomments_sub span {

	color: #bbb;

}



#sidebar ul.recentcomments_sub a {

	padding: 0 0 0 25px;

	margin-bottom: 1px;

	background: #7b7b7b url('images/recentcomments_icon.png') no-repeat 5px center;

	display: block;

}



#sidebar ul.recentcomments_sub a:hover {

	background: #53abd5 url('images/recentcomments_icon.png') no-repeat 5px center;

}



#sidebar li.recentposts {

	width: 194px;

	height: 35px;

	background: url('images/recentposts.jpg') no-repeat;

}



#sidebar ul.recentposts_sub {

	padding-bottom: 30px;

	list-style: none;

}



#sidebar ul.recentposts_sub a {

	padding: 0 0 0 20px;

	margin-bottom: 1px;

	background: #7b7b7b url('images/recentposts_icon.png') no-repeat 5px center;

	display: block;

}



#sidebar ul.recentposts_sub a:hover {

	background: #53abd5 url('images/recentposts_icon.png') no-repeat 5px center;

}



#sidebar li.archives {

	width: 194px;

	height: 35px;

	background: url('images/archives.jpg') no-repeat;

}



#sidebar ul.archives_sub {

	padding-bottom: 30px;

	list-style: none;

}



#sidebar ul.archives_sub a {

	padding: 0 0 0 24px;

	margin-bottom: 1px;

	background: #7b7b7b url('images/archives_icon.png') no-repeat 5px center;

	display: block;

}



#sidebar ul.archives_sub a:hover {

	background: #53abd5 url('images/archives_icon.png') no-repeat 5px center;

}



#sidebar a {

	text-decoration: none;

	color: #d8d8d8;

}



#calendar_wrap table {

	width: 100%;

	border-collapse: collapse;

}



#calendar_wrap table a {

	padding: 0;

}



#calendar_wrap tfoot a {

	background: none;

	margin-top: 2px;

	margin-bottom: 30px;

}



#calendar_wrap tfoot a:hover {

	color: #53abd5

}



#calendar_wrap thead {

	background: #7b7b7b;;

}



#calendar_wrap caption {

	font-size: 16px;

	color: #FFF;

	margin-bottom: 2px

}



#calendar_wrap th, #calendar_wrap td {

	text-align: center;

}



li.sidebar_widgets ul {

	list-style: none;

	margin-bottom: 30px;

}



li.sidebar_widgets a {

	padding: 0 0 0 25px;

	margin-bottom: 1px;

	background: #7b7b7b url('images/recentcomments_icon.png') no-repeat 5px center;3

	display: block;

}



li.sidebar_widgets a:hover {

	background: #53abd5 url('images/recentcomments_icon.png') no-repeat 5px center;3

}



h2.sidebar_widgets_title {

	font-size: 170%;

	margin-bottom: 10px;

}





li.sidebar_widgets div.ngg-widget a{

	display: inline;

	background: none;

}



/******************************************************

*

*						FOOTER

*

******************************************************/



#footer_top {

	width: 871px;

	height: 20px;

	margin-top: 100px;

	position: relative;

	background: #333 url('images/footer_top.jpg') no-repeat;

}



#footer_top h1.footer_title {

	font-size: 72px;

	position: absolute;

	bottom: 2px;

	color: #FFF;

}



#footer_main {

	width: 871px;

	position: relative;

	background: #333 url('images/footer_bg.png') repeat-y;

	color: #d7f3fe;

	padding-top: 15px;

	padding-bottom: 15px;

}



#footer {

	padding-left: 22px;

	padding-right: 22px;

	list-style: none;

	font-size: 14px;

	line-height: 21px;

}



#footer li.page_footer, li.about_footer {

	float: left;

	width: 240px;

}



#footer li.page_footer {

	margin-right: 45px;

}



ul.recentcomments_footer, ul.recentposts_footer {

	list-style: none;

}



ul.recentcomments_footer {

	padding-top: 35px;

	background: url('images/recentcomments_footer.jpg') no-repeat left top;

}



ul.recentposts_footer {

	padding-top: 35px;

	background: url('images/recentposts_footer.jpg') no-repeat left top;

}



li.about_footer {

	padding-top: 35px;

	background: url('images/about_footer.jpg') no-repeat left top;

}



ul.recentcomments_footer a, ul.recentposts_footer a {

	padding: 5px 5px 0 21px;

	background: url('images/footer_icon.jpg') no-repeat 1px center;

	text-decoration: none;

	display: block;

	color: #d7f3fe;

	border-bottom: 1px solid #67b8de;

}



ul.recentcomments_footer a:hover, ul.recentposts_footer a:hover {

	background-color: #87c4e2;

}



#footer_bottom {

	width: 871px;

	height: 23px;

	margin-bottom: 40px;

	position: relative;

	background: #333 url('images/footer_bottom.jpg') no-repeat;

	clear: both;

}



.clear {

	clear: both;

}



.disclaimer {

	position: relative;

	padding-top: 30px;

	bottom: 0px;

	text-align: center;

	color: #9ee0f6;

	display: block;

}



.disclaimer a {

	color: #FFF;

}



.disclaimer a:hover {

	color: #467f9a;

}





/*********************************



			comments



*********************************/





.comments_number {

	margin-top: 40px;

	margin-bottom: 10px;

	color: #FFF;

	font-size: 30px;

}



.comments_list li {

	padding-left: 2px;

}



.comments_list ol {

	list-style: none;

}



.comments_list ol .comments_author {

	color: #ff7f00;

	display: block;

	font-weight: bold;

	font-size: 14px;

	padding: 5px 0 0 11px;

	position: relative;

}



.comments_list ol .comments_author span {

	background: url('images/comment_tab.jpg') no-repeat top right;

	padding: 6px 35px 0 0;

	color: #666;

	font-weight: normal;

	position: relative;

	z-index: 3;

}



.comments_list ol .comments_author a {

	color: #ff7f00;

}



.comments_list ol .comments_author a:hover {

	color: #3d3d3d;

}



.comments_list ol li.alt .comments_author {

	display: block;

	color: #53abd5;

	font-weight: bold;

	font-size: 14px;

}



.comments_list ol li.alt .comments_author a {

	color: #53abd5;

	font-weight: bold;

}



.comments_list ol li.alt .comments_author a:hover {

	color: #FFF;

}



.comments_list ol .comments_text {

	color: #b9b9b9;

}





#comments input, textarea {

	border: 1px solid #222;

	background: #f3f3f3;

	color: #333;

	padding: 3px;

}



#comments textarea {

	width: 505px;

}



#submit {

	border: 1px solid #222;

	background: #f3f3f3;

	color: #999;

}



#submit:hover {

	background: #53abd5;

	color: #fff;

}



.comments_date {

	color: #999;

	display: inline;

	font-size: 12px;

	background: url('images/date_orange.jpg') no-repeat left center;

	padding-left: 13px;

}



.comments_date_tidy {

	padding: 0 0 10px 11px;

}



li.alt .comments_date {

	background: url('images/date_blue.jpg') no-repeat left center;

	padding-left: 13px;

}





.comments_list li .comments_text {

	border: 1px solid #222222;

	padding: 10px 10px 0 10px;

	background-color: #3d3d3d;

	position: relative;

	z-index: 1;

	overflow: hidden;

}



.comments_form label {

	font-size: 14px;

	padding-left: 5px;

}



.comments_avatar img {

	width: 90px;

	float: left;

}



.comments_avatar a {

	border: 0;



}



.comments_avatar img {

	border: 0px solid #FFF;

}



.comments_body {

	float: left;

}





/*********************************



			PAGE



*********************************/



.page_content_post {

	width: 573px;

	float: left;

	position: relative;

}



.pagetitle {

	margin-bottom: 40px;

}