/*
Theme Name:iSportMedia
Theme URI:
Description:
Version:1.0
Author:Rossul
Author URI:http://www.rossul.com/
Tags:
*/
/* === reset === */
ul, ol{list-style:none;}
img, form, fieldset{border:none;}
ul, ol, form, fieldset{
	margin:0;
	padding:0;
}
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, p{margin:0;}
table{width:100%; border-collapse:collapse;}
q{quotes: none;}
q:before{content:"";}
q:after{content:"";}
input:focus { outline: none; }
textarea:focus { outline: none; }
select:focus { outline: none; }
/* === end reset === */
input, select, textarea{font-family: arial, sans-serif;}
body{
	background: #1e2226;
	font: 12px/1.5em arial, sans-serif;
	color: #333;
}
a{
	color: #c00;
	text-decoration: none;
}
a:hover{text-decoration:underline;}
.main-wrap{
	background:#e0e6e6 url(images/bg-main-wrap.gif) repeat-x;
}
.main{
	width: 978px;
	margin: 0 auto;
}
/*--header--*/
#header{
	height: 33px;
	width: 978px;
	padding: 51px 0 0 0;
	position: relative;
}
/*--logo--*/
.logo,
.logo a{
	display: block;
	width: 190px;
	height: 65px;
}
.logo a{
	overflow: hidden;
	text-indent: -9999px;
}
.logo{
	background: url(images/logo.gif) no-repeat;
	position: absolute;
	top: 8px;
	left: 8px;
}
/*--main-menu--*/
.main-menu{
	height: 24px;
	float: right;
	overflow: hidden;
}
.main-menu li{
	float: left;
	height: 24px;
	font-size: 1.167em;
	font-weight: bold;
	padding: 0 2px 0 0;
}
.main-menu li a{
	float: left;
	height: 24px;
	color: #353B44;
}
.main-menu li a span{
	float: left;
	height: 24px;
	padding: 0 15px;
	line-height: 24px;
	cursor: pointer;
}
.main-menu li a:hover{
	background: url(images/btn-main-menu.gif) no-repeat 0 -48px;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 1px #333;
}
.main-menu li a:hover span{background: url(images/btn-main-menu.gif) no-repeat 100% -72px;}
.main-menu li.active a{
	background: url(images/btn-main-menu.gif) no-repeat 0 0;
	color: #fff;
	text-decoration: none;
}
.main-menu li.active a span{background: url(images/btn-main-menu.gif) no-repeat 100% -24px;}
/*--content--*/
#content{
	width: 100%;
}
/*--Gallery--*/
.gallery-wrap{
	width: 100%;
	overflow: hidden;
	height: 325px;
}
.gallery{
	width: 621px;
	height: 325px;
	float: left;
}
.gallery-text{
	float: right;
	width: 324px;
	padding: 30px 0 0 0;
}
.gallery-text p {
	color: #fff;
	padding: 0 0 15px 0;
	line-height: 1.3em;
}
.gallery-title{
	width:100%;
	overflow: hidden;
	padding: 0 0 15px 0;
}
.gallery-title h2{
	float: left;
	font-size: 2em;
	line-height: 1.1em;
	padding: 0 10px 0 0;
	color: #d7e5f2;
}
a.more{
	width: 47px;
	height: 17px;
	background: url(images/btn-more.gif) no-repeat 0 0;
	color: #fff;
	display: block;
	line-height: 17px;
	padding: 0 0 0 6px;
	font-size: 0.917em;
}
a.more:hover{
	background-position: 0 -17px;
	text-decoration: none;
}
.gallery-title a.more{
	float: left;
	margin: 5px 0 0 0;
}
/*--slider--*/
.anythingSlider{
	width: 621px;
	height: 325px;
	position: relative;
}
.anythingSlider .wrapper{
	width: 621px;
	overflow: hidden;
	height: 325px;
	position: absolute;
	top: 0;
	left: 0;
}
.anythingSlider .wrapper ul{
	width: 9999px;
	position: absolute;
	top: 0;
	left: 0;
}
.anythingSlider ul li{
	display: block;
	float: left;
	height: 325px;
	width: 661px;
}
.anythingSlider .arrow{ display:none;}
.anythingSlider .forward{display: none;}
.anythingSlider .back:hover,
.anythingSlider .forward:hover,
.anythingSlider .back{display: none;}
#thumbNav{
	position: absolute;
	left: 652px;
	bottom: 30px;
	width: 100%;
	text-align: left;
	height: 20px;
	line-height: 20px;
}
#thumbNav a{
	padding: 7px;
	background: url(images/bulet-2.gif) no-repeat 50% 50%;
	font-size: 0;
	color:#4f5c6b;
	outline: none;
}
#thumbNav a.cur{
	color:#be242a;
	background: url(images/bulet-1.gif) no-repeat 50% 50%;
}
#start-stop{display: none;}
/*--columns--*/
.columns{
	width: 100%;
	overflow: hidden;
	padding: 25px 0;
}
/*--main-column--*/
.main-column{
	float: left;
	width: 620px;
}
.content-column-left{
	width: 290px;
	padding: 0 0 0 10px;
	float: left;
}
.content-column-right{
	width: 290px;
	padding: 0 0 0 10px;
	float: right;
}
.column-title{
	width: 100%;
	overflow: hidden;
	padding: 0 0 15px 0;
}
.column-title a.more{
	float: left;
	margin: 7px 0 0 0;
}
.column-title h2{
	float: left;
	padding: 0 15px 0 0;
	color: #252d37;
	font-size: 2.167em;
	line-height: 1.1em;
}
/*--news-content--*/
.news-content{
	width: 100%;
}
.news-content li{
	width: 100%;
	padding: 0 0 15px 0;
}
.news-content li h3{
	font-size: 1.167em;
	line-height: 1.2em;
	padding: 0 0 5px 0;
	color: #000;
}
/*--case-content--*/
.case-content{
	width: 100%;
}
.case-content li{
	width: 100%;
	padding: 0 0 15px 0;
}
.case-content p{
	padding: 0 0 16px 0;
}
/*--sidebar--*/
.sidebar{
	float: right;
	width: 324px;
}
/*--sidebar-block--*/
.sidebar-block{
	width: 100%;
	padding: 0 0 20px 0;
}
.sidebar-block-header{
	width: 314px;
	height: 10px;
	background: url(images/bg-sd-header.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}
.footer-shadow{
	background: url(images/bg-sb-footer.png) no-repeat;
	width: 324px;
	height: 24px;
	overflow: hidden;
	text-indent: -9999px;
}
.right-shadow{
	width: 324px;
	background: url(images/shadow.png) no-repeat 100% 100%;
}
.sidebar-block-footer{
	width: 254px;
	background:#e1e7e7 url(images/bg-sb-content.gif) repeat-x 0 100%;
	min-height: 275px;
	padding:5px 15px 10px 45px;
}
.sidebar-title{
	width: 100%;
	padding: 0 0 20px 0;
	position: relative;
}
.sidebar-title:after {
	height: 0;
	clear: both;
	content: "";
	display: block;
}
.sidebar-title strong{
	width: 65px;
	height: 60px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top:-7px;
	left: -65px;
}
.sidebar-title strong.label-blog{background: url(images/blog-label.png) no-repeat;}
.sidebar-title strong.label-newsletter{background: url(images/newsletter-label.png) no-repeat;}
.sidebar-title strong.label-twitter{background: url(images/twitter-label.png) no-repeat;}
.sidebar-title strong.label-cansport{background: url(images/cansport-label.png) no-repeat;}
.sidebar-title h2{
	color: #222a33;
	font-size: 2.167em;
	line-height: 1.1em;
	float: left;
}
.sidebar-title a.blog-more{
	float: right;
	background: url(images/btn-blog.gif) no-repeat;
	height: 26px;
	width: 103px;
	overflow: hidden;
	line-height: 26px;
	position: relative;
	margin: 2px -15px 0 0;
	font-weight: bold;
	color: #e45303;
	padding: 0 0 0 12px;
}
.sidebar-title a.twitter-more:hover,
.sidebar-title a.blog-more:hover{
	background-position: 0 -26px;
	color: #fff;
	text-decoration: none;
}
.sidebar-title a.twitter-more{
	width: 87px;
	height: 26px;
	float: right;
	background: url(images/btn-twitter.gif) no-repeat;
	overflow: hidden;
	line-height: 26px;
	position: relative;
	margin: 2px -15px 0 0;
	font-weight: bold;
	color: #0095ad;
	text-align: right;
	padding: 0 28px 0 0;
}
/*--blog-prev--*/
.blog-prev{
	width: 100%;
	overflow: hidden;
}
.twitter-prev li,
.blog-prev li{
	width: 100%;
	margin-bottom: -3px;
}
.blog-prev li p{
	padding: 0 0 15px 0;
	border-bottom: 1px solid #fff;
	margin: 0 0 1px 0;
}
.blog-prev h3{
	font-size: 1.167em;
	line-height: 1.3em;
	padding: 15px 0;
	color: #666;
	margin-top: -1px;
	border-top: 1px solid #b0b2b2;
}
.blog-prev h3 a{color: #369;}
/*--twitter-prev--*/
.twitter-prev{
	width: 100%;
	overflow: hidden;
}
.twitter-prev li{
	font-weight: bold;
	border-top: 1px solid #b0b2b2;
	margin-top: -1px;
}
.twitter-prev li p{
	padding: 15px 0;
	border-bottom: 1px solid #fff;
	margin: 0 0 1px 0;
}
/*--footer--*/
#footer{
	width: 100%;
	background: url(images/bg-footer.gif) repeat-x;
}
#footer .main{
	padding: 23px 0;
	min-height: 220px;
}
* html #footer .main{height: 370px;}
/*--footer-menu--*/
.footer-menu{
	width: 100%;
	text-align: center;
	padding: 0 0 20px 0;
}
.footer-menu li{
	display: inline;
	padding: 0 30px;
}
.footer-menu li a{
	color: #7F91A4;
	font-weight: bold;
}
#footer p{
	text-align: center;
	font-size: 0.917em;
	color: #7F91A4;
}
#footer p a{color: #7F91A4;}
/*----*/
.alignleft{
	float: left;
	margin: 0 15px 5px 0;
	display: inline;
}
.alignright{
	float: right;
	margin: 0 0 5px 15px;
	display: inline;
}
.aligncenter{
	display: block;
	margin: 5px auto;
}
/*=== About page ===*/
.inner-wrapp{background:#e0e6e6 url(images/bg-inner-page.gif) repeat-x;}
.inner-content{
	width:600px;
	padding: 0 0 0 8px;
}
.blog-content h1,
.inner-content h1{
	font-size: 2.167em;
	line-height: 1.2em;
	padding: 0 0 25px 0;
}
.inner-content p{
	padding: 0 0 15px 0;
}
.inner-content h2{
	font-size: 1.567em;
	line-height: 1.7em;
	padding: 0 0 10px 0;
}
.inner-content img{
	border: 5px solid #3b4857;
}
.blog-content .posts li ul,
.inner-content ul{
	width: 100%;
	padding: 0 0 5px 0;
}
.blog-content .posts li ul li,
.inner-content ul li{
	background: url(images/bulet-3.gif) no-repeat 25px 3px;
	padding: 0 0 10px 50px;
}
/*=== Our Services page ===*/
.services-column{
	width: 100%;
	overflow: hidden;
}
.services-column-left{
	float: left;
	width: 270px;
}
.services-column-right{
	float: right;
	width: 270px;
}
.sevices-sidebar .sidebar-block-footer{
	padding: 5px 30px;
}
/*=== Case Studies page ===*/
.case-content img{border: none;}
.case-sidebar h2{
	padding: 0 0 35px 0;
	font-size: 2.167em;
	line-height: 1.2em;
}
.banners{
	width:100%;
	overflow: hidden;
}
.banners li{
	float: left;
	height: 38px;
	padding: 0 7px 33px 7px;
}
/*=== blog page ===*/
.blog-content{
	width: 652px;
	float: left;
	padding: 0 0 0 8px;
}
.blog-sidebar{
	width: 250px;
	float: right;
}
/*--widget--*/
.widget{
	width: 250px;
	padding: 0 0 30px 0;
}
.widget h3{
	padding: 0 0 20px 0;
	font-size: 1.167em;
	line-height: 1.2em;
}
.widget ul ul{padding-left: 20px;}
/*--posts--*/
.blog-content .posts{
	width: 100%;
	overflow: hidden;
	padding: 0;
}
.blog-content .posts li{
	width: 100%;
	overflow: hidden;
	background: none;
	padding: 0 0 30px 0;
}
.blog-content .posts li p.date{
	float: left;
	width: 102px;
	font-weight: bold;
}
.post-content{
	float: right;
	width: 545px;
}
.post-content h1,
.post-content h2{
	color: #000;
	padding: 0 0 20px 0;
	font-size: 1.167em;
	line-height: 1.2em;
}
.post-content p{padding: 0 0 10px 0;}
/*--tags-block--*/
.tags-block{
	width: 100%;
	padding: 20px 0 0 0;
	overflow: hidden;
}
.tags strong,
.tags{float: left;}
.tags-block a{
	float: left;
	padding: 0 0 0 14px;
}
.comments-link{
	float: right;
}
.comments-link a{
	background: url(images/bulet-comment.gif) no-repeat 0 50%;
	padding: 0 0 0 25px;
}
/*=== single page ===*/
/*---comments--*/
.comments-wrap{
	float:right;
	width:545px;
	padding: 30px 0 0 0;
}
.comments-wrap h2{
	font-size: 2em;
	padding: 0 0 20px 0;
	line-height: 1.2em;
}
.comment{
	width: 100%;
	border-bottom: 1px dotted #fff;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
}
.comment p{
	padding: 0 0 10px 0;
}
.comment p.said{
	padding: 0 0 15px 0;
	font-weight: bold;
}
/*--comment-form--*/
.comment-form{
	width:100%;
	overflow: hidden;
}
.form-element{
	width: 270px;
	height: 21px;
	padding: 6px 0 0 0;
	margin: 0 0 10px 0;
	background: url(images/bg-field.gif) no-repeat;
}
.form-element input{
	width: 240px;
	padding: 0 15px;
	margin: 0;
	border: none;
	background: none;
	font-weight: bold;
	color: #636360;
	line-height: 1.1em;
	font-size: 1.083em;
}
.form-text{
	width: 530px;
	padding: 5px 0 5px 15px;
	height: 213px;
	overflow: hidden;
	margin: 0 0 10px 0;
	background: url(images/text-field.gif) no-repeat;
}
.form-text textarea{
	background: none;
	border: none;
	font-weight: bold;
	color: #636360;
	line-height: 1.1em;
	font-size: 1.083em;
	width:515px;
	height: 213px;
	overflow: auto;
}
.submit-element{
	width: 100%;
	overflow: hidden;
}
.btn-submit{
	float: right;
	background: url(images/btn-send.gif) no-repeat;
	width:159px;
	height: 38px;
	overflow: hidden;
}
.btn-submit:hover{background-position: 0 -38px;}
.btn-submit:active{background-position: 0 -76px;}
.btn-submit input{
	width: 159px;
	height: 38px;
	background: none;
	border: none;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
	outline: none;
}
/*=== News page ===*/
.news-box{
	width: 100%;
	padding: 0 0 30px 0;
}
.inner-content .news-box h2{
	padding: 0 0 5px 0;
	color: #000;
}
.news-box p{padding: 0 0 10px 0;}
/*=== Contact Us page ===*/
.contact-wrap{
	width:597px;
	overflow: hidden;
}
.contact-wrap .form-element{margin: 0 0 30px 0;}
.contact-left{
	float: left;
	width: 270px;
}
.contact-right{
	float: right;
	width: 270px;
}
.contact-text{
	background: url(images/text-contact-field.gif) no-repeat;
	width:582px;
	padding: 5px 0 5px 15px;
	height: 213px;
	overflow: hidden;
	margin: 0 0 30px 0;
}
.contact-text textarea{
	background: none;
	border: none;
	font-weight: bold;
	color: #636360;
	line-height: 1.1em;
	font-size: 1.083em;
	width:585px;
	height: 213px;
	overflow: auto;
}
/*=== Video Archive page===*/
.video-column{
	width: 622px;
	float: left;
	padding: 0 0 0 8px;
}
.big-video{
	width: 100%;
	padding: 0 0 23px 0;
}
.vid-title{
	width:100%;
	overflow:hidden;
	padding: 0 0 15px 0;
}
.vid-title h1{
	float: left;
	padding: 0;
}
.search-block{
	float: right;
	height: 27px;
	padding: 3px 0 0 0;
}
.search-block h3{
	float: left;
	line-height: 27px;
	color: #F1F7FA;
	font-size: 1.083em;
	padding: 0 12px 0 0;
}
.search{
	float: left;
	height: 27px;
}
.search input{float: left;}
.search-field{
	float: left;
	background: url(images/search-field.gif) no-repeat;
	width: 164px;
	height: 21px;
	padding: 6px 0 0 0;
}
.search-field input{
	width: 144px;
	padding: 0 10px;
	margin: 0;
	background: none;
	border: none;
	font-weight: bold;
	color: #636360;
	line-height: 1.1em;
	font-size: 1.083em;
}
/*--video-menu--*/
.video-menu{
	width: 100%;
	overflow: hidden;
	padding: 0 0 18px 0;
}
.video-menu li{
	float: left;
	padding: 0 7px 0 0;
	background: none;
	height: 25px;
}
.video-menu li a{
	float: left;
	height: 25px;
	background: url(images/btn-video-menu.gif) no-repeat 0 0;
	color: #000;
	font-size: 1.083em;
}
.video-menu li a strong{
	float: left;
	cursor: pointer;
	height: 25px;
	background: url(images/btn-video-menu.gif) no-repeat 100% -25px;
	line-height: 25px;
	padding: 0 25px;
}
.video-menu li a:hover,
.video-menu li.active a{
	background: url(images/btn-video-menu.gif) no-repeat 0 -50px;
	text-decoration: none;
}
.video-menu li a:hover strong,
.video-menu li.active a strong{background: url(images/btn-video-menu.gif) no-repeat 100% -75px;}
/*--video-content--*/
.video-content{
	overflow: hidden;
	padding: 0;
	margin: 0 0 0 -30px;
	width: 662px;
}
.video-content li{
	float: left;
	width: 180px;
	padding: 0 0 25px 40px;
	background: none;
}
.video-content li img{
	display: block;
	border: 6px solid #3B4857;
}
.video-content li img:hover{
	display: block;
	border: 6px solid #CCC;
}
.video-content h4{
	font-size: 0.917em;
	font-weight: normal;
	padding: 3px 0 0 0;
}
/*--rate--*/
.rate{
	width: 100%;
	font-size: 0.917em;
}
.video-content li .rate ul{
	width: auto;
	float: left;
	margin: 0;
	padding: 3px 0 0 0;
}
.video-content li .rate ul li{
	width: 10px;;
	padding: 0 1px;
}
.video-content li .rate ul li a{
	display: block;
	width: 10px;
	height: 11px;
	background: url(images/rate.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}
.video-content li .rate ul li.active a,
.video-content li .rate ul li a:hover{background-position: 0 -11px;}
.video-content p{
	float: left;
	padding: 0 5px 0 0;
}
/*--error-404--*/
.error-404{
	width: 100%;
	padding: 50px 0;
	text-align: center;
}
.error-404 h2{padding: 0 0 50px 0;}
.embed{
	width:100%;
	padding: 0 0 20px 0;
}
.widget div a{
	display: block;
}
.column-title h2,
.sidebar-title h2,
.blog-content h1,
.inner-content h1,
.case-sidebar h2,
.vid-title h1,
.widget h3,
.post-content h1,
.post-content h2,
.inner-content h2{
	text-shadow: 1px 1px 1px #fff;
}

#twitter-block .sidebar-title {
	padding-bottom: 0px;
}

#twitter-block .sidebar-block-footer {
	padding-bottom: 0px;
}

html .twtr-widget {
	margin-left: -5px;
}

html .twtr-hd, html .twtr-ft {
	display: none;
}
/*
html #twtr-widget-1 .twtr-new-results, html #twtr-widget-1 .twtr-results-inner, html #twtr-widget-1 .twtr-timeline {
	background: none;
}
*/

#grand-slam-of-curling {
	background: url(/images/panel/screenshot_gsoc.png) top right no-repeat;
}

#skatebuzz {
	background: url(/images/panel/screenshot_sb.png) top right no-repeat;
}

#patrick-chan {
	background: url(/images/panel/screenshot_pc.png) top right no-repeat;
}

#gretzky {
	background: url(/images/panel/screenshot_wg.png) top right no-repeat;
}

#battle-of-the-blades {
	background: url(/images/panel/screenshot_bb.png) top right no-repeat;
}

.case-content .news-box {
	width: 620px;
	height: 405px;
	padding-right: 350px;
}

#newsletter form {
	margin-top: 20px;
}

#newsletter h5 {
	margin-bottom: 10px;
	font-size: 12px;
}

#newsletter input {
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #CCC;
}

#newsletter input:focus {
	color: #333;
}

#newsletter #user_submit {
	color: #333;
	width: 100px;
	height: auto;
}