/*
--------------------
Simple PHP Blog CSS Styles
--------------------

Name: GLight Theme
Author: Bill Bateman

Description:
This the is the css theme for the Classic theme.
You can use this as a template for your own themes.

Also refer to user_style.php...
*/

/* General */

body
{
  color: #000; /* txt_color */
  font-size: 14px;
  margin: 0px;
  padding: 0px;
  text-align: left;
  background-color: #9cf; /* bg_color */

  /* Standard. Readable */
  font-family: Arial, Helvetica, Sans-Serif;
  /* font-family:  'Lucida Grande', Geneva, sans-serif; */
  /* font-family: Tahoma, Geneva, sans-serif; */
  /* font-family: Geneva, Verdana, sans-serif; */

  /* Nice. Classic Looking */
  /* font-family: 'Times New Roman', Times, serif; */
  /* font-family: Georgia, serif; */
  /* font-family: Book Antiqua, Palatino, serif; */

  /* Modern. Kind of Funky */
  /* font-family: 'Gill Sans', 'Trebuchet MS', Helvetica, sans-serif; */

  /* Monospace */
  /* font-family: Lucida Console, Monaco, monospace; */
}

/* Typeography */

p
{
  margin: 8px 0px 8px 0px;
}

h1, h2, h3, h4, h5, h6
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-weight: bold;
  color: #666633; /* headline_txt_color */
  text-shadow: #bbb 2px 2px 1px;
  margin: 2px 0px 2px 0px;
}

h1
{
  font-size: 20px;
}

h2
{
  font-size: 18px;
}

h3
{
  font-size: 16px;
}

h4
{
  font-size: 14px;
}

h5
{
  font-size: 12px;
}

h6
{
  font-size: 10px;
}

/* NEW */
code, pre {
  font-family: 'Courier New', Courier, Fixed;
}

/* NEW */
pre {
  overflow: auto;
  width: 512px;
  border: 1px dotted #D9D9D9; /* inner_border_color */
  padding: 5px
}

/* NEW */
blockquote {
  color: #777;
  margin: 15px 30px 0 10px;
  padding-left: 20px;
  border-left: 5px solid #ddd
}





/* Images */

img
{
  border: 0;
}

#img_float_left
{
  /* Used in the [img] tag when float=left */
  float: left;
  margin: 2px 8px 4px 2px;
}

#img_float_right
{
  /* Used in the [img] tag when float=right */
  float: right;
  margin: 2px 2px 4px 8px;
}

/* Elements */

hr
{
  color: #D9D9D9; /* inner_border_color */
  background-color: #D9D9D9; /* inner_border_color */
  height: 1px;
  border: 0px;
  margin: 8px 0px 8px 0px;
}

/* Forms */

/* NEW */
form {
  font-size: 11px;
  margin: 0px;
  padding: 0px
}

input, select, option, textarea
{
  font-size: 11px;
  text-align: left;
}

/* Theme Specific */

#header_image
{
  border-color: #4D4D45; /* border_color */
  border-width: 0px 0px 0px 0px;
  border-style: solid;
}

#header
{
  font-family: Arial, Helvetica, Sans-Serif;
  color: #FFFFFF; /* header_txt_color */
  margin: 0px;
  border-color: #4D4D45; /* border_color */
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  background-color: #999966; /* header_bg_color */
  font-size: 14px;
  font-weight: bold;
  margin-bottom: -20px;
}

#maincontent
{
  margin: 0;
  padding: 10px 0px;
  border: 5px;
  empty-cells: show;
}

#maincontent .blog_subject
{
  font-family: Arial, Helvetica, Sans-Serif;
  color: #666633; /* headline_txt_color */
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
  border-width: 7px 18px 0px 18px;
  border-style: solid;
}

#maincontent .blog_subject img
{
  /* padding: top right bottom left */
  padding: 0px 10px 0px 0px;
}

#maincontent .entry_top
{
  margin: 0;
  padding: 0px;  /* 10px; */
  border: 0px;
  border-width: 0px 0px 0px 0px;
  height: 0px;
  empty-cells: show;
}

