/*  Theme Name: CSSGirl



	Theme URI: http://cssgirl.com



	Description: CSSgirl Custom Theme

	

	Version: 2.0



	Author: Lindsey Lake



	Author URI: http://cssgirl.com/



	CSSGirl v2.0

	

	http://cssgirl.com/

	

	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;

	  font:11px Verdana, Arial, Helvetica, sans-serif;

	}



a {

	color:#ff50a2;

	text-decoration:none;

	}



a:hover {

	color:#62a8ff;

	}		



#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:540px;

	margin-left:8px;

	}



	

#navi {

	float:left;

	width:520px;

	height:48px;

	}



#navi a:hover {border:none}



#navi a {

	background:url(images/navigation.gif);

	height:48px;

	display:block;

	float:left;

	text-indent:-9999px;

	}



#navi a.home {

	background-position:/*url(images/navigation.gif)*/ 0 0 /*no-repeat*/;

	width:94px;

	}

	

#navi a:hover.home {

	background-position:-425px 0;

	}	



#navi a.about {

	background-position:-95px 0;

	width:91px;

	}

	

#navi a:hover.about {

	background-position:-520px 0;

	}	



#navi a.portfolio {

	background-position:-186px;

	width:128px;

	}

	

#navi a:hover.portfolio {

	background-position:-611px;	

	}

	

#navi a.contact {

	background-position:-314px;

	width:107px;

	}



#navi a:hover.contact {

	background-position:-739px;

	}

	

#navi a.free {

	background-position:-852px;

	width:98px;

	}

	

#navi a:hover.free	{

	background-position:-953px;

	}		

	

#navi {

	padding-bottom:2px;

	}	

	

#middle p.subnav {

	width:520px;

	margin-left:-1px;

	background:#f5f5f5;

	text-align:center;

	padding-bottom:5px;

	margin-top:2px;

	font-family:"trebuchet ms", verdana, arial, sans-serif;

	font-weight:bold;

	}	

	

#middle p.subnav a {

	margin-right:10px;

	}		

		

.tagline {

	font-family:"Trebuchet MS", arial, verdana, sans-serif;

	letter-spacing:-.09em;

	width:520px;

	margin-right:5px;

	text-align:right;

	}



#maincontent {

	float:left;

	padding-bottom:50px;

	width:700px;

	clear:both;

	}	



h2.pagetitle {

	float:left;

	clear:both;

	margin-left:180px;

	color:#bebebe;

	font-family:Arial, Helvetica, sans-serif;

	}			



.date, .spacer {

	float:left;

	background:url(images/datebg.gif);

	width:59px;

	height:61px;

	clear:both;

	margin-left:60px;

	margin-top:23px;

	text-align:center;

	}		



.spacer {

	background:none;

	}



.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 {

	float:left;

	width:520px;

	font:12px Verdana, Arial, Helvetica, sans-serif;

	line-height:175%;

	color:#8c8a8a;

	margin-top:25px;

	margin-left:15px;

	}



.interact {

	float:left;

	width:500px;

	font:11px Verdana, Arial, Helvetica, sans-serif;

	color:#8c8a8a;

	}		



.entry p {

	line-height:16px;

	}



.entry p a, .entry ul a, .entry ol a, .entry blockquote a {

	color:#ff50a2;

	text-decoration:none;

	}



.entry p a:hover, .entry ul a:hover, .entry ol a:hover, .entry blockquote a:hover {

	color:#62a8ff;

	border-bottom:1px dotted;

	}	







.entry h1, .entry h1 a {

	font:24px "Trebuchet MS", arial, verdana, sans-serif;

	color:#62a8ff;

	text-decoration:none;

	line-height:20px;

	margin:0;

	padding:0;

	margin-bottom:6px;

	font-weight:bold;

	}			



.entry h1 a:hover {

	color:#ff50a2;

	border:none;

	}



.cats {

	line-height:16px!important;

	text-transform:uppercase;

	font-weight:bold;

	font-size:11px;

	}



.cats a {

	color:#ff50a2;

	text-transform:lowercase;

	font-weight:normal;

	text-decoration:none;

	}



.cats a:hover {

	border-bottom:1px dotted #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;

	border:none;

	}	



.entry blockquote {

	background:url(images/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;

	}		



.entry ul li ul {margin-left:25px;}

.entry ul {
	margin-left:25px;
}

.entry ul li {list-style-type:square;margin-left:10px;}



.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;

	}	



.navigation {

	float:left;

	clear:both;

	width:400px;

	text-align:center;

	}	



.navigation, .navigation a, .navigation a:hover {

	font:10px Arial, Helvetica, sans-serif;

	text-decoration:none;

	color:#ff50a2;

	border:none;

	}	



#right {

	float:left;

	width:300px;

	background:#f5f5f5;

	background-repeat:repeat-y;

	padding-bottom:250px;

	border-bottom:1px solid #f7f7f7;

	}



