/*
Theme Name: RichStyle
Description: the theme with smooth gradient, black and white style.
Author: Lite Review
Author URI: http://www.litereview.com
Version: 1.0
*/

/*---------------------------------------------------------------------------------------------------*/
/* master tag */
/*---------------------------------------------------------------------------------------------------*/


body {
	margin			: 0;
	padding			: 0;

	font-family		: Tahoma;
	font-size		: 12px;
	color				: #202020;
	background		: #000000;
}

/*---------------------------------------------------------------------------------------------------*/
/* skeleton tag */
/*---------------------------------------------------------------------------------------------------*/

#universe {
	width			: 100%;
	display		: block;
}

#menu {
	width			: 100%;	
	height		: 33px;	
	display		: block;	
}

#header {
	width			: 100%;
	height		: 174px;
	min-height	: 174px;
	max-height	: 174px;
	display		: block;	
}

#category {
	width			: 100%;
	height		: 30px;
	min-height	: 30px;
	max-height	: 30px;
	display		: block;		
}

#center {
	width			: 96%;
	
	margin		: 0 2% 0 2%;
}

#sb-top {
	width			: 100%;

	min-height	: 260px;
}

#sb-left {
	float			: left;
	width			: 35%;
	padding		: 0 !important;
	margin		: 0 !important;
}

#stomach {
	margin		: -5px 0 0 0;
}

#content {
	width			: 100%;
	display		: block;
	float			: left;
}

#comments {
	clear			: both;
	padding		: 10px;
}

#form-comment {
	padding		: 10px;
}

#footer {
	width			: 100%;
	clear			: both;
}

/*---------------------------------------------------------------------------------------------------*/
/* skeleton : menu style */
/*---------------------------------------------------------------------------------------------------*/

#menu {
	background	: url(images/menu-background.jpg);	
}

#menu ul {
	margin	: 0;
	padding	: 0;	
}

#menu ul li {
	float		: left;
	padding	: 0 2px 0 0;
	
	list-style 	: none;
	text-transform	: uppercase;
}

#menu ul li a:link,
#menu ul li a:visited {
	display	: block;
	height	: 30px;
	
	padding	: 3px 15px;
	
	color		: #48b500;
	text-decoration	: none;
}

#menu ul li a:hover {
	background	: #000000;
}

#menu ul li.current_page_item a:link, 
#menu ul li.current_page_item a:visited {
	color		: #ffcc00;
	background	: #000000;	
}

/*---------------------------------------------------------------------------------------------------*/
/* skeleton : header style */
/*---------------------------------------------------------------------------------------------------*/

#header {
	background	: url(images/header-background.jpg) repeat-x;
	padding		: 20px 0 0 0;
	text-align	: center;
}

#header-title {
	font-size	: 24px;
	color			: #ffce00;
	text-transform : uppercase;
}

#header-desc {
	font-size	: 14px;
	color			: #48b500;
}

/*---------------------------------------------------------------------------------------------------*/
/* skeleton : category style */
/*---------------------------------------------------------------------------------------------------*/

#category {
	background	: url(images/category-background.jpg) repeat-x; 
}

#category ul {
	margin		: 0 5px;
	padding		: 0;
}

#category ul li {
	float			: left;

	padding		: 0 2px 0 0;
	list-style	: none;	
	
	font-size	: 11px;
}

#category ul li a:link,
#category ul li a:visited {
	display		: block;
	color			: #a00000;

	padding		: 8px 10px 8px 10px;
	
	text-decoration 	: none;
	text-transform		: uppercase;
}

#category ul li a:hover {
	color			: #fff;
	background	: #262626;
}

#category ul li.current-cat a:link,
#category ul li.current-cat a:visited {
	color			: #fff;
	background	: #262626;	
}

/*---------------------------------------------------------------------------------------------------*/
/* skeleton : center style */
/*---------------------------------------------------------------------------------------------------*/

#center {
	background: #ccc;
}

/*---------------------------------------------------------------------------------------------------*/
/* skeleton : sb-top style */
/*---------------------------------------------------------------------------------------------------*/

#sbtop-wrapper {
	clear: both;
}

#sb-top {
	font-size	: 90%;
	background	: url(images/sidebartop-background.jpg) repeat-x #000;
	padding		: 5px 0 0 0;	
}

#sb-top .widget {
	float			: left;
	width			: 31%;
	
	margin		: 15px 1% 15px 1%;
	
	color			: #fff;
}

#sb-top .widget-title {
	padding		: 2px 0 10px;
	font-size	: 18px;
}

#sb-top .widget-content {
	padding		: 10px 0;
	text-align	: justify;
}

#sb-top ul {
	margin		: 0;
	padding		: 0 0 0 15px;
	text-transform: capitalize;
}

#sb-top ul li {
	margin		: 0;
	padding-top	: 6px;
	list-style	: disc;
}

#sb-top ul a:link, 
#sb-top ul a:visited {
	padding-bottom : 2px;
	color			: #ffffff;
	text-decoration: none;
	
	border-bottom : 1px dashed #fff;	
}

#sb-top ul a:hover {
	color			: #a00000;
	border		: none;
}

#sb-top a:link,
#sb-top a:visited {
	color			: #a00000;

}

#sb-top a:hover {
	color			: #afafaf;
	text-decoration : none;
}

#sb-top #calendar_wrap {
	margin-top	: -40px;
}

#sb-top #calendar_wrap caption {
	font-size	: 20px;
	padding		: 0 0 20px 0;
}

#sb-top #calendar_wrap table{
	width			: 98%;
	margin		: 0 auto;
}

#sb-top #calendar_wrap th {
	width			: 14.4%;
	padding		: 5px;
	
	color			: #fff;
	text-align	: center;
	font-weight : bold;
	
	background	: #a00000;
}

#sb-top #calendar_wrap td {
	padding		: 5px;
	text-align	: center;
}

#sb-top #calendar_wrap td#today {
	color			: #fff;
	background	: #fcfcfc;
}

#controller {
	clear			: both;
	cursor		: pointer;
	
	margin		: 0 0 0 0;
	padding		: 1px 5px 1px 1px;
	text-align	: right;
	
	font-size	: 9px;
	color			: #fff;
	
	border-bottom : 2px solid #000;
	background	: #606060;
}

/*---------------------------------------------------------------------------------------------------*/
/* skeleton : sb-left style */
/*---------------------------------------------------------------------------------------------------*/

#sb-left {
	font-size	: 100%;
	background: #ccc;
}

#sb-left .widget {
	margin		: 0 0 15px 0;
	color			: #303030;
}

#sb-left .widget-title {
	height		: 59px;
	padding		: 5px 5px;
	
	color			: #a00000;
	font-size	: 18px;
	
	border-top	: 2px solid #aaa;
	background	: url(images/sidebarleft-title-background.png) repeat-x;
}

#sb-left .widget-content {
	padding		: 0;
	text-align	: justify;
}

#sb-left ul {
	margin		: 0;
	padding		: 0;
	text-transform: capitalize;
}

#sb-left ul li {
	margin		: 0;
	padding		: 0;
	list-style	: none;
}

#sb-left ul a:link, 
#sb-left ul a:visited {
	height			: 17px;
	display			: block;
	
	padding 			: 8px 0 5px 10px;
	
	color				: #000;
	text-decoration: none;

	border-bottom	: 1px solid #afafaf;
}

#sb-left ul a:hover {
	padding-left	: 20px;

	background	: #fff;
	color			: #a00000;
	
	border-bottom	: 1px solid #909090;	
}

#sb-left a:link,
#sb-left a:visited {
	color			: #a00000;

}

#sb-left a:hover {
	color			: #afafaf;
	text-decoration : none;
}

#sb-left .textwidget {
	padding		: 0 10px;
}

#sb-left #calendar_wrap caption {
	font-size	: 20px;
	padding		: 0 0 20px 0;
}

#sb-left #calendar_wrap table{
	width			: 98%;
	margin		: 0 auto;
}

#sb-left #calendar_wrap th {
	width			: 14.4%;
	padding		: 5px;
	
	color			: #fff;
	text-align	: center;
	font-weight : bold;
	
	background	: #a00000;
}

#sb-left #calendar_wrap td {
	padding		: 5px;
	text-align	: center;
}

#sb-left #calendar_wrap td#today {
	color			: #fff;
	background	: #fcfcfc;
}

#sb-left #recent-comments .widget-content{
	padding-left	: 20px;
}

#sb-left ul#recentcomments {
	margin		: 0;
	padding		: 0;
	text-transform: capitalize;
}

#sb-left ul#recentcomments li {
	margin		: 0;
	padding		: 10px 0;
	list-style	: disc;
	
}

#sb-left ul#recentcomments a:link, 
#sb-left ul#recentcomments a:visited {
	color				: #a00000;
	text-decoration: none;
	border-bottom	: 1px dashed #a00000;
}

#sb-left ul#recentcomments a:hover {
	color				: #fff;
	background		: none;
	border-bottom	: 1px dashed #fff;
}

/*---------------------------------------------------------------------------------------------------*/
/* skeleton : stomach style */
/*---------------------------------------------------------------------------------------------------*/

#stomach {
	background	: #ccc;
	overflow: visible;
}

#stomach-wrapper {
	display		: block;
	margin-top	: -22px;
	clear			: both;
	
	background	: none;
	border-top	: none;
}

/*---------------------------------------------------------------------------------------------------*/
/* skeleton : navigation style */
/*---------------------------------------------------------------------------------------------------*/

.post-navigation a:link,
.post-navigation a:visited {
	color			: #a00000;
}

.post-navigation a:hover {
	color			: #000;
}

/*---------------------------------------------------------------------------------------------------*/
/* skeleton : content style */
/*---------------------------------------------------------------------------------------------------*/

#wrapper {
	margin		: 5px 0 5px 35%;		
	padding		: 0 2px 0 0;
}

#content {
	background	: #fff;
	border-left	: 2px solid #000;
	border-bottom : 2px solid #000;	

	
}