#maincontent .entry_bottom
{
  margin: 0;
  padding: 0px;  /* 10px; */
  border: 0px;
  border-width: 0px 0px 0px 0px;
  height: 2px;
  empty-cells: show;
}

#maincontent .blog_byline
{
  color: #999999; /* date_txt_color */
  font-size: 9px;
  margin-bottom: 10px;
}

#maincontent .blog_body
{
  padding: 12px; /* Used to be 10px */
  margin: 0px;
  line-height: 14px; /* This is new */
  color: #663;
  background-color: #FFFFFF;
  border-width: 7px 7px 0px 7px;
  border-style: solid;
  background: #fff url(images/under_entry_title.png) repeat-x 0 0;
}

#maincontent .blog_body_clear
{
  padding: 0px;
  border-color: #FFF;
  border-width: 0px;
  border-style: solid;
}

#maincontent .blog_body_solid
{
  padding: 1px;
  border-color: #660;
  background: #fff;
  border-width: 5px;
  border-style: solid;
}

#maincontent .blog_date
{
  font-weight: normal;
  color: #999;
  font-size: 10px;
  margin-bottom: 5px;
  margin-top: -7px;
}

#maincontent .blog_comment
{
  padding: 6px 10px 6px 10px;
  color: #663;
  border-width: 0px 7px 7px 7px;
  border-style: solid;
}

/* New Comment Differences */
#maincontent .blog_subject_comment
{
  font-family: Arial, Helvetica, Sans-Serif;
  color: #663; /* headline_txt_color */
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
  border-width: 7px 18px 0px 18px;
  border-style: solid;
}

#maincontent .entry_top_comment
{
  margin: 0;
  padding: 0px;  /* 10px; */
  border: 0px;
  border-width: 0px 0px 0px 0px;
  height: 0px;
  empty-cells: show;
}

#maincontent .entry_bottom_comment
{
  margin: 0;
  padding: 0px;  /* 10px; */
  border: 0px;
  border-width: 0px 0px 0px 0px;
  height: 2px;
  empty-cells: show;
}

#maincontent .blog_body_comment
{
  padding: 12px; /* Used to be 10px */
  margin: 0px;
  line-height: 14px; /* This is new */
  color: #663;
  background-color: #FFFFFF;
  border-width: 7px 7px 0px 7px;
  border-style: solid;
  background: #fff url(images/under_entry_title.png) repeat-x 0 0;
}

#maincontent .blog_comment_comment
{
  padding: 6px 10px 6px 10px;
  color: #663;
  border-width: 0px 7px 7px 7px;
  border-style: solid;
}

div #toggleSidebarAvatar, #toggleSidebarLinks, #toggleSidebarCalendar, #toggleSidebarArchives, #toggleSidebarCategories , #toggleSidebarSearch, #toggleSidebarMenu, #toggleSidebarPreferences, #toggleSidebarRecentComments, #toggleSidebarRecentEntries, #toggleSidebarRecentTrackbacks
{
  display: block;
}

#sidebar
{
  padding: 10px;
}

#sidebar .menu_title
{
  font-family: 'Trebuchet MS', 'Gill Sans', Helvetica, sans-serif;
  font-weight: bold;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  padding: 3px 3px 1px 3px;
}

#sidebar .menu_title a
{
  text-decoration: none;
  color: inherit;
  font-weight: bold;
}

#sidebar .menu_title:hover
{
}

#sidebar .menu_body
{
  padding: 10px;
  border-color: #999;
  border-width: 3px;
  border-style: solid;
}

#sidebar .divider {
  margin: 8px 0px 8px 0px;
}

#sidebar .calendar
{
  font-size: 10px;
}

#sidebar .calendar a
{
  font-weight: bold;
  text-decoration: none;
}

#sidebar .calendar td
{
  padding: 2px;
}

/* NEW */
#archive_tree_menu ul
{
  list-style: none inside;
  padding: 0px 0px 0px 10px;
  margin: 0px;
}

