/*   
Theme Name: Saza Sports Theme
Theme URI: http://www.pixelapes.com/
Description: A special theme for the Saza Sport Website
Author: Alex Leonard
Author URI: http://www.pixelapes.com
Version: 0.1
*/

/* HIDDEN ELEMENTS */

#hd h1 a span, p.linklove, #jump, fieldset.cf_hidden {position: absolute;top: -3000px;left: -3000px;margin: 0;}

/* STRUCTURE ADJUSTMENTS */

#sidebar {width: 210px;}
.yui-t2 #yui-main .yui-b {margin-left: 270px;}

/* SITE ELEMENTS */

html {background: #333 url(images/saza-bkg.png) repeat-y center top; color: #DADADA;}
body {}
#hd {margin: 0 0 20px 0;height: 280px;position: relative; /*background: url(images/banners/built-for-sport.jpg) no-repeat right top;*/}
#hd h1, #hd h1 a {position: absolute;width: 200px; height: 80px;}
#hd h1 {top: 90px;}
#hd h1 a {color: #fff;text-decoration: none;color: #fff;font-size:165%; background: url(images/sazasport-logo.png) no-repeat top left;}
#banner {display: block; position: absolute; width: 730px; height: 280px; top: 0; right: 0;background: #000;}
#banner img {padding: 0; border: none; background: #000;}

#bd {padding: 20px 0;clear: both;}
.content-wrap {margin-right: 40px;}

#ft {
clear:both;
text-align:left; 
margin: 30px 50px 0 270px;
}

