/*  
Theme Name: allWell
Theme URI: http://www.alliswell.us/
Description: Custom-made clean-looking design.
Version: 1.0
Author: L.J. Kaage - el design
Author URI: http://elsite.net/design/
*/

/* -------------Begin CSS Document - general styles--------------------- */
body{
padding:0; margin:0; font-size:100%; width:100%; height:100%;
background-color:#ececec;}

div#contain{
width:769px; margin:0 auto; font-family:"trebuchet ms", "helvetica", sans-serif;
border-top:12px solid #f94700; background:#d2c740 url(images/bkgnd_stripe2.gif) repeat-y 0% 0%;}

ul{
list-style-type:none;}

br.bank{
height:1px; overflow:hidden; margin-top:-1px; clear:both;}

a:link, a:visited{
color:#4f4f00; text-decoration:underline;}

a:focus, a:hover{
color:#21a6d0; text-decoration:none;}

a img{
border:none;}

p{
width:90%; margin:0 auto; padding:5px 0; font-size:80%; text-align:left; color:black;}

p span{
color:#555; font-weight:bold; padding-right:4px;}
/* end general styles */

/*------------------------------header and navigation---------------------*/
#contain div#header{
background:transparent none; width:100%; margin:0 auto;}

#header img{
display:block; margin:0 auto;}

#header h1{
display:none; font-size:60%; text-align:center; margin:0 auto;}

#header ul{
border-top:6px solid #333300; border-bottom:12px solid #e20604; background:white none; list-style-type:none; margin:0 auto; padding:5px 0; width:714px; text-align:center;}

#header ul li{
font-size:80%; text-align:center; display:inline; padding:0 8px; margin:5px auto;
font-weight:bold;}

#header ul li a{
padding:5px 0 5px 30px;}

#header ul li a#home{
color:#e20604;}

#header ul li.current-cat a{
background:transparent url(images/nav_sel.gif) no-repeat 0% 50%; color:#21a6d0;}

#header ul li.current-cat a:link, #header ul li.current-cat a:visited{
background:transparent url(images/nav_sel.gif) no-repeat 0% 50%; color:#21a6d0;}

#header ul li.current_page_item a{
background:transparent url(images/nav_sel.gif) no-repeat 0% 50%; color:#21a6d0;}

#header ul li.current_page_item a:link, #header ul li.current_page_item a:visited{
background:transparent url(images/nav_sel.gif) no-repeat 0% 50%; color:#21a6d0;}
/* end header */
	
/*-------------------------body_pan = [pre-posts content]-------------------*/
#body_pan{
width:714px; margin:0 auto; background:white url(images/bkgnd_grad.png) repeat-x 50% 0%; padding:5px 0 45px 0;}

h2{
font-size:120%; text-align:left; margin:0 auto; line-height:1.45em;
padding:10px 0; color:#e20604; width:95%;}

h2 a:link, h2 a:visited{
color:#e20604; text-decoration:none;}

h2 a:focus, h2 a:hover{
color:#21a6d0; text-decoration:underline;}

h2 span#green{
color:#4f4f00; display:block; margin:0 auto;}

h2 span#org{
color:#f94700; display:block; margin:0 auto;}

h2 span#blue{
color:#21a6d0; display:block; margin:0 auto;}

h2.reply{
color:#f94700; font-weight:normal; border-bottom:1px solid silver;
padding:30px 0 0 0; margin:0 auto; font-size:100%;}

h2 span.descr{
padding-left:5px; font-size:80%; color:#444; display:inline;
font-weight:normal; font-size:70%; line-height:1em;}

h3{
font-size:80%; text-align:right; margin:0 auto; padding:10px 0; color:#444; font-weight:normal;}

h4{
font-size:100%; text-align:center; margin:0 auto; padding:20px 0 0 0; width:90%;
color:/*#f94700*/#21a6d0; font-weight:normal;}
/* end mid-div */

/* -------------------Begin Category Posts--------------------------------*/
div.post{
margin:10px auto 5px auto; width:90%; padding:5px 10px; background:white none;
border:1px solid #21a6d0;}

.post h2{
width:95%; font-size:110%;}

.post h3{
color:#21a6d0; font-weight:normal;
padding:5px 0; margin:0 auto; font-size:100%; text-align:left; width:95%;}

.post h3 a:link, .post h3 a:visited{
color:#f94700; text-decoration:underline;}

.post h3 a:focus, .post h3 a:hover{
color:#21a6d0; text-decoration:none;}

.post p{
width:95%; padding:5px 0;}

.post p img.left{
float:left; margin:0 auto; display:block; padding:5px 5px 5px 0; background:transparent none;}

.post p img.right{
float:right; margin:0 auto; display:block; padding:5px 0 5px 5px;}

.post p.postdata{
width:95%; margin:10px auto 0 auto; padding:3px 0 25px 0; border-top:1px solid #21a6d0; font-size:70%;
clear:both;}

.post ul{
width:90%; list-style-type:bullet; margin:0 auto; padding:0; border:0;}

.post ul li{
list-style-type:bullet; font-size:70%; text-align:left; margin:0 auto 0 20px;}

div.navigation {
clear:both; margin:0 auto; padding: 0 0 10px 0; font-size:60%;}

.alignright {
float: right; margin:0 auto;}

.alignleft {
float: left; margin:0 auto;}
/* end category posts */

/* --------------------------Begin Comments---------------------------*/
div.postmeta{
margin:0 auto; background:transparent none; width:95%; padding:0;
border-top:1px solid #21a6d0; clear:both;}

.postmeta p{
width:100%; margin:0 auto; padding:0; color:gray; font-size:70%;}

.alt {
margin:0 auto; padding: 10px;}

ol.commentlist {
padding:0; margin:0 auto; text-align:center; list-style-type:none;}

.commentlist li {
margin:0 auto 15px auto; padding:10px; border:1px solid #21a6d0;
width:90%; text-align:left; display:block;}

.commentlist li p{
width:100%; color:#444;}

.nocomments {
text-align:center; margin:0 auto; padding: 0; color:gray;}

form{
margin:0 auto; width:90%; text-align:center; background:white none;}

form div{
width:90%; margin:0 auto; padding:10px 5px; text-align:left;}

cite{
color:gray; font-weight:bold; margin:5px auto;}

small{
color:#444; font-size:70%; border-top:1px solid silver; width:90%;}
/* End Comments */
		
/* ---------------------sidebar.php = home pg. [left side]--------------------*/
#update{
width:320px; float:left; margin:0 auto 0 20px; padding:0; background:transparent none;}

#sidebarleft{
background:transparent none; margin:0 auto;}

p#photo{
background:white none; border:1px solid black; font-size:70%; text-align:center;
margin:5px auto 25px auto; width:230px; padding:0;}

#photo img{
padding:5px; display:block; margin:0 auto;}

#photo em{
display:block; margin:0 auto; color:#444; padding:5px 0 15px 0;}

/*-------------------sidebar.php = home pg. [right side]----------------------*/
#ser{
width:325px; float:left; margin:0 auto 0 20px; padding:0; background:transparent none;}

#sidebarright{
margin:0 auto; background:transparent none;}

p#tee{
width:300px; margin:20px auto 0 auto; text-align:center; font-size:100%; background:white none; border:1px solid #21a6d0;}

#tee img{
display:block; margin:0 auto; padding:0 5px 20px 5px;}

a#buy{
color:#21a6d0; font-weight:bold; text-decoration:none; display:block; margin:10px auto 0 auto; text-align:center;}

a#buy img{
vertical-align:middle;}

/*--------------------------sidebar:  below the post content----------------*/
div#sbar{
width:663px; margin:25px auto 0 auto; background:transparent url(images/sbar_bott.jpg) no-repeat 0% 100%;}

#sbar h4{
font-size:110%; text-align:left; margin:0 auto; height:40px; color:#4f4f00;
background:white url(images/sbar_top.jpg) no-repeat 0% 0%; width:100%;}

div#sbar div.block{
width:200px; float:left; margin:0 auto 0 15px;}

