/* st_styles.css - el design - 05.2010 */
body{
width:100%; height:100%; margin:0; padding:0; text-align:center;
font-size:12pt; background-color:#101b38; background-image:url(http://www.sammietorres.com/imgs/bkgnd.png);
background-position:0% 0%; background-repeat:repeat-y;}

div#decor{
background:transparent url(http://www.sammietorres.com/imgs/bkgnd_curl.gif) no-repeat 100% 100%; width:1200px; margin:0 auto; padding:0;}

a img{
border:none;}
ul{
list-style-type:none; margin:0 auto; padding:0;}

div#contain{
margin:5px auto; background:transparent none; font-family:"arial", "helvetica", sans-serif; padding:0;}
div#header{
margin:10px auto 0 25px; background:transparent url(http://www.sammietorres.com/imgs/bkgnd_head.png) no-repeat 0% 0%; min-height:192px;}
#header h1{
color:white; font-size:280%; text-align:left; margin:0 auto; padding:10px 0 0 0; width:95%;
letter-spacing:-2px; line-height:.75em;}
#header h1 span{
display:block; margin:0 auto; padding:0; font-size:45%; letter-spacing:0;}
#header ul{
margin:0 auto 0 0; text-align:left; padding:85px 0 0 0;}
#header ul li{
font-size:140%; display:inline; color:#9d827c; margin:0 auto; padding:0 1em; font-weight:bold;
letter-spacing:-1px;}
#header ul li a{
width:100%; margin:0 auto; padding:.25em; text-decoration:none;}
#header ul li a:link, #header ul li a:visited{
color:#9d827c;}
#header ul li a:focus, #header ul li a:hover{
color:#ececec;}
#header ul li a#curr{
color:#fbae54;}

div#main{
width:800px; margin:0 auto 0 0; background:transparent none; padding:10px 0;}

#main div#leftbar{
width:234px; margin:0 auto 0 25px; 
background:transparent url(http://www.sammietorres.com/imgs/bkgnd_lbar.png) repeat-x 0% 0%; 
float:left; padding:10px 0 415px 0;}
*html #main div#leftbar{
margin:0 auto 0 15px;}

#leftbar div#box{
width:215px; margin:0 auto; padding:0 0 25px 0; 
background:transparent url(http://www.sammietorres.com/imgs/box_b.gif) no-repeat 50% 100%;}
#box h2{
background:#937f7c url(http://www.sammietorres.com/imgs/box_to.gif) no-repeat 50% 0%; width:100%; margin:0 auto;}
#box h2 span{
display:block; margin:0 auto; padding:10px 0 0 25px;}
#box ul{
width:95%; margin:0 auto; padding:5px;}
#box ul li{
font-size:90%; text-align:left; margin:5px auto; display:block; padding:3px 0; color:#9d827c; width:82%;
line-height:1.15em; font-weight:bold;}
#box ul li em{
color:#5d2b1d; font-size:130%; font-style:normal; padding:0 3px 0 0;}
#box ul li span{
color:white; display:block; margin:5px auto; padding:0 0 0 18px; font-size:80%; font-weight:normal;}
#box ul li span img{
display:block; margin:0; padding:3px 0;}

#leftbar div#netwkg{
margin:20px auto; padding:0; background:transparent none; width:90%;}
#netwkg h2{
width:80%;}
#netwkg p a{
margin:10px auto; display:block;}
#leftbar p{
text-align:left; color:silver; width:85%; margin:0 auto; padding:5px 0; font-size:70%;}
#leftbar p span{
display:block; margin:0 auto; font-weight:bold; padding:0 0 10px 0; font-size:110%;}
#leftbar p a:link, #leftbar p a:visited{
color:white; text-decoration:underline; background:transparent none;}
#leftbar p a:focus, #leftbar p a:hover{
color:#9d827c; text-decoration:none; background:#5e2f1c none;}

#main div#content{
width:535px; margin:0 auto; background:transparent none; float:left; padding:10px 0;}
h2{
color:#fbae54; font-size:100%; text-align:left; margin:30px auto 5px auto; width:90%; padding:5px 0;}
#content p{
line-height:1.45em; color:white; width:90%; margin:0 auto; padding:5px 0; text-align:left; font-size:80%;}
#content p a{
display:inline; margin:0 auto; padding:0 2px;}
#content p a em{
font-style:normal; font-weight:bold; color:#5d2b1d;}
#content p a:link, #content p a:visited{
color:#9d827c; text-decoration:none;}
#content p a:focus, #content p a:hover{
color:white; text-decoration:none;}
#content p#multimedia a{
display:block; margin:4px auto; padding:0;}
#content p strong{
font-size:110%;}

