/*
Theme Name:		Friends Of Ava McLin
Theme URI:		http://www.friendsofava.com
Description:	        A personal blog theme for websites run using WordPress. 
Version:		1.0 
Author:			Randy McLin
Author URI:		http://www.mclin.org
*/

/* Typography */
body {font-family:Georgia,Times New Roman,Times,serif; line-height:1.6em; text-align:left;}
h1 {font-size:197%; font-weight:bold; line-height:1em; margin-bottom:10px; color:#FF0080;}
h1.home {font-size:189%; font-weight:bold; line-height:1em; letter-spacing: -0.03em; margin-bottom:20px; color:#FF0080;}
h2 {font-size:146.5%; line-height:1em; margin-bottom:15px;font-weight:bold;}
h2.colitem {padding-bottom:5px; margin-bottom:5px; border-bottom:0px;}
h3 {font-size:131%; line-height:1em;margin-bottom:5px;font-weight:bold;}
h3.summary {font-size:131%; line-height:1em;margin-bottom:5px;}
h3.comment {font-weight:bold; margin-bottom:15px;}
h4 {font-size:108%; line-height:1em;margin-bottom:5px;font-weight:bold;}
h4.sectionheaders {font-family:Helvetica; font-weight:bold; text-transform:uppercase; font-size:108%; line-height:1em; margin:10px 0 3px 0px;}
h4.widgetheaders {font-family: Helvetica; font-weight: bold; text-transform: uppercase; font-size: 108%; line-height: 1em; margin: 10px 0 5px 0px; }
strong {font-weight:bold;}
em {font-style:italic;}


a:link {text-decoration:none; color:#FF0080;}
a:hover {text-decoration: underline; }
a:visited {text-decoration: none; }
p {margin-bottom:1em;}


.caption {font-style:italic; padding-bottom:4px;}
.bannertext:first-letter {font-size:400%; color:#666666; float:left; font-weight:normal; padding: 5px 0 0 0; }
.byline {font-size:85%; line-height:1.2em; padding-bottom:4px;}
.commentcount {float:right; padding: 12px 25px 0px 0px; font-size:24px; color:#fff; }
.content {border-bottom:#FF0080 1px dotted; padding-top:5px;}
.date {font-weight:bold; padding: 82px 0 0 14px; text-align:center;}		  

/* I added list-style-position: outside; margin-left: 10px */
ul li { list-style-type: disc; list-style-position: outside; margin-left: 20px;}
ol li { list-style-type: decimal; list-style-position: inside;} 


/* layout */
#hd {width:974px; height:100px; padding-bottom:10px;}
#hd-left {width:630px; float:left; background:#ffffff url(images/JBWULogo_Small.JPG) no-repeat;}
#hd-right {float: right;} 
#ft {font-size:90%; margin-top:10px; padding: 5px 5px 0 0; background: #FFCCFF; color:#FF0080; text-align:right;}
#bannerad {text-align:center; }
#toppanel {background:#ffffff url(images/bannerpanelbg.gif);}
#bottompanel {margin-top:30px; background:#ffffff url(images/bottompanelbg.gif);}
#singlepanel {background:#ffffff url(images/singlebg.gif);}
/* old #banner {border-top:#6083b3 5px solid; padding-top:5px; } */
#banner  {padding-top:5px; } 
#recentfeatures {border-top:#FF0080 1px dotted; padding-top:5px;}
#widgetcolumn {padding-top:5px; padding-right:10px; padding-left:10px;}
.sidebar {padding-left:10px;}
.colitem {padding-bottom:5px; margin-bottom:5px; border-bottom:#FF0080 1px dotted; } 
.curlycontainer{ border: 1px solid #b8b8b8; margin-bottom: 1em; width: 100%;}
.curlycontainer .innerdiv{ background: transparent url(images/brcorner.gif) bottom right no-repeat; position: relative; left: 2px; top: 2px; padding: 1px 4px 15px 5px; }

/* Top borders */
.topwhite {border-top:#FFFFFF 5px solid; padding-top:5px; }
.topdarkblue {border-top:#6083b3 5px solid; padding-top:5px; }
.toplightblue {border-top:#89bbff 5px solid; padding-top:5px; }
.topyellow {border-top: #FFCC00 5px solid; padding-top: 5px; }
.topbrown {border-top:#b39e60 5px solid; padding-top:5px; }

/* Comments */
ol.commentlist { width: 90%; margin: 0 auto; }
ol.commentlist li { margin-bottom: 1.5em; background-color:#FFCCFF; padding: 10px; }
ol.commentlist li.alt { background-color: #FFCCFF; }
small.commentmetadata { font-size: 85%; margin-bottom: 1em; display: block; }

/* Search Form */
#searchform {margin: 10px auto; padding: 5px 3px; text-align: center; }
#searchform #s {width: 108px; padding: 2px;	}
#searchsubmit {padding: 1px; }

/* Photo Captions */
.largecaptionleft { float: left; width: 500px; margin: 5px; padding: 5px; border: solid 1px #ddd; background: #89bbff; line-height:1em; font-style: italic; color: black; }
.largecaptionright { float: left; width: 500px; margin: 5px; padding: 5px; border: solid 1px #ddd; background: #89bbff; line-height:1em; font-style: italic; color: black;}
.smallcaptionleft { float: left; width: 250px; margin: 5px; padding: 5px; border: solid 1px #ddd; background: #89bbff; line-height:1em; font-style: italic; color: black; }
.smallcaptionright { float: right; margin: 5px; padding: 5px; width: 250px; border: solid 1px #ddd; background: #89bbff; line-height:1em; font-style: italic; color: black; }