/* CSS By Lindsey L. Lake
   
   The CSS and HTML of this website are copyright
   Lindsey L. Lake, Triple L Productions and CSSgirl Designs.
   
   Please do not copy or redistribute this code.
   
   Please feel free to play with the code to teach yourself
   CSS.
   
*/


body {background:#fff;
	  margin:0;
	  padding:0;
	}
	
#container {
	float:left;
	clear:both;
	}	
	
#left {
	float:left;
	width:129px;
	}	
	
#logo {
	float:left;
	background:#fff;
	height:68px;
	width:129px;
	}		
	
a img {
	border:0;
	}
	
#middle {		
	float:left;
	width:500px;
	margin-left:8px;
	}
	
#mainnav {
	float:left;
	width:500px;
	}	
	
a.home {
	float:left;
	background:url(home.gif);
	background-repeat:no-repeat;
	width:48px;
	height:22px;
	}
	
a:hover.home {
    float:left;
	background:url(home-hover.gif)!important;
	background-repeat:no-repeat;
	width:48px;
	height:22px;
	}		
	
a.about {
	float:left;
	background:url(about.gif);
	background-repeat:no-repeat;
	width:53px;
	height:22px;
	}
	
a:hover.about {
    float:left;
	background:url(about-hover.gif)!important;
	background-repeat:no-repeat;
	width:53px;
	height:22px;
	}	
	
a.portfolio {
	float:left;
	background:url(portfolio.gif);
	background-repeat:no-repeat;
	width:70px;
	height:22px;
	}
	
a:hover.portfolio {
    float:left;
	background:url(portfolio-hover.gif)!important;
	background-repeat:no-repeat;
	width:70px;
	height:22px;
	}		
	
a.hire {
	float:left;
	background:url(hire.gif);
	background-repeat:no-repeat;
	width:64px;
	height:22px;
	}
	
a:hover.hire {
    float:left;
	background:url(hire-hover.gif)!important;
	background-repeat:no-repeat;
	width:64px;
	height:22px;
	}		
	
a.resources {
	float:left;
	background:url(resources.gif);
	background-repeat:no-repeat;
	width:75px;
	height:22px;
	}
	
a:hover.resources {
    float:left;
	background:url(resources-hover.gif)!important;
	background-repeat:no-repeat;
	width:75px;
	height:22px;
	}	
	
a.blog {
	float:left;
	background:url(blog.gif);
	background-repeat:no-repeat;
	width:50px;
	height:22px;
	}
	
a:hover.blog {
    float:left;
	background:url(blog-hover.gif)!important;
	background-repeat:no-repeat;
	width:50px;
	height:22px;
	}		
	
a.contact {
	float:left;
	background:url(contact.gif);
	background-repeat:no-repeat;
	width:63px;
	height:22px;
	}
	
a:hover.contact {
    float:left;
	background:url(contact-hover.gif)!important;
	background-repeat:no-repeat;
	width:63px;
	height:22px;
	}	
	
a.templates {
	float:left;
	background:url(templates.gif);
	background-repeat:no-repeat;
	width:68px;
	height:22px;
	}
	
a:hover.templates {
    float:left;
	background:url(templates-hover.gif)!important;
	background-repeat:no-repeat;
	width:68px;
	height:22px;
	}		
	
.tagline {
	font-family:"Trebuchet MS", arial, verdana, sans-serif;
	letter-spacing:-.09em;
	float:right;
	margin-right:12px;
	margin-top:20px;
	}
			
.tagline2 {
	font:16px "Trebuchet MS", arial, verdana, sans-serif;
	color:#bebebe;
	float:left;
	clear:both;
	line-height:18px;
	letter-spacing:0px;
	margin-top:13px;
	}			
			
#maincontent {
	float:left;
	clear:both;
	}			
		
#date {
	float:left;
	background:url(datebg.gif);
	width:59px;
	height:61px;
	clear:both;
	margin-left:60px;
	margin-top:23px;
	text-align:center;
	}		
	
#date .day {
	font:30px "Trebuchet MS", arial, verdana, sans-serif;
	color:#fff;
	font-weight:bold;
	float:left;
	text-align:center;
	width:57px;
	}
	
#date .month {
	font:14px "Trebuchet MS", arial, verdana, sans-serif;;
	color:#fff;
	font-weight:bold;
	float:left;
	text-align:center;
	width:57px;
	margin-top:-3px;
	text-transform:uppercase;
	}		
			
#entry, .interact {
	float:left;
	width:480px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#8c8a8a;
	margin-top:25px;
	margin-left:15px;
	}
	
#entry p {
	line-height:16px;
	}
	
#entry p a {
	color:#ff50a2;
	text-decoration:underline;
	}
	
#entry p a:hover {
	color:#62a8ff;
	}	
	
#entry h1, #entry h1 a {
	font:24px "Trebuchet MS", arial, verdana, sans-serif;
	color:#62a8ff;
	text-decoration:none;
	line-height:16px;
	margin:0;
	padding:0;
	margin-bottom:6px;
	font-weight:bold;
	}			

#entry h1 a:hover {
	color:#ff50a2;
	}
	
.cats {
	text-transform:uppercase;
	}
	
.cats a {
	color:#ff50a2;
	text-transform:lowercase;
	text-decoration:none;
	}
	
