/*  

Theme Name: STSC Custom Theme

Theme URI: 

Description: A custom theme for the South Tacoma Soccer Club 

Version: 1.0

Author: Jesse Fortier

Author URI:

*/

* {
margin:0;
padding:0;
}

.style2 {
font-size: 64px;
font-family: "Times New Roman";
color: #CC9900;
margin-left: 360px;
}

body{
background-image:url(http://www.stsoccer.org/v2/img/bg.png);
background-repeat: repeat-x;
background-position: bottom;
background-color: #CC9900;	
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 13px;
line-height: 20px;
color:#333333;
min-width: 790px;
min-height: 100%;
}
#body_container{
background-image: url(http://www.stsoccer.org/v2/img/mtn2.png);
background-position: bottom right;
background-repeat: no-repeat;
width: 100%;
height: 100%;

}
#container{
background-image: url(http://www.stsoccer.org/img/stscemblem.png);
background-position: top left;
background-repeat: no-repeat;
margin-right: 140px;
min-height: 100%;
}
#header{
background-image: url(http://www.stsoccer.org/v2/img/vs_header.png);
background-repeat: no-repeat;
background-position: top left;
background-color: #ffffff;
margin: 0 0 0 140px;
height: 150px;
border-width: 0 1px 0 1px;
border-color: black;
border-style: solid;
text-align: center;
}
#navtop{
background-image: url(http://www.stsoccer.org/v2/img/quickbg.png);
background-repeat: repeat-x;
background-position: bottom left;
background-color: #CC9900;
margin: 0 0 0 140px;
border: 1px solid black;
height: 30px;
color: white;
}
#main{
width: 100%;
padding: 0 0 0 0;
display: inline;
min-height: 100%;
}
#left_nav{
width: 140px;
padding: 15px 0 0 0;
margin: 0;
border-bottom: 1px solid black;
float: left;
}
#sidebar{
font-size: 14px;
margin: 0;
padding: 0 0 0 0;
}
#sponsors{
background-color: #cc0000;
width: 140px;
padding: 100px 0 60px 0;
line-height: 20px;
padding-top: 15px;
color: #ffffff;
font-size: 12px;
}
#main_content{
min-height: 100%;
margin: 0 0 0 140px;
padding: 0;
color: black;
}
.narrowcolumn{
background: #ffffff;
border-left: 1px black solid;
border-right: 1px black solid;
min-height: 100%;
}
.clear{
clear: both;
}
.backtotop{
color: #006600;
font-size: 10px;
text-align: center;
float: right;
}




div#creditfooter{
display:none;
}
.box{ 
width: 75%;
text-align: left; 
border:1px #999999 solid; 
background-color: #dddddd; 
color: #006600; 
min-width: 450px; 
margin: 0 auto 15px auto;
padding: 10px; 
line-height: 20px;
font-size: 12px; 
}
.box a {
border-bottom: 1px solid red;
}
.box ul{
list-style-position: outside none;
padding: 10px 0 10px 20px;
}
.box ul li{
font-weight: bold;
padding-bottom: 10px;

}
.box ul li a, .box ul li a:hover,.box ul li a:active,.box ul li a:visited{
font-weight: normal;
border: 0;
}
.box ul li a:hover{
border-bottom: 1px solid #cc0000;
}
.box ul li div{
font-weight: normal;
}
.box h2{
margin: 0;
padding: 0;
}
.box h3{
color: #cc0000;
margin: 0;
padding: 0;
font-weight: bold;
border-width: 0 0 1px 0;
border-color: #006600;
border-style: solid;
width: 80%;
}

#menu a:link, #menu a:visited, #menu a:active{
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#ffffff;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
line-height: 30px;
float: right;
}
#menu li {
padding: 0 5px 0 5px;
display: inline;
float: left;
}
#menu button {
color: #ffffff;
border: 1px outset black;
background-color: #006600;
height: 25px;
line-height: 20px;
}
#menu button:active{
border: 1px outset black;
}
#menu form input{
color: #006600;
border: 1px solid black;
text-align: center;
vertical-align: center;
}