#right h3 {

	font:18px "Trebuchet MS", arial, verdana, sans-serif;

	color:#62a8ff;

	text-align:right;

	margin:0;

	padding:0;

	padding-top:10px;

	margin-right:7px;

	clear:both;

	}			



#right p.nav-more {

	float:left;

	clear:both;

	margin-left:20px;

	text-align:right;

	width:250px;

	border-bottom:1px solid #FFCCCC;

	padding-bottom:5px;

	}

	

#right p.nav-more a {

	font:16px "trebuchet ms", arial, verdana, sans-serif;

	font-weight:bold;

	display:block;

	width:250px;

	padding-bottom:1px;

	padding-right:2px;

	line-height:18px;

	}	



#right p.nav-more a:hover {

	background:#eee;

	padding-bottom:0;

	border-bottom:1px solid;

	}



.folio {

	float:left;

	padding-top:10px;

	clear:both;

	width:300px;

	color:#62A8FF;

	font:11px "Trebuchet MS", arial, verdana, sans-serif;

	border-bottom:1px solid #FFCCCC;	

	padding-bottom:20px;

	}	



.folio a {

	color:#62A8FF;

	font:11px "Trebuchet MS", arial, verdana, sans-serif;

	text-decoration:none;

	}



.folio a:hover {

	border-bottom:1px dotted;

	}	



.folio .portimg {

	float:left;

	width:75px;

	height:75px;

	margin-bottom:7px;

	margin-left:7px;

	}

	

.folio .portimg p {

	margin:0;

	padding:0;

	}	

	

.folio .portinfo {

	width:205px;

	float:left;

	height:75px;

	margin-left:7px;

	background:#eee;

	margin-bottom:7px;

	color:#aaa;

	}

	

.folio .portinfo p {

	padding:5px;

	}	



.folio .portinfo a.port-title {

	font-size:14px;

	font-weight:bold;

	}



.sponsors {

	background:url(images/sponsorsbg.gif);

	width:300px;

	height:109px;

	clear:both;

	float:left;

	margin-top:25px;

	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-top:5px;

	}



.recent {

	float:left;

	clear:both;

	width:300px;

	margin-left:13px;

	margin-top:10px;

	margin-bottom:25px;

	}	



.recent-articles {

	background:#FBEDF4;

	width:130px;

	height:275px;

	margin-right:15px;

	float:left;

	font:11px "Trebuchet MS", arial, verdana, sans-serif;

	color:#ff50a2;

	}



.recent-articles ul, .recent-resources ul .recent-articles ul li, .recent-resources ul li {

	margin:0;

	padding:0;

	list-style-type:none;

	}



.recent-articles ul {

	margin-left:7px;

	margin-right:7px;

	}	



.recent-resources ul {

	margin:7px;

	}	



.recent-articles ul li, .recent-resources ul li {

	margin-bottom:6px;

	}



.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:#E9F0F8;

	width:130px;

	height:275px;

	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:1px dotted;

	}	



/*Entry Comment Styles*/



.entrylinkblock {

	float:left;

	clear:both;

	margin-top:20px;

	margin-bottom:20px;

	}	



h3#trackback, h3#comments, h3.leavereply {

	color:#62a8ff;

	font:14px "Trebuchet MS", arial, verdana, sans-serif;

	font-weight:bold;

	padding:0;

	margin:0;

	margin-top:15px;

	float:left;

	clear:both!important;

	}	



h3#comments {

	margin-bottom:25px;

	}	



#commentform {

	float:left;

	clear:both;

	margin-top:10px;

	margin-bottom:30px;

	}	



.trackback {

	border:1px #edf3fb solid;

	background:#f7f7f7;

	padding:5px 5px 5px 10px;

	clear:both;

	margin:10px 0;

	}



.trackback a, .trackback {

	font:12px "Trebuchet MS", arial, verdana, sans-serif;

	color:#ff50a2;

	font-style:italic;	

	text-decoration:none;

	}



.mod {

	float:left;

	clear:both;

	}	



p.comment-meta {

	text-align:right;

	color:#62a8ff;

	font:11px "Trebuchet MS", arial, verdana, sans-serif;

	width:430px;

	margin-top:12px;

	}



.comment-meta a {

	color:#ff50a2;	

	font-weight:bold;

	}



div.reply {

	margin:20px 0px;

	clear:both;

	}	



.reply p {

	margin:0;

	padding:0;

	padding:10px 5px;

	}	



.sep {

	clear:both;

	float:left;

	text-align:center;

	width:480px;

	margin:12px 0 18px 0;

	}



.interact ol, .interact ol li {

	margin:0;

	padding:0;

	list-style-type:none;

	float:left;

	}	



