@charset "utf-8";

/*  
Theme Name: Menlo Park Legends Template
Theme URI: http://www.menloparklegends.com
Description: Theme for the Menlo Park Legends WordPress website.
Version: 1.1
Author: Mary Bouldin
Author URI: http://www.oneplanetdesign.com/

*/


/*THIS IS STUFF YOU CAN EDIT EASILY*/

/*THIS EDITS THE GREEN BOXES ON THE LEFT AND RIGHT SIDES OF THE WEBSITE
JUST CHANGE 'height' AND UPLOAD TO REVIEW RESULTS*/
div.boxGreenFill {
float:left;
width:152px;
background-color:#002613;
margin-left:8px;
}



/*END OF STUFF YOU CAN EDIT EASILY*/
 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0
}

table {
border-collapse:collapse;
border-spacing:0
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:400
}

ol,ul {
list-style:none
}

caption,th {
text-align:left
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:400
}

q:before,q:after {
content:''
}

fieldset,img,abbr,acronym {
border:0
}

body {
position:relative;
font-family:Verdana,Arial,Helvetica, sans serif;
color:#000000;
font-size:13px;
line-height:16px;
background-color:#000000;
background-image:url("http://menloparklegends.com/library/css/images/bg.gif");
background-repeat:repeat;
}

a {
text-decoration:none;
color:#0b6633;
}

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

h2 {
font-size:18px;
font-weight:bold;
margin:5px 0 20px 0;
line-height:23px;
}

h2.search {
font-size:18px;
font-weight:bold;
margin:5px 0 20px 15px;
line-height:23px;
}

h3 {
font-size:14px;
font-weight:bold;
margin:20px 0 20px 5px;
}

h4 {
font-size:12px;
font-weight:bold;
margin:5px 0 10px 5px;
}

h5 {
text-align:center;
color:#002613;
font-weight:bold;
font-size:13px;
margin-bottom:5px;
line-height:.75em;
padding-bottom:5px;
cursor:default;
}

li.page_item {
	line-height:1em;
	margin-left:15px;
}

p {
padding-bottom:10px;
}

p.copy {
margin:10px 25px 10px 12px;
font-size:14px;
}

p.top {
float:right;
width:110px;
text-align:center;
font-size:13px;
font-weight:bold;
margin:10px 30px 10px 3px;
}

p.theBox {
float:left;
width:125px;
font-size:14px;
line-height:1.3em;
color:#FFFFFF;
margin:15px 10px 15px 10px;
}

ul.news {
margin:30px 0 0 20px;
color:#ccac45;
list-style:outside circle;
line-height:1em;
cursor:default;
}

div#theBox {
color:#FFFFFF;
margin:15px 10px 15px 20px;
min-height:1000px;
}

div#contentNarrow {
float:left;
width:300px;
}

div#contact-area {
float:left;
width:300px;
margin:105px 0 0 20px;
}

#contact-area input, #contact-area textarea {
	padding: 3px 0 3px 3px;
	width: 270px;
	font-family: Helvetica, sans-serif;
	font-size: 1em;
	margin: 0px 0px 7px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #ccac45;
}


#contact-area input.submit-button {
	width: 75px;
	float: right;
	padding-right:25px;
	border:none;
}

#contact-area input.submit-button:hover {
	width: 75px;
	float: right;
	border:none;
}

li {
margin-bottom:15px;
}

li a {
margin-bottom:15px;
color:#beac4a;
}

li a:hover {
margin-bottom:15px;
color:#006600;
}

div#all {
position:relative;
width:995px;
margin:0 auto;
z-index:0;
}

div#theSite {
position:relative;
float:left;
width:995px;
margin-top:40px;
background-image:url("http://menloparklegends.com/library/css/images/bg2.jpg");
background-repeat:repeat;
padding-bottom:35px;
}

/*THESE RELATE TO THE NAVIGATION BAR     DO NOT EDIT!!!*/

div#topBox {
position:relative;
float:left;
width:995px;
height:95px;
border:1px solid white;
background-image:url("http://menloparklegends.com/library/css/images/button.jpg");
background-repeat:repeat-x;
z-index:0;
}