#content div#events{
width:90%; margin:10px auto; padding:0; 
background:#5e2f1c url(http://www.sammietorres.com/imgs/bkgnd_events.png) repeat-x 0% 0%;
height:240px;}
#events ul{
margin:0 auto; padding:0 0 15px 0; height:200px; overflow:auto; position:relative; top:-10px;}
#events ul li{
font-size:70%; text-align:left; width:90%; color:white; margin:8px auto 15px auto;}
#events ul li span{
font-weight:bold; display:block; margin:0 auto 3px auto; font-size:110%; border-bottom:1px solid #5d2b1d;}
#events ul li.alt{
width:80%;}
#events ul li span em{
font-style:normal; color:#9d827c; padding:0 5px 5px 0; font-size:120%;}

#content form.admin{
margin:10px auto; background:#5e2f1c none; padding:10px; width:80%;}
.admin p{
text-align:left; margin:0 auto; line-height:1em; font-size:100%;}
.admin input{
display:block; margin:0 auto; padding:3px 5px; color:white; font-weight:bold; 
font-size:170%; background:black none; border:1px solid #9d827c;}
.admin input.hide{
padding:0; margin:0 auto; background:transparent none;}

#content form.changes{
margin:10px auto; background:#5e2f1c none; padding:10px; width:80%;}
.changes p{
line-height:1.25em; font-size:100%; text-align:left; color:white;}
.changes p label{
font-size:130%;}
.changes p input{
display:block; margin:5 auto; width:90%;}
strong{
color:white;}

#content div#pgall, #content div#medgall{
margin:10px auto; background:transparent none; padding:0;}
#content ul#gall{
margin:0 auto; padding:0; text-align:left; width:90%;}
#gall li{
display:block; float:left; margin:10px 10px 30px 0; padding:0; width:106px; height:106px;}
#gall li a{
display:block; width:106px; height:106px; margin:0 auto;}
#gall li a:link img, #gall li a:visited img{
border:2px solid black;}
#gall li a:focus img, #gall li a:hover img{
border:2px solid #9d827c;}

h3{
color:#5a5c7c; text-align:center; font-size:120%; margin:10px auto 5px auto; width:90%; padding:5px 0;}
#content ul.list{
width:40%; float:left; margin:0 auto; padding:10px 15px;}
#content ul.list li{
font-size:80%; text-align:left; margin:0 auto; width:85%; color:#ececec; padding:0; line-height:1.45em;}
#content ul.list li.hdg{
font-weight:bold; color:#9d827c; line-height:1em; margin:0 auto 5px auto;}

#content p.pic{
margin:0 auto; text-align:center; padding:25px 0 0 0;}
#content ul#songlist{
margin:20px auto 0 auto; padding:0; width:80%;}
#songlist li{
font-size:80%; text-align:left; line-height: 1.45em; display:block; color:#9d827c; width:90%;}
#songlist li span{
display:block; margin:15px auto 0 auto; font-weight:bold; color:white;}

ul#songlist li a{
margin:0; padding:0; text-decoration:none;}
#songlist li a:link, #songlist li a:visited{
color:#fbae54; background:transparent none;}
#songlist li a:focus, #songlist li a:hover{
color:#9d827c; background:black none;}
#songlist li a em{
color:#5d2b1d; font-size:130%; font-style:normal; padding:0 3px 0 0; margin:0 auto;}

#content div#full-sz{
margin:20px auto; padding:0; background:transparent none;}
#full-sz img{
display:block; margin:5px auto; text-align:center;}

div#foot{
margin:0 auto; clear:both; background:transparent none; padding:25px 0 0 0;}
#foot p{
color:#5a5c7c; text-align:left; margin:0 auto; padding:5px 0 10px 30px; font-size:60%;}
#foot p a:link, #foot p a:visited{
color:#9d827c; text-decoration:none;}
#foot p a:focus, #foot p a:hover{
color:silver; text-decoration:underline;}

#content div#form{
margin:20px auto 0 auto; width:80%; 
background:#5a5c7c url(http://www.sammietorres.com/imgs/bkgnd_lbar.png) repeat-x 50% 100%; 
padding:20px; border:3px double #5d2b1d;}
#form form p{
font-size:90%; text-align:left; margin:0 auto; width:90%; padding:10px 0; color:#fbae54;
line-height:1.45em;}
#form form p input{
display:block; margin:0 auto 25px auto; padding:0; width:90%;}
#form p select{
display:block; margin:3px auto 25px auto; padding:0; width:90%;}
#form form p label{
display:inline; font-weight:bold;}
#form form p textarea{
display:block; margin:5px auto 25px auto; padding:0; width:90%; height:80px;}
#form p input#submit{
background:#5d2b1d none; border:1px solid black; color:#fbae54; font-weight:bold; padding:3px 0;}