.menu_heading{
background-color: #cc0000;
color: #ffffff;
font-size: 14px;
line-height:30px;
border-width: 1px 0 1px 0;
border-color: black;
border-style: solid;
padding-left: 15px;
height: 30px;
width: 100%;
}
#sidebar a:link, #sidebar a:visited{
color: #006600;
line-height: 35px;
height: 35px;
}
#sidebar a:hover{
color: #cc0000;
}
#sidebar ul, #sidebar ul li ul{
padding: 0;
margin: 0;
}













/* Begin Typography & Colors */



.widecolumn .entry p {

	font-size: 1.05em;

	}






.widecolumn {

	line-height: 1.6em;

	}



.narrowcolumn .postmetadata, .narrowcolumn .postmetadata1 {

	text-align: left;

	}



.alt {

	

	border-top: 1px solid #333333;

	border-bottom: 1px solid #333333;

	border-left: 1px solid #333333;

	border-right: 1px solid #333333;

	margin-top:10px;

	}

p {

	font-size:13px;

	margin:0px;

	padding: 5px 0 10px 0;

	}



small {

font-family: Arial, Tahoma, Helvetica, sans-serif;

	font-size: 0.9em;

	line-height: 1.5em;

	}

h2 {
font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-weight:normal;
	color: #cc0000;
	width: 95%;
	border-bottom: 1px solid #006600;
font-size: 18px;
margin: 30px 0 15px 0;
}
h3{
font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-weight:bold;
	color: #006600;
	width: 100%;
font-size: 15px;
padding: 10px;
margin: 20px 0 10px 0;
border-left: 1px solid #cc0000;
}

h4{
font-weight: bold;
color: #003366;
padding: 5px;
text-decoration: underline;
}

h1, h1 a, h1 a:hover, h1 a:visited {

	font-size: 2.5em;
	color: #cc0000;
	text-align: center;
        width: 350px;
	}



#headerimg .description {

	font-size: 1.2em;

	text-align: center;

	}


h2.pagetitle {

	font-size: 20px;

	}





#headerimg .description {

	text-decoration: none;

	color:#333333;

	}



 #wp-calendar caption, cite {

	text-decoration: none;

	}

.entry{

	padding-top:10px;

	padding-bottom:10px;

	}

.entry p a, .entry p a:visited {

	color: #333333;

	text-decoration:underline;

	

	}

.editpost a:link, .editpost a:visited {

	color: #333333;

	text-decoration:underline;

	}

.editpost a:hover {

	color: #333333;

	}

.commentlist li, #commentform input, #commentform textarea {

	font: 0.9em  Georgia, "Times New Roman", Times, serif;



	}



.commentlist li {

	font-weight: bold;

	}



.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 1.1em;

	}



.commentlist p {

	font-weight: normal;

	line-height: 1.5em;

	text-transform: none;

	}



#commentform p {

font-family: Arial, Tahoma, Helvetica, sans-serif;

	}



.commentmetadata {

	font-weight: normal;

	color:#333;

	}




#sidebar2 ul ul li, #sidebar2 ul ol li, 

.nocomments, blockquote, strike {

	color: #000000;

	}



code {

	font: 1.1em Georgia, "Times New Roman", Times, serif;



	}



acronym, abbr, span.caps

{

	font-size: 0.9em;

	letter-spacing: .07em;

	}




a, a:visited, a:active{
color: #006600;
font-weight: bold;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}



#wp-calendar #prev a, #wp-calendar #next a {

	font-size: 9pt;

	}



#wp-calendar a, #wp-calendar a:visited {

	text-decoration: none;

	color: #ffffff;

	text-decoration:underline;

	}



#wp-calendar caption {

	font: bold 1.3em Georgia, "Times New Roman", Times, serif;

	text-align:center;

	padding:10px 0px 0px 0px;

	}



#wp-calendar th {

	font-style: normal;

	text-transform: capitalize;

	}

/* End Typography & Colors */







/* Begin Structure */





.narrowcolumn {

	padding: 15px;

	margin: 0px;

	}



.widecolumn {

	padding: 0px 0px 15px 13px;

	margin: 0px 0px 0px 0px;

	width: 415px;

	}



.post {

	margin: 0px 0px 0px 0px;

	text-align: justify;

	}

.post hr {

	display: block;

	}

.widecolumn .post {

	margin: 0;

	}



.narrowcolumn .postmetadata, .narrowcolumn .postmetadata1 {

	padding-top: 5px;

	}



