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


*/



<style type="text/css">



html{
}

body{
background-color:#ffffff; background-image: url(bkg3.png);
font-size: 14px;
font-family: Candara, Corbel, Geneva, sans-serif; 
color:#000000; 
padding: 0px;
margin-bottom:10px;
}
a:link{
color:#1300ff; text-decoration:underline;
}
a:active{
color:#03b500; 
}
a:visited{
color:#ff2f5f;
}
a:hover{
color:#03b500;
}

a.redcolour {
font-size: 20px; font-weight: bold;
color:#cd003f;
}

a.redcolour:hover {
color:#ff2f5f;
}

@font-face {
    font-family: 'Handwritten';
    src: url('SF-Heather.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

img{
border:10px solid rgb(0,165,255);
border:10px solid rgba(0,165,255,0.5);
-moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px;
}

a img{
border:10px solid rgb(0,165,255);
border:10px solid rgba(0,165,255,0.5);
-moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px;
}

.bigwriting{
font: bold 30px "Handwritten";
text-decoration:none;
}

.booktitles a{
font-size:22px;
line-height:40px;
font-weight:bold;
}


h3{
display:inline;
}



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

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



#content{
position:relative; top:20px;
height: auto;
margin: 5px;
padding: 0px;
min-width:400px;
width:55%; 
overflow:hidden;
}


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


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

#vote{
background-color: rgba(0,0,0,0.7);
z-index:7;
list-style:none;
width:100%; height:100%;
position:fixed; top:0px; left: 0;
color: #ffffff;
display:none;
}

.sidebarl{
background: rgb(200,0,200);
background: rgba(200,0,200,0.7);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
z-index:8;
list-style:none;
width:400px;
position: relative; top:100px;
color: #ffffff;
padding: 5px;

}
.sidebarl img{
border:0px;
-moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 0px;
}

.sidebarl a{
color: #ffffff;
}

.sidebarr{
background: rgb(255,255,255);
background: 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:100%; 
margin-left:2px; margin-top:5px;
}

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

#comments{
position:relative;
-moz-border-radius: 30px; border-radius: 30px; -webkit-border-radius: 30px;
background-color: rgb(231,65,108);
background-color: rgba(231,65,108,0.7);
margin: 15px; padding:20px;
color: #ffffff;
}

.collapsible {
color: #000000;
}

.boxes {
background-color: #eeffac; 
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: #cd003f;
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.7);
-webkit-box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.5), 
inset 0px -8px 12px 0px rgba(255,255,255,0.7);
box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.5),
inset 0px -8px 12px 0px rgba(255,255,255,0.7);
}
.buttons a{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

.buttons:hover{
text-decoration:none;
background-color: #ff3600;
}

.vbutton{
background: #4c1768;
border: 2px solid #000000;
-moz-border-radius: 20px; border-radius: 20px; -webkit-border-radius: 20px;
padding: 5px;
width: auto;
font-size: 16px;
color:#FFFFFF;
text-align:center;
cursor:pointer; 
cursor:hand;
-moz-box-shadow: inset 0px -8px 12px 0px rgba(255,255,255,0.4);
-webkit-box-shadow: inset 0px -8px 12px 0px rgba(255,255,255,0.4);
box-shadow: inset 0px -8px 12px 0px rgba(255,255,255,0.4);
align:center;
z-index:10;
font-family: Candara, Corbel, Geneva, sans-serif; 
}
.vbutton a{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

.vbutton:hover{
text-decoration:none;
background-color: #7d1768;
}

.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;
}

.post{
background: rgb(246,255,209);
padding: 5px; margin: 15px;
-moz-border-radius: 30px; border-radius: 30px; -webkit-border-radius: 30px;
}

.postcontainer{
background: rgb(196,0,24);
background: rgba(196,0,24,0.7);
padding: 5px; margin: 8px 0px;
-moz-border-radius: 45px; border-radius: 45px; -webkit-border-radius: 45px;
}


.FAQ li{font-size: 20px; font-weight:bold; line-height:150%;} 
.FAQ ul li{font-size: 18px; font-weight:bold;}
.FAQ a{color:#cd003f; text-decoration:none;} 
.FAQ a:hover{color:#7d1768;}


.lboxes2 {
border: 0px;
-moz-border-radius: 40px; border-radius: 40px; -webkit-border-radius: 40px;
padding: 0px;
position:absolute; top:40px; left:35px;
width:auto;
z-index:4;
}

.lboxes3 {
position:absolute; top:22px; left:12px;
width:auto;
z-index:5;
}

.lboxes4 {
position:absolute; top:9px; left:77px;
width:auto;
z-index:5;
}
.lboxes5 {
position:absolute; top:6px; left:43px;
width:auto;
z-index:5;
}
.lboxes6 {
position:absolute; top:55px; left:0px;
width:auto;
z-index:5;
}
</style>