/*  
Theme Name: Jhatka-e-Chai
Theme URI: http://www.teabreak.pk/
Description: The updated frontend for the Pakistani Blog Aggregator teabreak. (Rock on fellas)
Version: 1.1
Author: Shahzad Khan & Zair Abbas
Author URI: http://teabreak.pk/

	Jhatka-e-Chai 1.1
	This theme designed by Shahzad Khan, and it was coded jointly by Asim Imtiaz, Zair Abbas and Shahzad Khan.
	Asim Imtiaz (http://www.fuzedbulb.com), Shahzad Khan (http://www.ckcpark.net), Zair Abbas (http://www.zairabbas.com)

*/ 

/*---------- Global reset ----------*/
* {
	background: transparent;
	font-family: Arial, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
	position: relative;
}

/*---------- End of Global reset ----------*/

/*---------- Layout ----------*/
body {
	background: #532c0b url(images/backdrop.gif) repeat-x top center fixed;
	font-size: 12px;
}

#container {
	width: 1004px;
	height: auto;
	margin: 0 auto;
	background: #1d0700;
	padding: 0px;
}

/*----- Header -----*/
#header {
	background: transparent url(images/header-background.gif) no-repeat top
		center;
	width: 1004px;
	height: 122px;
}

/*----- Logo space -----*/
#header #logo {
	width: 359px;
	height: 122px;
	margin: 0px;
	position: absolute;
	background: transparent url(images/logo.jpg) no-repeat top left;
}

#header #logo h1 {
	width: 212px;
	height: 57px;
	display: block;
	position: absolute;
	margin-top: 23px;
	margin-left: 125px;
	margin-bottom: 0px;
	padding: 0px;
}

#header #logo h1 a {
	display: block;
	text-indent: -10000px;
	height: 51px;
}

#header #logo .description {
	margin-top: 75px;
	margin-left: 125px;
	display: block;
	text-indent: -1000px;
}

/*--- End of Logospace ---*/ /*--- Sliding panel ---*/
#sliding-panel {
	position: relative;
	margin-left: 0;
	height: auto;
	z-index: 10000000;
	width: 100%;
	display: none;
}

#slidepanel {
	margin-left: 666px;
}

#s-panel {
	background: transparent;
	height: auto;
}

#s-panel .content-holder {
	width: 100%;
	background: #340a00;
	height: 53px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

#s-panel .content-holder .data {
	color: #fff;
	margin: 0 auto;
}

.content-holder .data .header {
	width: 100%;
	height: 50px;
	background: #1B0500;
}

.content-holder .data .header h1 {
	height: 50px;
	width: 260px;
	display: block;
	text-indent: -10000000px;
	background: #1B0500 url(images/spanel/heading.gif) no-repeat top left;
	float: left;
}

.content-holder .data .header .links {
	width: auto;
	height: auto;
	padding-right: 10px;
	font-size: 11px;
	color: #fff;
	float: right;
}

.content-holder .data .header .links a {
	color: #fff;
	text-decoration: none;
	padding: 18px;
	display: block;
	float: left;
}

.content-holder .data .header .links a:link {
	color: #fff;
	text-decoration: none;
}

.content-holder .data .header .links a:hover {
	color: #fff;
	background: #000;
	border-bottom: 3px solid #ffc95c;
}

.content-holder .data .header .links a:active {
	color: #d71e00;
	background: #fff;
	border-bottom: 3px solid #ffc95c;
}

/*End of The main three links for us bachas*/
.rest-content {
	padding: 5px;
}

.content-holder .data .left-box {
	width: 80px;
	height: 80px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.content-holder .data .right-box {
	width: 180px;
	height: 80px;
	floaT: left;
	font-size: 11px;
	margin-bottom: 10px;
}

.content-holder .data a img {
	border: 0px;
}

.slide {
	cursor: pointer;
	background: url(images/spanel/btn-slide.png) no-repeat center top;
	position: absolute;
	display: block;
	width: 258px;
	height: 22px;
	padding: 10px 10px 0px 10px;
	left: 20px;
}

.slide:focus {
	outline: none;
}

.active {
	background-position: center bottom;
	outline: none;
}

/*--- End of Sliding panel ---*/ /*--- Search panel ---*/
#header #search-panel {
	margin-top: 50px;
	right: 61px;
	position: absolute;
	width: 220px;
}

#header #search-panel div {
	float: left;
}

#search-panel .inputfield {
	width: 130px;
	height: 26px;
	background: transparent url(images/form-submit-top.gif) no-repeat top
		left;
	padding: 6px 2px 0px 2px;
}

#search-panel .inputfield input {
	width: 124px;
	height: 20px;
	border: 0;
	color: #000;
	font-size: 12px;
	font-weight: lighter;
}

#s {
	display: block;
}

#search-panel .inputfield:focus {
	background: transparent url(images/form-submit-top.gif) no-repeat bottom
		left;
	padding-top: 5px;
}

#search-panel .submitbutton {
	width: 67px;
	height: 26px;
	margin-left: 5px;
}

#search-panel .submitbutton #searchsubmit {
	background: transparent url(images/form-submit-top.gif) no-repeat top
		right;
	width: 67px;
	height: 26px;
	border: 0;
}