.widecolumn .postmetadata, .widecolumn .postmetadata1 {

	margin: 30px 0;

	}



.widecolumn .smallattachment {

	text-align: center;

	width: 128px;

	margin: 5px 5px 5px 0px;

}



.widecolumn .attachment {

	text-align: center;

	margin: 5px 0px;

}



.postmetadata {

	clear: left;

	color:#333333;

	line-height:15px;

	height:28px;

	padding:0px 0px 2px 10px;

	margin:12px 0px 0px 0px;

	background-image:url(images/bg_postmetadata.gif);

	background-repeat:repeat-x;

	

}



/* End Structure */







/*	Begin Headers */

h2.pagetitle {

	padding-top: 10px;

	text-align: center;

	padding-bottom:15px;

}




h3.comments {

	padding: 0;

	margin: 40px auto 20px ;

	

	}

/* End Headers */







/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;





	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 

'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;
float: right;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;
float: left;

	margin: 0 7px 2px 0;

	display: inline;

	}



div.alignright, div.alignright2{

	color:#333333;

	

	}



div.alignleft, div.alignleft2{

	color:#333333;

	}

.alignleft a, .alignleft a:visited {

	color:#333333;

	}	

.alignright a, .alignright a:visited {

	color:#333333;

	}	

.spacer{

	}

/* End Images */







/* Begin Lists */

.entry ul,.entry ol li ul{
list-style:square outside;
padding-left:20px;
line-height: 20px;
}
.entry ol{
list-style-type: decimal;
pading-left: 20px;
line-height: 20px;
}
.entry ul li, .entry ol li, .entry ol li ul li{
padding: 5px 0 5px 0;
}
.entry table{
margin: 0 auto 0 auto;
border-collapse:collapse;
border: none;
}
.entry td{
padding: 5px;
border: 2px solid #003366;
text-align: center;
}
.entry th{
padding: 5px;
color: #006600;
border: 2px solid #003366;
text-align: center;
font-weight: bold;
}
.entry ul li ol{
padding: 10px 0 10px 40px;
}
.entry ol li ol{
padding: 10px 0 10px 40px;
list-style-type: alpha;
}
.entry ul li ul, .entry ol li ul li ul{
list-style-type: circle;
}
.entry ul li ul li ul{
list-style-type: none;
}
.entry ul li ul li ul li:before{
content: "- ";
}

#sidebar2 ul ul li:before, #sidebar2 ul ul li {

	margin:0px;

	padding:0px;


	}



.postmetadata ul, .postmetadata li, .postmetadata1 ul, .postmetadata1 li {

	display: inline;

	list-style-type: none;

	list-style-image: none;

	}


#sidebar2 ul, #sidebar2 ul ol {

	margin: 0;

	padding: 0;

	}



#sidebar2 ul li {

	list-style-type: none;

	list-style-image: none;

	margin-bottom: 20px;

	}


#sidebar2 ul p, #sidebar2 ul select {

	margin: 5px 0 8px;

	}

#sidebar2 ul ul, #sidebar2 ul ol {

	margin: 10px 4px 0 24px;

	

	}


#sidebar2 ul ul ul, #sidebar2 ul ol {

	margin: 0 0 0 10px;

	}



ol li, #sidebar2 ul ol li{

	list-style: decimal outside;

	}



#sidebar2 ul ul li, #sidebar2 ul ol li {

	margin: 3px 0 0;

	padding: 0;

	}

/* End Entry Lists */







/* Begin Form Elements */

#searchform {

	margin: 0px auto;

	padding: 0px 0px; 

	text-align: center;

	}



#sidebar #searchform #s, #sidebar2 #searchform #s  {

	width: 108px;

	padding: 2px;

	}



#sidebar #searchsubmit, #sidebar2 #searchsubmit  {

	padding: 1px;

	}



.entry form { /* This is mainly for password protected posts, makes them 

look better. */

	text-align:center;

	}



select {

	width: 130px;

	}



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	}



#commentform textarea {

	width: 90%;

	padding: 2px;

	}



#commentform #submit {

	margin: 0;

	}

/* End Form Elements */







/* Begin Comments*/

.alt {

	padding: 10px;

	color:#333333;

	font-size:11px;

	

	}



.commentlist {

	padding: 0;

	text-align: justify;

	}

