/* CSS Document 

wristband.info

Style Sheets for Charity Wristband Information Website
by vikingkarwur.com - Viking KARWUR

*/

*, html{
padding:0;
margin:0;
}	

body{
background:#f1f1f1 url(../images/bg.jpg) repeat-x;
font:normal 15px  Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
font-family:Arial, Helvetica, sans-serif;
}

a {
color: #9D080D;
}

#container {
background: #fff;
}

#nav {
background: #CC0000;
}

#nav dl {
font-size:16px;
margin:10px 20px;
/* text-align:center; */
padding:0px;
}

#nav dl dt {
display: inline;
padding:0px;
margin:0px;
}

#nav dl dt a {
font-weight:normal;
padding:10px 30px;
margin:0px;
color: #FFFFFF;
text-decoration:none;
}

#nav dl dt a:hover {
background:#CCCCCC;
color: #333;
}

#nav dl dt a.active {
background: #fff;
color: #c00;
}

#contents {
min-height: 400px;
}


#brief {
padding:10px 0px;
}

#brief h1 {
font-size:40px;
font-weight:900;
letter-spacing:-1px;
margin:10px 20px;
color: #c00;
}

#brief p {
font-size:16px;
margin: 5px 0px 2px 20px;
}

#section-wristbands, #section-history {
}

#section-wristbands h2, #section-history h2 {
background: #666;
padding:10px;
font-weight:900;
font-size:24px;
color: #fff;
margin-left:20px;
}

#section-wristbands h3 {
margin:5px 0px 5px 20px;
color:#CC0000;
}

#section-wristbands h4 {
margin:15px 0px 5px 20px;
color:#666;
border-bottom:1px solid #ccc;
}

#section-wristbands p {
margin:5px 0px 5px 20px;
}

#section-wristbands img.pwristbands {
margin:5px 0px 5px 20px;
padding:5px;
border:1px solid #ccc;
}


#section-wristbands ul {
margin:10px 0px 10px 20px;
padding-left:20px;
}

#section-wristbands li {
}


#section-wristbands dl {
padding:5px 0px;
min-height:150px;
margin:0px;
}

#section-wristbands dl dt {
font-size:18px;
font-weight:normal;
margin:5px 20px;
}

#section-wristbands dl dd {
padding:0px;
margin:0px;
}

#section-wristbands dl dd img.tphoto-wristband {
float:left;
padding:5px;
margin:10px 10px 10px 20px;
border:1px solid #ccc;
}

#section-wristbands dl dd.desc-wristband {
padding:5px 0px;
margin:0px;
}

#section-history h3 {
font-size:18px;
color:#CC0000;
margin:5px 0px 5px 20px;
}

#section-history p {
margin:10px 0px 5px 20px;
line-height:1.5em;
}

#section-history ul {
padding:5px 0px 5px 20px;
}

#section-history ul li {
padding:5px 0px 5px 0px;
}


#indo-wristband, #home-ads-main, #home-search, #box-free  {
margin-bottom:10px;
}

#indo-wristbands h2 {
background: #c00;
padding:10px;
font-weight:900;
font-size:24px;
color: #fff;
}

#indo-wristbands h3, #home-ads-main h3, #home-search h3, #box-free h3 {
background: #c00;
padding:10px;
font-weight:900;
font-size:16px;
color: #fff;
}

#indo-wristbands dl {
}

#indo-wristbands dl dt {
font-size:13px;
padding:5px;
background: #f1f1f1;
color: #333;
display:block;
margin-bottom:1px;
font-weight:normal;
text-align:center;
}

#indo-wristbands dl dt:hover {
background: #333;
}

#indo-wristbands dl dt a {
text-decoration:none;
}


#indo-wristbands dl dt:hover a {
color: #fff;
}

#indo-wristbands ul {
list-style:none;
margin:10px 0px;
}

#indo-wristbands ul li {
font-size:12px;
}

#indo-wristbands ul li a {
display:block;
text-decoration:none;
padding:5px 10px;
background: #f1f1f1;
margin-bottom:1px;
}

#box-featured {
margin:10px 0px;
}

#box-featured img {
padding:5px;
margin:10px;
border:1px solid #ccc;
}

#box-featured img:hover {
background:#f1f1f1;
border:1px solid #f1f1f1;
}

#box-featured p {
}

#box-featured p a {
color: #666;
text-decoration:none;
border-bottom:1px dotted #666;
}

#box-news {
}

#box-featured h3, #box-news h3, #box-ads-side h3, #box-twitter h3, #box-sponsor h3, #box-donation h3 {
margin-right:20px;
background: #ccc;
padding:10px;
font-weight:900;
font-size:16px;
color: #333;
}

#box-news dl {
border-bottom:1px solid #ccc;
margin:10px 20px 10px 0px;
}

#box-news dl dt {
font-size:15px;
color: #666;
}

#box-news dl dt span {
color: #fff;
background: #c00;
padding:5px;
font-size:11px;
text-transform:uppercase;
}

#box-news dl dd {
font-size:12px;
margin:5px 0px;
padding:0px;
}



#footer {
background: #f1f1f1;
padding:10px 0px;
}

#copyright p {
padding:0px 20px;
font-size:12px;
margin:0px;
}

#secondary-nav {
}



#secondary-nav ul {
font-size:12px;
padding:0px 0px 0px 20px;
text-align:right;
}

#secondary-nav ul li {
display:inline;
}

#secondary-nav ul li a {
text-decoration:none;
padding:10px;
}

.photoleft {
float:left;
margin:10px;
padding:5px;
border:1px solid #ccc;
}