/* STYLE SHEET FOR Young Ireland Gaelic Football Club ~ Sydney, Australia
v1.02 20/07/2010
Created by Richie Coss
http://www.redroosterwebdesign.com */

/* ================ TABLE OF CONTENTS ======================

0. Site Resets
1. Generic Page Styles
2. Header
3. Body Container Styles
4  Image Styles
5. Header Styles
6. Image Slider
7. Twitter Styles
8. Footer
 

================================*/

/* ====================
COLOUR REFERENCE 
-----------------------
Background: #a3d6fd;
Font Colour: #333332;
Link Colour: #0179a5;
===================== */

/*==============================
0) Resets Courtesy of Eric Meyer 
================================*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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, sub, sup, 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;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;  display: block;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

#header h1 span,
#header ul strong span,
#footer ul strong span, h2 span { 
     float:left; margin-top:-9999px
}

* {margin:0; padding:0; list-style:none outside}

p {margin:0 0 1.2em 0}

article, aside, dialog, figure, footer, header, hgroup, menu, nav, section{display:block;}

html,body{height:100%;}
body{ background:#FFF;color:#000; font-weight: normal; font-style: normal; line-height:normal; font-family: 'FontinRegular', sans-serif ; font-size: 12px; letter-spacing:0.5px; }

@font-face {
	font-family: 'FontinSmallCapsRegular';
	src: url('fonts/fontin-smallcaps-webfont.eot');
	src:  url('fonts/fontin-smallcaps-webfont.woff') format('woff'), url('fonts/fontin-smallcaps-webfont.ttf') format('truetype'), url('fonts/fontin-smallcaps-webfont.svg#webfontguq8OHQK') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FontinRegular';
	src: url('fonts/fontin-regular-webfont.eot');
	src:  url('fonts/fontin-regular-webfont.woff') format('woff'), url('fonts/fontin-regular-webfont.ttf') format('truetype'), url('fonts/fontin-regular-webfont.svg#webfontdlWhgROp') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FontinItalic';
	src: url('fonts/fontin-italic-webfont.eot');
	src:  url('fonts/fontin-italic-webfont.woff') format('woff'), url('fonts/fontin-italic-webfont.ttf') format('truetype'), url('fonts/fontin-italic-webfont.svg#webfontP4C5BYHO') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FontinBold';
	src: url('fonts/fontin-bold-webfont.eot');
	src:  url('fonts/fontin-bold-webfont.woff') format('woff'), url('fonts/fontin-bold-webfont.ttf') format('truetype'), url('fonts/fontin-bold-webfont.svg#webfontbUseX6sM') format('svg');
	font-weight: normal;
	font-style: normal;
}
a{color:#1A9BBC;}
a:hover{text-decoration:none;}
a:focus{outline:1px dotted;}
a img{border:2px solid #EAECED;}
a:hover img{border:3px solid #1EB4DA;}
b{display:block;font-size:1.3em;padding-bottom:10px;}

hr{border:1px dotted #ccc;clear:both;height:0;}
img.img_left{float:left;border:3px solid #EAECED;margin:0 10px 10px 0;}

h1, h2, h3, h4, h5, b{font-weight:normal;text-transform:uppercase;}
h1{font-size:2.8em;font-weight:bold;margin-bottom:5px;}
h2{color:#1A9BBC;font-size:1.7em;margin-bottom:10px; text-transform: none;}
h3{ border-top: dashed 1px #ffbb00; border-bottom: dashed 1px #338b27;  color:#338b27; background-color: #efefef; font-family:"Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif;font-size:1.4em;margin-bottom:30px;padding:6px 10px;}
h4{font-size:1.4em;margin-bottom:5px; font-weight: bold;}
h5{color:#96C81F;font-style:italic;font-size:1.1em;margin-bottom:8px;margin-top:-5px;text-transform:none;}
#home h2{color:#FFF;font-size:2.2em;font-family:"Myriad Pro", Helvetica, Arial, sans-serif;font-weight:bold;letter-spacing:2px;margin-bottom:20px;}
#home h3{margin-bottom:10px;}
p, li { font-size: 1.23em; }
ol{list-style:decimal;}
ul{list-style:disc;}
li{margin-left:30px;}

p, dl, hr, ol, ul, pre, table, address, fieldset{margin-bottom:20px;}

.wrapper{margin:0 auto;max-width:960px;}


.breaker{margin-bottom:25px;width:100%;}

.breaker_bottom{margin-bottom:0;margin-top:50px;}

.background{background: url(../images/background/background-large.jpg) #000 top center no-repeat; margin: 0 0 25px 0}

.two-thirty{width:230px; float:left;position:relative;margin-left:5px;margin-right:5px;}

.six-seventy {width:670px; float:left; position:relative; margin-left:5px; margin-right:5px; padding-right:40px;}

.right-col{width:430px; float:left; position:relative; margin-left:5px; margin-right:5px;}

.left-col {width:470px;  float:left; padding-right:40px; position:relative; margin-left:5px; margin-right:5px; }

.full-width{width:950px; display:inline;float:left;position:relative;margin-left:5px;margin-right:5px;}


.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
header{color:#FFF;font-size:1.2em;padding:28px 0 0 0;}
header a img, header a:hover img{border:none;}
header li{display:inline-block;font-size:13px;}
header li a{color:#FFF;text-decoration:none;}






header nav ul { position: relative; top: 60px; left: -100px; padding: 5px 0 0 0; font-size: 1.2em;    }
header nav li {font-family:"Myriad Pro", Helvetica, Arial, sans-serif; font-size:1.4em;  line-height:1em; list-style:none;  }
header nav li a { color:#006400;   }
header nav a:hover {text-decoration:none; color: #000; }

.two-thirty  ul { position: relative;  padding: 0px 0 0 0; font-size: 2em;    }
.two-thirty li {font-family:"Myriad Pro", Helvetica, Arial, sans-serif; font-size:1.4em;  line-height:1em; list-style:none; text-decoration: none;  }
.two-thirty li a { color:#006400;  padding:2px 2px 2px 2px;   text-decoration: none; text-align: center; }
.two-thirty  a:hover {text-decoration:none;  color: #ff0; }


img{border:2px solid #EAECED;}

article{margin-top:25px;}
article h2 { font-size: 1.2em; padding: 4px; padding-left:44px;}
article h3 { background: none; color: #444; font-size:14px; margin-bottom:5px; margin-left: 0; padding-left: 0; }
article header p { color: #999; margin-top: -5px; padding-left:40px; text-align:left; }
article footer{text-align:right;}
article footer p{margin-bottom:0;}

aside { background:url(/images/interface/aside_bg.gif) no-repeat 15px 0; min-height: 534px; }

.address, .tel, .email { font-size: 16px; }

.email { padding-bottom: 15px;}

footer{color:#ccc;padding-top:5px; width: 100%; background-color: #fff; height:auto;}
footer p { font-size:1.2em; padding: 0 0 5px 0; text-align: center; }
footer li{list-style:none;text-align:right;}
footer a{color:#96C81F;}





/*Contact page map*/
#map_wrapper { float: right; padding-bottom: 20px; }
#map { border: 5px solid #CCC; height: 110px; overflow: hidden; width: 405px; }
#map span { display: none; }