#search-panel .submitbutton #searchsubmit:focus {
	background: transparent url(images/form-submit-top.gif) no-repeat bottom
		right;
}

/*--- End of Seach panel ---*/ /*----- End of Header -----*/
	/*---  The categories ---*/
#cat-box {
	width: 1004px;
	height: 44px;
	background: #20120f;
	overflow: visible;
	z-index: 1;
}

#cat-box .heading {
	background: #20120f url(images/cat-head-back.gif) no-repeat top left;
	height: 44px;
	width: 88px;
	float: left;
	color: #ffc989;
}

#cat-box .heading div {
	margin-top: 17px;
	margin-left: 6px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: lighter;
}

#cat-box .list {
	width: 870px;
	height: 44px;
	background: transparent;
	color: #ffc989;
	float: left;
	margin-left: 0px;
	background: transparent;
	overflow: hidden;
}

#cat-box .list #carrier {
	width: 870px;
	padding: 0px 0px;
}

#carrier a,#carrier a:link,#carrier a:hover,#carrier a:active,#carrier a:visited,#carrier a:visited:active
	{
	color: #ffdb9c;
	text-decoration: none;
	font-size: 12px;
	height: 23px;
	display: block;
	padding: 14px 3px;
	float: left;
}

#carrier a:hover,#carrier a:visited:hover {
	background: #1D0700;
	border-top: 3px solid #520E01;
	padding-top: 11px;
	background: transparent url(images/nav-link-back.png);
}

/*jCarousel*/
.jcarousel-skin-tb .jcarousel-container-horizontal {
	width: 830px;
	padding: 0px 0px 0px 40px;
}

.jcarousel-skin-tb .jcarousel-clip-horizontal {
	width: 795px;
	height: 44px;
	padding-top: 0px;
	text-transform: uppercase;
	margin-left: -8px;
}

.jcarousel-skin-tb .jcarousel-item {
	width: auto;
	height: 44px;
}

.jcarousel-skin-tb .jcarousel-item-horizontal {
	margin-right: 10px;
}

/*buttons*/
.jcarousel-skin-tb .jcarousel-next-horizontal {
	position: absolute;
	top: 6px;
	right: 10px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background: transparent url(images/next-carousel.gif) no-repeat 0 0;
}

.jcarousel-skin-tb .jcarousel-next-horizontal:hover {
	background-position: -32px 0;
}

.jcarousel-skin-tb .jcarousel-next-horizontal:active {
	background-position: -64px 0;
}

.jcarousel-skin-tb .jcarousel-next-disabled-horizontal,.jcarousel-skin-tb .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-tb .jcarousel-next-disabled-horizontal:active
	{
	cursor: default;
	background-position: -96px 0;
}

.jcarousel-skin-tb .jcarousel-prev-horizontal {
	position: absolute;
	top: 6px;
	left: 0px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background: transparent url(images/previous-carousel.gif) no-repeat
		-96px;
}

.jcarousel-skin-tb .jcarousel-prev-horizontal:hover {
	background-position: -64px 0;
}

.jcarousel-skin-tb .jcarousel-prev-horizontal:active {
	background-position: -32px 0;
}

.jcarousel-skin-tb .jcarousel-prev-disabled-horizontal,.jcarousel-skin-tb .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-tb .jcarousel-prev-disabled-horizontal:active
	{
	cursor: default;
	background-position: 0px;
}

/*end of buttons*/ 

/**
* This <div> element is wrapped by jCarousel around the list
* and has the classname "jcarousel-container".
*/

.jcarousel-container {
	position: relative;
}

.jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

.jcarousel-list li,.jcarousel-item {
	float: left;
	list-style: none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
	width: 75px;
	height: 75px;
}

/**
* The buttons are added dynamically by jCarousel before
* the <ul> list (inside the <div> described above) and
* have the classnames "jcarousel-next" and "jcarousel-prev".
*/

.jcarousel-next {
	z-index: 3;
	display: none;
}

.jcarousel-prev {
	z-index: 3;
	display: none;
}

/*end of jCarousel*/
#cat-box .rss-link {
	float: left;
	margin-left: 5px;
	height: 44px;
	width: 38px;
}

#cat-box .rss-link img {
	border: 0;
	width: 38px;
	height: 40px;
	margin-top: 2px;
}

#cat-box .rss-link a img {
	border: 0;
}

/*---  End of The categories ---*/ 

/*----- Content Area ----------*/
#sub-container {
	width: 1004px;
	height: auto;
	overflow: hidden;
	clear: both;
	margin: 0px;
	padding: 0px;
	margin-top: 28px;
}

/*--- The Features ---*/
#features {
	width: 1004px;
	height: 207px;
	margin-top: 20px;
	z-index: 1;
}

#features #tripanel-container {
	width: 960px;
	height: 207px;
	margin: 0 auto;
	background: transparent url(images/featured/back.gif) repeat-x top left;
}

#tripanel-container .left {
	position: absolute;
	left: 0;
	width: 6px;
	height: 207px;
	background: transparent url(images/featured/left.gif) no-repeat top left
		;
}

#tripanel-container .mid {
	position: absolute;
	margin: 10px 14px 14px 15px;
	/*background:#000;*/
	width: 931px;
	height: 183px;
}

#tripanel-container .mid .head {
	margin: 0px;
	height: 24px;
	width: 100%;
	display: block;
}

