/*
Theme Name: Keyshia Cole
Theme Use: http://keyshiaweb.com
Author: missywebfans.com
Released: 12/12/2007
*/


body {background-color: #FFFFFF; margin-left: 0px; margin-top: 0px;	margin-right: 0px; margin-bottom: 0px; background-repeat: repeat; scrollbar-track-color: #000000; scrollbar-face-color: #000000; scrollbar-highlight-color:  #000000; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-arrow-color: #fcdb74; scrollbar-shadow-color: #000000; background-image: url(purpbg.jpg); }

/* -------- TAGS
-----------------------------------------------------------------------------------------------*/
i, em{color: #c0b6b7;}
b, strong{color: #e2d7d5;}

img {border:none;}

body, tr, td, h6, li {color: #777c45; line-height: 12px; letter-spacing: 0px; font-family: Tahoma; font-size: 9px; cursor: default; }


div.sidebar li {list-style-type: none; }

blockquote {
        color: #777777;
	background: #f5f5f4;
	text-align: justify;
	padding: 1px 16px 1px 16px;
	border: 1px solid #e7e7e6;
        font-size: 10px;}






/* -------- LINKS
-----------------------------------------------------------------------------------------------*/
a:link, a:visited {color: #f5edeb; letter-spacing: 0px; font-weight: bold; text-decoration: none; }	
a:hover, a:active {color: #c0b6b7; letter-spacing: 0px; font-weight: bold;text-decoration: none;}


/* -------- SOME EXTRA CLASSES
-----------------------------------------------------------------------------------------------*/
.welcome{padding:3px; }
.welcome img{margin-right:3px; margin-bottom:0px;}

.sidebar{padding-left:5px; padding-right:5px; padding-bottom:0px; padding-top:0px;}

.latestimage{padding-left:3px; padding-right:3px;}


/*NEWS TEMPLATE
----------------------------------------------------------------------------------------------*/
.news{width:474px; margin-bottom:20px; margin-top:10px; margin-right:3px; margin-left:3px; font-style: normal; font-weight: normal; font-size: 10px; color:#908F8F; font-family: Trebuchet MS; line-height: 14px; background-color: #fbfbfb; text-align:left; border-width: 1px; border-style: solid; border-color: #eeeeee;}

#title{text-transform:uppercasecase; text-decoration; bold; font-family: Arial, Helvetica; font-size: 13px;}

.newstop{color: #727071; font-size: 10px; padding:3px;}

a.title:link, a.title:active, a.title:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #aaa9a9; text-transform: uppercase; text-decoration: none;}

a.title:hover {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #f93797; text-transform: uppercase; text-decoration: none;}

.content{color: #727071; text-align:justify; padding:5px; margin-top:3px; margin-bottom:5px; border-top-width: 2px; border-top-style: solid; border-top-color: #eeeeee; }

.postmedata{padding-top:3px; padding-bottom:3px; padding-left:8px; padding-right:8px; color: #727071;}

#edit{font-family:Tahoma, Arial, Helvetica, sans-serif;}

.navigation{ width:480px; color: #727071; font-size: 10px; padding-bottom:10px; text-align:left; font-family:Tahoma, Arial, Helvetica, sans-serif;}

#navigation{padding-left:20px; padding-right:20px;}
.entry{color: #727071; text-align:justify; padding:5px; margin-top:3px; margin-bottom:5px;}

/*COMMENTS TEMPLATE
----------------------------------------------------------------------------------------------*/
.cmnt {background-color: #fafafa; border: 1px solid #eeeeee; padding: 5px; width: 420px;}
.comment {background: #fafafa; border: 1px solid #eeeeee; height: 20px; width: 420px; padding: 5px; }	

/*FORM TEMPLATE
----------------------------------------------------------------------------------------------*/

#author, #email, #url, #comment{width:400px;}
#comment{height:200px;}

/* -------- IMAGE BORDERS
-----------------------------------------------------------------------------------------------*/
.elite{margin-bottom:2px; border:1px solid #e3e2e2; }
.elite:hover{margin-bottom:2px; border:1px solid #c8c9c5; }

.thumbnail{border:1px solid #dad9d9; background-color:#eeeeee; padding:4px;}
.thumbnail:hover{border:1px solid #e3c20c; background-color:#f6f6f6; padding:4px;}

.latest{border:1px solid #F49813; background-color:#FFFFFF; padding:3px;}
.latest:hover{border:1px solid #f5365e; background-color:#FFFFFF; padding:3px;}

.bigimg{border:1px solid #eeeeee; background-color:#FFFFFF; padding:5px;}
.bigimg:hover{border:1px solid #e3e3e3; background-color:#FFFFFF; padding:5px;}

.videography{border:2px solid #eeeeee; background-color:#FFFFFF; padding:2px;}
.videography:hover{border:2px solid #e3e3e3; background-color:#FFFFFF; padding:3px;}

/*EXTRA STYLES
----------------------------------------------------------------------------------------------*/
/*	Using 'class="alignright"' on an image will align the image to the right. And using 'class="centered', 	will of course center the image. This is much better than using 	align="center", being much more futureproof (and valid). To use this class + border class, 
write: 'class="img alignright" or 'class="img alignleft" or 'class="img centered" */

img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left}