ol.commentlist{

	list-style: none;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	}



.commentlist li {

	margin: 15px 0 3px;

	padding: 5px 10px 3px;

	list-style: none;

	}



.commentlist p {

	margin: 10px 5px 10px 0;

	}



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}

/* End Comments */







/* Begin Sidebar */

#sidebar
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
#sidebar2
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
#sidebar form, #sidebar2 form {
	margin: 0;
	}
/* End Sidebar */

/* Begin Calendar 
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	color:#ffffff;
	}
#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}
#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}
#wp-calendar a {
	display: block;
	}
#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: transparent; }
 End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}
acronym, abbr {
	border-bottom: 1px dashed #999;
	}
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #afafaf;
	}
blockquote cite {
	margin: 5px 0 0;
	display: block;
	}
.center {
	text-align: center;
	}
hr {
	display: none;
	}
a img {
	border: none;
	}
.navigation {
	margin-top: 0px;
	height:20px;
	padding-top:2px;
	padding-bottom:0px;
	}
.navigation2 {
	margin-top: 0px;
	padding-top:0px;
	}
/* End Various Tags & Classes*/

div.post h2 a:link,div.post h2 a:visited, div.post h3 a:link,div.post h3 a:visited 
{
	color:#000000;
font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	padding:0px 10px 0px 0px;
}
div.post h3 a:hover, div.post h2 a:hover{
	color: #0842bd;
}
li.current-cat a:link,li.current-cat a:visited{
	padding-left: 0px;
	margin-left: 7px;
	color: #ffffff;
}
li.pagenav a:link,li.pagenav a:visited{
	padding-left: 0px;
	margin-left: 7px;
	color: #ffffff;
}
div.post small{
	color: #ffffff;
}
.line{
	padding-bottom:10px;
	height:1px;
	}
.postmetadata a{
	color: #333333;
	text-decoration: none;
}
.postmetadata a:hover{
	color: #333333;
	text-decoration: underline;
}
label small{
	color:#333333;
  }
#comments, #respond{
	color:#333333;
 }
.narrowcolumn img{ 
	margin-right:10px;
	margin-bottom:5px;
	}
.but{
	vertical-align:top;
	padding-top:2px;
	padding-left:4px;
	}
.input01{
	width:170px;
	}
#sidebar li ul, #sidebar2 li ul{
	padding-left:10px;
	}
#today, #today a:link, #today a:visited {
	color:#b94f1c;
	}
#commentform p a {
	color:#333333;
	}
.title{
	padding: 0px 0px 10px 0px;
margin: 0 auto 0 auto;
	}
.title small{
	padding-left:0px;
	}
.title_mid h1{
margin: 0 auto 0 auto;
}
.title_mid h2, .title_mid h3{
	padding-top:0px;
	padding-left:0px;
	padding-right:10px;
	}
.title_mid{
text-align: center;
	}
.textwidget{
	padding-left:20px;
	text-align:left;
	padding-right:10px;
	padding-top:10px;
	color:#ffffff;
	}
/*=========style index.html========*/
#right_nav{
	width:170px;
	}
#footer{
background-image: url(http://www.stsoccer.org/v2/img/quickbg.png);
background-repeat: repeat-x;
background-position: bottom left;
background-color: #006600;
border: 1px solid black;
color: white;
height: 30px;
text-align: center;
line-height: 15px;
font-size: 0.8em;
	}
#footer_left{
	padding:78px 0px 0px 20px;
	}
#footer_right{
	padding:78px 20px 0px 0px;
}
.logo{
width: 100%;
height: 140px;
	text-align:left;
	}
#txt_logo{
width: 100%;
font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size:30px;
	color:#ffffff;
text-align: center;
	}
.desc{
text-align: bottom;
	padding-left:0px;
	text-align:left;
	color:#000000;
	font-size:11px;
font-family: Arial, Tahoma, Helvetica, sans-serif;
	width:100%;
	font-weight:bold;
	}
.search #searchform{
	padding-top:25px;
	padding-left:480px;
	}
a.mainpix01_link, a.mainpix01_link:visited{
	color:#ffffff;
	}
p.alt small{
	color:#333333;
	}
p.alt small a, p.alt small a:visited{
	color:#333333;
	text-decoration:underline;
	}
