/*
Theme: APL Teen Theme
Theme URI: http://blogs.aurorapubliclibrary.org
Description: APL Teen Theme for Blogs.
Version: 1.0
Tags: fixed width, widgets, valid CSS, valid XHTML, SEO, SEO friendly, adsense, custom header, three columns, clean, right sidebar, gray, green, brown, photoblogging, widget ready, simple, gravatars
Author: Wayne Dixon
Author URI: http://blogs.aurorapubliclibrary.org
*/

/* Custom Items */

/*************************************
 +Containers
 *************************************/
body { background: #ECF6D4 url(images/Huimin-entry2.jpg)  top left; color:#151515; font-family:Verdana, Georgia, "Times New Roman", Times, serif; font-size:72.5%; line-height:1.4; text-align:left; margin:0; padding:0; width: 1000px; margin-left:auto; margin-right:auto;  margin-top: 1em;}
#wrapTop { background: url(images/gui-blackbox-top.png) no-repeat center; height: 10px; margin: 16px auto 0px auto; position: relative; } 
#wrapBottom { background: url(images/gui-blackbox-bottom.png) no-repeat center; height: 10px; position: relative; margin: 0 auto 16px auto;} 
#wrap { background: url(images/gui-blackbox-mid.png) repeat-y center; position:relative; padding-top:1em; padding-bottom: 1em; margin-bottom: 1em; text-align:left; width:1000px; margin:0 auto; }
#header { text-align: center; width:1000px; padding-bottom: 10px; margin-left: auto; margin-right: auto; border-bottom: 2px solid #DC143C; }
#content { font-size:1.0em; float:left; width:556px; margin-top: 0.5em; }
#sidebar-left { width: 200px; font-size:1em; float:right;  margin-left:0px; margin-top: 0.5em; width:215px; padding:0em 0em 0em 0em; text-align: left; /* border: 1px solid #000; */ }
#sidebar-right { font-size:1em; float:left; margin-left:14px; width:153px; }
#footer { /*background:url(images/bg-footer.jpg) repeat-x bottom left; */ color:#6e6e6e; font-size:1em; clear:both; text-align:center; padding:1em; }



/* Youtube Video settings */

.youtube { padding-left: 3.25em;  }


/*************************************
 +Widget Search Specifics 
*************************************/
#widget_search { background-color: #838383; color: #FFFFFF; } /* #FEFFE2; } */
.widgettitle { width: 17.5em; }
.cat-item a:hover { color: #000000; }

/*************************************
 +Search form
 *************************************/
.search-form { font-size:1.2em; background:url(images/search.png) no-repeat; position:relative; width:147px; height:44px; margin-bottom:10px; }
.search-form input { width:125px; margin:14px 0 0 10px; border:0px; background:#f9f9f9; color: #454545; }

/*************************************
 +Footer
 *************************************/
#credits { margin:0px; color: #FFF;}
#footer a { color:#DDD; }
#footer a:hover { color:#b2b2b2; }
.rss { background:url(images/rss.png) no-repeat; /* padding-bottom:6px; */ padding-left:2em; }

/*************************************
 +Hn, a and p
 *************************************/

#wp-calendar { width: 18em; clear:both; }
a { /*color:#7f9a42;  color:#0060ff; */ color: #FFCEC7; text-decoration:none; }
a:hover { background-color: #7A0027; color: #DC143C; }
/* h1,h2,h3,h4,h5,h6 { font-weight:400; letter-spacing:-.1px; margin:0; padding-left: 1em; } */
#header h1 { font-size:2em; margin-left:0.5em; }
#header h1 a { color:#424242; }
/ *#header .btitle a:hover { border-bottom: 1px dotted #808080; padding-left: 15px; padding-right: 15px; } */
/* #header p { color:#424242; font-size:1.3em; margin-top:-6px; margin-left:250px; text-align:left; font-style:italic; } */
#header p { font-size: 1.1em; margin-left: 1em; margin-right: 1em; /*border: 1px solid #febcda; */ padding-left: 1em; }
.entrytitle { text-align:left; margin: 1em; }
.entrytitle h3 { font-size:1.1em; color:#6F6F6F; }
.entrytitle h1 a,.entrytitle h2 a { color: #000; } 
.entrytitle h1 a:hover,.entrytitle h2 a:hover { background-color: #7A0027; color:#DC143C; } 
.entrytitle h1,.entrytitle h2 { /*width: em;*/ /* border: 1px solid #A2C4F6; */ /*font-size:1.1em; */ text-align:left; }
blockquote { display:block; background:#FCFCFC none repeat scroll 0 0; padding:2px 10px; clear:both; margin-left:0px; margin-right:0px; }
pre { max-width:580px; font-size:12px; padding:10px; overflow: auto; clear:both; }
code { font-size:12px; max-width:580px; padding:10px; clear:both; overflow:auto; }


/*************************************
 +Entry
 *************************************/
.entry { margin-bottom: 0.25em; /*text-align:justify; */ }
/* Color specifics for each user */
.entry1 /* Admin */ { margin-bottom: 0.25em; border: 1px solid #000000; background-color: #846E40; }
.entry2 /* Debra S */ { background-color: #846E40; }
.entry3 /* Angie B */ { background-color: #C4B69A; }
.entry4 /* Hannah */ { background-color: #D1C2A4; }
.entry5 /* Pat S. */ { background-color: #847B68; }
.hentry { background-color: #C80041; /* border: 1px solid #000000; */ margin: 1em; }

.entry* { margin-bottom: 0.25em; border: 1px solid #000000; background-color: #a832e3; }
.entry-individual { padding: 0.25em; }


/* .entry a:hover { background-color:#F0F0E0;  } */
.entry p { margin:0; padding:0 0 10px; }
.entry h3 { font-size:0.9em; padding-bottom:.3em; }
.entry h4 { font-size:0.9em; padding-bottom:0.2em; }
.entry img { max-width:580px; margin-left:5px; margin-right:5px; border:0; }
.entrybody { padding-bottom:6px; text-align: left; margin: 1em; padding-top: 1em; }
.entrybody a { color: #000; border-bottom:1px dotted #EEE; }
.entrybody a:hover { background-color: #7A0027; color: #E0004C; }
.entry code { font-size:1em; text-align:left; padding:.2em; }
.entrymeta { padding-top:.5em; /*color:#b3960e; */ border-top:1px dotted #eee; margin-bottom:3em; clear:both; }
.entrymeta a { color: #000;  }
.entrymeta a:hover { background-color: #7A0027; color: #E0004C; }
.postedby { background:url('images/user.png') no-repeat; padding-left:20px; padding-right:3px; padding-top:2px; padding-bottom:3px; }
.filedto { background:url('images/post.png') no-repeat; padding-left:20px; padding-right:3px; padding-top:2px; padding-bottom:3px }
.commentslink { background:url('images/packaged.png') no-repeat; padding-left:21px; padding-right:2px; padding-top:1px; padding-bottom:2px; }
.btitle { letter-spacing:-.1px; font-size:47px; font-family:georgia, Times New Roman; font-style:italic; padding-left: 90px; padding-right: 90px; }
.btitle a { color:#FFF; }

.postinfo { margin-top:3px; margin: 1em; }
.postinfo img { border:2px solid #F8F8EC; margin:0; padding:0; }
.entrydate .dateMonth { font-size:10px; text-align:center; color:#000; margin:0; padding:3px 0 0; }
.entrydate .dateDay { font-family:Times New Roman,Helvetica,Sans-Serif; font-size:21px; font-weight:700; text-align:center; color:#888; margin:0; padding:3px 0 0; }
.entrydate .dateYear { font-size:9px; padding:0 0 0 1pt; }
.entrydate { background:transparent url(images/date.png) repeat scroll 0 0; float:right; height:53px; margin-left:5px; margin-top:5px; width:49px; margin-right: 1em; }
.entrytitle_wrap { padding-bottom:1.8em; }
.avatar { color:#000; clear:right; float:left; margin:0 15px 0 0; padding: 2px; }
img.centered { display:block; margin-left:auto; margin-right:auto; }
img.alignright { display:inline; margin:0 0 2px 7px; padding:4px; }
img.alignleft { display:inline; margin:0 7px 2px 0; padding:4px; }
.alignleft { float:left; }
.aligncenter { margin-left:auto; margin-right:auto; }

.wp-caption { border:1px solid #ddd; text-align:center; background-color:#FCFCFC; padding-top:4px; border-radius:3px; margin:10px; }
.wp-caption img { border:0 none; margin:0; padding:0; }
.wp-caption-dd { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; }
.socbook,.alignright { float:right; }

/*************************************
 +Sidebar
 *************************************/
#sidebar ul { list-style-type:none; clear:both; margin:0 0 1em; padding:0; }
#sidebar ul li,#sidebar ul li a { padding-top:.2em; padding-bottom:.2em; padding-right:.2em; }
/* #sidebar ul li:hover,#sidebar ul li a:hover { background:#F0F0E0; } */
#sidebar ul.children { margin:0 0 0 10px; }
/* #sidebar h2 { color:#6F6F6F; font-size:1.5em; margin-top:1em; }*/
#sidebar h4 { color:#151515; font-size:1.5em; }
#sidebar-left #cat { width:195px; border:1px solid #CCC; }
#sidebar-right #cat { width:150px; border:1px solid #CCC; }
#sidebar img { max-width:140px; border:0; }

/*************************************
 +Menu
 *************************************/
#menu { position:relative; width:800px; margin:0; padding:0; height: 32px; /*overflow: hidden; */ border-bottom: 2px solid #DC143C; }
#menu ul{ font-size:1.2em; list-style:none; margin:0; padding:0; }
#menu li { float:left; border-bottom:0; } 
#menu li a { color:#000; margin-left:.5em; display:block; padding:.6em .6em .3em; }
#menu li a:hover { /*background:#e6e2af; */ background: #F0F0E0; color:#000000; text-decoration: underline; }
#menu ul li ul { display:none; }

/*************************************
 +Menu Categories
 *************************************/
#catmenu { position:relative; width:770px; top: 0px; padding:0; height:36px; }
#catmenu ul { font-size:1em; list-style:none; margin:0; padding:0; }
#catmenu li { float:left; border-bottom:0; }
#catmenu li a { /*background:#bfbc94; */ color:#000; margin-left:.5em; display:block; padding:10px; }
#catmenu li.current-cat a { /*background:#a7a37e; */ color:#000; margin-left:.5em; display:block; padding:10px; }
#catmenu li a:hover { /*background:#a7a37e; */ background: #F0F0E0; text-decoration: underline; font-weight: bold; color:#000; }
#catmenu ul li ul { display:none; }

/*************************************
 +Comments
 *************************************/
.commentsblock,contactform { font-size:1em; clear:both; padding-top:20px; }
.commentsblock textarea,.contactform textarea { width:538px; }
.commentsblock input,.commentsblock textarea,.contactform input,.contactform textarea { border:1px solid #d1d1d1; text-align: left; }
.commentauthor { display:block; font-size:1.1em; }

ol.commentlist { color:#505247; font-size:1em; list-style-type:none; margin:1.5em 0 0; padding:0; }
ol.commentlist a { /*color:#b3960e; */ }
ol.commentlist a:hover { color:#424242; }

.commentlist li { margin-bottom:.5em; padding:8px; overflow:auto; }
.commentlist p { text-transform:none; font-size:1em; /*margin:10px 5px 10px 59px; */ }
.commentlist blockquote p { margin:10px 5px; }
.commentlist blockquote { margin:10px 0 10px 59px; }
.commentlist .children { padding-left:0px; }
#commentform p { margin-left:0px; }

.alt { background:#e3e7cb; }
.comment_headings { font-size:1.3em; color:#6C6C6C; }

.vcard { font-size:1em; }
.vcard cite { font-weight:700; font-size:16px; }

.commentsblock textarea:focus,.contactform textarea:focus,.commentsblock textarea:focus,.commentsblock input:focus,.contactform textarea:focus,.contactform input:focus { background:#eee; border:1px solid #a1a1a1; }
.comment { background-color: #abc123; } 
h3#comments  { background-color: #148562; }

/*************************************
 +Flickr
 *************************************/
#flickr { margin:0 1em 0 .5em; padding:0em; }
#flickr img { border:0px; }
#flickr a { background:#000; border: 1px dotted #ccc; float: left; display: inline; margin:0.7em; padding:5px; width: 75px; height: 75px; }
#flickr a:hover{ border: 1px dotted #000; }
/*************************************
 +Misc
 *************************************/

#ad_block { background:#e3e7cb; text-align:center; margin:1em 0; padding:10px 0; }
#ad_block_middle { background:#e3e7cb; text-align:center; margin:1em 0 0; padding:10px 0; }

img.left { float:left; margin-right:15px; margin-bottom:10px; }
img.right { float:right; margin-left:15px; margin-bottom:10px; }

.relpost { padding-bottom:2px; border-bottom:1px dotted #ccc; color:#6C6C6C; }
.relpost ul { list-style-type:none; padding:.01em; }

.endate { font-size:1.2em; color:#0f0f0f; font-family:Georgia, Verdana, Times; margin: 1em; }


.navigation { background-color: #1D1C18; color: #FFFFFF; min-height: 3em; width: 48em; }
.nav-previous { float: left; width: 23em; margin-top: 0.75em; margin-bottom: 0.75em; margin-left: 0.5em; }
.nav-next { float: right; width: 23em;  text-align: right; margin-top: 0.75em; margin-bottom: 0.75em; margin-right: 0.5em; }
.nav-previous a { color: #FFFFFF; }
.nav-previous a:hover { color #CCCCCC; }
.nav-next a { color: #FFFFFF; }
.nav-next a:hover { color: #CCCCCC; }
.sticky { border: 1px solid #bbb; border-width: 1px 0; background: #FCFCFC; padding: 15px; margin-bottom:25px;}

.header_img { margin-left: auto; margin-right: auto; width: 900px; border: 1px solid #000000; height: 200px; background: url(images/cropped-apl4.jpg); margin-bottom: 1em;}
#header_img img { margin-left: auto; margin-right: auto; width:900px;  }


/* Customizations */ 
.divider { height: 2px; background-color: #DC143C; }
.clear { clear:both; text-align: left; }

ul.widgets { border: 2px solid #808080; background-color: #ADADAD; } 
ul.widgets a { color: #FFFFFF; } /* #FEFFE2; } */
ul.widgets a:hover { color: #FF91A6; } 
#widget_rss { background-color: #838383; } /* #FFEABA; } */
#widget_rss h2:hover a{ color: #FFCEC7; /* #006E59; */ }
#widget_rss a:hover { color: #FFF; }
#widget_rss ul li a:hover { color: /* #006e59; */ #FFCEC7; }

#widget_rss2 li ul li a:hover { color: #000000; } /*backup*/
.page_item a:hover{ color: #000000; }

#giraffe_calendar table 
ul#APLBlogsWidget ul li a:hover { color: #DC143C; }
/* #widget_meta ul li a:hover { color: #000000;; } */

/* End of Customizations */

ul.widgets ul li {list-style: square; margin: 0 0 0px 20px; color: #DC143C; }
ul.sidebar_list li.widget ul li { list-style: square; margin: 0 0 0px 0px;}

#sidebar a img { border: none; } /* added just in case people don't format correctly */

ul.sidebar_list { list-style: none; }
ul.sidebar_list li.widget { width: 209px; font-size: 1em; line-height: 1.4em; text-align: center; }

li.widget h2, li.linkcat h2 { width: 17.5em; font-weight: bold; font-size: 1em; text-transform: uppercase; letter-spacing: normal; margin: 0 0 10px 0; padding: 6px 2px; border-top: 3px solid #DC143C; background: url('images/hr_dot_black.gif') 0 100% repeat-x; }
li.widget p { margin: 0 0 15px 0; padding: 0 20px; }
li.widget a img { border: none; }
li.widget ul, li.linkcat ul { list-style: square; margin: 0 0 15px 20px; }	
li.widget ol { margin: 0 0 15px 20px; }
	
li.widget li, li.linkcat li { margin: 0 0 8px 0; }			
li.widget li a, li.widget li a:visited, li.linkcat li a, li.linkcat li a:visited { text-decoration: none; }
li.widget li a:hover, li.linkcat li a:hover { text-decoration: underline; }
li.widget li .recent_date { padding: 0 0 0 8px; font-weight: bold; color: #888; }
		
li.widget ul.flickr_stream { list-style: none; margin: 0; padding: 0 10px; }
li.widget ul.flickr_stream li { margin: 0; padding: 0 5px 5px 0; display: inline; }
li.widget ul.flickr_stream li a img { padding: 3px; }		
li.widget ul.flickr_stream li a:hover img { background: #ff2a96; }

/*---< FlickrRSS styles for the widget only >---*/	
li.widget_flickrrss { }			
li.widget_flickrrss a img { margin: 0 5px 5px 0; padding: 3px; }
li.widget_flickrrss a:hover img { background: #ff2a96; }
				
/*---< Calendar widget styles >---*/		
/* #calendar_wrap { font-size: 1.1em; margin: 0.25em; height: 15em; clear: both; } */
#calendar_wrap { clear: both;}
				
/*---< This collection of lines is only here to make widget link categories work. I realize that it's ridiculous, and believe me when I say that I hate it more than you do. >---*/
ul.sidebar_list li#linkcat-1, ul.sidebar_list li#linkcat-2, ul.sidebar_list li#linkcat-3, ul.sidebar_list li#linkcat-4, ul.sidebar_list li#linkcat-5, ul.sidebar_list li#linkcat-6, ul.sidebar_list li#linkcat-7, ul.sidebar_list li#linkcat-8, ul.sidebar_list li#linkcat-9 { width: 230px; margin: 0 0 30px 0; font-size: 1.2em; line-height: 1.4em; float: left; }
ul.sidebar_list li#linkcat-1 h2, ul.sidebar_list li#linkcat-2 h2, ul.sidebar_list li#linkcat-3 h2, ul.sidebar_list li#linkcat-4 h2, ul.sidebar_list li#linkcat-5 h2, ul.sidebar_list li#linkcat-6 h2, ul.sidebar_list li#linkcat-7 h2, ul.sidebar_list li#linkcat-8 h2, ul.sidebar_list li#linkcat-9 h2 { font-weight: bold; font-size: 1.2em; text-transform: uppercase; letter-spacing: normal; margin: 0 0 10px 0; padding: 6px 2px; border-top: 3px solid #000; background: url('images/hr_dot_black.gif') 0 100% repeat-x; }
ul.sidebar_list li#linkcat-1 ul, ul.sidebar_list li#linkcat-2 ul, ul.sidebar_list li#linkcat-3 ul, ul.sidebar_list li#linkcat-4 ul, ul.sidebar_list li#linkcat-5 ul, ul.sidebar_list li#linkcat-6 ul, ul.sidebar_list li#linkcat-7 ul, ul.sidebar_list li#linkcat-8 ul, ul.sidebar_list li#linkcat-9 ul { list-style: square; margin: 0 0 15px 20px; }			
ul.sidebar_list li#linkcat-1 li, ul.sidebar_list li#linkcat-2 li, ul.sidebar_list li#linkcat-3 li, ul.sidebar_list li#linkcat-4 li, ul.sidebar_list li#linkcat-5 li, ul.sidebar_list li#linkcat-6 li, ul.sidebar_list li#linkcat-7 li, ul.sidebar_list li#linkcat-8 li, ul.sidebar_list li#linkcat-9 li	{ margin: 0 0 8px 0; }		
ul.sidebar_list li#linkcat-1 li a, ul.sidebar_list li#linkcat-2 li a, ul.sidebar_list li#linkcat-3 li a, ul.sidebar_list li#linkcat-4 li a, ul.sidebar_list li#linkcat-5 li a, ul.sidebar_list li#linkcat-6 li a, ul.sidebar_list li#linkcat-7 li a, ul.sidebar_list li#linkcat-8 li a, ul.sidebar_list li#linkcat-9 li a { text-decoration: none; }		
ul.sidebar_list li#linkcat-1 li a:hover, ul.sidebar_list li#linkcat-2 li a:hover, ul.sidebar_list li#linkcat-3 li a:hover, ul.sidebar_list li#linkcat-4 li a:hover, ul.sidebar_list li#linkcat-5 li a:hover, ul.sidebar_list li#linkcat-6 li a:hover, ul.sidebar_list li#linkcat-7 li a:hover, ul.sidebar_list li#linkcat-8 li a:hover, ul.sidebar_list li#linkcat-9 li a:hover { text-decoration: underline; }

.center250 { width: 250px; margin-left: auto; margin-right: auto; }