/*Results/League Table*/

#tables  {  text-decoration: none; margin: 0; font-weight: normal; float: right; margin-bottom:20px;  }
	
table#leaguetable, table#leaguetable th, table#leaguetable td { border-color: #006f03; border-spacing: 0px; padding: 0px 0px 0px 0px; border-collapse: collapse; width: auto; }

table#leaguetable, table#calendar { background-color: #F0FFF0; }

table#leaguetable th, table#leaguetable th a, table#calendar th, table#calendar th a { background-color: #338b27; color:#FFFFFF; -moz-border-radius: 0px 0px 0px 0px;
text-align:center; text-decoration: none; }

table#leaguetable td { width: 48px; -moz-border-radius: 0px 0px 0px 0px; text-align:center; }

table.calendar td { -moz-border-radius: 0px 0px 0px 0px; text-align:center; }

table#leaguetable td#leaguename { width: 100%; }

table#leaguetable td#leaguename a { font: normal 1.2em/1.3em arial, verdana, helvetica, sans-serif; color: #ae8809; text-decoration: none; }

table#leaguetable tr#even { background-color:#D0FFD0;  }

table#leaguetable tr:hover, table#leaguetable tr#even:hover, table#leaguetable td#leaguename a:hover, table#leaguetable td a:hover {
	background-color:#B0FFB0;
	cursor: pointer;
}
table#leaguetable td#leaguetableclub, table#leaguetable th#leaguetableclub { width: auto; text-align:left; font-size: 1.4em; padding: 0 0 0 5px;
}