.post-navigation {
	padding		: 25px 10px 25px 10px;
	text-align	: center;
	
	background	: #efefef;
}

.post {
	padding		: 25px 10px 25px 10px;
}

.post-title {
	font-size	: 22px;
	
	color			: #a00000;
	text-align	: center;
	text-transform	: capitalize; 
}

.post-title a:link,
.post-title a:visited {
	color			: #a00000;
	text-decoration : none;
}

.post-title a:hover {
	color			: #bbb;
	text-decoration : underline;
}

.post-time {
	width			: 95%;
	margin		: 25px auto;
	padding		: 5px;
	
	font-size	: 85%;
	text-align	: right;
	color			: #bb6417;
	
	border-top	: 2px double #bb6417;
}

.post-content {
	margin		: 25px 0 0 0;
	
	text-align	: justify;
	line-height: 150%;
}

.post-content blockquote {
	width			: 90%;
	
	margin		: 10px auto !important;
	padding		: 10px;
		
	color			: #d06c00;
	font-style	: italic;
	background	: url(images/blockquote-background.jpg) no-repeat;

}

.post-content a:link,
.post-content a:visited {
	color			: #a00000;	
}

.post-content a:hover {
	color			: #606060;	
	text-decoration : none;
}

.post-content a.more-link {
	padding-left	: 20px;
	background	: url(images/right-off.gif) no-repeat;
}

.post-content img {
	margin		: 6px;
	padding		: 3px;
	border		: 1px solid #dddddd;
}

.post-meta {
	width			: 95%;
	
	margin		: 0 auto;
	padding		: 5px;
	
	text-align	: right;
	text-transform: lowercase;
	font-size	: 10px;

	color			: #5f5f5f;
	
	border-top		: 2px solid #bb6417;
	border-bottom	: 1px solid #bb6417;	
	background	: #efefef;
}

.post-meta a:link,
.post-meta a:visited {
	color			: #a00000;
	text-decoration: none;
}

.post-meta a:hover {
	color			: #666;
}

/*---------------------------------------------------------------------------------------------------*/
/* skeleton : comments style */
/*---------------------------------------------------------------------------------------------------*/

#comments {
	text-align	: justify;
}

.comments-title {
	height		: 44px;
	padding		: 20px 0 0 70px;
	
	color			: #a00000;
	font-size	: 16px;
	
	background	: url(images/icon-writecomment.png) no-repeat;
}

.comment-odd,
.comment-even {
	margin		: 0 0 20px 0;
}

.comment-odd a:link, 
.comment-odd a:visited {
	color			: #a00000;
	text-decoration: none;
	border-bottom	: 1px dashed #a00000;
}

.comment-odd a:hover {
	border		: none;
}

.comment-even a:link, 
.comment-even a:visited {
	color			: #995f0d;
	text-decoration: none;
	border-bottom	: 1px dashed #995f0d;
}

.comment-even a:hover {
	border		: none;
}

.comment-gravatar {
	float			: left;
	margin		: 5px 0 0 3px;
}

.comment-gravatar	img{
	width			: 48px;
	padding		: 2px;
}

.comment-odd .comment-gravatar img {
	border		: 1px solid #a00000;
}

.comment-even .comment-gravatar img {
	border		: 1px solid #b57b28;
}

.comment-id {
	float			: right;
	margin-right: 20px;
	
	color			: #fff;
	font-size	: 36px;
	font-style	: italic;
}

.comment-wrapper {
	min-height	: 150px;
	padding		: 5px 5px 5px 64px;
}

.comment-odd .comment-wrapper {
	border-top	: 2px solid #a00000;
	background	: url(images/comment-odd-background.jpg) repeat-x #fff;
}

.comment-even .comment-wrapper {
	border-top	: 2px solid #b57b28;
	background	: url(images/comment-even-background.jpg) repeat-x #fff;
}

.comment-metadata {
}

.comment-content {
	display		: block;
	padding-right : 15px;
}

/*---------------------------------------------------------------------------------------------------*/
/* skeleton : form-comment style */
/*---------------------------------------------------------------------------------------------------*/

#form-comment {
	
}

#input-text {
	float		: left;
}

#textarea {
	float		: left;
	padding	: 10px 5px;
}

textarea#comment {
	width		: 400px;
	height	: 300px;
	
}

#button-comment {
	clear		: both;
	padding	: 20px 10px 0 0;
	margin	: 0;
	text-align : right;
}

#button-comment input {
	border	: 1px solid #000;
}

#comment-wrapper {
	clear: both;
}

/*---------------------------------------------------------------------------------------------------*/
/* skeleton : footer style */
/*---------------------------------------------------------------------------------------------------*/

#footer {
	height		: 44px;
	min-height	: 44px;
	
	color			: #fff;
	padding		: 20px 0;
	text-align	: center;

	background	: url(images/footer-background.jpg) repeat-x #000;	
}

#footer a:link,
#footer a:visited {
	color			: #a00000;
	border-bottom : 1px dashed #a00000;
}

#footer a:hover {
	color			: #fff;
	border-bottom : 1px dashed #fff;	
}