/* NEW */
#archive_tree_menu li
{
  margin: 0px;
  padding: 0px;
  /* border: 1px #F0F dashed; */
}

#footer
{
  border: 0;
  border-top: 1px solid #4D4D45; /* border_color */
  color: #666666; /* footer_txt_color */
  background: #EEEEEE; /* footer_bg_color */
  padding: 10px;
  text-align: left;
  clear: both;
}

.divider { margin: 20px 0px 15px 0px; }



/* Barry YMCA customisation */

/* ------------------------------------- Remove all padding and margins from all elements */
* {
padding: 0px;
margin: 0px;
}



/* ------------------------------------- Re-define usual tags */
body {
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	background:#9cf;
	margin-top:0px;
	font-size: 14px;
	}
ul {
        padding-top: 10px;
        padding-left: 30px;
        padding-bottom: 20px
        } 
ol {
        padding-top: 10px;
        padding-left: 30px;
        padding-bottom: 20px
        } 
p {
        padding: 10px 0 ;
        text-align: justify;
        }
h1, h2, h3, h4, h5, h6 {
        padding: 10px 0 ;
        }
th {
        background: #9cf;
        font-size: 18px;
        }
ol li {font-weight: bold;}
ol li p {font-weight: normal;}

/* ------------------------------------- Define styling for Menu */

.menu {
    padding-left: 2px;                   
	}
.menu ul {padding: 0px;padding-left: 2px}
.menu ul li{
	list-style: none;
	line-height: 46px;
	float: left;
	width: 94px;
    font-weight: bold;
    padding: 0px;
}
.menu a:link{
    background: url(http://www.barryymca.org.uk/images/button.jpg) #000 bottom left repeat-x;
	color: #fff;
	text-decoration: none;
	text-align: center;
    display: block;
}
.menu a:active{
    background: url(http://www.barryymca.org.uk/images/button.jpg) #000 bottom left repeat-x;
	color: #fff;
	text-decoration: none;
	text-align: center;
    display: block;
}
.menu a:visited{
    background: url(http://www.barryymca.org.uk/images/button.jpg) #000 bottom left repeat-x;
	color: #fff;
	text-decoration: none;
	text-align: center;
    display: block;
}
.menu a:hover{
    background: url(http://www.barryymca.org.uk/images/button_over.jpg) #000 bottom left repeat-x;
	color: #fff;
	text-decoration: none;
	text-align: center;
    display: block;
}



/* ------------------------------------- Define styling for custom classes */
.container {
	width: 949px;
	margin: auto;
	background: #fffffa;
	}
.header {
	background: #2682B3;
    text-align:center;
    height: 82px;
	}

.content {
	color: #000000;
	padding: 10px;
	}

.footer {
	background-image: url(http://www.barryymca.org.uk/images/grad_blue.jpg);
	height: 37px;
	text-align: center;
    line-height: 18px;
	padding-left: 5px;
	padding-right: 5px;
    color: #fff;
	}
.footer .floatleft {text-align: left}
.footer .floatright {text-align: right}
.centred {
	text-align: center;
	}
.floatleft {
	float: left;
	}
.floatright {
	float: right;
	}
.div_table {
    display: table;
    }
.div_tablerow  {
    display: table-row;
    }
.div_left, .div_middle, .div_right {
    display: table-cell;
    }


.newsitem {
width: 800px;
text-align: justify;
margin: auto;
}
.quote {
margin: auto;
width: 80%;
background: #def;
padding: 10px;
}
.history {
clear:both;
background: #def;
padding: 10px;
border: 1px solid #cde;
}
.adults {
background: #ffc;
}
#table_boardmembers {
text-align: center;
margin: auto;
}

/* ------------------------------------- Define styling for Galleries */

.galleryheader { 
	padding: 4px;
        height: 42px;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	font-variant: small-caps;
	color: #555;
	background: #eee;
	border: 1px solid #9cf;
        margin-bottom: 20px;
}

div#flashcontent {
	width:100%;
	height:400px;
}


}