#tripanel-container .mid .head h2 {
	color: #ffe1b7;
	text-transform: uppercase;
	font-size: 15px;
	margin-top: -3px;
	margin-bottom: -3px;
	padding-left: 1px;
}

#tripanel-container .mid .head small {
	font-size: 10px;
	color: #fff;
}

#tripanel-container .mid .featured-box {
	margin-top: 20px;
	height: 140px;
	width: 931px;
	clear: both;
	font-size: 10px;
	color: #fff;
	text-align: left;
	/*background:#fff;*/
}

#tripanel-container .mid .featured-box h3 a,#tripanel-container .mid .featured-box h3 a:link,#tripanel-container .mid .featured-box h3 a:hover,#tripanel-container .mid .featured-box h3 a:active,#tripanel-container .mid .featured-box h3 a:visited,#tripanel-container .mid .featured-box h3 a:visited:hover,#tripanel-container .mid .featured-box h3 a:visited:active
	{
	color: #ff5700;
	text-transform: uppercase;
	font-size: 14px;
	display: block;
	margin-bottom: -2px;
	text-decoration: none;
	border: 0;
}

#tripanel-container .mid .featured-box a {
	color: #fff;
	text-decoration: underline;
}

#tripanel-container .mid .featured-box a:link {
	color: #fff;
	text-decoration: underline;
}

#tripanel-container .mid .featured-box a:hover {
	color: #000;
	text-decoration: underline;
}

#tripanel-container .mid .featured-box a:active {
	color: #000;
	text-decoration: underline;
	border-bottom: 1px solid #000;
}

#tripanel-container .mid .featured-box a:visited {
	color: #fff;
	text-decoration: underline;
}

#tripanel-container .mid .featured-box a:visited:hover {
	color: #000;
	text-decoration: underline;
}

#tripanel-container .mid .featured-box a:visited:active {
	color: #000;
	text-decoration: underline;
	border-bottom: 1px solid #000;
}

#tripanel-container .mid .featured-box .info a img.featured {
	border: 1px solid #000;
	width: 90px;
	height: 90px;
	float: left;
	margin-right: 8px;
}

#tripanel-container .mid .featured-box .post {
	float: left;
	width: 291px;
	height: 139px;
	background: transparent url(images/featured/post.gif) no-repeat top left
		;
}

#tripanel-container .mid .featured-box .post .info {
	width: 219px;
	height: 91px;
	padding: 6px 7px 6px 64px;
}

#tripanel-container .mid .featured-box .blog {
	float: left;
	width: 319px;
	height: 139px;
	background: transparent url(images/featured/blog.gif) no-repeat top left
		;
	margin-left: 15px;
}

#tripanel-container .mid .featured-box .blog .info {
	width: 248px;
	height: 91px;
	padding: 6px 7px 6px 64px;
}

#tripanel-container .mid .featured-box .blogger {
	float: left;
	width: 291px;
	height: 139px;
	background: transparent url(images/featured/blogger.gif) no-repeat top
		left;
	margin-left: 15px;
}

#tripanel-container .mid .featured-box .blogger .info {
	width: 219px;
	height: 91px;
	padding: 6px 7px 6px 64px;
}

#tripanel-container .right {
	position: absolute;
	right: 0;
	width: 6px;
	height: 207px;
	background: transparent url(images/featured/right.gif) no-repeat top
		right;
}

/*--- End of The Features ---*/ 

/*--- The post area ---*/
#content {
	width: 635px;
	padding-left: 22px;
	float: left;
	color: #000;
	background: #1D0700;
	display: block;
	clear: none;
}

#content .just-served-head {
	width: 635px;
	margin: 0px;
	margin-bottom: 0px;
	height: 63px;
}

#content .just-served-head h2 {
	width: 635px;
	height: 63px;
	background: transparent url(images/just-served.jpg) no-repeat top left;
	text-indent: -1000px;
}

h2.pagetitle {
	color: #5C1100;
	font-size: 20px;
	font-weight: bold;
	display: block;
	background: #FFF8E7;
	padding: 5px 5px 5px 10px;
	margin-bottom: 15px;
}

#content .tea-it-down-head {
	width: 635px;
	margin: 0px;
	margin-bottom: 0px;
	height: 63px;
}

#content .tea-it-down-head h2 {
	width: 635px;
	height: 63px;
	background: transparent url(images/tea-it-down.jpg) no-repeat top left;
	text-indent: -1000px;
}

#content .tags_archives {
	width: 635px;
	margin: 0px;
	margin-bottom: 0px;
	height: 63px;
}

#content .tags_archives h2 {
	width: 635px;
	height: 63px;
	background: transparent url(images/tags-archives.jpg) no-repeat top left
		;
	text-indent: -1000px;
}

#content .post {
	padding-bottom: 15px;
	background: #fff;
}

#content .post .entry {
	margin-bottom: 5px;
	padding: 10px 9px 3px 9px;
	font-size: 13px;
	line-height: 20px;
}

.entry p {
	padding-bottom: 15px;
}

.entry ol {
	padding: 15px 0px 15px 25px;
}

.entry ol li {
	list-style: roman;
}

.entry ul {
	padding: 15px 0px 15px 25px;
}

