/*
Theme Name: UPL Teen Reading Program 2011
Theme URI: http://uxlib.com/modules/blog_teen/
Description: For the Uxbridge Public Library's Teen Reading Program 2011.
Version: 1
Author: Deanna Gregorio
Author URI: http://simplystrickendesigns.net/


*/



<style type="text/css">

html{
}


body{
background-color:#000000; background-image:url(bkg.png);
font-size: 14px;
font-family: Candara, Corbel, Geneva, sans-serif; 
color:#000000; 
padding: 0px;
margin-bottom:10px;
}
a:link{
color:#029200; text-decoration:underline;
}
a:active{
color:#2bbe12; 
}
a:visited{
color:#681900;
}
a:hover{
color:#be1212;
}

img{
border:10px solid #dee0ff;
-moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px;
}


h3{
display:inline;
}

#container{
position:relative; top: 30px;
}

#logo{
background-image:url(teen.png);
position:relative; top:20px;
background-repeat:no-repeat;
width:976px;
height:200px;
border:0;
}

#header{
position:relative; top:0px;
height:31px;
margin: 0px;
padding: 0px;
min-width:400px;
width:60%; 
overflow:hidden;
}

#H1{
background-image:url(H1.png);
position:absolute; top:0px; left:0px; 
background-repeat:no-repeat; 
width:29px; 
height:31px;
}

#H2{
background-image:url(H2.png);
position:relative; left:29px;
width:90%; 
height:31px;
float:left;
}

#H3{
background-image:url(H3.png);
position:absolute; top:0px; right:0px; 
width:53px; 
height:31px;
}



#midsection{
position:relative; top:0px;
height: auto;
margin: 0px;
padding: 0px;
min-width:400px;
width:60%; 
overflow-y:auto;
overflow-x:hidden; 
}

#M1{
background-image:url(M1.png);
position:absolute; left:0px;
background-repeat:repeat-y; 
width:29px;
height:100%; 
}

#M2{
background-color: #ffffff;
position:relative; left:29px;
width:95%; 
height:auto;
float:left;
z-index: 5; 
}

#M3{
background-image:url(M3.png);
position:absolute; right:0px;
background-repeat:repeat-y; 
width:53px; 
height:100%;
z-index: 4; 
}


#footer{
position:relative;
height:58px;
margin: 0px;
padding: 0px;
min-width:400px;
width:60%; 
overflow:hidden;
}

#F1{
background-image:url(F1.png);
position:absolute; left:0px; 
background-repeat:no-repeat; 
width:29px; 
height:58px;
}

#F2{
background-image:url(F2.png);
position:relative; left:29px; 
width:95%; 
height:58px;
float:left;
}

#F3{
background-image:url(F3.png);
position:absolute; right:0px; top:0px;
width:53px; 
height:58px;
}


#scontainer{
width:40%; position:absolute; top:340px; right:5px; min-width:200px; padding-top:5px; z-index:6;
}

.sidebarl{
background-color: rgba(200,0,200,0.7);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
z-index:6;
list-style:none;
width:40%;
position:absolute; top:5px;
margin-left:8px;
color: #ffffff;
}

.sidebarl a{
color: #ffffff;
}

.sidebarr{
background-color: rgba(255,255,255,0.7);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
z-index:6;
list-style:none;
float:right;
padding:5px;
width:55%; 
margin-left:2px;
}

.widget_search .screen-reader-text {
	display:none;
}

#comments{
position:relative;
}

.collapsible {
color: #000000;
}

.boxes {
background-color: #dee0ff; 
border: 1px solid #838383;
-moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px;
padding: 5px;
}

.boxes img{
border: 0px;
padding: 2px;
}


.buttons{
background: #4e60cc;
border: 2px solid #000000;
-moz-border-radius: 20px; border-radius: 20px; -webkit-border-radius: 20px;
padding: 5px;
width: 100px;
font-size: 16px;
color:#FFFFFF;
text-align:center;
cursor:pointer; 
cursor:hand;
-moz-box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.5),
inset 0px -8px 12px 0px rgba(255,255,255,0.4);
-webkit-box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.5), 
inset 0px -8px 12px 0px rgba(255,255,255,0.4);
box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.5),
inset 0px -8px 12px 0px rgba(255,255,255,0.4);
}
.buttons a{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

.buttons:hover{
font-weight:bold;
text-decoration:none;
background-color: #233a75;
}


.wp-smiley{
border:0;
}
.wp-smiley img{
border:0;
}

.voting{
border:1px solid #e4c08f;
background:#e4c08f;
-moz-border-radius: 40px; border-radius: 40px; -webkit-border-radius: 40px;
}

</style>