/*
Theme Name: St Martins 2010
Theme URI: http://www.stmartinsyouth.com.au/
Description: The St Martins theme for 2010
Version: 2.0
Author: Richard Chambers (Design) / Ashley Gibson (Development)
Author URI: http://www.smartface.com.au/
Tags: St Martins Youth
*/


/* Reset CSS http://meyerweb.com/eric/tools/css/reset/index.html */
/* 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: disc;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: 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;
}


/* Formatting */

img {border: 1px solid #ccc;}
a:link {color: #099; }
a:visited {color: #099; }
h1 {font-size: 14px; margin: 20px 0px 14px; text-transform: uppercase;}
h2 {font-size: 14px; margin: 20px 0px 14px; }
h3 {font-size: 12px; margin: 20px 0px 4px; text-transform: uppercase;}
h4 {font-size: 12px; margin: 20px 0 4px;}
h5 {font-size: 12px; margin: 0px; }
h6 {font-size: 14px; margin: 0px; text-transform: uppercase;}
p {margin: 0px 0 8px 0;}
ul, ol {margin: 16px 0; padding-left: 40px;}
dt {margin: 8px 0 0;}
dd {margin: 4px 0 8px 40px;}
pre, code, tt {font: 100% "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", monospace; margin: 16px 0;}
code, tt {border-bottom: 1px solid #E3E3E3; padding: 0 1px;}
pre code {border-bottom: 0;}
small {font-size: 85%;}
big {font-size: 115%;}
sup {font-size: smaller; vertical-align: 8px; line-height: 1px;}
img.pic {float: right; position: relative; margin: 4px 0 10px 24px;}
img.noborder {border: 0px solid #ccc;}
img.standalone {display: block; margin: 8px auto; width: auto; max-width: 100%;}
p.standalone {text-align: center;}
p.standalone img {display: inline;}
p.wp-caption-text {font-size: 10px; margin: 2px 0 16px 0; color: #999; font-style: italic; }
.warning {background: #FF8; color: red; border: 2px solid; padding: 16px;}
.highlight {background: #CC0000; font-weight: bold;}
/* Site Styles */

body
{
background-image: url(images/denim_tile_blue.png);
background-attachment: fixed;
    font: 12px/1.5 Verdana;
    color: #ccc;
}

#wrapper-outer
{
	background-image: url(images/border-bg2.png);
	background-repeat: repeat-y; 
	margin: 0 auto 0;
	width: 960px;
}

#wrapper-inner
{
	width: 751px;
	margin: 0 auto;
	background-color: #000000;
}

#header
{
	width: 100%;
}

#middle
{
    margin: 18px 0 0 0;
    width: 100%;
}

/* Navigation */

#navigation
{
	font: 12px/1 Arial Narrow;
	letter-spacing: 1px;
	width: 180px;
	float: left;
	text-transform: uppercase;
}

#navigation ul
{
	list-style: none;
	padding: 0;
	margin: 7px 0 0 0;
}

#navigation li
{
    list-style: none;
}

#navigation ul li
{
	margin: 0 0 6px;
	padding: 6px 7px;
}

#navigation ul li ul
{
	margin: 4px 16px;
	display: none;
	text-transform: capitalize;
}

#navigation ul li.current_page_item ul, #navigation ul li.current_page_parent ul
{
	display: block;
}

#navigation ul li ul li
{
	margin: 3px 0px;
	padding: 0px;
        list-style-type: square;
        color: #000000;
}

#navigation a
{
	text-decoration: none;
	color: #000000;
}

#navigation a:hover
{
	color: #FFFFFF;
}

#navigation a:active
{
	color: #FFFFFF;
}

#navigation ul li.current_page_item a
{
    color: #FFFFFF;
}

#navigation ul li.current_page_item ul li a
{
    color: #000;
}

#navigation ul li.current_page_item ul li a:hover
{
    color: #FFFFFF;
}


.colour1
{
    background-color: #FF0066;
}

.colour2
{
    background-color: #3399cc;
}

.colour3
{
    background-color: #009999;
}

.colour4
{
    background-color: #CC0099;
}

/* Content */

#content
{
	width: 525px;
	float: right;
	color: #CCCCCC;
}

#footer
{
	width: 89%;
	font-size: 10px;
	text-align: right;
	padding: 0 0 10px 0px;
        color: #999999;
}

h1.page_title
{
    margin-top: 0;
}

div.clear
{
	clear: both;
}