/* ----------- PAGE STYLES ---------- */

body{

}

#wrapper{
width: 960px;
margin: 0px auto;
overflow: hidden;
}

.hide {
display: none;
}

#content {
float: left;
width: 960px;
}

#leftside{
width: 631px;
float: left;
overflow: hidden;
padding: 8px 0;
}


#aside{
width: 300px;
float: right;
overflow: hidden;
padding: 8px 4px;
}

.ad {
margin-bottom: 8px;
}

.left {float: left;}

/* ------------ FOOTER --------------- */
#footer{
clear: both;
padding: 4px;
border-top: solid #325832 1px;
background: #627a67;
height: 58px;
}
/* ------------ HEADER --------------- */

#header{
background: transparent url(http://www.madisonunitedrugby.org/images/uploads/Site-Header960px.jpg) top left no-repeat;
color: #fff;
height: 138px;
}

#header a{
display: block;
float: right;
width: 130px;
border: solid green 0px;
height: 90px;
margin: 12px 40px 0 0;
text-indent: -9999px;
}


/*--------- NAV -------- */

#nav{
overflow: hidden;
}

#nav{
list-style-type: none;
margin: 0;
padding: 0 8px;
height: 28px;
background: #000;
}

#nav li{
float: left;
padding: 0 22px;
line-height: 28px;
text-align: center;
}

#nav li a{
color: #fff;
}

#nav .selected{
background: #fff;
border-top: solid #325832 2px;
}

#nav .selected a{
color: #325832;
}

/* ----------- SIGN UP DIV ------------- */

#signup {
background: transparent url(http://www.madisonunitedrugby.org/images/uploads/F49345090.jpg) top left no-repeat;
padding: 10px;
margin: 0 0 8px 0;
}

#signup a{
display: block;
font-weight: bold;
text-indent: -9999px;
height: 75px;
width: 300px;
text-transform: uppercase;
font-size: 1.1em;
color: #000;
font-family: Lucida Grande,Lucida Sans,Verdana,Georgia,Helvetica,Arial;
}


/* ------------ AD STYLES ---------------*/

#adspot300{
width: 300px;
height: 150px;
margin: 0 auto 8px auto;
border: solid #900 1px;
background: #600;
color: #fff;
padding: 100px 0 0 0;
text-align: center;
}

/* ---------- HOME PAGE ----------------- */

.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -10000px;
}

#tabs {
float: left;
width: 614px;
background: #eee;
padding: 8px;
-moz-border-radius: 6px;
border-radius: 6px;
}

#tabs ul {
float: right;
width: 178px;
list-style-type: none;
margin: 0 8px 0 0;
padding: 0 5px 0 0;
}

#tabs ul li {
float: left;
width: 178px;
margin-bottom: 4px;
clear: both;
padding: 0 0 0px 8px;

}

.bigimage {
background: #ddd;
border: 1px solid #eee;
}

.thumb-image {
padding: 3px;
border: 1px solid #fff;
background: #ddd;
margin-right: 5px;
-moz-border-radius: 4px;
border-radius: 4px;
}

#tabs ul li a {
display: block;
overflow: hidden;
padding-bottom: 4px;
color: #000;
text-decoration: none;
}

.ui-tabs-panel {
width: 420px;
height: 380px;
float: left;
overflow: hidden;
text-align: center;
padding-top: 1px;
}

.ui-tabs-panel img{
margin: 0 auto 8px auto;
}

.ui-tabs-panel p,
.ui-tabs-panel a h2{
padding: 0 4px 0 4px;
margin: 4px 0;
text-align: left;
}
#tabs h2.title{ 
font-size: 14px;
line-height: 16px;
}

.ui-state-active{
background: transparent url(http://www.madisonunitedrugby.org/images/uploads/list-arrow.png) left center no-repeat;
}

#tabs .title{

}

.bigimage{
display: block;
height: 300px;
overflow: hidden;
}

/* ----------- MUR TEAMS -------------- */

.clubcat{
float: left;
width: 32%;
padding: 0 2px;
}

.clubcat h4{
text-align: center;
margin: 0 0 4px 0;
border-bottom: dotted #333 1px;
padding: 1px;
font-size: 1.3em;
}


#clublinks{
clear: both;
margin: 8px 0;
width: 627px;
float: left;
}

#clublinks h3 {
font-size: 20px;
}

#clublinks ul {
margin: 0;
padding: 0 0 0 4px;
}


