/**
  Theme Name: Toms-sport.cz
  Theme URI: http://w3w.cz/
  Version: 1.0
  Author: Stuart Homfray, W3W
  Author URI: 
  Tags: fixed width, widget-ready, widgets, three columns, valid XHTML, valid CSS, single page
  Licence: 
  
  Description: The toms-sport.cz theme is a single browser page pulling content from WP page entries.

*/

/*======================================
	Reset
======================================*/
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, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend/*,
/*table, caption, tbody, tfoot, thead, tr, th, td */{
	margin: 0; padding: 0;
	border: 0; outline: 0; background: transparent;
	vertical-align: baseline; font-size: 100%;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}/* remember to define focus styles! */
ins {text-decoration: none;}/* remember to highlight inserts somehow! */
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */
strong, .strong { font-weight: bold; }
a img { border: none; }
abbr, acronym, .help {cursor: help; border-bottom: 1px dotted;}
abbr:hover, acronym:hover, .help:hover { border-bottom: 1px solid; }
input, textarea, select, option, table { font-size: 1.05em; }
sup, sub { font-size: 0.7em; vertical-align: baseline; position: relative; top: -0.6em; font-size: 0.8em\9 }

.ir { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.a-hidden { position: absolute; left: -999em; }

/* new clearfix */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

html { overflow-y: scroll; }
body { background: #619320 url('img/bg_tile.png') repeat 0 0; color: #fff; font-size: 1em; line-height: 1.6; font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, sans-serif; }
#canvas { background: url('img/bg.png') repeat-x bottom left; }

h3 { font-size: 1.6em; font-weight: normal; line-height: 1.1; }
ul { list-style-type: disc; padding: 8px 10px; margin-left: 5px; }
ol { list-style-type: decimal; padding: 8px 10px; margin-left: 1em; }
a { color: #fecb00; text-decoration: underline; }
a:hover, a:focus, a:active { text-decoration: none; }

.cf_hidden { display: none; }
form ol { list-style-type: none; margin: 0; padding: 15px 0 0; }
form li { padding: 0 0 10px; }
form li.cf-box-title { padding-bottom: 5px; }
form label { clear: left; float: left; width: 90px; text-align: right; font-size: 0.95em; margin-right: 15px; }
form input, form textarea { display: block; border: none; font: 1em/1.3 'Trebuchet MS', Trebuchet, Helvetica, Arial, sans-serif; width: 316px; padding: 2px; color: #fff; }
form textarea { overflow: auto; }
form .single, form .area, form select { width: 340px; background: #1a1a1a; border: 1px solid #808080; }
form .single:focus, form .area:focus, form select:focus { background: #2a2a2a; }
form input.cf-box-b { display: inline; width: auto; border: none; margin-right: 6px; }
form input.sendbutton { float: right; width: auto; background: #528824 url('img/bg_gradient_green.png') repeat-x 0 0; border: 1px solid #fff; padding: 2px 4px; font-size: 1.2em; }
form input.sendbutton:hover { background-position: 0 -6px; cursor: pointer; }
input[type="hidden"] { display: none; }
form .note { display: block; color: #ff828c; font-style: italic; padding-bottom: 5px; }
form br { margin-bottom: 10px; }
.reqtxt, .emailreqtxt { position: absolute; left: -999em; } 


  /**
    Nav
  */
  #nav { list-style: none; padding: 0; margin: 0; }
    #nav li { display: inline; padding: 0 10px 0 0; }
    /* Currently selected page nav item (and parent) if applicable */
    .current_page_item a, .current_page_parent a {  }
      .current_page_item a:hover, .current_page_parent a:hover {  }

  #primaryContent ul.nav { position: relative; width: 100%; text-align: right; font-size: 1.2em; padding: 0 0 10px; margin: 0; background: url('img/bg_separator.png') repeat-x 16px 100%; }
  	.nav a { text-decoration: none; color: #fff; }
	.nav a:hover, .nav a:focus, .nav a:active { text-decoration: underline; }
	.nav strong { color: #fecb00; font-weight: normal; }
  	.nav li { display: inline; margin-left: 0.9em; }
	.nav li.toplink { display: block; position: absolute; top: 0; left: 0; margin: 0; font-size: 0.8em; }


.section { width: 960px; margin: 0 auto; padding-bottom: 30px; }
#section-0, #section-2, #section-3 { width: 100%; }
.section .head, .section .inner { width: 960px; margin: 0 auto; }
.section .inner { width: 950px; }

#section-0 {  }
	#primaryContent #section-0 .head { position: relative; width: 960px; padding-top: 47px; }
	#section-0 .inner { position: relative; clear: both; width: 960px; margin-top: 0; }
	#section-0 .container-2 { float: left; width: 460px; }

#section-1 { padding-top: 30px; }
	#section-1 .inner li { width: 450px; padding: 0 10px 20px; float: left; display: inline; }
	#section-1 .inner li.first { clear: left; }
	#section-1 .inner li.last { padding-right: 0; width: 460px; }
		#section-1 .inner div { margin-left: -10px; width: 220px; float: left; display: inline; }
		#section-1 .inner h3 { margin-left: -10px; }
		#section-1 .inner li li { width: auto; float: none; display: block; padding: 0 0 0 12px; background: url('img/bullet-line.gif') no-repeat 0 0.8em; }
		#section-1 .inner li.last div, #section-1 .inner li.last h3 { margin-left: 0; }
		#section-1 .inner li h3 { font-size: 1.1em; }
			#section-1 .inner ul.ngg-list { float: right; width: 230px; display: inline; margin-top: 0; }
			#section-1 ul.ngg-list img { padding: 7px; background: #fff; margin-bottom: 5px; display: block; -moz-box-shadow: 2px 2px 3px #555555; -webkit-box-shadow: 2px 2px 3px #555555; box-shadow: 2px 2px 3px #555555; filter: progid:DXImageTransform.Microsoft.Shadow(color='#555555', Direction=135, Strength=3); zoom: 1; }
			#section-1 ul.ngg-list li { padding: 0; background: none; }

#section-2 { padding-top: 30px; padding-bottom: 40px; }
	#section-2 .inner ul { float: left; width: 460px; }
	#section-2 .inner li { background: url('img/bullet-ball.png') no-repeat 23px 0.3em; padding-left: 60px; }
	
#section-3 { background: #000; padding-top: 30px; }
	#section-3 .inner { padding-top: 25px; }
	#primaryContent #section-3 h3 { margin-top: 5px; }
	#section-3 form { float: left; width: 460px; padding-right: 45px; }
	#section-3 legend { width: 460px; white-space: normal; line-height: 1.3; font-size: 1.5em; font-weight: bold; color: #fecb00; }
	#section-3 p.cf-sb { clear: both; width: 450px; }


/**      main content     */
#primaryContent { padding: 0; margin: 0; background: url('img/bg_head.png') repeat-x 0 0; }
  #primaryContent h1 { padding: 0; margin: 0; float: left; }
  #primaryContent h2 { padding: 0; margin: 20px 0 10px; font-size: 2em; line-height: 1.2; text-shadow: 1px 1px 2px #222; }
  #primaryContent p { padding: 8px 0; }
  #primaryContent ul { list-style-type: none; margin: 10px 0; padding: 0; }

  /* titles are h2 on homepage and h1 for internal */
  #primaryContent h1.postTitle, #primaryContent h2.postTitle { font-size: 22px; }
  #primaryContent h3 { padding: 0; margin: 10px 0; font-size: 1.2em;}

#primaryContent .head { background: url('img/bg_dottedline.gif') repeat-x 0 100%; }
	#section-0 .head #intro { float: right; width: 470px; margin-top: 0; margin-right: 0; font-size: 1.6em; line-height: 1.2; text-shadow: 1px 1px 2px #222; }
		#section-0 .head #intro strong { color: #fecb00; }

  ol#posts { list-style: none; margin: 0; padding: 0; }
    li.postWrapper, div.postWrapper { }
      .postWrapper img { }
      div.post { }
      p.postMeta { }

  #pagination { list-style: none; margin: 0px; padding: 0px; }
    #pagination li { display: inline; }
    #pagination .previous { text-align: left; float: left; }
    #pagination .future { text-align: right; float: right; }


#footer { clear: both; font-size: 0.8em; padding: 10px 0; }
	#footer ul { width: 940px; margin: 0 auto; padding: 0; }
	#footer li { display: inline; margin: 0; line-height: 1.3; }
	#footer li.alignleft { margin-right: 15px; padding-right: 15px; min-width: 9em; }
	#footer li.alignleft.first { border-right: 1px solid #000; min-width: 1px; }
	#footer li.alignright { margin-left: 15px; padding-left: 15px; }
	#footer li.alignright.first { border-left: 1px solid #000; }
	#footer, #footer a { color: #000; }
	#footer .w3w a { float: right; width: 46px; height: 14px; overflow: hidden; position: relative; margin-top: 2px; margin-left: 1em; }
	#footer .w3w a img { position: absolute; top: 0; left: 0; }
	#footer .w3w a:hover img, #footer .w3w a:focus img, #footer .w3w a:active img { top: -31px; }

/** normally hidden but will appear when css disabled */
.skip, .noCss, .linklove { position: absolute; left: -9999px; }


#primaryContent h2 #formswitch { display: block; font-size: 0.3em; float: right; text-shadow: 0px 0px 0px #2F2A26; margin-top: 1.9em; }
#primaryContent h2 #formswitch a { display: block; background: url('img/flip_arrows.gif') no-repeat 0 100%; padding-left: 18px; }
#primaryContent h2 #formswitch a.show { background-position: 0 0.3em; }

#section-0 ul.logos { float: right; margin: 20px 10px 20px 0; padding: 4em 0 0; width: 420px; display: inline; }
#section-0 ul.logos li { width: 200px; display: inline-block; vertical-align: middle; text-align: center; margin-bottom: 40px; }

/** Form errors */
#primaryContent ul.cf_li_text_err { background: #400; color:#fff; font-size:0.8em; font-weight: bold; list-style-type: none; margin: 6px 0 1px 105px; width: 346px;  }
form ul.cf_li_text_err li { padding: 1px 10px 0; }
form .cf_li_err input.single, form .cf_li_err textarea {  }
form .cf_li_err input.single, form .cf_li_err textarea, form .cf_li_err select { border: 1px solid #400; }
.cf_info { margin: 20px 0 0; padding: 5px 8px; font-size: 1em; width: 455px; float: left; }
#section-3 .cf_info { clear: both; } 
#section-3 .failure { margin-left: 105px; }
#primaryContent .success { background: #426e1d; color: #fff; font-weight: bold; }


/**
  theme requirements as per 
  http://codex.wordpress.org/CSS
*/
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right;}