/*
Theme Name: SPORTICA
Theme URI: http://wordpress.org/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Version: 1.3
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {background: transparent;border: 0;margin: 0;padding: 0;vertical-align: baseline;}
body {line-height: 1;}
h1, h2, h3, h4, h5, h6 {clear: both;font-weight: normal;}
.st-block h1, .st-block h2, .st-block h3, .st-block h4, .st-block h5, .st-block h6{margin-top:25px;margin-bottom:5px}
ol, ul {list-style: none;}
blockquote {quotes: none;}
blockquote:before, blockquote:after {content: '';content: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */ 
table {border-collapse: collapse;border-spacing: 0;}
a img {border: none;}


/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body {background: #f1f1f1;}
body, input, textarea {color: #666;font-size: 12px;line-height: 18px;}
hr {background-color: #e7e7e7;border: 0;clear: both;height: 1px;margin-bottom: 18px;}

/* Text elements */
p {margin-bottom: 18px;}
ul {list-style: square;margin: 0 0 18px 1.5em;}
ol {list-style: decimal;margin: 0 0 18px 1.5em;}
ol ol {list-style: upper-alpha;}
ol ol ol {list-style: lower-roman;}
ol ol ol ol {list-style: lower-alpha;}
ul ul, ol ol, ul ol, ol ul {margin-bottom: 0;}
dl {margin: 0 0 24px 0;}
dt {font-weight: bold;}
dd {margin-bottom: 18px;}
strong {font-weight: bold;}
cite, em, i {font-style: italic;}
big {font-size: 131.25%;}
ins {background: #ffc;text-decoration: none;}
blockquote {font-style: italic;padding: 0 1em;}
blockquote cite, blockquote em, blockquote i {font-style: normal;}
pre {background: #f7f7f7;color: #555;line-height: 18px;margin-bottom: 18px;overflow: auto;padding: 1em;border-left:10px solid #ddd}
abbr, acronym {border-bottom: 1px dotted #666;cursor: help;}
sup, sub {height: 0;line-height: 1;position: relative;vertical-align: baseline;}
sup {bottom: 1ex;}
sub {top: .5ex;}
input[type="text"], textarea {background: #f9f9f9;border: 1px solid #ccc;box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);padding: 2px;}
a:link, a:visited {transition:all 300ms;-o-transition:all 300ms;-webkit-transition:all 300ms;-moz-transition:all 300ms}
a:active, a:hover {color: #000}

.left {float:left}
.right {float:right}
.clear {clear:both}



/* =Layout
-------------------------------------------------------------- */

.wrap {width:960px;margin:0 auto !important}

#main_content .wrap {background:#fff;padding:20px;width:920px}

#middle_content_left {width:220px;margin-right:20px;float:left}
#middle_content_center {width:440px;float:left}
#middle_content_right {width:220px;margin-left:20px;float:left}

#content_area {width:680px;float:left}
#fullwidth {width:100%;float:left}
#sidebar {width:220px;margin-left:20px;float:right}


/* =Header
----------------------------------------------- */

#header {padding:30px 0;background:#1d1d1d}

#header #logo {float:left;margin-top:15px;transition:all 300ms;-o-transition:all 300ms;-webkit-transition:all 300ms;-moz-transition:all 300ms}
#header #logo:hover {opacity:.5}

/* Social Icons */
.social_icons {float:none;margin-top:0px;clear:both}

.social_icons a:link, .social_icons a:visited {position:relative;display:inline-block;width:25px;height:25px;margin-left:15px;transition:all 300ms;-o-transition:all 300ms;-webkit-transition:all 300ms;-moz-transition:all 300ms}
.social_icons a:hover {top:-5px}

.social_icons a.facebook {background:url(images/social_icons/facebook.png) no-repeat center}
.social_icons a.twitter {background:url(images/social_icons/twitter.png) no-repeat center}
.social_icons a.vimeo {background:url(images/social_icons/vimeo.png) no-repeat center}
.social_icons a.pinterest {background:url(images/social_icons/pinterest.png) no-repeat center}
.social_icons a.flickr {background:url(images/social_icons/flickr.png) no-repeat center}
.social_icons a.tumblr {background:url(images/social_icons/tumblr.png) no-repeat center}
.social_icons a.mail {background:url(images/social_icons/mail.png) no-repeat center}

#header #searchform {float:right;clear:both;margin-bottom:15px}

#header #searchform input[type="text"] {background-color:rgba(0,0,0,.5);padding:5px 10px;border:none;width:100px;border-radius:15px;transition:all 300ms;-o-transition:all 300ms;-webkit-transition:all 300ms;-moz-transition:all 300ms}
#header #searchform input[type="text"]:focus {width:150px;outline:none;}

#header #searchform input[type="submit"] {background:url(images/search.png);width:20px;height:20px;display:inline;border:none;cursor:pointer}


/* =Menu
-------------------------------------------------------------- */

#navigation {background:#000;clear:both}

#navigation ul {padding:0;margin:0;clear:both;list-style:none}
#navigation li, #navigation a {float:left}

#navigation li a:link, #navigation li a:visited {text-decoration:none;font-weight:bold;font-size:14px;color:#fff;padding:15px 40px;margin-right:1px}

#navigation li > ul {transition:all 300ms;-o-transition:all 300ms;-webkit-transition:all 500ms;-moz-transition:all 300ms}
#navigation li:hover > ul {display:block}

#navigation li ul ul {margin-left:300px;margin-top:0}



/* =SPORTICA BLOCKS
-------------------------------------------------------------- */

.st-block {margin-bottom:20px}

.st-block .st-block-content {clear:both;padding:0px}

.st-block .st-block-content .st-block-posts {clear:both;float:left}

.st-block .st-block-content .st-block-posts .st-block-post {float:left;margin-right:10px;margin-bottom:10px}

.st-block .st-block-content .st-block-posts .st-block-post a.st-block-post-heading:link,
.st-block .st-block-content .st-block-posts .st-block-post a.st-block-post-heading:visited {font-weight:bold;font-size:14px;text-decoration:none;margin:10px 0;display:block}

.st-block .st-block-content a.readmore_btn:hover {background:#000 !important}

.st-block .st-block-content a.post_thumbnail {min-height:50px;display:block;padding:0;overflow:hidden;background:url(images/thumb_loading.gif) no-repeat center center}
.st-block .st-block-content .st-block-posts .st-block-post a.post_thumbnail:hover {opacity:.5}
.st-block .st-block-content .st-block-posts .st-block-post a.post_thumbnail img {margin:-10px;display:none;max-width:none !important}
.st-block .st-block-content a.post_thumbnail img {display:none}

.st-block .st-block-content img {max-width:100%;height:auto}

.st-block .st-block-misc {clear:both;margin-bottom:15px}

.st-block .st-block-misc .comments span {font-size:30px;margin-top:5px;display:block}

a.match_title span {transition:all 300ms;-o-transition:all 300ms;-webkit-transition:all 300ms;-moz-transition:all 300ms}
a.match_title:hover span {padding-left:20px;}

.comments_full {height:80px !important;line-height:1.5 !important}


/* =SPORTICA BLOCKS
-------------------------------------------------------------- */

ol.commentlist {list-style:none;padding:0;margin:0;clear:both}

ol.commentlist ul {list-style:none}

ol.commentlist li {clear:both;border:2px dashed #bbb;padding:10px;margin-bottom:15px}

ol.commentlist li .comment_details {clear:both;}

ol.commentlist li .comment_details .comment-author-avatar img {padding:3px;border:1px dashed #aaa;margin-right:10px}

ol.commentlist li .comment_details .comment-info {line-height:1.5}
ol.commentlist li .comment_details .comment-info a {color:#aaa;font-size:11px;font-style:italic}
ol.commentlist li .comment_details .reply a:hover {left:-15px}

#commentform input, #commentform textarea {display:block;padding:10px}
#commentform .required {color:red}

#commentform input {width:220px}
#commentform textarea {width:440px;max-width:260px}



/* =FOOTER
-------------------------------------------------------------- */

#footer {clear:both}

#footer #footer_sidebar .footer_sidebar {float:left;width:25%}

#footer #footer_sidebar .footer_sidebar .footer_widget {padding-right:15px}
#footer #footer_sidebar .footer_sidebar .footer_widget h2.heading {font-size:14px;color:#fff;text-transform:uppercase;font-weight:bold;margin-bottom:10px}

#footer #footer_sidebar .footer_sidebar .footer_widget li a:link,
#footer #footer_sidebar .footer_sidebar .footer_widget li a:visited,
#footer #footer_sidebar .footer_sidebar .footer_widget a:link,
#footer #footer_sidebar .footer_sidebar .footer_widget a:visited {color:#888;text-decoration:none}

#footer #footer_sidebar .footer_sidebar .footer_widget a:hover {color:#fff}
#footer #footer_sidebar .footer_sidebar .footer_widget li a:hover {color:#fff;padding-left:10px}

#footer #credits {text-align:center;margin-top:10px}
#footer #credits p {margin:0;padding:0}
#footer #credits a {color:#888;text-decoration:none}
#footer #credits a:hover {color:#1d1d1d}

.st-tweets li {margin-bottom:10px}
.st-tweets li a:hover {padding:0 !important}

/* Notification Boxes */
p.success, p.error, p.warning, p.info {padding:15px;margin:10px 0;text-shadow:none}

p.success {background:#effeb9;border:1px dashed #98c700}
p.error {background:#fccac1;border:1px dashed #eb5439}
p.warning {background:#ffe9ad;border:1px dashed #fab418}
p.info {background:#d1e4f3;border:1px dashed #4d8fcb}

/* List Styles */
ul.tick, ul.plus, ul.arrow, ul.nostyle {line-height:2.5;margin-right:20px;padding:0;list-style:none}

ul.tick li {background:url(images/icons/tick.png) no-repeat left center;padding-left:23px}
ul.plus li {background:url(images/icons/plus.png) no-repeat left center;padding-left:20px}
ul.arrow li {background:url(images/icons/arrow.png) no-repeat left center;padding-left:20px}

/* Quote */
p.quote {background:url(images/icons/quote.png) no-repeat left top;padding-left:30px;padding-top:7px}

/* Tabbed Content */
div.tabbed_content {clear:both}

div.tabbed_content div.tab_controller {float:left;clear:both}
div.tabbed_content div.tab_controller div {display:block;padding:5px 15px;margin-right:1px;float:left;cursor:pointer;}
div.tabbed_content div.tab_controller div.active {background:#ddd;color:#111;border-radius:7px 7px 0 0}

div.tabbed_content div.tab_contents {clear:both;border:1px solid #ddd;padding:10px;border-radius:0 0 7px 7px}
div.tabbed_content div.tab_contents div {display:none;color:#aaa}

/* columns */
div.half_first {width:49%;clear:left;float:left}
div.half_last {width:49%;clear:right;float:right}

div.one_third_first {width:32%;clear:left;float:left}
div.one_third {width:32%;margin-left:30px;float:left}
div.one_third_last {width:32%;float:right;clear:right}

div.one_fourth_first {width:22%;clear:left;float:left}
div.one_fourth {width:22%;margin-left:30px;float:left}
div.one_fourth_last {width:22%;margin-left:30px;float:left;clear:right}
/* End of Shortcodes */

table {
	border-bottom: 1px solid #ddd;	margin: 0 0 1.625em;	width: 100%;}
th {
	color: #666;	font-size: 10px;	font-weight: 500;	letter-spacing: 0.1em;	line-height: 2.6em;	text-transform: uppercase;}
td {
	border: 1px solid #ddd;	padding: 6px 10px 6px 6px;}

.select-menu {display:none}

/* =Fonts
-------------------------------------------------------------- */
body, input, textarea, .page-title span, .pingback a.url {font-family: Arial, "Bitstream Charter", serif;}
h3#comments-title, h3#reply-title, #access .menu, #access div.menu ul, #cancel-comment-reply-link, .form-allowed-tags, #site-info, #site-title, #wp-calendar, .comment-meta, .comment-body tr th, .comment-body thead th, label, tr th, thead th, .entry-meta, .entry-title, .entry-utility, #respond label, .navigation, .page-title, .pingback p, .reply, .widget-title, .wp-caption-text {font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;}
input[type=submit] {font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;}
pre {font-family: "Courier 10 Pitch", Courier, monospace;}
code {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}
iframe {max-width:100% !important}


/* =RESPONSIVE LAYOUT
-------------------------------------------------------------- */

/* Tablet Devices Resizing */
@media screen and (min-width:750px) and (max-width: 970px) {
	.wrap {width:740px}
	#main_content .wrap {width:700px}
	
	#middle_content_left {width:180px}
	#middle_content_right {width:180px}
	
	#middle_content_center {width:300px}
	
	#content_area {width:500px}
	#sidebar {width:180px}
	
	a.post_thumbnail {min-height:20px !important}
	a.post_thumbnail img {width:380px !important}
	
	.match_desc {width:305px}
	a.match_title {width:305px !important;font-size:14px !important}
}


/* Phone Devices Resizing */
@media screen and (max-width:750px) {
	.wrap {width:320px}
	#main_content .wrap {width:280px}
	
	#middle_content_left {display:none}
	#middle_content_right {display:none}
	
	#middle_content_center {width:100%}
	
	#content_area {width:280px}
	#sidebar {display:none}
	
	a.post_thumbnail {min-height:20px !important}
	a.post_thumbnail img {width:320px !important}
	
	a#logo {float:none;text-align:center;display:block;width:100%}
	
	#slider {display:none}
	
	.st-block-posts {width:100% !important}
	.st-block-post {width:100% !important}
	
	#footer .footer_sidebar {float:none;width:100% !important;margin-bottom:20px}
	
	#header #searchform {display:none}
	#header .social_icons {display:none}
	
	#navigation .menu {display:none}

	.select-menu {display:block;margin:10px 0;width:100%;float:left;background:#1d1d1d;color:#fff;padding:0 0 0 10px;height:50px;border:2px solid #333;}
	
	.st-block .st-block-misc .date {padding: 5px;display: block;float: left;color: white;width: 170px;}
	.st-block .st-block-misc .date .day {display: block;float: left;padding: 5px 10px;font-size: 30px;width: 40px;text-align: center;height: 35px;line-height: 1.2;margin-right: 10px;}
	.st-block .st-block-misc .date .month {display: block;float: left;padding: 3px 0px;font-size: 14px;width: 100px;text-align: center;height: 15px;line-height: 1;margin-bottom: 3px;}
	.st-block .st-block-misc .date .year {display: block;float: left;padding: 3px 0px;font-size: 14px;width: 100px;text-align: center;height: 15px;line-height: 1;}
	.st-block .st-block-misc .comments {padding: 5px;display: block;float: right;color: white;width: 85px;text-align: center;text-transform: uppercase;height: 45px;line-height: 1;text-shadow: 0px -1px 0 #216886;}
	.st-block .st-block-misc .comments span {font-size: 24px;margin-top: 5px;display: block;}
	
	.schedule_time {padding: 5px;display: block;float: left;color: white;width: 80px;height: 50px;margin-right: 5px;text-align: center;}
	.schedule_time .match_time {padding: 5px;display: block;font-size: 16px;margin-bottom: 3px;font-weight: bold;}
	.schedule_time .match_date {padding: 0;display: block;font-size: 10px;}
	
	a.match_title:link, a.match_title:visited {padding: 5px;display: block;float: left;color: white;width: 175px;text-align: left;font-size: 12px;text-decoration: none;line-height: 1;}
	.match_desc {display:none}
}