/* 
Theme Name: 2011 Logan Soccer Theme
Theme URI: http://www.blackmagpie.com/
Description: This is a two-column theme, developed by BlackMagpie for Logan Soccer.
Author: Neil Essig
Author URI: http://www.blackmagpie.com/
Version: 1.0
Tags: two column, fixed width, blue, yellow, minimalist, painted

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

/* CSS RESET COURTESY ERIC MEYER */

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;
}
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;
}

/* Begin Typography & Colors */

@font-face {
	font-family: spx_regular;
	src: url('http://www.blackmagpie.com/media/spx_regular.otf');
}

@font-face {
	font-family: spx_regular;
	font-weight: bold;
	src: url('http://www.blackmagpie.com/media/spx_bold.otf');
}

@font-face {
	font-family: spx_title;
	src: url('http://www.blackmagpie.com/media/spx_title.ttf');
}

body {
	font-size: 11pt;
	font-family: spx_regular, Helvetica, arial, Sans-Serif;
	background: url('http://www.logansoccer.com/media/2011sitebkg1.png') repeat-x top center fixed;
	color: #2e2e2e;
	text-align: left;
	margin: 0;
	padding: 0;
}

.page {
  background-color: #ffffff;
  text-align: left;
  margin: 0 auto;
  margin-bottom: 0;
  padding: 0;
  width: 900px;

}

/* NAVIGATION */

.pageheader {
	background: url('http://www.logansoccer.com/media/2011site2.png') #447cbf repeat-x;
	width: 900px;
	height: 52px;
	padding: 0;
	margin: 0;
}

.pageheader li {
	margin: 0;
	padding: 0;
}

.pageheader a {
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
	height: 52px;
}

.nav_home a {
	width: 181px;
	background: url('http://www.logansoccer.com/media/2011site1.png') no-repeat;
}

.nav_home a:hover {
	background: url('http://www.logansoccer.com/media/2011site_o1.png') no-repeat;
}

.nav_tournament a {
	width: 148px;
	margin-left: 180px;
	background: url('http://www.logansoccer.com/media/2011site3.png') no-repeat;
}

.nav_tournament a:hover {
	background: url('http://www.logansoccer.com/media/2011site_o3.png') no-repeat;
}

.nav_register a {
	width: 120px;
	background: url('http://www.logansoccer.com/media/2011site4.png') no-repeat;
}

.nav_register a:hover {
	background: url('http://www.logansoccer.com/media/2011site_o4.png') no-repeat;
}

.nav_contact a {
	width: 106px;
	background: url('http://www.logansoccer.com/media/2011site5.png') no-repeat;
}

.nav_contact a:hover {
	background: url('http://www.logansoccer.com/media/2011site_o5.png') no-repeat;
}

.nav_facebook a {
	width: 42px;
	margin-left: 60px;
	background: url('http://www.logansoccer.com/media/2011site6.png') no-repeat;
}

.nav_facebook a:hover {
	background: url('http://www.logansoccer.com/media/2011site_o6.png') no-repeat;
}

.nav_twitter a {
	width: 43px;
	background: url('http://www.logansoccer.com/media/2011site7.png') no-repeat;
}

.nav_twitter a:hover {
	background: url('http://www.logansoccer.com/media/2011site_o7.png') no-repeat;
}


/* QUICK MENU */

.quickmenu {
	background: #e5e5e5;
}

.quickmenu li {
	background: #e5e5e5;
	border-bottom: 1px dotted #6f6f6f;
}

.quickmenu li a {
	font-size: 13pt;
	color: #f32837;
	background: #e5e5e5;
	padding: 10px 5px 10px 12px;
	display: block;
}

.quickmenu li a:hover {
	background: #d3d3d3;
}

/* MAIN CONTENT */

.pagecontent {
  float: left;
  width: 900px;
  padding: 0;
  margin: 0;
  background: #f6f6f6;
}

.quickmenu {
	float: left;
	width: 250px;
	height: 325px;
	margin: 0;
	padding: 0;
}

.splashdisplay {
	float: left;
	width: 650px;
	height: 325px;
	overflow: hidden;
	background: #d9e1e9;
	padding: 0;
	margin: 0;
}

.splashdisplay img {
	max-width: 650px;
	margin: 0;
	padding: 0;
}

.postdisplay {
	width: 624px;
	padding: 0 15px 0 10px;
	margin: 20px 0;
	float: left;
	border-right: 1px dotted #6f6f6f;
}

.postmetadata {
	width: 100%;
	clear: both;
	display: block;
	margin: 1px 15px 15px 5px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #6f6f6f;
}

.sponsordisplay {
	width: 240px;
	padding: 0 0 0 10px;
	margin: 10px 0;
	float: left;
}

.sponsordisplay li a {
	margin: 2px 5px 2px 20px;
	font-size: 10pt;
}

.pagedisplay {
  width: 900px;
  float: left;
  margin: 0;
  padding: 0;
}

#sidebar {
	font: 1em Verdana, Arial, Sans-Serif;
	}

.footer {
  background: #ee293a;
  width: 900px;
  margin: 0;
  padding: 0;
  height: 30px;
  float: left;
}

.pageheader ul {
}

.pageheader li {
  display: inline-block;
  list-style-type: none;
  margin: 0;

}

.splash_subright li {
  list-style-type: none;
  width: 270px;
  display: block;
  margin: 0 0 14px -25px;

}

.splash_subright li a {
  color: #ffffff;
  font-size: 13pt;
}

.splash_subright li a:hover {
  color: #a8b03a;
}

h1 {
	width: 625px;
	display: block;
	font-family: spx_regular, Helvetica, arial, Sans-Serif;
	font-size: 30pt;
	font-weight: bold;
	margin: 0 0 25px 0;
	color: #ee293a;
}

h2 {
  text-align: left;
  font-family: spx_regular, arial, Sans-Serif;
  font-size: 20pt;
  color: #ee293a;
  margin: 0;
  padding: 5px;
}

h3 a {
  font-family: spx_bold, arial, Sans-Serif;
  font-size: 18pt;
  color: #021e2f;
  margin: 0;
  padding: 5px;
}

h4 {
  font-size: 11pt;
  font-weight: normal;
  color: #ee2939;
  margin: 0;
  padding: 5px 5px 15px 5px;
}

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

table {
  margin-left: 5px;
}

.footer p {
  font-size: 9pt;
  color: #ffffff;
  text-align: center;
}

.footer p a {
	color: #dbdbdb;
}

a, h2 a:hover, h3 a:hover {
        color: #ee2939;
	text-decoration: none;
	}

a:hover {
	color: #00539f;
	text-decoration: none;
	}

.entry p a:visited {
	color: #FD5A1E;
	}
 
.center {
	text-align: center;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	}

.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
        text-align: left;
        float: left;
}

.alignright {
        text-align: right;
        float: right;
}

ul {
  display: inline;
}

textarea {
	width: 600px;
}