.cats a:hover {
	border-bottom:1px dashed #ff50a2;
	}		
	
#entry .continue, #entry .continue a {
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color:#62a8ff;
	text-transform:uppercase;
	float:right;	
	text-decoration:none;
	font-weight:bold;
	}
	
#entry .continue a:hover {
	color:#ff50a2;
	}	
	
#entry blockquote {
	background:url(blockquote.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	padding-bottom:10px;
	padding-left:16px;
	margin-top:20px;
	}		
	
.entryfooter {
	color:#62a8ff;
	float:right;
	}		
	
.entryfooter a {
	color:#ff50a2;
	font-weight:bold;
	text-decoration:none;
	}
	
.entryfooter a:hover {
	border-bottom:1px dashed #ff50a2;
	}	
	
.seperator {
	margin-top:55px;
	margin-bottom:20px;
	}	
	
#right {
	float:left;
	width:396px;
	background:url(rightcol.gif);
	/*margin-top:-155px;
	margin-left:55px;*/
	/*padding-left:20px;*/
	padding-bottom:250px;
	border-bottom:1px solid #f7f7f7;
	border-right:1px solid #f7f7f7;
	}
	
#right h3 {
	font:18px "Trebuchet MS", arial, verdana, sans-serif;
	color:#62a8ff;
	float:right;
	margin:0;
	padding:0;
	padding-top:15px;
	margin-right:20px;
	}			
	
.folio {
	float:left;
	padding-top:10px;
	clear:both;
	margin-left:20px;
}	

.folio img, .folio a img {
	background:#bebebe;
	padding:2px;
	margin-right:18px;
	margin-bottom:3px;
	}
	
.folio a:hover img {
	background:#62a8ff;
	}	

.sponsors {
	background:url(sponsorsbg.gif);
	width:396px;
	height:109px;
	clear:both;
	float:left;
	margin-top:40px;
	font:11px "Trebuchet MS", arial, verdana, sans-serif;
	}
	
.sponsors h4 {
	color:#ff50a2;
	padding:0;
	margin:0;
	margin-left:20px;
	margin-top:5px;
	}
	
.tla {
	float:left;
	width:100px;
	margin-left:20px;
	}	
	
.tla a {
	color:#62a8ff;
	text-decoration:none;
	}	
	
.ad-right {
	float:left;
	width:120px;
	height:60px;
	margin-left:100px;
	margin-top:5px;
	}
	
.recent {
	float:left;
	clear:both;
	width:390px;
	margin-left:20px;
	margin-top:40px;
	}	
	
.recent-articles {
	background:url(recentarticles.gif);
	width:171px;
	height:193px;
	margin-right:15px;
	float:left;
	font:11px "Trebuchet MS", arial, verdana, sans-serif;
	color:#ff50a2;
	}
	
.recent-articles p {
	margin-left:18px;
	}	
	
.recent-resources p {
	margin-left:14px;
	}	
	
.recent-articles h2, .recent-resources h2 {
	font:18px "Trebuchet MS", arial, verdana, sans-serif;
	margin:0;
	padding:0;
	margin-top:8px;
	}
	
.recent-articles h2 {
	color:#ff50a2;
	margin-left:20px;
	}
	
.recent-resources h2 {
	color:#62a8ff;
	margin-left:13px;
	}		
		
.recent-resources {
	background:url(recentresources.gif);			
	width:171px;
	height:193px;
	float:left;
	font:11px "Trebuchet MS", arial, verdana, sans-serif;
	color:#62a8ff;
	}
	
.recent-articles a {
	text-decoration:none;
	color:#ff50a2;
	}	
	
.recent-resources a {
	text-decoration:none;
	color:#62a8ff;
	}	
	
.recent-articles a:hover, .recent-resources a:hover {
	border-bottom:double;
	}	
	
/*Entry Comment Styles*/

.entrylinkblock {
	float:left;
	clear:both;
	}	
	
h3#trackback, h3#comments {
	color:#62a8ff;
	font:14px "Trebuchet MS", arial, verdana, sans-serif;
	font-weight:bold;
	padding:0;
	margin:0;
	margin-top:15px;
	}	

.trackback {
	border:1px #edf3fb solid;
	background:#f7f7f7;
	padding:5px 5px 5px 10px;
	}
	
.trackback a, .trackback {
	font:12px "Trebuchet MS", arial, verdana, sans-serif;
	color:#ff50a2;
	font-style:italic;	
	}
	
.comment-meta {
	text-align:right;
	color:#62a8ff;
	font:11px "Trebuchet MS", arial, verdana, sans-serif;
	}
	
.comment-meta a {
	color:#ff50a2;	
	font-weight:bold;
	}
	
.reply {
	margin:20px 0px;
	}	
	
/*recent comments*/

.said {
	color:#62a8ff;
	font:12px "Trebuchet MS", arial, verdana, sans-serif;
	font-style:italic;
	}
	
.name {
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	}
	
.recent-comments {
	float:left;
	clear:both;
	margin-left:20px;
	margin-right:20px;
	}	
	
.recent-comments p {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#8c8a8a;
	font-style:italic;
	}			
	
.block {
	float:left;
	text-align:center;
	margin-top:10px;
	margin-left:65px;
	}