/* Portsmouth & Havant Badminton Association CSS */
 /* Alan Officer www.alanodesign.co.uk 2008-2009*/

/*  all media  */
@media all
{

* { margin:0; padding:0; }
* { font-family: Arial, Helvetica, sans-serif; }

html, body, div, span, 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, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, thead, th, tr, td, tfoot, applet, object { 
vertical-align: baseline; border: 0; outline: 0; 
font-weight: inherit; font-style: inherit; font-size: 100%; }

body { line-height: 1; }
blockquote:before, blockquote:after,q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
cite { font-style: italic; font-size: 100%; margin: 1.5em 0 0 0; line-height: 1.5em; }

#printheader { display: none; }
.printonly { display: none; }

/* POSITIONING */
/* Acknowledgements: this page uses some positioning styles courtesy of matthewjamestaylor.com */

/* column container */
.colmask { 
position:relative; /* This fixes the IE7 overflow hidden bug */
 clear:both; float:left; width:90%; margin-left:100px; overflow:hidden; /* This chops off any overhanging divs */ }

* html .colmask { margin-left:52px; } /* for IE 6 */

/* common column settings */
.colright,.colmid,.colleft { float:left; width:100%; position:relative; }
.col1,.col2,.col3 { float:left; position:relative; padding:0 0 1em 0; overflow:hidden; }

/* layout specific settings */
.fullpage { background:#fff; }
.fullpage .col1 { width:90%; left:2%; }
.doublepage { background:#fff; }
.doublepage .colleft { right:50%; background:#fff; }
.doublepage .col1 { width:46%; left:52%; }
.doublepage .col2 { width:46%; left:56%; }
.leftmenu { background:#fff; }
.leftmenu .colleft { right:75%; background:#FFF; }
.leftmenu .col1 { width:71%; left:102%; }
.leftmenu .col2 { width:21%; left:6%; }
.rightmenu { background:#fff; }
.rightmenu .colleft { right:25%; background:#fff; }
.rightmenu .col1 { width:71%; left:27%; }
.rightmenu .col2 { width:21%; left:31%; }
.blogstyle { background:#fff; }
.blogstyle .colmid { right:25%; background:#f4f4f4; }
.blogstyle .colleft { right:25%; background:#fff; }
.blogstyle .col1 { width:46%; left:52%; }
.blogstyle .col2 { width:21%; left:56%; }
.blogstyle .col3 { width:21%; left:60%; }
.threecol { background:#fff; }
.threecol .colmid { right:25%; background:#fff; }
.threecol .colleft { right:50%; background:#f4f4f4; }
.threecol .col1 { width:46%; left:102%; }
.threecol .col2 { width:21%; left:31%; }
.threecol .col3 { width:21%; left:85%; }

/* 'widths' sub menu */
#layoutdims { clear:both; background:#FFF; background:#yellow; margin:0; padding:6px 15px !important; text-align:right; }

 /* General styles */
 body { margin:0; padding:0; border:0; width:100%; min-width:600px; }
 p { font-size:90%; line-height: 1.2em; margin: 0.5em 0 0 0; }

/* LINKS */

a { color:#369; }
a:hover { text-decoration:none; }

/* TYPOGRAPHY */

h1 { font-size:1.5em; font-weight: bold;}
h2 { font-size:1.2em; font-weight: bold;}
h3 { font-size:1.05em; font-weight: bold;}
h4 { font-size:0.95em; }
 h1, h2, h3 { margin:.8em 0 .2em 0; padding:0; }

/* IMAGING */

img { border: none; margin:10px 0 5px; }
img.imageleft { float: left; margin: 4px 1.2em 4px 0; }
img.imageright { float: right; margin: 4px 0 4px 1.2em; }

/* TABLES */

table { border-collapse: separate; border-spacing: 0; }
* html table { border-collapse: collapse; } /* for IE 6 */
* + html table { border-collapse: collapse; } /* for IE 7 */

caption, th, td { text-align: left; font-weight: inherit; }
th,td { padding: 2px 2em 2px 4px; font-size: 1.0em; }
th { text-align:left; padding: 4px 1em 2px 4px; font-size: 0.8em; background-color:#1249c8; color:#FFFFFF; }
table.fixtures tr td { text-align:left; padding: 2px 1em 2px 0; font-size: 0.8em; }
table.bordered { border: thin solid black; }

/* League Table styles */
table.results { margin: 0; padding: 0 20px 1em 4px; }
table.results th { border: none; padding: 4px 2em 0 0; font-size: 0.95em; }
table.results td { border: none; padding: 4px 2em 0 0; font-size: 0.95em; }
table.results caption { font-weight: bold; font-size: 1.06em; margin: 0.5em 0; }

table.tables { margin: 0; padding: 0 20px 1em 4px; }
* html table.tables { margin: 0 20px 2em 4px; padding: 0 20px 1em 4px; } /* for IE 6 */
* + html table.tables { margin: 0 20px 2em 4px; padding: 0 20px 1em 4px; } /* for IE 7 */

table.tables th { border: none; padding: 4px 1em 0 0; font-size: 0.9em; text-align:right; width: 1em; }
table.tables td { border: none; padding: 4px 1em 0 0; font-size: 0.9em; text-align:right; width: 1em; }
table.tables caption { font-weight: bold; font-size: 1.06em; margin: 0.5em 0; }
table.tables .lt_team { width: 12em; text-align:left; }
table.tables .lt_notes { width: 40em; text-align:left; }

/* GOOGLEMAP */

#googlemap { width: 340px; border: thin solid black; vertical-align:top; }
#googlemap tr td { border: thin solid black; vertical-align:top; padding: 0; margin: 0; }
#map { width: 340px; height: 500px; }
#side_bar { width: 340px; margin:0 0 0.5em 0; ; padding:0; }
#side_bar a { font-size: 0.94em; line-height:1.3em; }

#side_bar ul li { display:inline-block; overflow:hidden; word-wrap:break-word; padding: 0 0.8em 0 0; }
* html #side_bar ul li { display:inline; } /* for IE 6 */
* + html #side_bar ul li { display:inline; } /* for IE 7 */


/* LISTS */

ol, ul { list-style:none; list-style-position: outside; margin:0.7em 0 0 1em; }
ul.italic { font-style: italic; margin: 1.5em 0 0 0; }
li { padding: 0.2em 0; margin: 0; font-size:0.9em; list-style-type:disc; }

ol.doc li { list-style-type:decimal; padding: 0; margin:0 0 0 2em; text-indent:0; }
ol.doc li ol li { list-style-type: lower-alpha; padding: 0 0 0 0; margin:0.7em 0 0 1em; list-style-position:inside; }
ol.doc li ol li ol { padding: 0.5em 0 0 0.2em; margin:0; }
ol.doc li ol li ol li { list-style-type:decimal; padding: 0.5em 0 0 2em; margin:0; line-height: 1.4em; }

ol.rulesdoc li { list-style-type:decimal; padding: 0; margin:0 0 1.6em 2em; text-indent:0; }
ol.rulesdoc li ol li { list-style-type: lower-roman; padding: 0 0 0 1em; margin:1em 0 0 2em; list-style-position:outside; }

.col1 ol.toc li { margin-bottom: 1.5em; }
.col2 ol.toc li { margin-bottom: 0.15em; }
ol.toc { counter-reset: section; }
ol.toc li { list-style-type:decimal; list-style-position:inherit; padding: 0; margin:0 0 0 2em; text-indent:0.5em; }

ol.doc li ul li { list-style-type:disc; padding: 0 0 0.5em 2em; margin:0; list-style-position:inside; }

/* Header styles */
#header { clear:both; float:left; width:100%; margin: 1em 0 1em 0; }
#header img { float: left; display:inline-block; }
#header h1 { padding:0.4em 1px 1px 15px; margin:0; width: 600px; display:inline-block; }
#header p { padding:0.4em 0 0 15px; margin:0; }
#header ul { clear:left; float:left; width:100%; list-style:none; margin:10px 0 0 0; padding:0; }
#header ul li { display:inline; list-style:none; margin:0; padding:0; }
#header ul li a { display:block; float:left; margin:0 0 0 1px; padding:3px 5px; text-align:center; 
background:#1249c8; color:#FFFFFF; text-decoration:none; position:relative; 
left:15px; line-height:1.3em; }
#header ul #currentpage a { background: #000033; color:#FFFFFF; }
#header ul li a:hover { background:#397eff; color:#f0e572; }
#header ul li a.active,#header ul li a.active:hover { color:#000000; background:#397eff; font-weight:bold; }
#header ul li a span { display:block; }

/* Footer styles */
#footer { clear:both; width:100%; border-top:1px solid #000; padding:10px; margin:0; }

}

@media print
{
/* <!-- */
/* General styles */
* {font-family: "Times New Roman", Times, serif; }

.noprint {display: none; }

#printheader {display: block; }
#header ul {display: none; }
#printheader img { float: right; }

/* layout specific settings */

.colmask { width:100%; margin-left:0; }
.fullpage .col1 { width:100%; left:0; }

.doublepage .colleft { right:50%; }
.doublepage .col1 { width:50%; left:50%; }
.doublepage .col2 { width:50%; left:50%; }

.leftmenu .colleft { left: 0; right: 100%; }
.leftmenu .col1 { width:100%; left:0; }
.leftmenu .col2 {display: none; }

.rightmenu .colleft { right:25%; }
.rightmenu .col1 { width:71%; left:27%; }
.rightmenu .col2 { width:21%; left:31%; }

.blogstyle .colmid { right:25%; }
.blogstyle .colleft { right:25%;  }
.blogstyle .col1 { width:46%; left:52%; }
.blogstyle .col2 { width:21%; left:56%; }
.blogstyle .col3 { width:21%; left:60%; }

.threecol .colmid { right:25%;  }
.threecol .colleft { right:50%;  }
.threecol .col1 { width:46%; left:102%; }
.threecol .col2 { width:21%; left:31%; }
.threecol .col3 { width:21%; left:85%; }
}