.entry ul li {
	list-style: disc;
}

.entry a {
	color: #953800;
	text-decoration: underline;
}

.entry a:link {
	color: #953800;
	text-decoration: underline;
}

.entry a:hover {
	color: #953800;
	text-decoration: underline;
	border-bottom: 1px solid #953800;
}

.entry a:active {
	color: #953800;
	text-decoration: underline;
	border-bottom: 3px solid #953800;
}

#content .post .post-head {
	width: 635px;
	min-height: 57px;
	height: auto;
	background: #FFE8B0 url(images/post-head.gif) repeat-x top left;
}

#content .post .post-head h3 {
	padding: 10px 9px;
	padding-bottom: 0px;
	color: #481100;
	font-size: 20px;
	font-weight: lighter;
}

#content .post .post-head h3 a {
	color: #481100;
	text-decoration: none;
}

#content .post .post-head small {
	padding: 0px 9px;
	font-size: 9px;
	margin-top: -2px;
	color: #8c2200;
}

#content .post .post-head small a {
	color: #ad2a01;
	text-decoration: none;
}

#content .post .post-head small a:link {
	color: #ad2a01;
	text-decoration: none;
}

#content .post .post-head small a:hover {
	color: #ad2a01;
	text-decoration: underline;
}

#content .post .post-head small a:active {
	color: #000;
	text-decoration: underline;
}

#content .post .postmetadata {
	padding: 0px 9px;
}

#content .post .postmetadata .tags {
	height: auto;
	padding: 5px;
	margin: 10px auto;
	background: #fff8e3;
	font-weight: lighter;
	font-size: 10px;
}

#content .post .postmetadata .tags a {
	color: #701515;
	text-decoration: none;
	padding: 2px;
}

#content .post .postmetadata .tags a:link {
	color: #701515;
	text-decoration: none;
	padding: 2px;
}

#content .post .postmetadata .tags a:hover {
	background: #edc054;
}

#content .post .postmetadata .tags a:active {
	background: #edc054;
	color: #000;
}

#content .post .postmetadata a img {
	border: 0px;
	margin-right: 10px;
	margin-top: 10px;
}

/* The hidden area */
.hidden {
	display: none;
}

/* End of the hidden areas */ 

/*--- End of The post area ---*/

/*--- Start of Page content and layout ---*/
.page {
	width: 960px !important;
	height: auto !important;
	overflow: hidden !important;
}

.page .post {
	height: auto !important;
	overflow: hidden !important;
	width: 100%;
}

.page .post-head {
	width: 100% !important;
	background: #441000 url(images/page-heading-back.gif) repeat-x top
		center !important;
}

.page .post-head h3 {
	padding: 15px 9px 5px 9px !important;
	color: #d86901 !important;
}

.page .entry {
	width: 600px;
	font-size: 14px !important;
	line-height: 22px !important;
	color: #d86901;
	float: left;
	text-align: justify;
}

.page .entry h5 {
	font-size: 18px;
	color: #b42600;
}

.page .entry p {
	padding-bottom: 20px;
}

/*start of The about sidebar*/
.internal-sidebar {
	width: 311px;
	float: left;
	top: 10px;
	border-left: 1px solid #ffd797;
	padding-left: 12px;
}

.internal-sidebar h4 {
	font-size: 25px;
	display: block;
	color: #b45500;
	font-weight: lighter;
	letter-spacing: -1px;
}

.internal-sidebar .author-block {
	display: block;
	width: 311px;
	height: auto;
	color: #d4a88b;
	font-size: 12px;
	padding-top: 10px;
}

.internal-sidebar .author-block h5 {
	font-size: 15px;
	color: #000;
}

.internal-sidebar .author-block p {
	padding-bottom: 10px;
}

.internal-sidebar .author-block p span.team {
	float: left;
	padding: 0px 5px 2px 0px;
}

.internal-sidebar .author-block p span.team img {
	width: 50px;
	height: 50px;
	border: 1px solid #579f05;
}

.internal-sidebar .author-block p a {
	color: #a0330f;
	text-decoration: none;
}

.internal-sidebar .author-block p a:hover {
	color: #000;
	text-decoration: none;
}

.internal-sidebar .author-block p a:active {
	color: #000;
	text-decoration: underline;
}

.internal-sidebar .links-section {
	width: 311px;
	height: auto;
}

.internal-sidebar .links-section ul {
	display: block;
	margin: 0px;
	list-style: none;
	padding-top: 10px;
}

.internal-sidebar .links-section ul li {
	list-style: none;
	margin: 0px;
	padding-bottom: 6px;
}

.internal-sidebar .links-section ul li a {
	color: #d18141;
	padding: 2px;
	background: #b42600;
	text-decoration: none;
	font-size: 15px;
}

.internal-sidebar .links-section ul li a:link {
	color: #d18141;
	padding: 2px;
	background: #b42600;
	text-decoration: none;
	font-size: 15px;
}

.internal-sidebar .links-section ul li a:hover {
	color: #fff;
}

.internal-sidebar .links-section ul li a:active {
	color: #fff;
	background: #711800;
}

/*end of The about sidebar*/ /*--- End of Page content and layout ---*/
	/*--- Comments Area ---*/ /* Begin Comments*/
