/* 
Title:     TEAMWINGCHUN.CO.UK - Styles for Basic Site Structure
Updated:   12 October 2008
*/

/* ------------------------------------------------------------------------------------
-- OVERARCHING LAYOUT
------------------------------------------------------------------------------------ */

body {padding:0px; font-size:81.25%; font-family:arial, helvetica, sans-serif; color:#ddd; text-align:center; line-height:1.4em; background:#1d2327; align:center;}

#wrapper {padding:10px 0; margin:0 auto; text-align:left; width:900px;}
.container  {position:relative; width:100%; top:160px; margin:0 auto;}
 .container-alt {position:relative; width:900px; top:160px; margin:0 auto;}
.container-alt {border-color:#1d2327;}


/* ------------------------------------------------------------------------------------
-- BASE STYLES
------------------------------------------------------------------------------------ */

a:link, a:visited {color:#fff; text-decoration:underline;}
a:hover, a:focus, a:active {color:#d0af86; text-decoration:none;}

h2 {height:auto; display:block; margin:0 0 0.5em; font-size:150%; font-weight:normal; line-height:1.4em; color:#f90;}
h3 {height:auto; display:block; margin:0 0 0.5em; font-size:120%; font-weight:normal; line-height:1.4em; color:#f90;}
h4 {height:auto; display:block; margin:0 0 0.5em; font-size:105%; font-weight:normal; line-height:1.4em; color:#f90;}
h1 em {font-style:normal;}
p {margin:0.5em 0 1.25em;}

/* Common styles
----------------------------------- */

.top {clear:both; width:600px; padding:10px 0;}
.top a:link, .top a:visited {padding-top:15px; color:#fff; text-decoration:none;}
.top a:hover,.top a:focus, .top a:active {color:#d0af86; text-decoration:underline;}
.top b {color:#d0af86;}

.clink a:link, .clink a:visited {padding:0 20px 0 0; color:#fff; font-weight:700; line-height:15px; text-decoration:none; text-transform:uppercase; background:url(/graphics/link.gif) right center no-repeat;}
.clink a:hover, .clink a:focus, .clink a:active {color:#d0af86; text-decoration:underline; background:url(/graphics/link-hover.gif) right center no-repeat;}

.floatleft {float:left; padding:0px 20px; text-align:center; }
.floatright {float:right; padding:0px 20px; text-align:center; }

.img_center {text-align:center; padding:10px 0; margin:0 auto;}
.img_left {float:left; margin:10px 15px 10px 0;}
.img_right {float:right; margin:10px 0px 10px 15px;}
.clear {clear:both}
.strip {display:none;}

.game {text-align:justify;}
/* ------------------------------------------------------------------------------------
-- HEADER


------------------------------------------------------------------------------------ */

 #header {margin:45px 0px 0px 0px; position:absolute;  width:900px;  top:-6px; height:156px; background:url(/img/top.jpg) 0 0 no-repeat;  text-align:center;}
   
   #header .container {position:absolute; top:-10px; width:230px; height:156px;  right 10px no-repeat;}
/*logo*/
   #header a#logo {position:absolute; left:257px; top:0px; display:block; width:200px; height:150px; border:0; margin:0 0 5px 0; overflow:hidden;   z-index:400;}
   #header a#logo span {position:absolute; left:30px; top:0px; width:200px; height:150px; }
   #header a#logo:hover span, #header a#logo:focus span, #header a#logo:active span {}

/*h1 text*/ 
   #header h1 {position:absolute; left:250px; top:20px; display:block; width:570px; font-weight:bold; font-size:180%; line-height:1em; color:#fff;  text-align:center; letter-spacing:-1px;}
   #header h1 a, #header h1 a:visited {border-bottom:1px dotted #ddd; font-weight:700; text-decoration:none;}
   #header h1 a:hover, #header h1 a:focus, #header h1 a:active {border-bottom:1px solid #fff; color:#fff;}
   #header h1 em {font-size:55%; color:#fff; font-weight:normal; text-transform: none; letter-spacing:normal;}


/* Application & Contact forms
----------------------------------- */

#form-wrapper {margin:15px auto;}

   fieldset {padding:10px; border:1px solid #4a4a4a; margin:10px 0px 20px 0;}
	label {float:left; width:180px; padding:3px 20px 3px 0; line-height:normal; text-align:right;}
   .text input, .select select, .text textarea {float:left; width:350px; padding:2px; border:1px solid #4a4a4a; margin:0; font-family:helvetica, arial, sans-serif; font-size:100%; color:#f90; background-color:#111;}
	.text textarea {height:7em;}
	.select select {width:353px;}
   p.alert {padding:5px; border:1px solid #f00; font-size:105%; font-weight:700; color:#f00; background:#000;}
   .send-btn {padding-left:200px;}
	.send-btn input {/*width:auto; border:1px solid #4a4a4a; font-weight:700; color:#f90; text-transform:uppercase; cursor:pointer;*/}
   
   input:focus, select:focus, textarea:focus, input:active, select:active, textarea:active {border:1px solid #fff;}

/* ------------------------------------------------------------------------------------
-- SELF-CLEARING FLOATS
------------------------------------------------------------------------------------ */

#navMain:after,
#content:after,
#ads:after,
#footer:after,
#photobox:after,
.module:after,
.box:after,
.event:after,
.clink:after,
.top:after,
fieldset p:after {
	content:"."; display:block; height:0; font-size:0; line-height:0; clear:both; visibility:hidden;
}

/* ------------------------------------------------------------------------------------
-- FORUM
------------------------------------------------------------------------------------ */
b.code {color:#f90;}

p.zobrazit-diskuse {
text-align : right;
font-size : 80%;
margin : 0 40px 10px 0;
}
ul {
clear : both;
list-style-type : square;
margin-right : 15px;
}
table {
background-color : #111;
margin : 0;
padding : 0;
border-width : 0;
border : 1px solid #727171;
}
th {
background-color : #000;
font-size : 90%;
font-weight : bolder;
border : 1px solid #4A4A4A;
text-align : center;
}
td {
border : 1px solid #242424;
padding : 3px 3px 3px 3px;
}
.header {
margin : 0;
padding : 2px 10px 2px 10px;
font-size : 80%;
border : 1px solid #4A4A4A;
background-color : #111;
}
table textarea {
width : 95%;
}
table.diskuse-formular {
width : 100%;
}
table.diskuse-formular input.sender, input.reset {
width : 45%;
}
table.diskuse-formular td {
border : none;
}
table.diskuse-odkazy {

width : 100%;
}

/* ------------------------------------------------------------------------------------
-- FORUM LOGIN
------------------------------------------------------------------------------------ */
.log { margin:  40px 0px 40px 200px; }
.sub {margin:  0px 0px 0px 150px;}
.wrong {position:absolute; top:40px; left:250px; text-align : center;  font-size:105%; font-family:arial, helvetica, sans-serif; color:#EA0000; }
/* ------------------------------------------------------------------------------------
-- FORUMS
------------------------------------------------------------------------------------ */

/* ---------------------video---------------------------------- */

.smallfnt { font-size:80%; font-weight:100;}
/* ---------------------video---END------------------------------- */


.photo {margin: 0 0 0 200px;}
.podul {margin: 0 0 0 30px; color:#999;}
.paddi {margin: 15px 150px;}

.liul {margin: 0 0 0 200px; display:block; }
.liul2 {margin: 0 0 0 20px; display:block; }
.bila {color:#fff;}

.new { color:#f90; font-size:105%; font-weight:normal;}

.nadpis2 { position:relative; margin:  10px 0px 0px 150px; top:-10px; }
.nadpis3 { position:relative; margin:  10px 0px 0px 300px; top:-15px;}
.pata {text-align : center; padding : 20px; font-size:90%; font-family:arial, helvetica, sans-serif; color:#666;}
.forum { position:relative; margin:  0px 0px 20px 30px; top:5px; }
.alt4 {float: right; margin: 20px 0px 20px 40px; top:-25px; border-top:1px solid #333; border-bottom:1px solid #333; background-color:#20272b; width : 400px;}
.alt3 { float: right; margin: 20px 0px 20px 40px; top:-25px; border-top:1px solid #333; border-bottom:1px solid #333; background-color:#20272b; width : 400px;}
.alt { position:relative; margin: 20px 0px 0px 150px; top:-25px; border-top:1px solid #333; border-bottom:1px solid #333; background-color:#20272b; width : 300px;}
.forum_members {position:relative; margin : 0px 0px 0px 50px; top:5px;}
.alt2 { position:relative; margin:  10px 0px 0px 300px; top:-20px; border-top:1px solid #333; border-bottom:1px solid #333; background-color:#20272b; width : 230px;}
.forobr { float:right; padding: 0px 150px 0px 0px; left:100px; }
#homebox1 {float:left;  width:130px; padding:10px 0 10px 10px; background:#1d2327;}
.picture1 {position:absolute;  right:0; top:120px; border : 1px solid #ffffff; z-index:900;}
.picture2 {position:absolute;   right:120px; top:120px; border : 1px solid #ffffff; z-index:900;}
.logout { text-align : right;   margin:0 auto; position:absolute; top: 260px; right:20px; z-index:200;}
.users { position:absolute; top: 260px; left:20px; text-align : left;  margin:0 auto;}

.altnaviglig {position:absolute; top:-180px; right: 0; width: 50%; border-top:1px solid #333; border-bottom:1px solid #333; background-color:#20272b;   height: 19px; }
.pnavig {position:absolute; right:10px; margin:10px; top:-10px; width : 100%;}
.altnavig {position:absolute; top:3px; border-top:1px solid #333; border-bottom:1px solid #333; background-color:#20272b; width : 100%; height: 19px; }
.pnavig1 {position:absolute; margin:10px; top:-10px;}

.fot {margin:200px 0px 0px 0px;}
.only {position:absolute;  padding:10px; border-top:1px solid #333; border-bottom:1px solid #333; background-color:#20272b;   height: 11px; z-index:100;}
.altnavfot {position:absolute;  left: 0; width: 50%; margin:10px 0 0 0; border-top:1px solid #333; border-bottom:1px solid #333; background-color:#20272b;   height: 19px; z-index:100;}
.rules {position:relative;  left: 0em; width: 30%; margin:10px 0 0 0; border-top:1px solid #333; border-bottom:1px solid #333; background-color:#20272b;   height: 19px; z-index:100;}
.pata3 { text-align : right; margin: 0 0 10px 10px; font-size:90%; font-family:arial, helvetica, sans-serif; color:#ccc;}
.academi {position:absolute;  right: 0;  width: 30%; margin:10px 0 0 0; border-top:1px solid #333; border-bottom:1px solid #333; background-color:#20272b;   height: 19px; z-index:100;}
.pata1 {position:absolute; top:-7px; left:10px; text-align : left;  font-size:90%; font-family:arial, helvetica, sans-serif; color:#666;}
.pata2 {position:absolute; top:0px; right:10px; text-align : left;  font-size:90%; font-family:arial, helvetica, sans-serif; color:#ccc;}
.forumtop {position:absolute; top:70px; right:330px; font-size:250%; font-family:arial, helvetica, sans-serif; font-weight:bold;}
.alain {margin: 0 0px 0 230px;}

.justify {text-align:justify;}
/* ------------------------------------------------------------------------------------
-- Articles
------------------------------------------------------------------------------------ */
.prava {font-size:100%; font-family:arial, helvetica, sans-serif; text-align:justify; margin: 30px 0 0 0;}
.box {float:left; width: 40%; clear:both; position:relative; color:#606060 ; padding:10px 10px 10px 30px; border:1px solid #383838; margin:35px 20px 10px 0; background:#272727;}
.box11 {float:left; width: 40%; clear:both; position:relative; color:#606060 ; padding:10px 10px 10px 30px; border:1px solid #383838; margin:15px 20px 10px 0; background:#272727;}
.box2 {float:left; width: 40%; border-top:1px solid #333; border-bottom:1px solid #333; background-color:#20272b;padding:10px 10px 10px 30px;margin:10px 20px 10px 0;}

/* ------------------------------------------------------------------------------------
-- Events
------------------------------------------------------------------------------------ */
.events {padding: 20px;}
.altev{ position:relative; margin:  20px 0px 0px 300px;  border-top:1px solid #333; border-bottom:1px solid #333; background-color:#20272b; width : 350px;}
.project {font-size:100%; font-family:arial, helvetica, sans-serif; text-align:justify; margin:10px 0 0 50%; padding:5px; width :50%;}

/*-------------video--*/
.videoram {width: 700px; margin: 10px 0; height:350px;}
h2 {height:auto; display:block; margin:0 0 0.5em; font-size:110%; font-weight:normal; line-height:1.4em; color:#f90; padding: 0 0 0 10px;}
#videos {float:left; border-top:1px solid #333; border-bottom:1px solid #333; background-color:#20272b; width: 300px; padding: 5px;  margin: 0 10px 10px 0; }

#videos ul ul a:link, #videos ul ul a:visited {padding:0 20px 0 0; color:#fff;  text-decoration:none;  background:url(/graphics/link.gif) right center no-repeat;}
#videos ul ul a:hover, #videos ul ul a:focus, #videos ul ul a:active {color:#d0af86; text-decoration:underline; background:url(/graphics/link-hover.gif) right center no-repeat;}

#videoshow { float:right; margin: 0px 10px;  width: 560px; height: 400px;}
/* hide drop level and allow positioning */
   #videos ul { width:300px; padding:0 10px 20px 10px; margin:0 30px; z-index:110;}
   #videos ul ul {visibility:hidden; width:300px; height:0; padding:0; margin:0; z-index:110;}
/* reveal drop level when hover top level list/link */
   #videos ul :hover ul {visibility:visible; height:auto;}
   #videos ul ul li {width:auto; height:auto; line-height:1.3em; padding: 0 0 0 20px; margin:0px; background:none; display:block;}
   
#editm {width:570px; height:auto; line-height:1.3em;}
.send-btn1 {margin:10px 0 0 480px; padding: 10px 0;}
#editm label{padding: 5px 5px 0 5px;}
#editm1 {width:730px; height:auto; line-height:1.3em;}

/*-----admin edit------*/
#admin {padding: 10px; height: 200px; width:100%; }
.pnav {float: left; padding: 0 0 0 5px;}
#admin h3 {margin: 30px 0 0 0;}
#adda {margin: 0 0 0 150px;}
.add {width:150px; border: 1px solid #333; padding: 5px; margin: 50px 0 0 30px; float: left; background-color:#20272b; text-align:center; display:block;}
#admin a {display:block; text-decoration:none;}
#adminsec {float:left; padding: 0 0 0 20px;position:absolute; top:-180px; left: 0; width: 100px; border-top:1px solid #333; border-bottom:1px solid #333; background-color:#20272b;   height: 19px;}
#floatr{float:right; margin: 0 35px 0 0; color:#ccc;}

#backto {margin: 10px;}
#drak {height:300px; margin: 100px 0 0 0; background:url(/img/dragon.jpg) right center no-repeat;}
#letter {text-align:center; position:absolute; top:180px; left: 280px; width: 330px; height:auto; display:block; margin:0 0 0.5em; font-size:120%; font-weight:normal; line-height:1.4em; color:#f90; border:1px solid #333; background-color:#20272b;}
#infor {margin:5px 0 0 50px;}
#infor em {float:left; display:block; width:14px; height:15px; background:url(/img/i.gif) center no-repeat; padding: 5px 0 0 0;}
/*----------sdeminars*/
.boxsem {float:left; width: 45%; clear:both; position:relative; color:#606060 ; padding:10px 10px 10px 30px; border:1px solid #383838; margin:35px 20px 10px 0; background:#272727;}