p.alt small a:hover{
	color:#333333;
	text-decoration:underline;
	}	
#sidebar ul ul li a:link, #sidebar ul ul li a:visited, #sidebar2 ul ul li a:link, 
#sidebar2 ul ul li a:visited {
	padding:0px;
	margin:0px;
	text-align:left;
}
small.commentmetadata a:link, small.commentmetadata a:visited{
	color:#333333;
	text-decoration:underline;
	}
#footer a {
        color:#ffffff;
	text-decoration: none;
        }
#footer a:visited, a:hover{
	text-decoration: underline;
	}
/*SDMENU*/
#sidebar div.links{
	width: 140px;
	font-family: Arial;
	font-weight: normal;
	font-size: 14px;
	line-height: 30px;
	background-color: #cc0000;
	color: #fff;
text-align: left;
border-top: 1px solid black;

}
#sidebar div.links a, #sidebar div.links a:active, #sidebar div.links a:hover, #sidebar div.links a:visited{
padding-left: 10px;
color: #ffffff;
font-weight: normal;
}
div.sdmenu {
	width: 140px;
	font-family: Arial;
	font-weight: normal;
	font-size: 14px;
	line-height: 30px;
	background-color: #cc0000;
	color: #fff;
text-align: left;
border-bottom: 1px solid black;
}
div.sdmenu div {
	overflow: hidden;
background: #ffffff;
color: #333333;
text-align: center;
}
div.sdmenu div:first-child {
}
div.sdmenu div.collapsed {
	height: 30px;
}
div.sdmenu div span {
text-align: left;
	display: block;
	color: white;
	cursor: default;
height: 30px;
}
div.sdmenu div span a{
	background: #cc0000;
	color: white;
	line-height: 30px;
	margin-left: 15px;
	border-bottom: 1px #cc0000 solid;
}
div.sdmenu div span a:hover{
	color: #cccccc;
}
div.sdmenu div a{
	background: #ffffff;
	display: block;
	border-bottom: 1px solid #dddddd;
	color: #006600;
	font-weight: normal;
	text-decoration: none;
	line-height: 20px;
padding-left: 20px;
text-align: left;
}
div.sdmenu div a.current {
	background : #ccc;
	text-decoration: none;
}
div.sdmenu div a:hover {
	color: #cc0000;
	text-decoration: none;
}

/*CALENDAR*/
    .calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         color:#000000;
         border-bottom:1px dotted #000000;
         }
    .calnk a:visited {
         text-decoration:none;
         color:#000000;
         border-bottom:1px dotted #000000;
        }
    .calnk a {
        text-decoration:none; 
        color:#000000; 
        border-bottom:1px dotted #000000;
        }
    .calnk a span { 
        display:none; 
        }
    .calnk a:hover span {
        color:#333333; 
        background:#F6F79B; 
        display:block;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:150px; 
        z-index:100;
        }
   table.calendar-table {
        border:0px;
        width:80%;
        margin-left: auto;
        margin-right: auto;
     }
table.calendar-table td{
border: 1px solid #006600;
}
     .calendar-heading {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-next {
        width:25%;
        text-align:center;
     }
     .calendar-prev {
        width:25%;
        text-align:center;
     }
     .calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
     }
     .normal-day-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background-color:#EBF2EA;
     }
     .weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background-color:#EBF2EA;
        color:#FF0000;
     }
     .day-with-date {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #DFE6DE;
     }
     .no-events {

     }
     .day-without-date {
        width:60px;
        height:60px;
        border:1px solid #E9F0E8;
     }
     span.weekend {
        color:#FF0000;
     }
     .current-day {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #BFBFBF;
        background-color:#E4EBE3;
     }
     span.event {
        font-size:0.75em;
     }
     .kjo-link {
        font-size:0.75em;
        text-align:center;
visibility: hidden;
     }
     .event-title {
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
     }
     .event-title-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .event-content-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-date-switcher form {
        margin:0;
        padding:0;
     }
     .calendar-date-switcher input {
        border:1px #D6DED5 solid;
     }
     .calendar-date-switcher select {
        border:1px #D6DED5 solid;
     }
     .cat-key {
        width:100%;
        margin-top:10px;
        padding:5px;
        border:1px solid #D6DED5;
     }