.comments-content {
	background: #531501 url(images/comments-div-back.gif) repeat-x top
		center;
	height: auto;
	width: 100%;
	padding: 0px;
	padding-bottom: 50px;
}

.comments-content h4 {
	font-size: 18px;
	color: #d4ff96;
	font-weight: lighter;
	padding: 10px;
	padding-top: 20px;
	margin: 0px;
}

.comments-content .loggedin {
	color: #fff;
}

.comments-content .loggedin a {
	color: #fff;
	text-decoration: underline;
	font-style: italic;
}

.comments-content form .comment-form {
	width: 613px;
	height: 268px;
	margin: 0px auto;
	margin-top: 10px;
	padding: 0px;
}

.comment-form .form-broken {
	display: block;
	clear: both;
	width: 613px;
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
}

.form-broken div {
	width: 180px;
	height: 50px;
	padding-right: 36px;
	float: left;
}

.form-broken div input {
	font-size: 12px;
	color: #000;
	font-family: Arial, Helvetica, Verdana;
	background: #FFF url(images/input-back.gif) no-repeat top left;
	padding: 5px;
	width: 170px;
	border: 0px;
}

.form-broken textarea {
	width: 603px;
	padding: 5px;
	height: 140px;
	background: #FFF url(images/input-back.gif) no-repeat top left;
	border: 0px;
	font-size: 16px;
	font-weight: lighter;
}

.form-broken label {
	font-size: 9px;
	color: #FFF;
	display: block;
}

.submit {
	text-align: center;
}

.submit input {
	background: transparent none;
}

.comments-container {
	width: 616px;
	height: auto;
	margin: 50px auto -50px auto;
	display: block;
	padding-bottom: 1px;
}

.comments-container h4 {
	font-size: 25px;
	color: #d4ff96;
	font-weight: lighter;
	margin: 0px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: -2px;
}

ul.commentlist {
	padding: 0;
	text-align: justify;
}

.commentlist li {
	list-style: none;
	background: #220900 url(images/comment-back.gif) no-repeat right bottom;
	border: 1px solid #2c0b00;
	margin-bottom: 10px;
	padding: 4px;
	color: #fff;
	font-size: 11px;
	clear: both;
	height: auto;
	overflow: hidden;
}

.commentlist li cite a {
	font-size: 15px;
	color: #fffbba;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
}

small.commentmetadata a {
	font-size: 9px;
	color: #fffbba;
	text-decoration: none;
}

.awaiting-approval {
	font-size: 12px;
	color: #ff4800;
	font-style: italic;
}

.gravatar {
	border: 1px solid #040100;
	width: 128px;
	height: 128px;
	background: url(images/gravatar-replacement.gif) no-repeat center;
	float: left;
	margin-right: 10px;
}

.comment-text {
	float: left;
	width: 459px;
	height: auto;
}

.alt {
	background: #130500 url(images/alt-comment-back.gif) no-repeat right
		bottom !important;
	border: 1px solid #130500 !important;
}

.commentlist p {
	line-height: 25px;
	width: 459px;
}

#commentform p {
	margin: 5px 0;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
	display: block;
}

/* End Comments */ /*--- End of Comments Area ---*/
	/*--- The Pagination ---*/
.pagination {
	width: 100%;
	height: 72px;
	background: #390e00;
	color: #ad2a01;
}

.pagination .hold-box {
	text-align: center;
	padding-top: 28px;
}

.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	color: #ad2a01;
}

.wp-pagenavi a:hover {
	color: #fff;
	background-color: #5a1600;
	text-decoration: none;
}

.wp-pagenavi span.pages {
	padding: 2px 15px 2px 4px;
	border-right: 1px solid #5a1600;
	margin: 2px 15px 2px 2px;
}

.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	font-weight: bold;
	background: #e35020;
	border: 1px solid #dc3400;
	color: #000;
}

.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px;
	margin: 2px;
}

/*--- End of The Pagination ---*/ /*--- Blogs in Pictures ---*/
#picture-blogs-container {
	width: 635px;
	height: 153px;
	padding-top: 35px;
	background: #1d0700;
}

.pic-blog {
	width: 633px;
	height: 151px;
	border: 1px solid #000;
	background: transparent url(images/blog-pic-back.gif) repeat-x top left;
}

.pic-blog h4 {
	margin: 8px 0 0 8px;
	font-size: 15px;
	font-weight: bold;
	color: #ffbd54;
	display: block;
}

.pic-blog .jc-cont {
	width: 622px;
	height: 78px;
	margin: 0 auto;
	margin-top: 23px;
}

.pic-blog .jc-cont .jcarousel-skin-ie7 .jcarousel-container {
	
}

.pic-blog .jc-cont .jcarousel-skin-ie7 .jcarousel-container-horizontal {
	width: 582px;
	padding: 0px 10px;
	height: 90px;
}

.pic-blog .jc-cont .jcarousel-skin-ie7 .jcarousel-clip-horizontal {
	width: 572px;
	height: 80px;
	margin-left: 14px;
}

.pic-blog .jc-cont .jcarousel-skin-ie7 .jcarousel-item {
	width: 85px;
	height: 78px;
}

.pic-blog .jc-cont .jcarousel-skin-ie7 .jcarousel-item a img {
	padding-right: 10px;
	bordeR: 0;
}