span#button1 {
position:relative;
float:left;
width:92px;
height:95px;
z-index:0;
}

span#button1:hover {
position:relative;
float:left;
background-image:url("http://menloparklegends.com/library/css/images/buttonOver.jpg");
background-repeat:repeat-x;
background-color:#003300;
height:94px;
z-index:100;
}

span.button {
position:relative;
float:left;
color:#FFFFFF;
text-align:center;
text-shadow:#000000;
line-height:2em;
font-size:15px;
width:128px;
height:95px;
}


span.button:hover {
position:relative;
float:left;
background-image:url("http://menloparklegends.com/library/css/images/buttonOver.jpg");
background-repeat:repeat-x;
background-color:#003300;
width:128px;
height:94px;
width:128px;
color:#FFFFFF;
font-size:15px;
text-shadow:#000000 0px 3px 3px;
z-index:100;
}

div.stroke {
position:relative;
float:left;
border-left:1px solid white;
height:55px;
margin-top:17px;
}

div#logo {
float:left;
margin:25px 0 0 15px;
width:59px;
height:39px;
}

/*END NAVIGATION*/

div#bigImage {
float:left;
width:995px;
margin-top:15px;
}

/*MAIN CONTENT AREA OF THE SITE*/

div#contentBox {
float:left;
width:995px;
margin-top:15px;
}

div#leftBox {
float:left;
width:175px;
margin:40px 12px 0 0;
}

div#centerBox {
float:left;
width:620px;
background-color:#FFFFFF;
min-height:600px;
}

div#scheduleBox {
float:left;
width:605px;
margin:20px 5px 20px 5px;
border:1px solid green;
padding:2px;
}

div#rosterBox {
float:left;
width:605px;
margin:20px 5px 37px 5px;
border:1px solid green;
padding:2px;
}

/*THE SCHEDULE TABLE*/

div#scheduleTitle {
float:left;
text-align:center;
font-weight:bold;
width:590px;
height:15px;
padding:5px 0 5px 0;
}

div.schedule {
float:left;
width:600px;
height:15px;
padding:5px 0 5px 0;
margin-bottom:2px;
border:1px solid green;
}

div#date {
float:left;
text-align:left;
width:100px;
color:#000000;
font-weight:bold;
padding:0 0 0 10px;
font-size:11px;
}

div#event {
float:left;
text-align:left;
width:200px;
color:#000000;
font-weight:bold;
padding:0 0 0 10px;
font-size:11px;
}

div#location {
float:left;
text-align:left;
width:150px;
color:#000000;
font-weight:bold;
padding:0 0 0 10px;
font-size:11px;
}

div#time {
float:left;
text-align:left;
width:70px;
color:#000000;
font-weight:bold;
padding:0 0 0 10px;
font-size:11px;
}

div.date {
float:left;
text-align:left;
width:100px;
color:#084723;
font-weight:bold;
padding:0 0 0 10px;
font-size:11px;
}

div.event {
float:left;
text-align:left;
width:200px;
color:#084723;
font-weight:bold;
padding:0 0 0 10px;
font-size:11px;
}

div.location {
float:left;
text-align:left;
width:150px;
color:#084723;
font-weight:bold;
padding:0 0 0 10px;
font-size:11px;
}

div.time {
float:left;
text-align:left;
width:70px;
color:#084723;
font-weight:bold;
padding:0 0 0 10px;
font-size:11px;
}

/*THE ROSTER TABLE*/

div.roster {
float:left;
width:618px;
height:15px;
padding:5px 0 10px 0;
margin-bottom:2px;
}

div#name {
float:left;
text-align:left;
width:56px;
color:#000000;
font-weight:bold;
padding:0 0 0 3px;
font-size:11px;
font-size:10px;
}

div#college {
float:left;
text-align:left;
width:126px;
color:#000000;
font-weight:bold;
padding:0 0 0 10px;
font-size:10px;
}

div#hs {
float:left;
text-align:left;
width:165px;
color:#000000;
font-weight:bold;
padding:0 0 0 10px;
font-size:10px;
}

div#position {
float:left;
text-align:left;
width:78px;
color:#000000;
font-weight:bold;
padding:0 0 0 10px;
font-size:10px;
}

