/*

Theme Name: Resportsive Theme

Description: A Responsive Sports News Theme

Author: MVP Themes

Author URI: http://themeforest.net/user/mvpthemes

Theme URI: http://themeforest.net/user/mvpthemes

Version: 1.06

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/



@import url("css/reset.css");

@import url("css/flexslider.css");

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);



body {

	background: #fff url(images/grain-bg.jpg) repeat-x top;

	color: #444;

	font: normal 100% helvetica, arial, sans-serif;

	line-height: 100%;

	margin: 0px auto 0px;

	padding: 0px;

	}



img,

embed,

object,

video {

	height: auto;

	max-width: 100%;

	}



@-moz-document url-prefix() {



	img {

		width: 100%;

		}



}



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

	Hyperlinks

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



a, a:visited {

	color: #25a;

	text-decoration: none;

	transition: color .3s;

	-moz-transition: color .3s;

	-ms-transition: color .3s;

	-o-transition: color .3s;

	-webkit-transition: color .3s;

	}

	

a:hover {

	color: #f00;

	}



a:active,

a:focus {

	outline: none;

	}



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

	Layout

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



#site {

	width: 100%;

	}



#wrapper {

	width: 980px;

	margin: 0px auto;

	}



#wrapper-inner {

	background: #fff;

	-ms-box-shadow: 0 0 170px 3px #888;

	-moz-box-shadow: 0 0 170px 3px #888;

	-webkit-box-shadow: 0 0 170px 3px #888;

	-o-box-shadow: 0 0 170px 3px #888;

	box-shadow: 0 0 170px 3px #888;

	float: left;

	position: relative;

	width: 100%;

	}



.breaker {

	clear: both;

	}



.right, .alignright {

	float: right;

	}



.left, .alignleft {

	float: left;

	}



.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



.spacer25 {

	float: left;

	height: 75px;

	}



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

	Header

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



#header-top-wrapper {

	background: #111;

	float: left;

	position: relative;

	width: 100%;

	z-index: 3000;

	}



#header-top {

	margin: 0px auto;

	width: 980px;

	}



#header-top-left {

	float: left;

	font: bold 9px/9px helvetica, arial, sans-serif;

	padding: 8px 20px;

	}



#header-top-left a {

	color: #888;

	}



#header-top-left a:hover {

	color: #fff;

	}



#header-top-left ul {

	float: left;

	text-transform: uppercase;

	}



#header-top-left li {

	border-right: 1px solid #000;

	display: inline;

	float: left;

	padding: 0 10px;

	}



#header-top-left li:last-child {

	border-right: none;

	padding-right: 0px;

	}



#header-top-left li:first-child {

	padding-left: 0px;

	}



#header-top-right {

	float: right;

	height: 24px;

	padding: 0;

	}



#header-top-right ul {

	float: left;

	}



#header-top-right li {

	display: inline;

	float: left;

	padding: 4px 3px;

	}



#header-top-right li img {

	width: auto;

	}



#header-wrapper {

	background: #000 url(images/light-bg.png);

	-ms-box-shadow: 0 0 8px 0 #000;

	-moz-box-shadow: 0 0 8px 0 #000;

	-webkit-box-shadow: 0 0 8px 0 #000;

	-o-box-shadow: 0 0 8px 0 #000;

	box-shadow: 0 0 8px 0 #000;

	float: left;

	position: relative;

	width: 100%;

	z-index: 2000;

	}



#header {

	margin: 0px auto;

	width: 980px;

	}



#header-contain, #leaderboard {

	float: left;

	width: 940px;

	}



#header-contain {

	background: url(images/header-bg.png) no-repeat center;

	padding: 10px 20px 0;

	position: relative;

	}



#header-bottom {

	float: left;

	position: relative;

	width: 100%;

	height: auto;

	}



#logo {

	float: left;

	position: relative;

	}



#news-ticker {

	background: url(images/latest.png) no-repeat left center;

	color: #fff;

	float: left;

	font: 12px/12px helvetica, arial, sans-serif;

	margin-top: 8px;

	padding-left: 70px;

	padding-top: 6px;

	position: relative;

	}



ul#ticker {

	width: 535px;

	height: 14px;

	overflow: hidden;

	}



ul#ticker li {

	height: 14px;

	}



ul#ticker li a {

	color: #ddd;

	}



ul#ticker li a:hover {

	text-decoration: underline;

	}



#searchform {

	float: left;

	position: relative;

	}



#searchform input {

	background: #333 url(images/search-icon.png) no-repeat right;

	border: 0;

	-ms-box-shadow: 1px 1px 0px #000 inset;

	-moz-box-shadow: 1px 1px 0px #000 inset;

	-webkit-box-shadow: 1px 1px 0px #000 inset;

	-o-box-shadow: 1px 1px 0px #000 inset;

	box-shadow: 1px 1px 0px #000 inset;

	color: #ddd;

	float: left;

	font: 11px/11px helvetica, arial, sans-serif;

	margin: 0;

	padding: 0 0 0 10px;

	width: 200px;

	height: 25px;

	}



#searchform #search-button {

	border: none;

	float: left;

	}



#searchform #s:focus {

	outline: none;

	}



#leaderboard {

	background: #fff url(images/leader-bg.gif);

	overflow: hidden;

	padding: 10px 20px;

	position: relative;

	text-align: center;

	}



#leaderboard img {

	width: auto;

	}



#nav-main {

	background: url(images/nav-bg.png) no-repeat top left;

	clear:both;

	color: #fff;

	float: left;

	position: relative;

	width: 940px;

	}



#nav-main ul li {

	float: left;

	position: relative;

	}



#nav-main ul li a {

	-ms-border-top-left-radius: 5px;

	-moz-border-top-left-radius: 5px;

	-webkit-border-top-left-radius: 5px;

	-o-border-top-left-radius: 5px;

	border-top-left-radius: 5px;

	-ms-border-top-right-radius: 5px;

	-moz-border-top-right-radius: 5px;

	-webkit-border-top-right-radius: 5px;

	-o-border-top-right-radius: 5px;

	border-top-right-radius: 5px;

	color: #fff;

	display: block;

	font: 16px/16px 'Open Sans Condensed', sans-serif;

	margin-top: 8px;

	padding: 7px 12px;

	text-transform: uppercase;

	}



#nav-main ul li:hover a {

	background: #fff url(images/tab-bg2.gif) repeat-x top;

	color: #222;

	text-decoration: none;

	}



#nav-main ul li:hover a:hover {

	color: #222;

	}



#nav-main ul li ul {

	display: none;

	}



#nav-main ul li:hover ul {

	background: #fff url(images/tab-bg3.gif) repeat-x bottom;

	-ms-border-bottom-left-radius: 5px;

	-moz-border-bottom-left-radius: 5px;

	-webkit-border-bottom-left-radius: 5px;

	-o-border-bottom-left-radius: 5px;

	border-bottom-left-radius: 5px;

	-ms-border-bottom-right-radius: 5px;

	-moz-border-bottom-right-radius: 5px;

	-webkit-border-bottom-right-radius: 5px;

	-o-border-bottom-right-radius: 5px;

	border-bottom-right-radius: 5px;

	-ms-box-shadow: 0 7px 10px 0 #333;

	-moz-box-shadow: 0 7px 10px 0 #333;

	-webkit-box-shadow: 0 7px 5px rgba(0,0,0,0.1);

	-o-box-shadow: 0 7px 10px 0 #333;

	box-shadow: 0 4px 5px rgba(0,0,0,0.3);

	display: block;

	padding: 5px 10px;

	position: absolute;

		left: 0px;

		top: 38px;

	width: 150px;

	z-index: 999;

	}



#nav-main ul li:hover:last-child ul {

	left: auto;

	right: 0px;

	}



#nav-main ul li:hover ul li a {

	background: none !important;

	border-bottom: 1px solid #efefef;

	color: #222;

	display: block;

	float: left;

	font: 10px/14px helvetica, arial, sans-serif;

	font-weight: bold;

	margin: 0px;

	padding: 5px  0 5px;

	position: relative;

	width: 150px;

	}



#nav-main ul li:hover ul li:last-child a {

	border-bottom: none;

	}



#nav-main ul li:hover ul li a:hover {

	color: #f00;

	}



#nav-main ul li:hover ul li ul {

	display: none;

	}



#nav-mobi {

	background: #444 url(images/mobi-bg.png) no-repeat right top;

	border: 1px solid #222;

	clear: both;

	color: #fff;

	display: none;

	float: left;

	font: bold 16px/16px Arial, Verdana, Sans-Serif;

	margin-top: 10px;

	position: relative;

	text-align: left;

	text-transform: uppercase;

	width: 940px;

	height: 36px;

	}



#nav-mobi a {

	color: #fff;

	}



#nav-mobi a:hover,

#nav-mobi a:active {

	background: #fff;

	color: #f00;

	text-decoration: none;

	}



#nav-mobi ul {

	background: #444;

	display: block;

	position: absolute;

		top: 37px;

		left: -1px;

	}



#nav-mobi ul li a {

	background: #444;

	border-bottom: 1px solid #222;

	border-left: 1px solid #222;

	border-right: 1px solid #222;

	display: block;

	float: left;

	font: 16px/16px Helvetica, Arial, Sans-Serif;

	font-weight: bold;

	margin: 0px;

	padding: 10px 12px;

	position: relative;

	width: 916px;

	}



#nav-mobi ul li ul {

	display: block;

	position: relative;

		top: 0px;

		left: 0px;

	}



#nav-mobi ul li ul li a {

	padding-left: 30px;

	width: 898px;

	}



.flip {

	float: left;

	padding: 10px 12px;

	width: 916px;

	height: 36px;

	}



.panel {

	display: none;

	}



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

	Content

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



#content {

	border-top: 1px #ddd solid;

	float: left;

	padding: 20px;

	position: relative;

	width: 940px;

	}



#main {

	float: left;

	padding-right: 20px;

	position: relative;

	width: 610px;

	}



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

	Homepage

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



#home-top {

	clear: both;

	float: left;

	position: relative;

	width: 610px;

	}



#home-feature {

	float: left;

	margin-bottom: 35px;

	position: relative;

	width: 100%;

	height: 100%;

	}



.home-feature-main {

	float: left;

	position: relative;

	}



.home-feature-main img {

	height: auto;

	}



.home-feature-box {

	background: url(images/featured-bg.png) repeat-x top;

	float: left;

	padding: 30px 1.6393442623% 10px;

	position: absolute;

		bottom: 0px;

	width: 96.7213114754%;

	}



.home-feature-box-noimg {

	background: url(images/featured-bg.png) repeat-x top;

	float: left;

	padding: 30px 10px 10px;

	position: relative;

	}



.home-feature-box h1 a,

.home-feature-box-noimg h1 a {

	color: #333;

	float: left;

	font: 43px/43px 'Open Sans Condensed', sans-serif;

	padding-bottom: 5px;

	text-decoration: none;

	-ms-text-shadow: 2px 2px 2px #fff;

	-moz-text-shadow: 2px 2px 2px #fff;

	-webkit-text-shadow: 2px 2px 2px #fff;

	-o-text-shadow: 2px 2px 2px #fff;

	text-shadow: 2px 2px 2px #fff;

	text-transform: capitalize;

	}



.home-feature-box p,

.home-feature-box-noimg p {

	float: left;

	font: 12px/17px helvetica, arial, sans-serif;

	width: 100%;

	}



.home-feature-box p a,

.home-feature-box-noimg p a {

	font: bold 12px/17px helvetica, arial, sans-serif;

	}



.section-header h2 {

	background: url(images/heading-bg.gif) repeat-x;

	float: left;

	margin-bottom: 10px;

	width: 100%;

	height: 20px;

	}



.section-header span {

	background: #fff;

	color: #aaa;

	float: left;

	font: 20px/20px 'Open Sans Condensed', sans-serif;

	padding-right: 15px;

	text-transform: uppercase;

	}



.section-header span a {

	color: #666;

	}



.section-header span a:hover {

	color: #f00;

	text-decoration: none;

	}



.home-cat-wrapper {

	float: left;

	position: relative;

	width: 100%;

	}



.home-cat-left {

	float: left;

	width: 48.3606557377%;

	margin-bottom: 20px;

	margin-right: 3.27868852459%;

	}



.home-cat-right {

	float: left;

	margin-bottom: 20px;

	width: 48.3606557377%;

	}



.home-story {

	float: left;

	font: 12px/17px Helvetica, Arial, Sans-serif;

	margin-bottom: 10px;

	position: relative;

	}



.img-contain {

	float: left;

	margin-bottom: 5px;

	margin-right: 10px;

	position: relative;

	transition: opacity .5s;

	-moz-transition: opacity .5s;

	-ms-transition: opacity .5s;

	-o-transition: opacity .5s;

	-webkit-transition: opacity .5s;

	width: 145px;

	}



.img-contain:hover {

	opacity: 0.5;

	}



.img-contain img {

	padding-bottom: 0px !important;

	}



.story-text {

	float: right;

	font: 12px/17px Helvetica, Arial, Sans-serif;

	width: 455px;

	}



.story-text-noimg {

	float: left;

	font: 12px/17px Helvetica, Arial, Sans-serif;

	width: 610px;

	}



ul.recent {

	display: block;

	float: left;

	}



ul.recent li {

	border-bottom: 1px dotted #ccc;

	display: block;

	float: left;

	margin-bottom: 15px;

	padding-bottom: 10px;

	width: 100%;

	}



ul.recent li:last-child {

	border-bottom: none;

	padding-bottom: 0;

	margin-bottom: 0;

	}



ul.post-categories {

	display: inline !important;

	float: left;

	}



ul.post-categories li {

	border-bottom: none !important;

	display: inline !important;

	float: none !important;

	padding: 0px 10px 0 0 !important;

	margin-bottom: 5px !important;

	width: auto !important;

	}



.home-story-cat {

	float: left;

	}



.home-story {

	width: 100%;

	}



.home-story h1,

.home-story-cat h2,

.home-story h1 a,

.home-story-cat h2 a {

	color: #333;

	float: left;

	font: 22px/24px 'Open Sans Condensed', sans-serif;

	margin-bottom: 3px !important;

	margin-top: 0px !important;

	width: 100%;

	}



.home-story h1 a:hover,

.home-story-cat h2 a:hover {

	color: #f00;

	text-decoration: none;

	}



.home-story p,

.home-story-cat p {

	float: left;

	font: 12px/18px helvetica, arial, sans-serif;

	}



.home-story p a,

.home-story-cat p a {

	font: bold 12px/16px helvetica, arial, sans-serif;

	}



.home-headlines {

	float: left;

	position: relative;

	width: 100%;

	}



.home-headlines h2 {

	color: #f00;

	font: 16px/16px 'Open Sans Condensed', sans-serif;

	margin-bottom: 5px;

	}



.home-headlines a {

	font: 13px/14px helvetica, arial, sans-serif;

	}



.home-headlines ul {

	float: left;

	}



.home-headlines li {

	border-bottom: 1px #ccc dotted;

	display: block;

	float: left;

	padding: 3px 0 4px;

	width: 100%;

	}



.home-headlines li:last-child {

	border-bottom: none;

	}



h2.section {

	background: url(images/heading-bg.gif) repeat-x;

	float: left;

	margin-bottom: 10px;

	width: 100%;

	height: 20px;

	}



span.section {

	background: #fff;

	color: #aaa;

	float: left;

	font: 20px/20px 'Open Sans Condensed', sans-serif;

	padding-right: 15px;

	text-transform: uppercase;

	}



span.section a {

	color: #666;

	}



span.section a:hover {

	color: #f00;

	text-decoration: none;

	}



h2.offset {

	margin-left: 10px;

	}



h2.top-20 {

	margin-top: 20px;

	}



.small-cat {

	float: left;

	margin-bottom: 10px;

	overflow: hidden;

	width: 610px;

	}



.small-cat-home {

	float: left;

	margin-bottom: 20px;

	overflow: hidden;

	width: 610px;

	}



.small-cat-story {

	float: left;

	position: relative;

	}



.small-cat-story a {

	color: #333;

	font: bold 12px/14px helvetica, arial, sans-serif;

	}



.small-cat-story a:hover {

	color: #f00;

	}



.small-cat ul,

.small-cat-home ul {

	display: inline;

	}



.small-cat li {

	float: left;

	margin: 0 0 10px 10px;

	width: 145px;

	}



.small-cat-home li {

	float: left;

	width: 145px;

	}



.small-cat li:first-child {

	margin-left: 0px;

	}



.img-story {

	float: left;

	margin-bottom: 5px;

	position: relative;

	width: 100%;

	height: 100%;

	transition: opacity .5s;

	-moz-transition: opacity .5s;

	-ms-transition: opacity .5s;

	-o-transition: opacity .5s;

	-webkit-transition: opacity .5s;

	}



.img-story:hover {

	opacity: 0.5;

	}



.img-story img {

	padding: 0 !important;

	}



.img-shadow {

	display: block;

	position: relative;

	}



.img-shadow:before {

	content: '';

	-ms-box-shadow: 0 0 5px 0px #000 inset;

	-moz-box-shadow: 0 0 5px 0px #000 inset;

	-webkit-box-shadow: 0 0 5px 0px #000 inset;

	-o-box-shadow: 0 0 5px 0px #000 inset;

	box-shadow: 0 0 5px 0px #000 inset;

	float: left;

	position: absolute;

	width: 100%;

	height: 100%;

	}



.cat-small {

	float: left;

	font: bold 11px/13px helvetica, arial, sans-serif;

	margin-bottom: 5px;

	}



.cat-small a {

	color: #f00;

	}



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

	Posts

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



#post-area {

	color: #333;

	float: left;

	font: 12px/17px Verdana, Arial, Sans-Serif;

	overflow: hidden;

	position: relative;

	width: 610px;

	}



#post-area img {

	width: auto;

	height: auto;

	padding-bottom: 10px;

	transition: opacity .5s;

	-moz-transition: opacity .5s;

	-ms-transition: opacity .5s;

	-o-transition: opacity .5s;

	-webkit-transition: opacity .5s;

	}



#post-area img:hover {

	opacity: 0.5;

	}



#post-area h1 {

	color: #333;

	font: 32px/36px 'Open Sans Condensed', sans-serif;

	margin: 10px 0;

	}



#post-area h2 {

	color: #333;

	font: 28px/32px 'Open Sans Condensed', sans-serif;

	margin: 10px 0;

	}



#post-area h3 {

	color: #333;

	font: 24px/28px 'Open Sans Condensed', sans-serif;

	margin: 10px 0;

	}



#post-area h4 {

	color: #333;

	font: 20px/24px 'Open Sans Condensed', sans-serif;

	margin: 10px 0;

	}



#post-area h5 {

	color: #333;

	font: 16px/20px 'Open Sans Condensed', sans-serif;

	margin: 10px 0;

	}



#post-area h6 {

	color: #333;

	font: 12px/16px 'Open Sans Condensed', sans-serif;

	margin: 10px 0;

	}



h1.headline {

	border-bottom: 1px #ccc dotted;

	margin-top: 0px !important;

	padding-bottom: 10px;

	}



#post-area blockquote {

	border-left: 1px #ccc solid;

	color: #777;

	font: italic 14px/22px Verdana, Arial, Sans-Serif;;

	margin: 10px;

	padding-left: 20px;

	}



#post-area p {

	display: block;

	padding-bottom: 10px;

	}



#content-area ul {

	list-style: disc outside;

	margin: 10px 0;

	}



#content-area ol {

	list-style: decimal outside;

	margin: 10px 0;

	}



#content-area ul li,

#content-area ol li {

	margin-left: 50px;

	padding: 5px 0px;

	}



#post-404 {

	color: #999;

	margin: 100px 0;

	text-align: center;

	}



#post-404 h1 {

	font: 80px/80px 'Open Sans Condensed', sans-serif;

	border-bottom: none;

	}



#post-404 p {

	text-align: center;

	}



#post-info {

	clear: both;

	color: #aaa;

	float: left;

	font-size: 11px;

	margin-bottom: 10px;

	position: relative;

	width: 610px;

	}



#post-info-left {

	float: left;

	}



#post-info-right {

	float: right;

	}



#social-box {

	display: none;

	float: left;

	margin-bottom: 10px;

	position: relative;

	width: 610px;

	}



#social-box-vert {

	background: #fff;

	-ms-border-top-left-radius: 15px;

	-moz-border-top-left-radius: 15px;

	-webkit-border-top-left-radius: 15px;

	-o-border-top-left-radius: 15px;

	border-top-left-radius: 15px;

	-ms-border-bottom-left-radius: 15px;

	-moz-border-bottom-left-radius: 15px;

	-webkit-border-bottom-left-radius: 15px;

	-o-border-bottom-left-radius: 15px;

	border-bottom-left-radius: 15px;

	border-bottom: 1px #ccc solid;

	border-left: 1px #ccc solid;

	border-top: 1px #ccc solid;

	float: left;

	margin-left: -95px;

	padding: 5px 10px;

	position: fixed;

		top: 223px;

	width: 55px;

	}



.post-social-horz {

	float: left;

	padding-right: 20px;

	}



.post-social-vert {

	clear: both;

	float: left;

	padding: 5px 0;

	}



.breadcrumb {

	color: #aaa;

	float: left;

	font: 11px/11px helvetica, arial, sans-serif;

	margin-bottom: 10px;

	width: 100%;

	}



.page-header {

	color: #666 !important;

	font: 50px/50px 'Open Sans Condensed', sans-serif !important;

	margin-bottom: 20px !important;

	}



.post-tags {

	background: url(images/tag.png) no-repeat top left;

	clear: both;

	float: left;

	margin: 20px 0 5px;

	padding-left: 22px;

	}



.post-tags a {

	background: #eee;

	border: 1px solid #ccc;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-ms-border-radius: 5px;

	-o-border-radius: 5px;

	-webkit-border-radius: 5px;

	color: #777;

	float: left;

	margin: 0 5px 10px;

	padding: 5px;

	}



.post-tags a:hover {

	color: #000;

	}



.wp-caption, .gallery-caption {

	margin-bottom: 20px;

	text-align: center;

	}



.wp-caption-text {

	margin-bottom: 2px;

	}



.sticky {

	}



.bypostauthor {

	}



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

	Comments

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



#comments {

	display: block;

	margin-top: 20px;

	}



#comments h3 {

	font-size: 18px;

	font-weight: bold;

	padding-bottom: 10px;

	}



.comment-inner {

	border-bottom: 1px dotted #ddd;

	margin-bottom: 10px;

	padding: 10px 0;

	}



#comments .comment-inner:after {

	content: '';

	display: block;

	clear: both;

	}



#comments .comment-avatar,

#tab3 .comment-avatar {

	float: left;

	width: 46px;

	}

	

#comments .avatar {

	display: block;

	background-color: #fff;

	border: 1px solid #ddd;

	padding: 2px;

	} 



#comments .commentmeta {

	display: block;

	float: left;

	margin: 0 10px 10px;

	}



.comment-reply {

	clear: both;

	float: left;

	font: 11px/11px helvetica, arial, sans-serif;

	}



ol.commentlist {

	float: left;

	width: 100%;

	}



#comments .comment-meta-1 {

	display: block;

	height: 18px;

	margin: 0 0 6px;

	padding: 4px 0 2px;

	}

		

#comments .comment-meta-1 .fn {

	font-weight:bold;

	float:left;

	width:auto;

	}

		

#comments .comment-meta-1 .reply {

	display: inline-block;

	float: right;

	font-size: 11px;

	line-height: 11px;

	padding-top: 2px;

	}

		

#comments .comment-meta-1 .reply a {

	color: #555;

	}

		

#comments .comment-meta-2  {

	font: italic 11px/11px Helvetica, Arial, sans-serif;

	display: block;

	margin: 0;

	}



#comments .text {

	clear: both;

	display: block;

	}



#comments .text .waiting_approval {

	font-size: 14px;

	font-style: italic;

	font-weight: bold;

	}



#comments .c {

	line-height: 20px;

	}



#comments .c p,

#comments .c code,

#comments .c blockquote,

#comments .c ul,

#comments .c ol {

	display: block;

	margin: 5px 0;

	}



#comments .c a {

	text-decoration: underline;

	}



#comments .c a:hover {

	text-decoration: none;

	}

	

#comments .depth-2 .comment-wrapper {

	padding-left: 40px;

	}



#comments .depth-2 .commentmeta {

	width: auto;

	}

	

#comments .depth-3 .comment-wrapper {

	padding-left: 80px;

	}



#comments .depth-3 .commentmeta {

	width: auto;

	}

	

#comments .depth-4 .comment-wrapper {

	padding-left: 120px;

	}



#comments .depth-4 .commentmeta {

	width: auto;

	}



#comments .depth-5 .comment-wrapper {

	padding-left: 160px;

	}



#comments .depth-5 .commentmeta {

	width: auto;

	}



#respond {

	clear: both;

	margin-bottom: 10px;

	overflow: hidden;

	position: relative;

	padding: 10px 0;

	}



#respond p {

	margin: 0;

	}



#respond .logged-in-as {

	margin-bottom: 10px;

	}



#respond .comment-notes {

	margin-bottom: 1em;

	}



#respond .form-allowed-tags {

	line-height: 1em;

	}



.children #respond {

	margin: 0 48px 0 0;

	}



#comments-list #respond {

	margin: 0 0 18px 0;

	}



#comments-list ul #respond {

	margin: 0;

	}



#cancel-comment-reply-link {

	font-size: 12px;

	font-weight: normal;

	line-height: 18px;

	}



#respond .required {

	color: #ff4b33;

	font-weight: bold;

	}



#respond label {

	color: #888;

	font-size: 12px;

	}

	

#respond input {

	background: #eee;

	border: 1px solid #ccc;

	border-radius: 3px;

	-ms-box-shadow: 1px 1px 5px 0px #ccc inset;

	-moz-box-shadow: 1px 1px 5px 0px #ccc inset;

	-webkit-box-shadow: 1px 1px 5px 0px #ccc inset;

	-o-box-shadow: 1px 1px 5px 0px #ccc inset;

	box-shadow: 1px 1px 5px 0px #ccc inset;

	display:block;

	margin: 0 0 9px;

	padding:5px;

	width: auto;

	}



#respond textarea {

	background: #eee;

	border: 1px solid #ccc;

	border-radius: 3px;

	-ms-box-shadow: 0 0 5px 0px #000 inset;

	-moz-box-shadow: 0 0 5px 0px #000 inset;

	-webkit-box-shadow: 0 0 5px 0px #000 inset;

	-o-box-shadow: 0 0 5px 0px #000 inset;

	box-shadow: 1px 1px 5px 0px #ccc inset;

	width: 95%;

	}



#respond .form-allowed-tags {

	color: #888;

	font-size: 12px;

	line-height: 18px;

	}



#respond .form-allowed-tags code {

	font-size: 11px;

	}

	

#respond #submit {

	background: #fff url(images/tab-bg.gif) repeat-x bottom;

	border:1px solid #d5d5d5 !important;

	border-radius: 5px;

	-ms-box-shadow: none;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

	-o-box-shadow: none;

	box-shadow: none;

	color: #444;

	cursor:pointer;

	font: bold 12px/12px Arial, Verdana, Sans-Serif;

	margin-top:10px;

	padding:5px 10px;

	text-shadow: 1px 1px 0px #fff;

	width: 120px;

	}



#respond #submit:hover {

	background: #fff url(images/tab-bg2.gif) repeat-x bottom;

	}



h3#reply-title,

h2.comments {

	background: url(images/heading-bg.gif) repeat-x;

	float: left;

	margin-bottom: 10px;

	width: 100%;

	height: 20px;

	}



h3#reply-title {

	display: none;

	}



span.comments {

	background: #fff;

	color: #aaa;

	float: left;

	font: 20px/20px 'Open Sans Condensed', sans-serif;

	padding-right: 15px;

	text-transform: uppercase;

	}



span.comments a {

	color: #666;

	}



span.comments a:hover {

	color: #f00;

	text-decoration: none;

	}



#comment-input label {

	margin-bottom: 10px;

	}



p.cancel-comment-reply {

	clear: both;

	}



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

	Carousel

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



.es-carousel-wrapper{position:relative;clear:both; width: 610px;}

.es-carousel{overflow:hidden;}

.es-carousel ul{display:none; padding:0px; margin:0px;}

.es-carousel ul li{height:100%;float:left;display:block; position: relative;}

.es-carousel ul li a{display:block;}

.es-carousel ul li a img{display:block;border:none;max-height:100%;max-width:100%;padding:0px; margin:0px;}

.es-nav span{position:absolute;text-indent:-9000px;cursor:pointer;top:27px;}

.es-nav span.es-nav-next{right:0px;width:20px;height:40px;background:transparent url(images/carousel/nav-arrows2.png) 0 0;}

.es-nav span.es-nav-prev{left:0px;width:20px;height:40px;background:transparent url(images/carousel/nav-arrows2.png) -20px 0;}

.es-nav span.es-nav-next:hover{background:transparent url(images/carousel/nav-arrows2.png) 0 -40px;}

.es-nav span.es-nav-prev:hover{background:transparent url(images/carousel/nav-arrows2.png) -20px -40px;}



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

	Sidebar

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



#sidebar-container {

	float: left;

	padding-left: 0;

	position: relative;

	width: 310px;

	}



.tabs-wrapper {

	float: left;

	position: relative;

	width: 310px;

	}



ul.tabs {

	display: inline;

	float: left;

	position: absolute;

		top: 1px;

		left: 0px;

	width: 300px;

	}



ul.tabs li {

	background: #fff url(images/tab-bg.gif) repeat-x bottom;

	border: 1px solid #d5d5d5;

	border-bottom: none;

	float: left;

	height: 16px;

	line-height: 11px;

	padding: 5px 10px;

	text-shadow: 1px 1px 0px #fff;

	}



ul.tabs li:hover {

	background: #fff url(images/tab-bg2.gif) repeat-x bottom;

	border-bottom: none;

	float: left;

	text-shadow: 1px 1px 0px #fff;

	}



ul.tabs li:first-child {

	border-right: none;

	border-top-left-radius: 5px;

	}



ul.tabs li:last-child {

	border-left: none;

	border-top-right-radius: 5px;

	}



ul.tabs li.active {

	background: #fff url(images/tab-bg2.gif) repeat-x bottom;

	border-bottom: none;

	float: left;

	text-shadow: 1px 1px 0px #fff;

	}



ul.tabs li a {

	color: #777;

	font: bold 11px/11px helvetica, arial, sans-serif;

	}



ul.tabs li.active a {

	color: #444;

	}



#tab1,

#tab2,

#tab3 {

	background: #fff;

	border: 1px solid #d5d5d5;

	-ms-border-bottom-left-radius: 5px;

	-moz-border-bottom-left-radius: 5px;

	-webkit-border-bottom-left-radius: 5px;

	-o-border-bottom-left-radius: 5px;

	border-bottom-left-radius: 5px;

	-ms-border-bottom-right-radius: 5px;

	-moz-border-bottom-right-radius: 5px;

	-webkit-border-bottom-right-radius: 5px;

	-o-border-bottom-right-radius: 5px;

	border-bottom-right-radius: 5px;

	-ms-border-top-right-radius: 5px;

	-moz-border-top-right-radius: 5px;

	-webkit-border-top-right-radius: 5px;

	-o-border-top-right-radius: 5px;

	border-top-right-radius: 5px;

	-ms-box-shadow: 0px 2px 2px 0px #d5d5d5;

	-moz-box-shadow: 0px 2px 2px 0px #d5d5d5;

	-webkit-box-shadow: 0px 2px 2px 0px #d5d5d5;

	-o-box-shadow: 0px 2px 2px 0px #d5d5d5;

	box-shadow: 0px 2px 2px 0px #d5d5d5;

	float: left;

	margin-top: 27px;

	padding: 10px 10px;

	width: 290px;

	}



.side-story,

.side-ad {

	float: left;

	position: relative;

	width: 100%;

	}



#tab1 a,

#tab2 a {

	font: 13px/16px helvetica, arial, sans-serif;

	}



ul.headlines {

	float: left;

	}



ul.headlines li {

	border-bottom: 1px dotted #ccc;

	display: block;

	float: left;

	padding: 3px 0;

	width: 100%;

	}



ul.headlines li:last-child {

	border-bottom: none;

	padding-bottom: 0px;

	}



ul.headlines li a {

	color: #25a;

	font: 13px/14px helvetica, arial, sans-serif;

	}



ul.headlines li a:hover {

	color: #f00;

	}



ul.latest-comments {

	float: left;

	width: 100%;

	}



ul.latest-comments li {

	display: block;

	float: left;

	font: 11px/14px helvetica, arial, sans-serif;

	padding: 5px 0;

	width: 100%;

	}



.widget {

	float: left;

	margin-bottom: 20px;

	position: relative;

	width: 100%;

	}



.widget-home {

	float: left;

	margin-bottom: 20px;

	position: relative;

	width: 100%;

	}



.widget-list,

.widget-fb {

	background: #fff;

	border: 1px solid #d5d5d5;

	-ms-border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-o-border-radius: 5px;

	border-radius: 5px;

	-ms-box-shadow: 0px 2px 2px 0px #d5d5d5;

	-moz-box-shadow: 0px 2px 2px 0px #d5d5d5;

	-webkit-box-shadow: 0px 2px 2px 0px #d5d5d5;

	-o-box-shadow: 0px 2px 2px 0px #d5d5d5;

	box-shadow: 0px 2px 2px 0px #d5d5d5;

	float: left;

	padding: 10px;

	position: relative;

	}



.widget-fb iframe {

	margin: 0 -5px;

	}



.widget-list .contain,

#tab1 .contain,

#tab2 .contain {

	float: left;

	margin-right: 10px;

	position: relative;

	transition: opacity .5s;

	-moz-transition: opacity .5s;

	-ms-transition: opacity .5s;

	-o-transition: opacity .5s;

	-webkit-transition: opacity .5s;

	width: 95px;

	}



.widget-list .contain:hover,

#tab1 .contain:hover,

#tab2 .contain:hover {

	opacity: 0.5;

	}



.widget-list .contain img,

#tab1 .contain img,

#tab2 .contain img {

	padding-bottom: 0px !important;

	}



.widget-list .text,

#tab1 .text,

#tab2 .text {

	float: right;

	font: 12px/17px helvetica, arial, sans-serif;

	width: 183px;

	}



.widget-list .text-noimg,

#tab1 .text-noimg,

#tab2 .text-noimg {

	float: right;

	font: 12px/17px helvetica, arial, sans-serif;

	width: 288px;

	}



.widget-list .text a,

#tab1 .text a,

#tab2 .text a {

	font-weight: bold;

	}



.widget-list .text-noimg a,

#tab1 .text-noimg a,

#tab2 .text-noimg a {

	font-weight: bold;

	}



.widget-list ul,

#tab1 ul,

#tab2 ul {

	display: block;

	}



.widget-list li,

#tab1 li,

#tab2 li {

	float: left;

	margin-bottom: 10px;

	}



.widget-list li:last-child,

#tab1 li:last-child,

#tab2 li:last-child {

	margin-bottom: 0;

	}



.widget-ad {

	background: #d5d5d5;

	-ms-border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-o-border-radius: 5px;

	border-radius: 5px;

	padding: 5px;

	}



.widget-text {

	float: left;

	font: 12px/17px helvetica, arial, sans-serif;

	width: 288px;

	}



.avatar {

	float: left;

	margin-right: 10px;

	position: relative;

	width: 40px;

	}



h3.widget {

	background: url(images/heading-bg.gif) repeat-x;

	float: left;

	margin-bottom: 10px;

	width: 100%;

	height: 20px;

	}



span.widget {

	background: #fff;

	color: #aaa;

	float: left;

	font: 20px/20px 'Open Sans Condensed', sans-serif;

	padding-right: 15px;

	text-transform: uppercase;

	width: auto;

	}



span.widget a {

	color: #666;

	}



span.widget a:hover {

	color: #f00;

	text-decoration: none;

	}



.social-contain {

	text-align: center;

	width: auto;

	}



ul#social {

	position: relative;

	}



ul#social li {

	float: left;

	margin-right: 5px;

	}



ul#social li:last-child {

	margin-right: 0;

	}



ul#social li a {

	display: block;

	}



.soc-fb {

	background: url(images/social-but.png) 0 0;

	position: relative;

	width: 58px;

	height: 58px;

	}



.soc-fb:hover {

	background: url(images/social-but.png) 0 -58px;

	}



.soc-twi {

	background: url(images/social-but.png) -58px 0;

	position: relative;

	width: 58px;

	height: 58px;

	}



.soc-twi:hover {

	background: url(images/social-but.png) -58px -58px;

	}



.soc-gp {

	background: url(images/social-but.png) -116px 0;

	position: relative;

	width: 58px;

	height: 58px;

	}



.soc-gp:hover {

	background: url(images/social-but.png) -116px -58px;

	}



.soc-pin {

	background: url(images/social-but.png) -174px 0;

	position: relative;

	width: 58px;

	height: 58px;

	}



.soc-pin:hover {

	background: url(images/social-but.png) -174px -58px;

	}



.soc-rss {

	background: url(images/social-but.png) -232px 0;

	position: relative;

	width: 58px;

	height: 58px;

	}



.soc-rss:hover {

	background: url(images/social-but.png) -232px -58px;

	}



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

	Footer

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



#footer {

	background: #444;

	-ms-box-shadow: 0 0 5px 5px #222 inset;

	-moz-box-shadow: 0 0 5px 5px #000 inset;

	-webkit-box-shadow: 0 0 8px 5px #363636 inset;

	-o-box-shadow: 0 0 5px 5px #000 inset;

	box-shadow: 0 0 8px 5px #363636 inset;

	color: #999;

	float: left;

	font: 12px/20px helvetica , arial, sans-serif;

	padding: 20px;

	position: relative;

	width: 940px;

	}



#footer a {

	color: #bbb;

	}



#footer a:hover {

	color: #fff;

	}



#footer-about {

	float: left;

	position: relative;

	width: 300px;

	}



#footer-about h3 {

	color: #fff;

	font: 20px/20px 'Open Sans Condensed', sans-serif;

	padding-bottom: 10px;

	text-shadow: 1px 1px 2px #000;

	-ms-text-shadow: 1px 1px 0 #000;

	-moz-text-shadow: 1px 1px 0 #000;

	-o-text-shadow: 1px 1px 0 #000;

	-webkit-text-shadow: 1px 1px 2px #000;

	}



#footer-about p {

	clear: both;

	float: left;

	padding-bottom: 10px;

	}



.footer-navbox {

	float: left;

	margin-left: 20px;

	width: 300px;

	}



.footer-twitter {

	float: left;

	margin-left: 20px;

	width: 300px;

	}



.footer-twitter h3 {

	color: #fff;

	font: 20px/20px 'Open Sans Condensed', sans-serif;

	padding-bottom: 10px;

	text-shadow: 1px 1px 2px #000;

	-ms-text-shadow: 1px 1px 0 #000;

	-moz-text-shadow: 1px 1px 0 #000;

	-o-text-shadow: 1px 1px 0 #000;

	-webkit-text-shadow: 1px 1px 2px #000;

	}



#twitter_update_list {

	font-size: 12px;

	line-height: 20px;

	list-style: none;

	}



#twitter_update_list li {

	border-bottom: 1px solid #555;

	padding-bottom: 7px;

	margin-bottom: 9px;

	}



#twitter_update_list li:last-child {

	border-bottom: none;

	}



#twitter_update_list span, #twitter_update_list span a {

	color: #999;

	text-decoration: none;

	}



#twitter_update_list a {

	color: #ccc;

	}



ul#footer {

	display: block;

	float: left;

	position: relative;

	text-align: left;

	}



.footer-links {

	float: left;

	margin-left: 20px;

	width: 140px;

	}



.footer-links h3 {

	color: #fff;

	font: 20px/20px 'Open Sans Condensed', sans-serif;

	padding-bottom: 10px;

	text-shadow: 1px 1px 2px #000;

	-ms-text-shadow: 1px 1px 0 #000;

	-moz-text-shadow: 1px 1px 0 #000;

	-o-text-shadow: 1px 1px 0 #000;

	-webkit-text-shadow: 1px 1px 2px #000;

	}



#footer-info {

	font: italic 11px/11px helvetica , arial, sans-serif;

	}



#footer-bottom {

	background: #000;

	color: #999;

	float: left;

	padding: 10px 20px;

	width: 940px;

	}



#footer-bottom a {

	color: #bbb;

	}



#footer-bottom a:hover {

	color: #fff;

	}



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

	Media Queries

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



@media screen and (max-width: 1140px) and (min-width: 1024px) {

	#social-box {

		display: inline;

		}



	#social-box-vert {

		display: none;

		}



	}



@media screen and (max-width: 1023px) and (min-width: 768px) {

	#wrapper,

	#header-top,

	#header {

		width: 740px;

		}



	#nav-main {

		width: 720px;

		}



	#leaderboard,

	#content,

	#footer,

	#footer-bottom {

		padding: 10px 10px;

		width: 720px;

		}



	#footer-about,

	.footer-twitter {

		width: 230px;

		}



	.footer-links {

		width: 100px;

		}



	#header-contain {

		background: none;

		padding: 10px 10px 0;

		width: 720px;

		}



	#header-top-left {

		padding: 8px 10px;

		}



	#main,

	.home-category1,

	.home-story1,

	#home-feature,

	#home-feature-main,

	#home-top,

	#headlines,

	#post-area,

	#post-info,

	.small-cat,

	.small-cat-home,

	.es-carousel-wrapper,

	.recent,

	.story-text-noimg {

		width: 470px;

		}



	.es-nav span {

		top: 16px;

		}



	#main {

		padding-right: 0px;

		}



	.home-category2 {

		width: 450px;

		}



	#home-feature-box {

		width: 440px;

		}



	.home-feature-box h1 a {

		font: 32px/32px 'Open Sans Condensed', helvetica, arial, sans-serif;

		}



	#headlines,

	.home-story1-links {

		padding: 10px 0;

		}



	.story-text {

		width: 305px;

		}



	#social-box {

		display: inline;

		}



	#social-box-vert,

	.home-category2,

	.side-facebook,

	.widget-fb,

	.contain,

	#news-ticker {

		display: none;

		}



	#sidebar-container {

		padding-left: 10px;

		width: 240px;

		}



	#tab1,

	#tab2,

	#tab3,

	.widget-list,

	.widget-list .text,

	#tab1 .text,

	#tab2 .text,

	.widget-list .text-noimg,

	#tab1 .text-noimg,

	#tab2 .text-noimg,

	.widget-text {

		width: 220px;

		}



	.widget {

		margin-bottom: 10px;

		}



	}



@media screen and (max-width: 767px) and (min-width: 600px) {

	#wrapper,

	#header-top,

	#header {

		width: 580px;

		}



	#leaderboard,

	#content,

	#footer,

	#footer-bottom {

		padding: 10px;

		width: 560px;

		}

	

	#footer-about {

		width: 300px;

		}



	.footer-links {

		width: 110px

		}



	.footer-navbox {

		margin: 10px 0 0;

		}



	#header-contain {

		background: none;

		padding: 10px 10px 0;

		}



	#content {

		background: none;

		}



	#header-top-left {

		padding: 8px 10px;

		}



	#main,

	#nav-main,

	#home-feature,

	#home-feature-main,

	#home-top,

	#headlines,

	#post-area,

	#post-info,

	#footer-info,

	.small-cat-home,

	.es-carousel-wrapper,

	.recent,

	.story-text-noimg {

		width: 560px;

		}



	.story-text {

		width: 405px;

		}



	.small-cat {

		width: 570px;

		}



	#news-ticker {

		display: none;

		}



	#home-feature-box {

		width: 440px;

		}



	#main {

		padding-right: 0;

		}



	.home-feature-box h1 a {

		font: 39px/39px 'Open Sans Condensed', helvetica, arial, sans-serif;

		}



	#headlines,

	.home-story1-links {

		padding: 10px 0;

		}



	#social-box {

		display: inline;

		}



	#search-wrap,

	#social-box-vert,

	#post-info-right,

	.home-category2,

	#sidebar-container,

	.footer-twitter {

		display: none;

		}



	}



@media screen and (max-width: 599px) and (min-width: 480px) {

	#wrapper,

	#header-top,

	#header {

		width: 480px;

		}



	#header-contain,

	#leaderboard,

	#content,

	#footer,

	#footer-bottom {

		padding: 10px;

		width: 460px;

		}



	#footer-about {

		width: 220px;

		}



	.footer-links {

		width: 100px;

		}



	#header-wrapper {

		-ms-box-shadow: none;

		-moz-box-shadow: none;

		-webkit-box-shadow: none;

		-o-box-shadow: none;

		box-shadow: none;

		}



	#header-contain,

	#header-bottom {

		background: none;

		text-align: center;

		}



	#header-top-left {

		padding: 8px 10px;

		}



	#content {

		background: none;

		}



	#main,

	#nav-main,

	.home-category1,

	.home-story1,

	#home-feature,

	#home-feature-main,

	#home-top,

	#headlines,

	#post-area,

	#post-info,

	#footer,

	.small-cat-home,

	.es-carousel-wrapper,

	.recent,

	.story-text-noimg {

		width: 460px;

		}



	.story-text {

		width: 305px;

		}



	.small-cat {

		width: 470px;

		}



	#main {

		padding-right: 0;

		}



	#nav-mobi {

		display: inline;

		}



	#nav-mobi {

		width: 460px;

		}



	#nav-mobi ul li a,

	.flip {

		width: 436px;

		}



	#nav-mobi ul li ul li a {

		width: 418px;

		}



	#home-feature-box,

	#commentblock {

		width: 440px;

		}



	.home-feature-box h1 a {

		font: 32px/32px 'Open Sans Condensed', helvetica, arial, sans-serif;

		}



	#headlines,

	.home-story1-links {

		padding: 10px 0;

		}



	#header-top-right,

	#search-wrap,

	#social-box-vert,

	#post-info-right,

	.home-category2,

	#sidebar-container,

	#nav-main,

	#news-ticker,

	.footer-twitter {

		display: none;

		}



	}



@media screen and (max-width: 479px) {

	#wrapper,

	#header-top,

	#header {

		width: 320px;

		}



	#header-contain,

	#leaderboard,

	#content,

	#footer,

	#footer-bottom {

		padding: 10px;

		width: 300px;

		}



	#content {

		background: none;

		}



	#header-wrapper {

		-ms-box-shadow: none;

		-moz-box-shadow: none;

		-webkit-box-shadow: none;

		-o-box-shadow: none;

		box-shadow: none;

		}



	#header-top-left {

		padding: 8px 10px;

		}



	#header-contain,

	#header-bottom {

		background: none;

		float: left;

		text-align: center;

		}



	#logo {

		margin: 0 auto;

		}



	#main,

	#nav-main,

	#header-bottom,

	.home-category1,

	.home-story1,

	#home-feature,

	#home-feature-main,

	#home-top,

	#headlines,

	#post-area,

	#post-info,

	.story-text,

	#nav-mobi,

	.small-cat,

	.small-cat-home,

	.es-carousel-wrapper,

	.recent,

	.story-text-noimg {

		width: 300px;

		}



	.story-text {

		float: left;

		}



	#main {

		padding-right: 0;

		}



	#nav-mobi {

		display: inline;

		}



	#nav-mobi ul li a,

	.flip {

		width: 276px;

		}



	#nav-mobi ul li ul li a {

		width: 258px;

		}



	.home-category2,

	#commentblock {

		width: 280px;

		}

	

	#home-feature-box {

		width: 280px;

		position: absolute;

		}



	#home-feature {

		margin-bottom: 65px;

		}



	.home-feature-box {

		bottom: -30px;

		}



	.flex-control-nav {

		bottom: -45px;

		}



	.home-feature-box h1 a {

		font: 21px/21px 'Open Sans Condensed', helvetica, arial, sans-serif;

		}



	#header-top-right,

	#home-feature-shade,

	#search-wrap,

	#social-box-vert,

	#post-info-right,

	#sidebar-container,

	.home-category2,

	.home-story-img,

	#nav-main,

	.img-contain,

	#news-ticker {

		display: none;

		}



	#home-feature-box h1 {

		padding-bottom: 5px;

		-ms-text-shadow: 1px 1px 2px #fff;

		-moz-text-shadow: 1px 1px 2px #fff;

		-webkit-text-shadow: 1px 1px 2px #fff;

		-o-text-shadow: 1px 1px 2px #fff;

		text-shadow: 1px 1px 2px #fff;

		}



	.home-cat-left,

	.home-cat-right {

		margin-right: 0px;

		width: 300px;

		}



	#footer-about,

	.footer-twitter {

		width: 300px;

		}



	.footer-twitter,

	.footer-links {

		margin: 10px 0 0;

		}



	}