.pic-blog .jc-cont .jcarousel-skin-ie7 .jcarousel-item:hover {
	border-color: #fff;
}

.pic-blog .jc-cont .jcarousel-skin-ie7 .jcarousel-item-horizontal {
	margin-right: 7px;
}

.pic-blog .jc-cont .jcarousel-skin-ie7 .jcarousel-item-vertical {
	margin-bottom: 7px;
}

.pic-blog .jc-cont .jcarousel-skin-ie7 .jcarousel-item-placeholder {
	
}

/**

						 *  Horizontal Buttons

						 */
.pic-blog .jc-cont .jcarousel-skin-ie7 .jcarousel-next-horizontal {
	position: absolute;
	top: 3px;
	right: -10px;
	width: 12px;
	height: 78px;
	cursor: pointer;
	background: transparent url(images/ie7/next-horizontal.gif) no-repeat
		-44px 0;
}

.pic-blog .jc-cont .jcarousel-skin-ie7 .jcarousel-next-horizontal:hover
	{
	background-position: -31px 0;
}

.pic-blog .jc-cont .jcarousel-skin-ie7 .jcarousel-next-horizontal:active
	{
	background-position: -16px 0;
}

.pic-blog .jc-cont .jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,.pic-blog .jc-cont .jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,.pic-blog .jc-cont .jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active
	{
	cursor: default;
	background-position: -1px 0;
}

.pic-blog .jc-cont .jcarousel-skin-ie7 .jcarousel-prev-horizontal {
	position: absolute;
	top: 3px;
	left: 10px;
	width: 12px;
	height: 78px;
	cursor: pointer;
	background: transparent url(images/ie7/prev-horizontal.gif) no-repeat
		-2px 0px;
}

.pic-blog .jc-cont .jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover
	{
	background-position: -45px 0;
}

.pic-blog .jc-cont .jcarousel-skin-ie7 .jcarousel-prev-horizontal:active
	{
	background-position: -30px 0;
}

.pic-blog .jc-cont .jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,.pic-blog .jc-cont .jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,.pic-blog .jc-cont .jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active
	{
	cursor: default;
	background-position: -44px 0;
}

/*--- End of Blogs in Pictures ---*/
	/*----- End of Content Area ----------*/ /*----- Sidebar -----*/
#sidebar {
	width: 301px;
	height: auto;
	overflow: hidden;
	display: block;
	float: left;
	clear: none;
	padding-left: 25px;
}

/*---Welcome---*/
#sidebar .welcome-new {
	width: 299px;
	height: 152px;
	bordeR: 1px solid #681900;
	background: #000 url(images/nw-back.gif) no-repeat top center;
	color: #f7ac34;
}

#sidebar .welcome-new h2 {
	font-size: 16px;
	color: #f7ac34;
	padding: 6px 7px;
	padding-bottom: 0px;
}

#sidebar .welcome-new p {
	font-size: 11px;
	padding: 3px 7px;
	line-height: 16px;
}

/*--- End of Welcome ---*/ /*--- The hot stuff tabs ---*/
#hotstuff {
	padding-top: 16px;
	clear: bth;
	display: block;
	height: auto;
	overflow: hidden;
}

#hotstuff * {
	margin: 0px;
	padding: 0px;
}

#hotstuff #tags,#hotstuff #hotposts,#hotstuff #archives {
	clear: both;
	height: auto;
	background: #000;
	width: 299px;
	bordeR: 1px solid #681900;
}

#hotstuff .leftbox {
	height: auto;
	overflow: hidden;
	padding-left: 6px;
}

.leftbox ul {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 195px;
	float: left;
	padding-top: 10px !important;
}

.leftbox ul li {
	list-style: none;
	font-size: 12px;
	padding: 0px;
}

.leftbox ul li:last-child {
	border-bottom: none;
}

.leftbox ul li a {
	text-decoration: none;
	color: #ff764b;
	padding: 3px !important;
	display: block;
}

.leftbox ul li a:hover {
	color: #ff764b;
	text-decoration: none;
	background: #5d3224;
}

.leftbox ul.tags li {
	display: inline;
	padding: 2px !important;
}

.leftbox ul.tags li a {
	display: inline;
	padding: 0px;
}

.tags h2 {
	display: none !important;
}

#hotstuff .rightbox {
	width: 82px;
	height: 118px;
	float: right;
	padding-right: 3px;
	margin: 0px;
	top: 0px;
}

#hotstuff .rightbox a img {
	border: 0px;
	padding: 0px;
}

/*--- End of The hot stuff tabs ---*/ /*--- Accordian ---*/
.acc-container {
	bordeR: 1px solid #681900;
	background: #000;
	margin-top: 16px;
}

.acc-container a img {
	border: 0px;
}

.accordion dt { /* activated */
	
}

dt,dd {
	margin: 0;
	height: auto;
	overflow: hidden;
}