/*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;

	border-bottom:1px solid #FFCCCC;

	padding-bottom:20px;

	}	

	

div.reply .alt .gravatar {

	    border-color:#c4dafe!important;

		}



div.reply .gravatar {

        float:left;

        width:80px;

		margin-right:20px;

		border-bottom:2px solid #fff;

		border-right:2px solid #fff;	

}



div.reply:hover .gravatar, div.reply .alt:hover .gravatar {

		border-bottom:2px solid #fff;

		border-right:2px solid #fff;

		}



div.reply {

	background:#f6edf2;

	}



div.reply:hover {

	background:#eddce6;

	}



.alt {

	background:#edf2f6;

	}



div.reply .alt:hover {

	background:#dee6ed;

	}



p.subby {

	background:url(images/rss.gif) 10px 1px no-repeat;

	float:left;

	width:300px;

	clear:both;

	text-align:center;

	font-size:24px;

	border-bottom:1px solid #FFCCCC;

	padding-bottom:25px

	}	

	

p.subby a {

	padding-left:13px;

	}		

	

.search {

		float:left;

		clear:both;

		width:300px;

        margin-top:25px;

}



form#searchform {

	background:url(images/search.gif);

	width:299px;

	height:80px;

	}

	

form#searchform input#s {

	background:url(images/searchtxt.gif);

	margin:0;

	padding:0;

	float:left;

	margin-left:12px;

	margin-top:40px;

	width:200px;

	line-height:29px;

	font-size:18px;

	padding:2px;

	border:1px solid #c70067;

	color:#838383;

	}	

	

form#searchform input#searchsubmit {

	float:left;

	margin-top:7px;

	margin-left:10px;

	}	



.entry li {



margin-bottom:10px;



}



/*Footer*/



#footer p, ul, li {

	margin:0;

	padding:0;

	}

	

#footer li {

	list-style:none;

	}	



#footer {

	background:url(images/footer.gif) no-repeat;

	float:left;

	width:973px;

	height:281px;

	padding-bottom:0;

	}

	

#footer h3 {

	font:18px "trebubuchet ms", arial, verdana, sans-serif;

	color:#7DBEC2;

	font-weight:bold;

	border-bottom:1px solid #fff;

	margin-bottom:3px;

	}	

	

#footer #about, #footer #archivelinks {

	float:left;

	width:233px;

	color:#988675;

	margin-left:45px;

	margin-top:15px;

	text-align:justify;

	}	

	

#footer #about p {

	line-height:24px;

	}	

	



#footer #archivelinks {

	margin-left:65px;

}



#footer #archivelinks, #footer #archivelinks ul {

	width:243px;

	}

	

#footer #archivelinks ul li {

	border-bottom:1px solid #F1F8CE;

	margin-bottom:6px;

	width:243px;

	}		

			

#footer #archivelinks ul li a {

	text-decoration:none;

	color:#988675;

	width:243px;

	display:block;

	line-height:20px;

	}

	

#footer #archivelinks ul li a:hover {

	background:url(images/archivepage.gif) right top no-repeat;

	width:243px;

	}	

	

#footer #contact {

	float:left;

	width:153px;

	margin-left:210px;

	margin-top:15px;

	color:#988675;

	font-size:11px;

	line-height:12px;

	}	



#footer #contact h3 {

	margin-bottom:8px;

	}



#footer #contact p {

	margin-bottom:8px;

	}



#footer #contact img.girl {

	float:left;

	margin-right:2px;

	margin-top:5px;

	}

	

#footer #contact img.callme {

	float:left;

	margin-right:2px;

	}	



#footer #contact img.email {

	float:left;

	margin-right:2px;

	margin-top:2px;

	}

	

#footer .footer {

	float:left;

	color:#fff;

	font-weight:bolder;

	width:973px;

	text-align:center;

	margin-top:40px;

	}	

	

/*Extra Styles*/



a img, a:hover img {

	border:none!important;

	}



div.greybg {

	background:#f5f5f5;

	width:500px;

	margin-bottom:8px;

	}

	

span.code1, code {

	font-family:"Courier New", Courier, monospace;

	background:#FFF0FA;

	}		

	

textarea.icons	{

	width:100px;

	height:100px;

	}

	

li.categories {

	list-style-type:none;

	}

	

ul.children {

	margin-left:10px;

	}



.entry .css, .entry .xhtml {

	border:1px dashed #ccc;

	float:left;

	padding:5px;

	font:12px 'courier mono", georgia, serif;

	display:block;

	margin:10px 0;

	clear:both;

	}

	

.entry .css em, .entry .xhtml em {

	color:#666;

	text-transform:uppercase;

	font:10px 'trebuchet ms', arial, sans-serif;

	}

	

.entry .css strong {

	color:#AF0038;

	}

	

.entry .css code strong {

	color:#4F4F4F;

	}

	

.entry .css code em {

	text-transform:none;

	font:inherit;

	color:#FF6FB8;

	}

	

.entry .xhtml code strong {color:#1DA4EF;}



.entry .xhtml code em {color:#FFB93F;text-transform:none;font-weight:bold;font:inherit;}



.entry .xhtml code tt {color:#3F61FF; font-weight:normal;}



.entry .css code, .entry .xhtml code {background:transparent;}





	

li.categories ul {

	margin-left:20px;

	}		



img.float-left {float:left;margin:0 5px 5px 0;}



.clear {clear:both;}