/* 
* CSS Document
* Pontypridd Town AFC v1.0
* main.css
* 
* css/main.css
* 
* Author    :   Lee Driscoll
* Copyright :   (c) Pontypridd Town AFC & Lee Driscoll
* Created   :   Wed 09 Sep 2009
*
* Colours	:	#333333 - [dark grey] body text
				#FF0000 - [red] link colour
				#AD0000 - [dark red] hover link
				#FF5353 - #640303 [gradient]
				#f0f0f0 - grey boxes background color
				#ebebeb - page bk
				#b3b3b1 - box borders
				#d9d9d9 - [light grey] borders used for boxes with css rounded corners - scrapping.
*/

/*  p71Town*/

/* =============================================================================================== */
/* = Global CSS = */
/* =============================================================================================== */

/* * {margin:0; padding:0; }*/
html, body, div, dl, dt, dd, ul, li,  h1, h2, h3,  pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }

html, body {height: 100%;} /* sticky footer */

body{background:#ebebeb;  font-family: 'Lucida Grande', 'Lucida Sans Unicode',sans-serif; font-size:13px; color:#434343;margin:0; }

h1, h2, h3, h4, h5, h6 {font-family:'Lucida Grande', 'Lucida Sans Unicode'; font-weight:normal;color:#000;}

h1{text-indent: -9999px; display: none;}
h2 {font-size:32px; margin: 0 0 15px;  }
h2.small { font-size:22px; margin-bottom: 15px; }
h3 {font-size:16px; margin:0 0 10px; font-weight:bold;}
h3.small {font-size:13px; margin:0 0 0px; font-weight:bold;}
h4 {font-size:14px; margin:0 0 10px; font-weight:bold;}
h5 {font-size:12px; margin:0 0 10px; font-weight:bold;}

input {margin:0 0 10px 0;}
p {line-height:18px; margin:0 0 15px 0; }

ul { margin:0px 0 25px 0px; padding:0 0 0 10px;}

a {color:#FF0000; text-decoration:none; font-weight:normal; }
a:hover { color: #AD0000; }
img { border: none; }

/* custom classes */
.skip {height: 1px; width: 1px;	overflow: hidden; position: absolute;visibility: hidden;}
.arrow-link { padding-left: 18px; background: url('../img/arrow13.gif') center left no-repeat; } /* back to the top*/

/* typography related */
.light { color: #777; }
.lighter { color: #ccc; }
.center {text-align:center; margin-left:auto; margin-right:auto;}
.bold{font-weight: bold;}
.red{color:#FF0000;}
.white{color:#fff;}
.display_none{text-indent: -9999px;}

/* =============================================================================================== */
/* = The CSS Grid = */
/* =============================================================================================== */

.col-1, .col-2, .col-3, .col-4, .col-4-5, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {margin-right:35px; float:left;}
.col-12 { margin-right:0px;}

.col-12 {width:925px;}
.col-11 {width:845px;}
.col-10 {width:765px;}
.col-9 {width:685px;}
.col-8 { width:605px;}
.col-7 {width:525px;}
.col-6 {width:445px;}
.col-5 {width:365px;}
.col-4-5 {width:307px;}
.col-4 {width:285px;}
.col-3 {width:205px;}
.col-2 {width:125px;}
.col-1 {width:45px;}

/* custom class for pages with side navigation */
.col-3_side_nav{margin-right:30px; margin-left: -30px;}

.last {margin-right:0 !important;}

.margin-bottom {margin-bottom:10px; }

.l { text-align: left; }
.r { text-align: right; }
.left{float:left;}
.right{float:right;}
.clear {clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; }

hr {color:#ebebeb; background:#ebebeb;border:0px; height:1px;margin-bottom:25px;clear:both;}

/* =============================================================================================== */
/* = Layout General = */
/* =============================================================================================== */
#wrapper {min-height:100%; height:auto !important;height:100%;margin:0 auto -250px;/* neg val of footer height*/ min-width: 1000px;}
#content_wrapper{background: #ebebeb url('../img/layout/content-bg.jpg') top left repeat-x; margin: 0; padding:0;}
#content {padding:20px 0 0;}
#content_wrapper .content{padding-top: 20px;}

/* all content areas that are outside of grid but need to be centered with correct width */
.content { width:925px; margin: 0 auto; display: block; /*padding:0px 20px;*/ }
.content:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

.content ul li { margin:0 15px 10px 0; list-style-type:none;}
.content ul.grey li {background: url('../img/layout/greybullet.gif') no-repeat top left; padding:0 0 0 15px;color:#434343;}
.content ul.white li{background: url('../img/layout/whitebullet.gif') no-repeat top left; padding:0 0 0 15px;color:#434343;}
.content ul.resources li{background:  #fff url('../img/layout/download.gif') no-repeat top left; padding:1px 2px 1px 27px; margin: 2px;}
.content ul.resources li a:hover{text-decoration: underline;}

#header.frontpage { background: #b70606 url('../img/layout/bg-header-homepage.gif') top left repeat-x; height: 352px; text-align: center;}
#container.frontpage { background: #fff url('../img/layout/bg-grey-top-white-bottom.gif') top left repeat-x; border-top: 1px solid #fff; padding-top: 30px; }
#banner { height:75px; padding:25px 0 5px 0; background: url('../img/layout/bg-pagebanner.gif') repeat-x; } /* red banner used on all sub-pages */

/* the contact info on the red banner */
/*
#banner #contact-us {float:right; margin-top:5px;}
#banner #contact-us img { display:block; float:right;}
#banner #contact-us p { margin:0 0 5px 0;font-size:22px; color:#FFF;  text-shadow: 1px 1px 2px #3c7710; font-family: "Helvetica Neue", sans-serif; font-weight: 200; margin:0 0 7px 0; text-align:right;}
#banner #contact-us a.emailus { height:22px; width:68px; clear:both; background:url('../img/buttons/btn-emailus.gif') no-repeat; float:right; overflow:hidden; text-indent:-99999px;}
#banner #contact-us a.emailus:hover { background-position: 0px -31px;}
*/

/* =============================================================================================== */
/* = Header Navigation = */
/* =============================================================================================== */

#page_header {height:41px; padding-top:13px; background: #212121 url('../img/layout/bg-top-bar.gif') top left repeat-x; } /* this contains the main nav */
#page_header .logo  {display:block; position: relative; margin-top: -5px; padding: 0 0 0 0px; float: left; background: #212121 url('../img/layout/logo.gif') top left; width: 190px; height: 46px;} 
#page_header .logo:hover  {padding:0; background: #212121 url('../img/layout/logo.gif') top left; width: 220px;}
#page_header ul#nav-primary { float:right; margin:0; }
#page_header ul#nav-primary li { float:left; list-style-type:none; margin:0 15px 0 0; height:27px; padding:8px 0 0 4px; background:none; }
#page_header ul#nav-primary li a { padding:7px 8px 0px 6px; color:#ddd; text-decoration:none; font-weight:normal; font-size: 13px; text-shadow: 1px 1px 1px #222; outline:none; }
#page_header ul#nav-primary li a:hover { color: #fff; text-decoration:none;}
#page_header ul#nav-primary li a:active, #page_header ul#nav-primary li a:focus { color:#FFF; } 
/*
#page_header ul#nav-primary li.current { background: url('../img/layout/btn-currentpage-left.png') center left no-repeat; padding:1px 0 0 4px; line-height:12px; margin-top:2px;}
#page_header ul#nav-primary li.current a { background:  url('../img/layout/btn-currentpage-right.png') center right no-repeat;display:block; height:19px;}
*/
#page_header ul#nav-primary li.login { background: url('../img/layout/login_seperator.gif') center left no-repeat; padding-left: 18px; }
#page_header ul#nav-primary li.login a { color: #999; }
#page_header ul#nav-primary li.login a:hover { color: #fff; }

/* =============================================================================================== */
/* = Featured Navigation = */
/* =============================================================================================== */

#team-home-nav { background: #d2d2d2 url('../img/featured-home/bg-grey.gif') top left repeat-x; height: 145px; padding-top: 6px; font-size: 12px; }
#team-home-nav .col-3 { width: 220px; margin-right: 15px; }
#team-home-nav .feature { margin-top: 10px; margin-bottom: 10px; cursor: pointer; padding: 5px; }
#team-home-nav .feature:hover { background: url('../img/featured-home/bg-grey-hover.gif') top left no-repeat; }
#team-home-nav .feature:hover p.light { color: #555; }
#team-home-nav .feature:hover h3 { color: #111; }
#team-home-nav h3 { font-weight: lighter; padding: 10px 0 6px 40px; color: #444; font-size: 17px; }

#team-home-nav h3.title-fixtures_results { background: url('../img/featured-home/fixtures.png') center left no-repeat; }
#team-home-nav h3.title-league { background: url('../img/featured-home/table.png') center left no-repeat;}
#team-home-nav h3.title-profiles { background: url('../img/featured-home/profiles.png') center left no-repeat; }
#team-home-nav h3.title-gallery { background: url('../img/featured-home/gallery.png') center left no-repeat; }


/* =============================================================================================== */
/* = Footer = */
/* =============================================================================================== */

#footer,#push { clear:both;/* .push must be the same height as .footer */ }
#push {height: 250px;}
/*#footer-wrapper { padding:20px 0 0 0; width:925px; margin:auto; }*/
#footer-wrapper { padding:0 0 0 0; width:925px; margin:auto; }
#footer { background:#111 url('../img/layout/bg-footer.gif') repeat-x; height: 250px; color: #666; border-top: 1px solid #444; font-size: 11px; min-width:1000px;}
#footer h3 { color: #fff; border-bottom: 1px solid #444; margin-bottom: 10px; padding:0 0 5px 0; font-size: 13px; font-weight:normal;}
#footer a { color: #777; }
#footer a:hover { color: #cdcdcd;  }
#footer ul { list-style-type: none; margin: 0 0 20px 0; padding: 0; }
#footer ul li { margin-bottom:5px; font-size:11.5px; background:none; padding:0; }
#footer ul li a { color:#999;  }
#footer ul li a:hover { color:#FF0000; }

#footer .content { margin-top:20px; }
#footer .copyright { margin-top:20px; }

#footer .contact-us img { margin-right:4px;}
#footer .contact-us li { margin-bottom:7px }
#footer .contact-us, #footer .contact-us a  { color: #cdcdcd;}
#footer .contact-us * { vertical-align: middle; }
#footer .contact-us a:hover { }
#footer  #copyright { text-align: center; font-size: 11px; color: #666; margin: 15px 0 10px 0; }


/* =============================================================================================== */
/* = Team Home Pages: All Home Pages = */
/* =============================================================================================== */

#header.frontpage { text-align: center; }
#subheader { background: #171717; height: 67px; text-align: left; padding: 0px 10px 0 10px; text-shadow: 1px 1px 1px #222; }
#subheader h2 { font-size: 21px; color: #eee; margin-bottom: 12px; padding-top:0px;}
#subheader p { font-size: 16px; color: #ddd; }

#home_page_fixtures{height: 200px; margin-bottom: 40px; font-size:11px;background: url('../img/boxes/first-team-fixtures.gif') no-repeat;}
#home_page_results{height: 200px; font-size:11px;background: url('../img/boxes/first-team-results.gif') no-repeat;}

.home-box{height: 120px; padding-top: 10px;}
.home-box table{width:95%; margin-left: 9px;}
.home-box table tr th, .home-box table tr td {margin:0; padding:0; text-align: left;}
.home-box p{margin: 5px 5px;}

/* flickr images and match photos on home pages */
ul#flickr, ul#match_photos {list-style: none; margin-left:20px; padding:0; height: 270px;}
ul#flickr li, ul#match_photos li{width: 60px; height: 60px; float: left; margin: 15px 8px; padding: 0;}
ul#flickr li img, ul#match_photos li img{border: 5px solid #b3b3b1; width:60px; height:60px;}
ul#flickr li img:hover, ul#match_photos li img:hover{border: 5px solid #AD0000;}
#sponsors img{margin: 20px 30px;}

/* home page buttons */
a#all_news, a#all_fixtures, a#all_results, a.first_team_home{width:129px; height: 28px; display: block; border:0; text-decoration: none;}
a#all_news{background: url('../img/buttons/btn-news.gif') no-repeat top left; float: right; margin: 0px 10px 0px 0px;}
a#all_news:hover{background: url('../img/buttons/btn-news.gif') no-repeat bottom left;}
a#all_fixtures{background: url('../img/buttons/btn-fixtures.gif') no-repeat top left; float: right; margin: 0px 10px 0px 0px;}
a#all_fixtures:hover{background: url('../img/buttons/btn-fixtures.gif') no-repeat bottom left;}
a#all_results{background: url('../img/buttons/btn-results.gif') no-repeat top left; float: right; margin: 0px 10px 0px 0px;}
a#all_results:hover{background: url('../img/buttons/btn-results.gif') no-repeat bottom left;}
a.first_team_home{background: url('../img/buttons/btn-first-team-home.gif') no-repeat top left; float: left; margin: 0px 0px 0px 10px;}
a.first_team_home:hover{background: url('../img/buttons/btn-first-team-home.gif') no-repeat bottom left;}


/* =============================================================================================== */
/* = Team Home Pages: Club = */
/* =============================================================================================== */
#main-header-club{background: url('../img/layout/frontpage_club.png') top center no-repeat; height: 352px; width: 921px; margin: 0 auto; float: none !important; text-indent: -32000px; }

#home_page_pt_news{height: 200px; background: url('../img/boxes/club-news.gif') no-repeat;margin-bottom: 40px; font-size:9px;}
#home_page_ss_news{height: 200px; background: url('../img/boxes/sky-sports-news.gif') no-repeat;margin-bottom: 40px; font-size:9px;}
#sky_sports_news_feed{margin-top:25px;}

.facebook, .main_sponsor{display:block; margin: 0px 0 0 30px}


/* =============================================================================================== */
/* = Team Home Pages: First Team Home  = */
/* =============================================================================================== */
#main-header-first-team{ background: url('../img/layout/frontpage_first_team.png') top center no-repeat; height: 352px; width: 921px; margin: 0 auto; float: none !important; text-indent: -32000px;}
#first_team_match_report{height: 200px; margin-bottom: 40px; font-size:11px;background: url('../img/boxes/first-team-match-report.gif') no-repeat;}
#first_team_page_news{height: 200px; margin-bottom: 40px; font-size:9px;background: url('../img/boxes/first-team-news.gif') no-repeat;}

#first_team_match_report h4{margin: 20px 0 0 9px;}
#first_team_match_report p{margin: 0px 9px 0 9px;}


/* =============================================================================================== */
/* = Specialised Page CSS = */
/* =============================================================================================== */

/* profiles */
.profile_image_m, .profile_image_p {float: left;}
.profile_image_m img{width: 136px; height: 195px; margin: 0 0 0 12px;}
.profile_image_p img{width: 120px; height: 170px; margin: 0 0 0 12px;}
.profile_content{float: left; margin: 0 0 0px 10px; width: 470px;}

img.committee {width: 148px; height: 200px; margin: 0 15px;} /* committee */
img.match_gallery{width:285px; height: 200px; margin-right:20px;} /* match gallery */

/* =============================================================================================== */
/* = Boxes = */
/* =============================================================================================== */

/* advertisement boxes */
.advertise-box {width:220px; height:100px; text-align: center; background-color: #efefef; margin: 0 0 20px 30px; padding: 0; border:1px solid #d5d5d5;}  
.advertise-box:hover{border:1px solid #a8a8a8; background-color: #dddddd; margin: 0 0 20px 30px;}
.advertise-box a span{padding: 35px; display: block;}
.advertise-box a {display:block; width:100%; height:100%; text-decoration:none; font-weight: bold; color: #666666;}
.advertise-box a:hover {color: #222222;} 

.page-box-top { background: url('../img/boxes/page-box-top.gif') no-repeat; height:19px; clear:both; margin-top:30px;}
.page-box-middle { background: url('../img/boxes/page-box-middle.gif') repeat-y; padding:0 20px;font-size:12.5; line-height:15px; }
.page-box-middle p { margin:0; padding:0 0 10px 0;}
.page-box-bottom { background: url('../img/boxes/page-box-bottom.gif') no-repeat; height:19px; margin:0 0 25px 0 ;}

.content-box-top { background: url('../img/boxes/content-box-top.gif') no-repeat; height:19px; clear:both; margin-top:0px; padding-top:0;}
.content-box-middle { background: url('../img/boxes/content-box-middle.gif') repeat-y; padding:0 20px;font-size:12.5; line-height:15px; }
.content-box-middle p { margin:0; padding:0 0 10px 0;}
.content-box-bottom { background: url('../img/boxes/content-box-bottom.gif') no-repeat; height:19px; margin:0 0 10px 0 ;}

.home-box-top { background: url('../img/boxes/home-box-top.gif') no-repeat; height:19px; clear:both; margin-top:0px; padding-top:0;}
.home-box-middle { background: url('../img/boxes/home-box-middle.gif') repeat-y; padding:0 20px;font-size:12.5; line-height:15px; }
.home-box-middle p { margin:0; padding:0 0 10px 0;}
.home-box-bottom { background: url('../img/boxes/home-box-bottom.gif') no-repeat; height:19px; margin:0 0 10px 0 ;}

.form-box-top { background: url('../img/boxes/form-box-top.gif') no-repeat; height:19px; clear:both; margin-top:0px;width:365px;}
.form-box-middle { background: url('../img/boxes/form-box-middle.gif') repeat-y; font-size:12.5; line-height:15px; width:365px;}
.form-box-bottom { background: url('../img/boxes/form-box-bottom.gif') no-repeat; height:19px; margin:0 0 25px 0 ;width:365px;}

.profile-box-top { background: url('../img/boxes/profile-box-top.gif') no-repeat; height:11px; clear:both; margin-top:0px;width:635px; padding:0;}
.profile-box-middle { background: url('../img/boxes/profile-box-middle.gif') repeat-y; font-size:12.5; line-height:15px; width:635px; padding:0;}
.profile-box-bottom { background: url('../img/boxes/profile-box-bottom.gif') no-repeat; height:11px; margin:0 0 25px 0; width:635px; padding:0;}