dt {
	background-color: #5d4037;
	color: #ff7200;
	padding: 6px;
	text-decoration: none;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid #811f00;
	border-right: 0px;
	border-left: 0px;
	background-image: url(images/tabs/tab.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

dd .left {
	width: 193px;
	height: auto;
	float: left;
	padding-right: 12px;
	padding-left: 6px;
	padding-top: 5px;
}

dd .right {
	width: 82px;
	height: 118px;
	float: left;
}

dd ul {
	margin: 0px;
	padding: 0px;
}

dd ul li {
	list-style: none;
	font-size: 12px;
	padding: 0px;
}

dd ul li:last-child {
	border-bottom: none;
}

dd ul li a {
	text-decoration: none;
	color: #ff764b;
	padding: 3px;
	display: block;
}

dd ul li a:hover {
	color: #ff764b;
	text-decoration: none;
	background: #5d3224;
}

dd ul.tags li {
	display: inline;
	padding: 2px;
}

dd ul.tags li a {
	display: inline;
	padding: 0px;
}

.tags h2 {
	display: none !important;
}

/*--- End of Accordian ---*/ /*--- Tab container ---*/
#tabbed_box_1 * {
	display: block;
	overflow: visible;
}

#tabbed_box_1 {
	margin: 16px auto 0px auto;
	width: 299px;
	height: auto;
	overflow: hidden;
}

.tabbed_area {
	height: auto;
	overflow: hidden;
}

ul.tabs {
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 3px;
}

ul.tabs li {
	list-style: none;
	display: inline;
}

ul.tabs li a {
	
}

ul.tabs li a:hover {
	background-color: #ff3e00;
	color: #301c02;
	border: 1px solid #811f00;
	background-image: url(images/tabs/tab-on.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

ul.tabs li a.active {
	background-color: #ff3e00;
	color: #301c02;
	border: 1px solid #811f00;
	background-image: url(images/tabs/tab-on.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#tabbed_box_1 .content {
	background-color: #000000;
	padding: 0px;
	padding-bottom: 10px;
	border: 1px solid #811f00;
	font-family: Arial, Helvetica, sans-serif;
	height: auto;
	overflow: hidden;
}

#Hotposts,#Archives {
	display: none;
}

.content ul {
	margin: 0px;
	padding: 0px;
}

.content ul li {
	list-style: none;
	font-size: 12px;
	padding: 0px;
}

.content ul li:last-child {
	border-bottom: none;
}

.content ul li a {
	text-decoration: none;
	color: #ff764b;
	padding: 3px;
	display: block;
}

.content ul li a:hover {
	color: #ff764b;
	text-decoration: none;
	background: #5d3224;
}

.content ul.tags li {
	display: inline;
	padding: 2px;
}

.content ul.tags li a {
	display: inline;
	padding: 0px;
}

.tags h2 {
	display: none !important;
}

.content small {
	color: #c26447;
	font-size: 10px;
}

.content p {
	color: #ff764b;
	margin: 0 0 10px 0;
	font-size: 14px;
}

/* Two boxes inside the tabbed area */
#tabbed_box_1 .content .right a img,#tabbed_box_1 .content .right a:hover
	{
	border: 0px;
	padding-bottom: 10px;
	background: transparent;
	display: block;
	margin-top: 0px;
	padding: 0px;
}

/* End of Two boxes inside the tabbed area */
	/*--- End of Tab container ---*/ /*--- Advertisement ---*/
#sidebar #advert {
	width: 299px;
	height: 300px;
	bordeR: 1px solid #681900;
	background: #000;
	margin-top: 16px;
}

#sidebar #advert h5 {
	font-size: 10px;
	margin: 0px;
	padding: 3px 0px 0px 3px;
	color: #5a1600;
	font-weight: lighter;
}

#sidebar #advert .ad {
	margin: 15px auto;
	width: 250px;
	height: 159px;
	background: #fff;
}

#sidebar #advert .ad img {
	border: 0px;
	width: 250px;
	/* height:159px; */
}

/*--- End of Advertisement ---*/
	/*--- Links to social network via banner numma images ---*/
.social-link {
	border: 0px;
	margin: 15px 0px 0px 0px;
}

/*--- End of Links to social network via banner numma images ---*/
	/*--- Link back ---*/
.linkback {
	width: 299px;
	bordeR: 1px solid #681900;
	background: #000;
	margin-top: 16px;
	padding: 5px 0px;
}

.linkback .info {
	width: 290px;
	margin: 5px auto;
}

.linkback .imgback {
	background: #ae4600;
	padding: 5px;
	margin: 5px;
	width: auto;
	text-align: center;
}

.linkback  h2 {
	font-size: 16px;
	color: #f7ac34;
	padding: 6px 5px;
}

.linkback .info textarea {
	width: 280px;
	height: 60px;
	background: url(images/input-back.gif) no-repeat top left;
	border: 0px;
	padding: 5px;
	font-size: 12px;
	font-family: courier new;
}

/*--- End of Link back ---*/ /*Hosting and browser love*/
.hostinglove {
	width: 299px;
	height: 95px;
	overflow: hidden;
	text-align: center;
	border: 1px solid #681900;
	margin-top:10px;
	background-color: #8A2700;
	text-transform: uppercase;
	letter-spacing: -0.07em;
	padding-top: 10px;
	font-weight: bolder;
	line-height: 5px;
}
.hostinglove a img {
	margin-bottom: 11px;
	bordeR: 0;
}

/*End of Hosting and browser love*/ /*----- End of Sidebar -----*/
	/*----- Footer -----*/
#footer {
	width: 1004px;
	height: 261px;
	margin-top: 48px;
	background: #3e1000;
}

