/*   
Theme Name: RuckinRugby - Charity
Description: Based on work by Creatif - by RuckinRugby
Author: John 'Max' Maxwell
Author URI: http://ruckinrugby.co.uk
Version: 1.1
*/

/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "styles/lib/reset.css";
@import "styles/lib/typography.css";
@import "styles/lib/forms.css";
@import "navigation.css";


/* Page Structure
-------------------------------------------------------------- */
/* 
	Background-Styles 
*/

* {/* zero margins and padding */
		margin: 0;
		padding: 0;
}


body {
	background: #222567 url(images/bodyBG360.jpg);
	padding: 0;
	margin: 0;
	background-position: top center;
	background-repeat: no-repeat;
}

#banner, #wrapper, #home-slider, #widget-bar {
	max-width: 1100px;
	min-width: 950px;
}
.banner {
	height: 150px;
	margin-right: auto;
	margin-left: auto;
}
#logo {width:76px; height: 120px;background: transparent;}

.logo {float: left; margin-left: 10px; margin-top: 10px;}

#home-slider {
	background-repeat: no-repeat;
	height: 110px;
	background: transparent;
	margin-right: auto;
	margin-left: auto;
}
#widget-bar {height: 100px; margin-left: auto; margin-right: auto;position:relative;}

#outer_wrapper {
	width: 100%;
	background: #ffffff url(images/curveBG.png) bottom center no-repeat;
	padding-top: 20px;
	border-bottom: 2px solid #404162;
}
#wrapper {
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
#main {
	padding-bottom:30px;
	min-height: 400px;
	margin-left: 30px;
	max-width: 600px;
	
}
#container {
	width: 100%;
	float: left;
	margin-right: -360px;
}
#content {
	margin-right: 360px;
}

#feeds {
	float:right;
	width:300px;
	position:relative;
	right:15px;
	margin-top:15px;
	background-color:#ebf1f6;
	border:1px solid #acc7da;
	margin-bottom: 15px;
	padding: 10px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}
#youtube-small {width: 292px; height: 192px; background: #333; border: solid 2px #333;-moz-border-radius: 8px;
	-webkit-border-radius: 8px;}
#facebook {width: 295px;}
#tours {height:80px; width: 295px; margin-top: 10px;margin-bottom: 10px;}
#feeds h2 {color:#232665;}
#feeds ul { margin:10px 0px 30px 0px; padding:0px;}
#feeds ul li { list-style: none; margin:0px 0px 5px 0px; padding:0px; }
#feeds ul li a { list-style-image: url(images/bullet.png); font: 1.2em Helvetica, Verdana, Arial, sans-serif; color:#2a2e78; }
#feeds ul li a:hover { font: 1.2em Helvetica, Verdana, Arial, sans-serif; color:#b02d2f; text-decoration:none; }
.clearing {
	height: 0;
	clear: both;
}
#slideshow-screen-medium {width: 400px; height: 267px; background: #ebf1f6; border: solid 2px #acc7da; padding: 5px;margin-left: auto; margin-right: auto;-moz-border-radius: 8px;
	-webkit-border-radius: 8px;margin-bottom: 10px;}

/* ---------- 4. fonts ---------- */

#wrapper p {color: #333;}

#main h1 {color:#232665;}

#main h2 {color:#232665;}

#main h2 a {color:#232665;font-weight: bold;}

#main h2 a:hover {color:#bb3956;text-decoration: none;}

#main h3 {color:#a9191e; font-weight: bold;}

#main h4 {color:#232665;}

#main  h5 {color:#232665;}

h1 span{display:none;}
 
h1{ display:block;
    height: 50px; /*change to the height of the image*/
    background:url(images/h1newstitle.png) no-repeat left top;
    border: none;
}
small {
	font: 1em Arial, sans-serif;
	color:#465c6b;
	display:block;
	margin-bottom:15px;
}
small a {color:#acc7da;}
small a:hover {color:#465c6b;text-decoration: underline;}

/*
	Footer-Styles
*/

#footer {
	background-image:url(images/background_footerx.jpg);
	background-repeat:repeat-x;
	padding:40px;
	position:relative;
	top:-20px;
	min-height:130px;
}
.container {
	width:950px;
	margin:0 auto;
	position:relative;
}
.footer_column {
	float:left;
	width:120px;
	margin-right:30px;
}
#footer .long {
	width:610px;
	color: #999;
}



/* Fix up IE6 PNG Support */
img, #logo { behavior: url(scripts/iepngfix.htc); }


/* WORDPRESS */

.block_inside { 
	display:block; 
	border:1px solid #ffffff;
	background: #ffffff url(images/background_block_slice.jpg) repeat-x;	
	padding:30px;
	overflow:auto;
}
.block_inside-max { 
	display:block; 
	padding:30px;
	overflow:auto;
}
.image_block {
	border:1px solid #999;
	background-color:#666;
	padding:4px 4px 1px 4px;
	float:left;
}
.image_block img {
	border:1px solid #555;
}
.text_block {
	float:left;
	width:430px;
	margin-left:30px;
	padding-top:30px;
}
.text_block-max {
	float:left;
	width:430px;
	margin-left:30px;
	padding-top:10px;
}


/*
	News-Styles
*/

.mini_news_item {
	border:1px solid #a3a09e;
	margin-bottom:10px;
	position:relative;
}
.mini_news_item .block_inside { 
	background: #ffffff url(images/background_block_slice.jpg) repeat-x; 
	padding:25px 30px 15px 30px; 
}
.mini_news_item .thumbnail { float:left; margin-right:20px; border:1px solid #979390; }


/*
	Block-Content-Styles
*/

#main .separator {
	border-top:1px solid #e3e3e3;
	margin-top:20px;
	padding-top:20px;
}
#main .biggap {
	border-top:1px solid #e3e3e3;
	margin-top:40px;
	padding-top:40px;
}

/*
	Comment-Styles
*/

#comments_template {
	border-top:1px solid #e3e3e3;
	margin-top:30px;
	padding-top:30px;	
}




/* 
	Miscellaneous-Styles   
*/


#main blockquote p {
	border-top:1px solid #acc7da;
	border-bottom:1px solid #acc7da;
	background-color:#ebf1f6;
	margin:0px;
	padding:20px;
	padding-bottom:13px;
	margin-bottom:20px;	
	color:#465c6b;
	font: 1.3em/1.4em Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
#main pre.code {
	border-top:1px solid #acacac;
	border-bottom:1px solid #acacac;
	background-color:#ebebeb;
	margin:0px;
	padding:20px;
	padding-bottom:13px;	
	margin-bottom:20px;	
	font-size:10px;
	font-family:Monaco, "Courier New", Courier, monospace;	
}
#main .image {border: 1px solid #666; margin: 0 auto; text-align: center; padding: 5px; background-color: #ccc;}

.floatleft {float: left; width: 40%; margin-right: 10px; margin-bottom: 5px; border: 1px solid #e3e3e3}

.floatright {float: right; width: 40%; margin-left: 10px; margin-bottom: 5px; border: 1px solid #e3e3e3}

.centre {margin: 10px; margin-left: auto; margin-right: auto; text-align: center; border: 1px solid #e3e3e3}


/* Fix up IE6 PNG Support */
img, #logo { behavior: url(scripts/iepngfix.htc); }