div.block h5{
font-size:100%; text-align:center; margin:0 auto; padding:5px 0 0 0; width:90%; border-bottom:1px solid #21a6d0; color:black; font-weight:normal; background:transparent url(images/servo.gif) no-repeat 0% 50%;
font-variant:small-caps;}

div.block p{
width:90%; margin:0 auto; font-size:70%; text-align:left; line-height:1.35em; color:#444; padding:5px 0 15px 0;}

div.block p span{
font-weight:bold; display:block; margin:0 auto 5px auto; color:black;}

div.block ul{
width:90%; margin:0 auto; padding:0 0 15px 0;}

div.block ul li{
text-align:left; margin:0 auto; width:90%; padding:3px 0 3px 10px; font-size:70%; color:#444; background:transparent url(images/dot.gif) no-repeat 0% 50%;}

div.block ul li ul{
width:100%; padding:0;}

div.block ul li ul li{
font-size:100%;}

div.block form{
margin:10px auto 0 auto; background:transparent none;}

div.block form p{
text-align:center; margin:0 auto; padding:5px; width:95%;}

div.block form p input{
width:90%; margin:0 auto; display:block; font-family:"trebuchet ms", "helvetica", sans-serif;}

div.block form p input#btn{
background:#ccc none; color:#4f4f00; font-weight:bold; border:1px solid #4f4f00; margin:10px auto 0 auto;}
/* end regular sidebar */

/*-----longer sidebar for about/category 4 & spread the word/category 5-----*/
div#sbar div#block_long{
width:600px; float:none; margin:0 auto; padding:0 0 25px 0;}

div#block_long h5{
font-size:100%; text-align:center; margin:0 auto; padding:5px 0 0 0; width:95%; border-bottom:1px solid #21a6d0; color:black; font-weight:normal; background:transparent none; font-variant:small-caps;}

div#block_long ul{
width:95%; margin:0 auto; padding:0;}

div#block_long ul li{
text-align:left; margin:3px auto; padding:0 20px 0 10px; font-size:90%; color:#4f4f00; background:transparent none; font-style:italic;}

div#block_long ul li ul{
width:100%;}

div#block_long ul li ul li{
display:inline;}

div#block_long ul li.linkcat span{
font-size:110%; color:#e20604; font-style:normal;}

div#block_long ul li ul li a{
font-size:120%; background:transparent url(images/servo.gif) no-repeat 0% 50%;
font-style:normal; padding:0 0 0 8px;}
/* end longer sidebar */

/*------------------------------footer-----------------------------------*/
#footer{
width:100%; margin:0 auto; border-top:12px solid #f94700; background:#ececec none; text-align:center; padding:0;}

#foo{
background:transparent none; margin:0 auto;}

#foo p{
width:90%; text-align:center; color:gray; margin:0 auto; font-size:70%;
padding:5px 0 10px 0;}

#foo a{
margin:0 15px;}

#foo a:link, #foo a:visited{
color:#555; text-decoration:underline;}

#foo a:focus, #foo a:hover{
color:#333; text-decoration:none;}