#footer .join-us {
	width: 485px;
	height: 261px;
	background: url(images/join-us-back.gif) repeat-x top center;
	float: left;
	border-left: 18px solid #3E1000;
	clear: none;
}

.join-us .info {
	padding: 11px 12px 0px 12px;
	color: #ec7b2e;
}

.join-us .info h3 {
	height: 30px;
	width: 461px;
	text-indent: -10000px;
	background: url(images/join-us-h3.gif) no-repeat top left;
}

.join-us .info p {
	font-size: 12px;
	padding-top: 5px;
}

.join-us .info div.toc {
	font-size: 11px;
	clear: both;
	display: block;
	padding-top: 40px;
	text-align: center;
}

div.toc a {
	color: #ec7b2e;
	text-decoration: underline;
}

div.toc a:link {
	color: #ec7b2e;
	text-decoration: underline;
}

div.toc a:hover {
	color: #fff;
	text-decoration: underline;
}

div.toc a:active {
	color: #fff;
	text-decoration: underline;
	background: #000;
}

.join-us .info form {
	padding: 15px;
	padding-top: 20px;
}

.join-us .info form div {
	float: left;
	padding-right: 35px;
	width: 178px;
	padding-bottom: 15px;
	padding-top: 0px;
}

.join-us .info form div.nopad {
	padding-bottom: 0px !important;
	padding-top: 0px;
}

.join-us .info form div input {
	display: block;
	background: #fff url(images/input-back.gif) no-repeat top left;
	padding: 8px;
	border: 0px;
	font-size: 14px;
	width: 100%;
}

.join-us .info form input.button-submit {
	background: none;
	padding: 0px;
	width: auto;
	height: auto;
	margin-top: 15px;
}

.join-us .info form .imp {
	color: #f00;
}

#footer .about-info {
	width: 467px;
	height: 261px;
	float: left;
	padding-left: 17px;
	clear: none;
}

.about-info .info {
	color: #ea691c;
	padding-top: 11px;
}

.about-info .info h3 {
	display: block;
	height: 30px;
	width: 461px;
	background: url(images/about-teabreak-h3.gif) no-repeat top left;
	text-indent: -1000000px;
}

.about-info .info p {
	font-size: 11px;
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: justify;
	padding-right: 10px;
}

.about-info .credit {
	width: 464px;
	height: 95px;
	position: absolute;
	bottom: 0;
	background: url(images/credits-back.gif) no-repeat bottom center;
	border: 1px solid #2b0b00;
	border-bottom: 0px;
}

.credit .copyright {
	float: left;
	padding-left: 11px;
	padding-top: 46px;
	color: #fff;
	font-size: 11px;
}

.credit .logos {
	float: right;
	padding-right: 24px;
	padding-top: 38px;
}

.credit .logos a img {
	float: left;
	margin-right: 5px;
	bordeR: 0px;
}

/*----- End of Footer -----*/ /*---- By Asim -----*/
.blickrPic {
	width: 85px;
	height: 75px;
	border: 0px;
}

.feed_reference {
	text-align: center;
	align: center;
	display: block;
	margin: 20px 30px 20px 30px;
	padding: 13px;
	font-size: 16px;
	letter-spacing: -0.08em;
	font-weight: bolder;
	background-color: #FFF8E3;
	border: 1px solid #E59C55;
}

/*---------- End of Layout ----------*/
.teaStats {
	color: #db7641;
	font-size: 10px;
	padding: 10px;
	line-height: 1.3em;
}

.teaStats h3 {
	font-size: 14px;
}

#checkOut {
	position: absolute;
	top: 41px;
	left: 420px;
	width: 300px;
	font-size: 14px;
}

#checkOut a {
	color: #FFF;
	text-decoration: none;
}

#sidebarHeading {
	background-image: url(images/sidebar-cell-bg.jpg);
	width: 300px;
	height: 34px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 5px;
	padding-top: 10px;
	font-size: 22px;
	color: #9F4A01;
	letter-spacing: -0.05em;
	font-family: Arial, sans-serif;
	font-weight: bold;
}

#blackbox {
	color: #EFEFEF;
	border: 1px solid #681900;
	background-color: #000000;
	padding: 10px;
	margin: 2px;
}

#blackbox ul {
	list-style: none;
}

#blackbox ul li {
	padding-bottom: 10px;
}

#blackbox a {
	color: #DB7645;
	font-size: 14px;
	font-weight: bold;
}

#myAds {
	width: 300px;
	overflow: hidden;
}

#myAds img {
	float: left;
	min-width: 150px;
	min-height: 150px;
	border: 0px;
	padding: 0px;
	margin-bottom: 2px;
}

#blackbox #newsletter {
	color: #F70;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -0.04em;
}

#blackbox #newsletter input {
	font-size: 130%;
	background-color: #FFF;
	margin: 5px;
	padding: 3px;
	width: 90% !important;
}

#blackbox #newsletter input[type='submit'] {
	font-size: 100%;
	background-color: #EFEFEF;
	width: 100px !important;
}

#fbTag,#fbTag a {
	color: #FFF;
}

/* Flood buttons */
#flood{
	position: absolute;
	top: 38px;
	left: 380px;
	clear:both;
}

#flood1, #flood2{
	float: left;
}