th { font-size: 1.4em; margin: 0 5px 0 0 }

td { font-size: 1.2em; }

/*slider*/

#slideshow { position:relative; border: 5px solid #fff; overflow: hidden; max-height: 280px; max-width: 940px; display: block;float:left; margin: 30px 5px 30px 5px; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px; display:block; behavior: url(PIE.htc); }
#slideshow img { display: block; margin: 0; }


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 600px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

#gallery {
		width: 670px; position: relative;  background: #444;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		position: relative;
		left: -25px;
		
	}
	#gallery ul a:hover img {

		color: #fff; 	-webkit-box-shadow: 0px 0px 2	2px #000;
    -moz-box-shadow: 0px 0px 22px #000;
    box-shadow: 0px 0px 22px #000;

	}
	#gallery ul a:hover { color: #fff;  }
	
	input, textarea { 
	padding: 8px;
	border: 1px solid #000;
	outline: 0;
	font: normal 18px/100% Verdana, Tahoma, sans-serif;
	width: 300px;
	background: #000000 url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#ffffff), color-stop(4%, #eeeeee), to(#ffffff));
	background: -moz-linear-gradient(top, #ffffff, #eeeeee 1px, #ffffff 25px);
	-webkit-box-shadow: 0px 0px 12px #000;
    -moz-box-shadow: 0px 0px 12px #000;
    box-shadow: 0px 0px 12px #000;
	}

textarea { 
	width: 500px;
	max-width: 620px;
	height: 150px;
	line-height: 150%;
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 12px;
	
	}

.form label { 
	margin-left: 10px; 
	color: #444444; 
	}

.submit input {
	width: auto;
	padding: 9px 15px;
	background: #617798;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	
img.left-contact-img{ /* Float any image to the LEFT and give it some margin */
	font-size:1em;
	float:left;
	padding:4px;
	border:0px solid #166401;
	margin-bottom:.5em;
	margin-right:.5em;
	margin-top:0.3em;
	margin-left:1em;
}

img.left-img{ /* Float any image to the LEFT and give it some margin */
	font-size:1em;
	float:left;
	padding:4px;
	border:1px solid #166401;
	margin-bottom:.5em;
	margin-right:.5em;
	margin-top:0.3em;
}

img.right-img{ /* Float any image to the RIGHT and give it some margin */
	font-size:1em;
	float:right;
	padding:4px;
	border:1px solid #166401;
	margin-bottom:1.8em;
	margin-left:1em;
	margin-right:1em;
}

img.center-img{ /* Float any image to the RIGHT and give it some margin */
	font-size:1em;
	float:left;
    padding:4px;
	border:0px solid #166401;
	margin-bottom:1.8em;
	margin-left:17em;
	margin-right:24em;
}
img.right-contact-img{ /* Float any image to the RIGHT and give it some margin */
	font-size:1em;
	float:right;
	padding:4px;
	border:0px ;
	margin-bottom:.5em;
	margin-left:.5em;
	margin-top:0.3em;
	margin-right:1em;
}
img.facebook-img{ /* Float any image to the RIGHT and give it some margin */
	font-size:1em;
	float:left;
	padding:4px;
	border:0px;
	margin-bottom:1.8em;
	margin-left:0em;
	margin-top:0em;
	margin-right:1em;
}
img.youtube-img{ /* Float any image to the RIGHT and give it some margin */
	font-size:1em;
	float:left;
	padding:4px;
	border:0px;
	margin-bottom:1.8em;
	margin-left:12em;
	margin-top:0em;
	margin-right:1em;
}

blockquote p{
	font-size:1.2em!important;
	line-height:1.5em!important;
	margin-bottom:1.5em!important;
	font-style:italic;
	font-weight:bold;
}
blockquote p cite{
	font-style:normal;
}