#clublinks li {
list-style-type: none;
/* width: 82px; */
float: left;
margin: 8px 8px 0 0;
}

#clublinks li img {
padding: 4px;
border: 1px solid #bbb;
/* width: 52px;
height: 39px; */
}


#clublinks li.story-1{
margin-left: 0;
} 

/*------------ RSS FEEDS -------------- */

.rssfeed{
width: 292px;
float: left;
margin: 8px 8px;
height: 170px;
}

.rssfeed .title{
height: 24px;
}

.rssfeed ul {
margin: 4px 0;
padding: 0 0 0 17px;
}

.rssfeed .title h3 {
font-size: 20px;
line-height: 26px;
}

.leftmodule {
margin-right: 25px;
}

/* ------------ MORE STORIES----------- */

.morestories{
marign: 0;
padding: 0;
}

.morestories ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}

.morestories ul li{
margin: 0 0 8px 0;
clear: both;
overflow: hidden;
}

.morestories ul li img{
float: left;
padding: 4px;
border: solid #ddd 1px;
margin: 0 8px 0 0;
background: #eee;
-moz-border-radius: 4px;
border-radius: 4px;
}

/* ------------- Story Pages -------------- */

#story .title{
Margin: 5px 0;
}

.date {
margin: 0;
padding: 0;
color: #333;
font-size: 14px;
}

#story p{
clear: both;
}

/*Multimedia*/

#multimedia {
background: #bbb;
width: 620px;
float: left;
background: #eee;
-moz-border-radius: 8px;
border-radius: 8px;
padding-bottom: 8px;
}

#multimedia h5 {
font-size: 12px;
color: #333;
}

#multimedia h4 {
font-size: 12px;
}

#video {
float: left;
width: 300px;
margin-top: 10px;
margin-left: 5px;
}

#video img {
float: left;
}

#video h5 {
padding-top: 8px;
float: left;
display: block;
width: 220px;
}

#video h3 {
color: #222;
margin: 0;
display: block;
border: none;
font-size: 12px;
line-height: 12px;
float: left;
width: 220px;
}

#video p {
color: #222;
margin: 0;
font-size: 12px;
line-height: 12px;
float: left;
}

#story .gallery ul{
width: 99999px;
list-style-type: none;
margin:  0;
padding: 0px 0 4px 0px;
float: left;
}


#story .gallery ul li{
float: left;
display: block;

}

#story .gallery .first-image{
width: 600px;
text-align: center;
padding: 5px;
}

/*Scroller*/
#infinitecarousel {
width: 290px;
padding-left: 20px;
float: left;
position: relative;
}

#scrollwrap {
width: 210px;
height: auto;
postion: absolute;
margin: 0 40px;
overflow: auto;
}


.infiniteCarousel #scrollwrap ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
height: 50px;
width: 50px;
margin: 0 5px 0 0;
background: #fff;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 4px;
}

.infiniteCarousel ul li a img {
display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(http://www.madisonunitedrugby.org/images/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
position: absolute;
top: 33px; 
left: 273px;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
position: absolute;
top: 33px; 
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}


.infiniteCarousel .empty {
background: transparent !important;
}

/*Commenting*/

#story .entry{
clear: both;
}

#story .entry form{
padding: 4px;
}

#story .entry form p br{
float: left;
}

#story .entry form p input[type="text"]{
}



/* ----------- SOCIAL MEDIA LINKS ---------- */

#socialmediallinks {
clear: both;
margin: 10px auto;
list-style-type: none;
padding: 0px;
overflow: hidden;
width: 100%;
background: #eee;
-moz-border-radius: 8px;
border-radius: 8px;
}

#socialmediallinks li{
float: left;
padding: 8px 10px;
width: 58px;
font-size: 10px;
text-align: center;
}

#socialmediallinks li span{
display: block;
}



/* ----------- Prev Back Next -------- */

#story .center p.nbp{
clear: none;
width: 33%;
float: left;
}

.center #return{
text-align: center;
}

.center #next{
text-align: right;
}

/*----Teams Pages----*/
.holder {
width: 400px;
float: left;
padding: 0;
margin-right: 16px;
margin-top: 8px;
}

.vcard {
margin-top: 8px;
width: 210px;
float: left;
}

.event-entry {
margin: 20px 0 0 0;
}
.event-entry p {
font-size: 15px;
line-height: 20px;
}