div#height {
float:left;
text-align:left;
width:70px;
color:#000000;
font-weight:bold;
padding:0 0 0 10px;
font-size:10px;
}

div#weight {
float:left;
text-align:left;
width:20px;
color:#000000;
font-weight:bold;
padding:0 0 0 10px;
font-size:10px;
}

div.name {
float:left;
text-align:left;
width:100px;
color:#0b6633;
font-weight:bold;
padding:0 0 0 3px;
font-size:11px;
font-size:10px;
}

div.name a:hover {
color:#ccac45;
}

div.college {
float:left;
text-align:left;
width:115px;
color:#000000;
font-weight:bold;
padding:0 0 0 10px;
font-size:10px;
}

div.hs {
float:left;
text-align:left;
width:130px;
color:#000000;
font-weight:bold;
padding:0 0 0 10px;
font-size:10px;
}

div.position {
float:left;
text-align:left;
width:80px;
color:#000000;
font-weight:bold;
padding:0 0 0 10px;
font-size:10px;
}

div.height {
float:left;
text-align:left;
width:50px;
color:#000000;
font-weight:bold;
padding:0 0 0 10px;
font-size:10px;
}

div.weight {
float:right;
text-align:left;
width:70px;
color:#000000;
font-weight:bold;
padding:0 0 0 10px;
font-size:10px;
}



div#rightBox {
float:right;
width:175px;
margin-top:40px;
}


div#contact {
float:left;
width:620px;
height:275px;
font-size:13px;
margin:70px 0 0 0;
text-align:center;
line-height:2em;
}

div#stats {
float:left;
width:620px;
height:275px;
font-size:13px;
margin:70px 0 0 0;
text-align:center;
line-height:2em;
}



/*CURVED EDGED BOXES ON LEFT AND RIGHT SIDES*/

div.curveTop {
float:left;
width:172px;
height:17px;
background-image:url("http://menloparklegends.com/library/css/images/curveTop.gif");
background-repeat:no-repeat;
}

div.boxFill {
float:left;
width:169px;
background-color:#FFFFFF;
margin-left:0.175em;
}

div.curveBottom {
float:left;
width:172px;
height:17px;
background-image:url("http://menloparklegends.com/library/css/images/curveBottom.gif");
background-repeat:no-repeat;
}

/*TEAM IMAGE*/

div.team {
float:left;
margin:15px 10px 10px 10px;
}

/*BOTTOM NAVIGATION*/

div#bottom {
float:left;
width:995px;
height:80px;
background-image:url("http://menloparklegends.com/library/css/images/bottom.png");
background-repeat:repeat;
margin-bottom:100px;
}

div#bottomLeft {
float:left;
width:780px;
padding-left:35px;
}

span.bottomNav {
float:left;
color:#beac4a;
font-weight:500;
text-align:center;
font-size:13px;
margin:20px 25px 20px 15px;
}

span.bottomNav:hover {
color:#006600;
cursor:hand;
}

div#bottomRight {
float:right;
width:155px;
}

span.bottomRight {
float:left;
margin:7px 15px 20px 15px;
}

input.formField {
width:125px;
height:13px;
margin:20px 0 0 10px;
}

div.entry {
float:left;
padding:20px;
	
	
}

h2.widgettitle {
	width:0px;
	height:0px;
	overflow:hidden;
}

h3#reply-title {
color:#0b6633;
}

h3#comments {
color:#0b6633;
}

h3#respond {
color:#0b6633;
}

p input#author {
	margin: 0 0px 0 0px;
	height:1.75em;
	border: 2px solid #ccc;	
}

p input#email {
	margin: 0 0px 0 0px;
	height:1.75em;
	border: 2px solid #ccc;
}
	 
p input#url {
	margin: 0 0px 0 0px;
	height:1.75em;
	border: 2px solid #ccc;
}

p textarea#comment {
	margin: 0x 0px 0 0px;
	border: 2px solid #ccc;
	height: 90px;
}

p input#author:focus, p input#email:focus, p input#url:focus, p textarea#comment:focus {
border: 2px solid #ccac45;
}