.ft-cont {
background: #161616; 
padding: 20px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

.clear {clear:both;}

/* LINKS */
a:link, a:visited {color: #43B0C9;}
a:hover, a:active {color: #54A404;}

a[href$=".pdf"] {background: url(images/icons/icon_pdf.gif) no-repeat left center; padding-left: 22px;}

/* TYPOGRAPHY */
body {font-family: "Bitstream Vera Sans", "DejaVu Sans", Verdana, Calibri, Arial, sans-serif;}
p#breadcrumbs {font: 108% FreeSans, "Nimbus Sans L", Calibri, Arial, Helvetica, sans-serif;}
#bd h1, h2, h3, h4, h5 h6, p, dl, table {margin-bottom: 15px;}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {text-decoration: none;color: #75D3CE;}
#bd h1, h2 {font-family: Impact, "Arial Black", "Trebuchet MS", Arial, sans-serif;}
#bd h1 {color: #EBEBEB;font-size: 197%; margin-bottom: 30px;letter-spacing: 1px;}
#bd h1.single {margin-bottom: 5px;}
h2 {color: #54A404;font-size: 143%;margin: 20px 0 10px 0;}

h3 {
font: bold 146.5% FreeSans, "Nimbus Sans L", Calibri, Arial, Helvetica, sans-serif;
margin: 20px 0 5px 0;
text-transform: uppercase;
color: #010E33;
background: #eee; 
padding: 2px 10px;
display: table;
}

h3.post-title {background: none; padding: 0;}

h3.post-title a {
background: #eee; 
padding: 2px 10px;
}

h3.post-title a:link, h3.post-title a:visited {color: #010E33; text-decoration: none;}
h3.post-title a:hover, h3.post-title a:active {color: #010E33; text-decoration: none; background: #E2EDD6; }

h4 {font-size: 116%;color: #212121;padding: 3px 5px;margin-right: 270px;border-top: 1px solid #212121;background: #D1DADB;margin-top: 15px;}

p {line-height: 131%;margin-bottom: 15px;font-size: 108%;text-align: left;}
strong, b {font-weight: bold;}
em {font-style: italic;}
blockquote {padding: 10px 0 10px 20px;margin: 0 0 0 20px;color: #333;background: url(images/quote.png) no-repeat left 10px;}

.post-wrap {margin-bottom: 25px;padding-bottom: 10px;}

.post-loop {border-bottom: 1px solid #444;}
p.post-meta {clear: both; font-size: 85%; text-transform: uppercase; margin: 5px 0 18px 0; letter-spacing: 1px;}

.continue-reading a {font-size: 93%; font-family: Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.continue-reading a span {font-weight: bold; font-size: 123.1%; position: relative; top: 2px}
.continue-reading a:link, .continue-reading a:visited {
color: #43B0C9;
background: #343434;
border: 1px solid #454545;
text-decoration: none;
padding: 2px 8px 3px 8px;
}
.continue-reading a:hover, .continue-reading a:active {
color: #54A404;
background: #383838;
}

/* IMAGES */
img {padding: 2px;border: 1px solid #54A404;background: #fcfcfc;}
.alignleft {float: left;margin: 0 20px 10px 0;}
.alignright {float: right;margin: 0 0 10px 20px;}
.aligncenter {margin-left: auto;margin-right: auto;}

.wp-caption p {
text-align: center;
font: 93% "Courier New", Courier, monospace;
margin: -4px 4px 0 0;
border: 1px solid #54A404;
background: #efefef;
padding: 2px 0 1px 0;
-moz-border-radius: 0 0 2px 2px;
-webkit-border-bottom-left-radius:2px;
-webkit-border-bottom-right-radius:2px;
color: #232323;
}

img.wp-smiley {float: none;border: none;margin: 0 3px 0 1px;padding: 0;}
img.no-border {border: none; padding: 0;}

/* VIDEO */

.vvqbox {
margin-top: 0;
border: 4px solid #000;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

#post-9 .vvqbox {
float: right; 
margin-left: 15px;
}

/* LISTS ETC */
.content-wrap ul, .content-wrap ol {margin: 10px 0 10px 20px;}
.content-wrap  ul li {display: list-item;list-style-type: square;margin: 0 0 3px 20px;}
.content-wrap ol li {list-style-type: decimal;font-size: 108%;margin: 0 0 4px 10px;}

/* WIDGETS */
.side {margin-top: -12px;}
.widget {padding: 0;margin-bottom: 30px;}
.widget ul {}

.widget ul li {
padding: 4px 38px 10px 0;
text-align: right;
}

h2.widgettitle {
border: none;
color: #fff; 
background: #54A404; 
margin: 0; 
padding: 2px 38px 2px 0; 
font-size: 182%;
text-align: right;
letter-spacing: 2px;
text-transform: uppercase;
margin: 0 0 8px 0;
}

.widget p {font-size: 108%;line-height: 116%;text-align: right; margin-right: 38px;}

/* nav widget */
.widget-navt ul li {font: 153.9% "Arial Black", Impact, "Trebuchet MS", Arial, sans-serif; text-align:right; padding: 12px 0;}
.widget-navt ul li a {padding: 12px 38px 12px 0; text-decoration: none;}
.widget-navt a:link, .widget-navt a:visited {color: #fff;}
.widget-navt a:hover, .widget-navt a:active {color: #54A404;}
.widget-navt ul li a.current_item, .page-news li.blog-page a, .page-home li.hometab a {background: url(images/current-nav.png) no-repeat right center;}

/* recent posts widget  */

.widget_recent_entries ul li a {
padding: 4px 0 4px 28px;
background: url(images/icons/tag.png) no-repeat left top;
}

/* social widget */

.widget-social img {
padding: 0; background: transparent; border: none;
}

/* CFORMS */

.cform {margin: 0;}
.cform ol, .commentform ol {margin: 20px 0 0 0;position: relative;}
.cform ol li, .commentform ol li {list-style-type: none;padding-bottom: 10px;position: relative;}
.cform ol li label, .cform ol li.cf-box-title, .commentform ol li label {
position: absolute;
text-align: right;
width: 150px;
padding: 4px 5px 3px 5px;
left: 0;
font: bold 108% FreeSans, "Nimbus Sans L", Calibri, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #010E33;
background: #eee; 
}
.cform ol li input, .cform ol li textarea, .cform ol li select, .commentform ol li input, .commentform ol li textarea {
padding: 4px;
width: 300px;
position: relative;
border: 1px solid #54A404;
background: #EAF2DF;
margin-left: 170px;
font: bold 100% "Nimbus Mono L", "TlwgMono", "Courier New", Courier, monospace;
}

.cform ol li textarea {height: 180px;}
.cform ol li.cf-box-group label {position: relative;padding: 0;background: none;color: #333;width: auto;text-align: left;}
.cform ol li.cf-box-group {position: relative;left:170px;}
.cform ol li.cf-box-group input {margin: 0 5px 0 2px;width: auto;background: transparent;border: none;left: 0;}
.cform input:focus, .cform textarea:focus {border: 1px solid #F8FF97;background: #fff;}
.reqtxt, .emailreqtxt {font-size: 85%;color: #8E3526;font-style: italic;padding-left: 10px;}
p.cf-sb {margin-left: 180px;}
input.sendbutton {padding: 2px 5px;}

/* COMMENTS */

ol#commentlist {
margin: 0;
}

#commentlist li {
list-style-type: none;
margin: 0 0 10px 0;
padding: 0;
background: #343434;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
position: relative;
border: 1px solid #434343;
}

img.avatar {position: absolute; right: 20px; top: 20px;}

.comment-content {margin: 20px 84px 10px 20px;}
#commentlist p.comment-meta {font-size: 85%; text-transform: uppercase; margin: 5px 0 18px 0; letter-spacing: 1px;}

#commentlist p {
font: 100% "Courier New", Courier, monospace;
margin: 0 0 5px 0;
}

/* FOOTER ITEMS */

/*#ft ul {margin: 0 20px 15px 20px;padding: 0 20px 10px 0;}
#ft ul li {margin: 0 2px 4px 0;list-style-type: none;display: inline;}*/
#ft p {color: #ccc;padding-bottom: 8px; font-size: 85%;}
#ft img {border: none;padding: 0; margin: 0 0 5px 0;}

/* THICKBOX FIXES */

#TB_title #TB_closeAjaxWindow #TB_closeWindowButton img, #TB_window #TB_closeWindow #TB_closeWindowButton img, #TB_load img {margin: 0;border: none;padding: 0;}
#TB_window #TB_caption {font-size: 108%;height: 40px;}
#TB_window #TB_secondLine {font-size: 100%;margin-top: 10px;}
#TB_load {-moz-border-radius: 10px;-webkit-border-radius: 10px;}