/*--------------------------------------------------
created: 14-04-2010
author: Freddy Kelly ~ GlobalGraphics Associates Ltd.
email: webmaster@globalgraphics.co.uk
website: http://www.globalgraphics.co.uk/
--------------------------------------------------*/

@import url("http://www.sportsgalore.co.uk/sportsgalore/reset/");
@import url("http://www.sportsgalore.co.uk/sportsgalore/type/");

body { text-align: center; }
a, a:active, a:hover, a:visited { color: black; text-decoration: none; }
a:hover { color: #3a4a9f; }

/* gothic font stack */
#nav li a, #pay-online a { font-family: "Century Gothic", "Trebuchet MS", Arial, Verdana, sans-serif; }

/* page layout */
#container { width: 960px; margin: 0 auto; text-align: left; }
#header { height: 200px; margin: 50px 0 15px 0; }
#content { width: 500px; float: left; margin-top: 10px; }
#aside, #bside { width: 210px; }
#aside { float: left; margin-right: 20px; }
#bside { float: right; margin-left: 20px; }
#footer { clear: both; }
* html #content, * html #aside, * html #bside { display: inline; } /* fix double margin float bug */

/* header */
#header { background: url(http://www.sportsgalore.co.uk/images/site/ui/header.jpg); position: relative; }
#header #logo { display: block; width: 277px; height: 147px; position: absolute; top: -20px; left: -40px; background: url(http://www.sportsgalore.co.uk/images/site/ui/logo.png); text-indent: -99999px; }
#header #phone { float: right; text-align: right; color: #ff0; font-size: 2em; font-style: italic; line-height: 1.1em; margin: 10px 10px 0 0; text-shadow: rgba(0,0,0,0.3) -1px -1px 0; }
#header #phone strong { display: block; }
#header #headline { position: absolute; bottom: 0; left: 0; width: 940px; height: 27px; padding: 3px 0 0 20px; margin: 0; color: #fff; font-size: 2.2em; font-style: italic; text-shadow: rgba(0,0,0,0.3) -1px -1px 0; background: url(http://www.sportsgalore.co.uk/images/site/ui/header_bottom.gif); }
#header ul { position: absolute; top: -30px; right: 0; font-size: 1em; }
#header ul li { display: inline; }
#header ul li a { border-left: 1px solid #000; }
#header ul li:first-child a { border-left: 0 none; }
#header ul li, #header ul li a { padding-left: 10px; }
#header ul li a:hover { text-decoration: underline; }

/* navigation */
#nav { margin-bottom: 20px; }
#nav li { margin-bottom: 10px; }
#nav li a { display: block; width: 200px; height: 25px; padding: 5px 0 0 10px; color: #fff; font-size: 1.4em; font-weight: bold; background-image: url(http://www.sportsgalore.co.uk/images/site/ui/navlink.png); background-position: 0 0; overflow: hidden; text-shadow: rgba(0,0,0,0.3) -1px -1px 0; background-color: green; } /* set default button colour */
#nav li a:hover { background-position: 0 100%; }
* html #nav li a { background-image: none; }

/* rounded boxes */
.bluebox, .purplebox { float: left; /* float to clear! */ width: 190px; padding: 60px 10px 10px 10px; color: #fff; margin-bottom: 20px; position: relative; } /* relative allows bottom div to be positioned */
.noicon { padding: 10px !important; }
.box-btm { position: absolute; bottom: 0; left: 0; width: 210px; height: 10px; }
* html .bluebox, * html .purplebox { padding-bottom: 9px; } /* fixes extra 1px ie6 can't handle */
.bluebox h4, .purplebox h4 { display: block; width: 150px; height: 60px; padding: 20px 60px 0 10px; position: absolute; top: -10px; right: -10px; background-repeat: no-repeat; background-position: 100% 0; } /* prevent heading going under icon */

/* blue rounded box */
.bluebox { background: #009997 url(http://www.sportsgalore.co.uk/images/site/ui/box_blue_top.gif) no-repeat 0 0; }
.bluebox .box-btm { background: url(http://www.sportsgalore.co.uk/images/site/ui/box_blue_bottom.gif); }

/* purple rounded box */
.purplebox { background: #3a4a9f url(http://www.sportsgalore.co.uk/images/site/ui/box_purple_top.gif) no-repeat 0 0; }
.purplebox .box-btm { background: url(http://www.sportsgalore.co.uk/images/site/ui/box_purple_bottom.gif); }

.bluebox ul li { background: url(http://www.sportsgalore.co.uk/images/site/ui/arrow_blue.gif) no-repeat 0 50%; padding-left: 15px; height: 1%; }
.bluebox a.more { float: right; background: url(http://www.sportsgalore.co.uk/images/site/ui/arrow_blue.gif) no-repeat 100% 50%; padding-right: 15px; color: #fff; font-size: 1.2em; font-weight: bold; }

/* box top right icons */
#we-offer h4 { background-image: url(http://www.sportsgalore.co.uk/images/site/icons/baseball.gif); }
#new-activities h4 { background-image: url(http://www.sportsgalore.co.uk/images/site/icons/new.gif); }
#latest-news h4 { background-image: url(http://www.sportsgalore.co.uk/images/site/icons/latest.gif); }
#pay-online h4 { background-image: url(http://www.sportsgalore.co.uk/images/site/icons/pay.gif); }

/* latest news box */
#latest-news ul { float: left; width: 100%; }
#latest-news ul li { float: left; width: 100%; background: none; padding-left: 0; margin-bottom: 10px; clear: both; }
#latest-news ul li h5 { font-size: 1em; color: #ff0; margin: 0; }
#latest-news ul li h5 span { display: block; font-size: 0.8em; color: #fff; }
#latest-news ul li p { margin-bottom: 0; }
#latest-news ul li p, #latest-news ul li a.more { font-size: 1em; }

/* newsletter subscription box */
#subscribe label { float: left; width: 50px; }
#subscribe input#name, #subscribe input#hkduui-hkduui { width: 130px; padding: 2px; margin-bottom: 10px; }
* html #subscribe input#name, * html #subscribe input#hkduui-hkduui { width: 126px; }
#subscribe input[type="submit"] { clear: both; float: right; }

/* pay online box */
#pay-online { height: 50px; background: url(http://www.sportsgalore.co.uk/images/site/ui/pay_online.jpg); }
#pay-online .box-btm { display: none; }
#pay-online h4 { font-size: 2.4em; }
#pay-online a { display: block; width: 200px; height: 23px; padding: 7px 0 0 10px; position: absolute; bottom: 0; left: 0; color: #fff; font-size: 1.4em; font-weight: bold; text-shadow: rgba(0,0,0,0.3) -1px -1px 0; }

/* headings, paragraphs & lists */
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6,
#content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a { color: #069b9d; font-weight: normal; }
#content h1, #content h1 a { font-size: 2.6em; /*font-style: italic;*/ }
#content h1 strong, #content h2 strong, #content h3 strong, #content h4 strong, #content h5 strong, #content h6 strong { color: #3a4a9f; font-weight: bold; }
#content h2 { font-size: 2em; }
#content h3 { font-size: 1.8em; }
#content h4 { font-size: 1.6em; }
#content h5 { font-size: 1.4em; }
#content h6 { font-size: 1.2em; }
.bluebox h4 { font-size: 1.8em; }
#content ul { margin-left: 10px; }
#content ul li { background: url(http://www.sportsgalore.co.uk/images/site/ui/bullet.gif) no-repeat 0 8px; padding-left: 15px; }
#content p a { border-bottom: 1px dotted #3a4a9f; }

/* news post list */
#news-list { margin: 0 !important; }
#news-list li { background: none !important; padding-left: 0 !important; margin-bottom: 20px; }

/* news post meta area */
.news-meta { float: left; /* float to clear! */ width: 100%; padding-bottom: 10px; border-bottom: 1px solid #ddd; margin-bottom: 10px; }
.news-meta h1, .news-meta h3 { margin: 0; float: left; }
.news-meta h1 a, .news-meta h3 a { color: #069b9d; }
.news-meta p { float: right; color: #555; margin: 0; }

/* events table */
.events { margin-bottom: 20px; }
.events caption { text-align: left; font-size: 2em; color: #fff; padding: 10px; background: #009997; border-top: 1px solid #008280; border-left: 1px solid #008280; }
.events th, .events td { padding: 10px; }
.events td { border: 1px solid #ddd; line-height: 150%; }
.events th { text-align: left; padding-left: 35px; background-color: #ddd; border-left: 1px solid #ccc; background-position: 10px 50%; background-repeat: no-repeat; font-weight: bold; }
.events tr:nth-child(even) td { background: #efefef; }
.events th.date { background-image: url(http://www.sportsgalore.co.uk/images/site/ui/date.png); }
.events th.location { background-image: url(http://www.sportsgalore.co.uk/images/site/ui/map.png); }
.events th.description { background-image: url(http://www.sportsgalore.co.uk/images/site/ui/magnifier.png); }

/* footer */
#footer { text-align: center; font-size: 0.8em; margin-bottom: 20px; }
#footer ul { margin: 0; }
#footer ul li { display: inline; margin: 0 5px; }
#footer p { width: 60%; margin: 0 auto 10px auto; }

/* default form style */
form.default fieldset { margin: 1em 0; padding: 1em; border: 1px solid #ccc; background: #f8f8f8; }
form.default fieldset legend { font-size: 1.2em; font-weight: bold; padding: 0 0.5em; color: #000; }
form.default fieldset label { float: left; width: 10em; }
form.default fieldset input[type="text"], form.default fieldset textarea { width: 200px; padding: 0.2em; border: 1px solid #bbb; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }
form.default fieldset input[type="radio"] { float: left; margin-right: 1em; }
form.default fieldset input[type="submit"] { float: left; clear: both; margin-top: 1em; }
form.default fieldset input:focus, form.default fieldset textarea:focus { background: #ffc; }

/* default table style */
table.default { border: 1px solid #bbb; margin-bottom: 1em; }
table.default th, table.default td { padding: 0.1em 1em; }
table.default caption { font-size: 1.2em; font-weight: bold; margin-bottom: 1em; }
table.default col { border-right: 1px solid #ccc; }
table.default thead { background: #ccc; border-top: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5; }
table.default tr:nth-child(even) td { background: #edf5ff; }
table.default tr:hover td { background: #9fc9ff; color: #fff; }
table.default thead tr:hover td { background: transparent; color: inherit; }

/* miscellaneous */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.hidden { display: none; }

/* image wrapping */
img.left { margin: 0 10px 10px 0; }
img.right { margin: 0 0 10px 10px; }

/* http://www.webtoolkit.info/css-clearfix.html */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }