/* CSS Document */

/*custom styles*/
body {
/*background-color:#f1d592;*//*This is the tan/orange of the living color site*/
/*background-image:url(../../../../newSite/images/blog/background/floralFlourish_green_topBottomLeft_combo_trans20.png);*/
/*background-repeat:repeat-y;
background-position: 0px 35px;*/
background-color:#000;
color:#999;
}

	
#rap {
width:100%;
position:relative;
float:left;
/*background:white;*/
/*background-image:url(../../../../newSite/images/blog/background/floralFlourish_green_topBottomRight_combo_trans20.png);*/
/*background-repeat:repeat-y;
background-position: right top;*/

}	


#content a {/*This controls general links*/
color: #9E0508;
color: #fff;
}

#content h2 {
width:250px;
/*background-image:url(../../../../newSite/images/backgroundTransparent/lightGreenBackground_50trans.png);*/
/*background-image:url(../../../../newSite/images/backgroundTransparent/whiteBackground_50trans.png);*/
/*background-repeat:repeat;*/
padding-left:5px;
padding-top:3px;
padding-bottom:3px; 
background-color:#FEF200;
color:#333333;
}
	
#header {
float:left;
height:250px;
width:150px;
padding-top:25px;
background-color:transparent;/*tan/orange of living color site.*/
background-color:tan;
/*
background-repeat:no-repeat;
background-position:bottom left;*/

}
	

#header a {
padding-top:55px;
/*color:#9E0508;*//*burgundy. this is the title in the header at the top of the page.*/
/*background:yellow;*/
color: #fff;
}

/*#introContainer, #blogLogo, #introHeading, #introText, #kellysPhoto {
border:1px solid gray;

}*/

#introContainer {
float:left;
width:100%;
/*height: 455px;*/
padding-bottom:35px;
/*background:blue;*/

}

#blogLogo {
float:left;
width:200px;
height:300px;
padding-left:0px;
padding-top:0px;

}

#blogLogo img{

border:0px;
}

#introHeading {
float:left; 
height:25px;
padding:0px;
font-family:"Copperplate Gothic Light", Arial, Helvetica, sans-serif;
font-size:32px;
text-align:center;
/*background:purple;*/
margin-top:0px;
}


#introText {
float:left;
/*height:425px;*/
text-align:left;
text-indent:20px;
padding:10px;
padding-bottom:20px;
margin-left:0px;
width:70%;

}


#introHeading {
margin-left:0px;
padding:10px;
width:60%;
color:#FF0000;
}

.centerAlign {
text-align:center;
text-indent:-35px;

}

img.imgFloatRight {
float:right;
margin:8px;
margin-top:-20px;
}



#imageBar {
/*float:left;*/
width:100%;
height:75px;
background-image:url(../../../../newSite/images/blog/banner_blog.jpg);
background-repeat:no-repeat;
border:none;
}

#menu {
/*background-color:#f1d592;*//*This is the tan/orange on the homepage background. background of the right menu bar.*/
background-color:transparent;
top:80px;
border:none;
margin-right:15px;
padding-left:5px;
}

#menu ul li {
margin-top:15px;

padding-left:0px;
}

#menu ul li li {
background-image:none;

}

#menu ul {
/*color:#9E0508;*//*burgundy*//*menu bar on the right. Just affects the headings*/
text-transform:none;
color: #fff;
}

#menu ul h2 {
padding-left:10px;
padding-top:3px;
font-style:italic;
font-weight:bold;
width:100%;
height:25px;
/*background:green;*/
/*background-image:
url(../../../../newSite/images/backgroundTransparent/whiteBackground_85trans.png);
background-repeat:repeat;*/
border-bottom:1px solid gray;
border-top:1px solid gray;
/*background-color:#FEF200;*/
background-color:#0191C6;
}

#menu ul ul {
padding:5px;
/*background-image:url(../../../../newSite/images/backgroundTransparent/lightGreenBackground_75trans.png);
background-repeat:repeat;*/
margin-top:0px;
margin-right:0px;

}

	
#menu ul ul li a {/*these are the subcategories in the right menu bar*/
/*color:#000;*//*burgundy*/
/*font-weight:bold;*/
color: #fff;
}

#menu ul ul li {
font-size:14px;
padding-top:3px;
margin-top:10px;
/*background:blue;*/

}

#menu ul ul ul {
background:none;
}

#menu ul li ul {
width:100%;

}

.meta {
/*background-image:url(../../../../newSite/images/backgroundTransparent/tanPaper.png);
background-repeat:repeat;*/
width:657px;
margin-bottom:15px;
}



.meta, .meta a  {
float:left;
/*color: #808080;*//*the original gray*/
/*color:#9E0508;*//*burgundy*/
color: #fff;
font-weight: normal;
letter-spacing: 0;
padding-left:10px;
/*background:pink;*/
font-size:14px;


}

.meta a  {
height:20px;
/*background:orange;*/
}

/*---------------------------------------
-----All Font Styles begin here----------
---------------------------------------*/

.meta, .meta a, #livingColorHome, .storytitle, #menu ul ul li a, #menu ul ul li {
/*font-family:"Papyrus";*/
font-family:"Arial Narrow", Helvetica, sans-serif;

}



/*---------------------------------------
-----All Font Styles end here----------
---------------------------------------*/

.storytitle {
padding:5px 10px 0px;
/*background-image:url(../../../../newSite/images/backgroundTransparent/darkGreenBackground_75trans.png);
background-repeat:repeat;*/
margin-bottom:0px;
margin-top:10px;
text-align:left;
height:30px;
/*background:pink;*/
width:90%;
border-bottom:1px solid gray;
border-top:1px solid gray;
background-color:#009900;
}

.post .storytitle img {
float:left;
/*border:1px solid pink;*/
width:149px;

}


.page .storytitle {
width:80%;
visibility:hidden;
height:1px;
padding:0px;
margin:0px;
}

#content .page .storytitle a {
visibility:hidden;
height:1px;
padding:0px;
margin:0px;
background-color:yellow;
}

.storytitle a {
/*visibility:hidden;*/
height:1px;
padding:0px;
margin:0px;
/*background-color:yellow;*/
}

.page .meta {
visibility:hidden;
height:1px;
padding:0px;
margin:0px;
}



#content .storytitle a {/*Headers for the Blog Entries. I had to add the #content div t get this style to take.*/
float:left;
/*color:#fff;*/
color: #fff;
width:100%;
height:45px;
/*background:yellow;*/
padding-top:0px;
padding-left:35px;
padding-right:35px;
font-family:"Copperplate Gothic Light", Arial, Helvetica, sans-serif

	}

.page .storycontent {
padding-top:0px;
float:left;
color:#999999;
}


.storytitle  a:visited  {/*This keeps them from changing colors after visited.*/
color:#fff;/*white*/
	
}

.post {
margin-top:10px;
/*background-image:url(../../../../newSite/images/backgroundTransparent/tanPaper.png);*/
}



#content {
float:left;
margin-top:0px;
margin:0px;
padding:0px;
width:80%;
/*background-image:url(../../../../newSite/images/backgroundTransparent/tanPaper.png);*/
}

.page {
width:100%;
/*background:yellow;*/
margin-top:0px;


}

#menu #search {
padding:0px;
/*background:green;*/
}

#menu form {
margin:0px;
padding-left:5px;
padding-right:5px;
padding-top:10px;
padding-bottom:10px;
width:100%;
/*background-image:url(../../../../newSite/images/backgroundTransparent/lightGreenBackground_75trans.png);
background-repeat:repeat;*/
}

blockquote {
text-align:center;

}

#livingColorHome {
width:300px;
border:0px;
margin-left:10px;
margin-top:10px;
font-size:14px;
}


#livingColorHome a, #livingColorHome a:visited {
color:#999999;

}

#livingColorHome a:hover  {
color:#CCCCCC;
}



.credit {
float:left;
clear:left;
}