/* ======================================================================

   TREESQUIRREL.ORG // Jen Schuetz
   jen@treesquirrel.org
   (c) 2007 Jen Schuetz, All Rights Reserved.

   Stylesheet prepared by Naz Hamid for Weightshift.com

======================================================================== */

* { padding: 0; margin: 0; }

/*----------------------------------------------------------------------- 
   Standard styles
 ------------------------------------------------------------------------ */

body {
	color:			#666;
	background:     #c7e3e6 url(gfx/bg.gif) repeat-y; 
	background-color: #c7e3e6;
	font-family: 	"ff-tisa-web-pro-1","ff-tisa-web-pro-2", "Lucida Grande", "Verdana", "Arial", sans-serif;
	font-size: 		13px;
	line-height:	20px;
	text-shadow:	rgba(255, 255, 255, .01) 0px -1px 1px;
	-webkit-font-smoothing: antialiased;
	 	
}

img {
	border:			none;	
}

img.left { 
	float:			left;
	margin: 		0px 12px 0px 0px;
}

a:link { color: #669999; text-decoration: none; font-weight: normal; }
a:visited { color: #669999; text-decoration: none; font-weight: normal; }
a:hover { color: #336666; text-decoration: underline; font-weight: normal; }
a:active { color: #669999; text-decoration: none; font-weight: normal; outline: none; }
a:focus { outline: none; }

h1 { 
	font-family: 	"museo-slab-1","museo-slab-2", Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;
	font-weight: 	normal;
	font-size: 		18px;
	line-height: 	18px;
	margin-bottom: 	16px;
}


h3 {
	font-weight: 	bold;
	font-size: 		11px;
	line-height: 	20px;
}

p { padding-bottom: 16px; }

ol, ul {
	padding: 0 20px 10px 20px;
}

blockquote {
	color: #888 !important;
	padding-left: 20px;
	padding-right: 20px;
}

/*----------------------------------------------------------------------- 
   Homepage styles
 ------------------------------------------------------------------------ */

#core {
	background:     url(gfx/bg_core.gif) top left no-repeat;
	height:			260px;
	width:			99%;
}

#masthead {
	width:			800px;
	height:			132px;
}

#logo {
	position:		absolute;
	top:			75px;
	left:			65px;
}

#masthead p {
	position:		absolute;
	top:			80px;
	left:			225px;
	color:			#999;
	font-family: 	"ff-tisa-web-pro-1","ff-tisa-web-pro-2", Helvetica Neue, arial, Lucida Grande, serif;
	font-size:		12px;
	margin:			5px 10px 0px 0px; 
}

#masthead a { color: #0099cc; }

#content {
	position:		relative;
	top:			8px;
	left:			50px;
	width: 			700px;
}

#subnav {
	color:			#999;
	float: 			left;
	width:			130px;
	padding:		15px;
}

#subnav p {
	color:			#999;
	font-size:		12px;
}

#entries {
	float: 			left;
	width:			510px;
	padding:		15px;
	
}

.entry {
	border-bottom:	1px dotted #ccc;
	margin-bottom:	40px;
}

.entry p { font-size: 14px; line-height: 22px; }

img.portfolio  {
	padding: 		0px 8px 8px 0px;
}


/*----------------------------------------------------------------------- 
   Nav styles
 ------------------------------------------------------------------------ */

#nav {
	position:		absolute;
	top:			80px;
	left:			245px;
}

#nav p { 
	color:			#999;
	font-family: 	"ff-tisa-web-pro-1","ff-tisa-web-pro-2", Helvetica Neue, arial, Lucida Grande, serif;
	font-size:		13px;
	margin:			6px 10px 0px 0px; 
}

#nav a { color: #0099cc; }


/*----------------------------------------------------------------------- 
   Footer styles
 ------------------------------------------------------------------------ */

#footer {
	background: 	url(gfx/bg_footer.gif) no-repeat;
	height:			213px;
	width:			800px;
	
}

#footer p {
	position:		relative;
	left:			225px;
	color:			#999;
	width: 560px;
}

/*----------------------------------------------------------------------- 
   Flickr badge wrapper styles
 ------------------------------------------------------------------------ */
 
 #flickr {
 	position:		relative;
	top:			0px;
	left:			50px;
	width: 			800px;
 }
 
 .title {
 	float: 			left;
	width:			130px;
	padding:		0px 15px 0px 15px;
 }
 
 #flickr_badge_wrapper {
 	float:			left;
 	width:			600px;
 }
 
 #flickr_badge_wrapper img { 
 	float: 			left; 
 	padding: 		3px; 
 	border: 		1px solid #d3d3c0; 
 	margin:			0px 9px 25px 15px;
 }


/*----------------------------------------------------------------------- 
   Classes
 ------------------------------------------------------------------------ */
 
 img.entry { padding: 5px; border: 1px solid #d3d3c0; margin: 0; }
 
 a.rss { background: url(gfx/icon_rss.gif) no-repeat 0 50%; padding-left: 15px; }
 a.permalink { font-size: 14px; background: url(gfx/icon_permalink.gif) no-repeat 0 50%; padding-left: 15px; }
 a.comment { font-size: 14px; background: url(gfx/icon_comment.gif) no-repeat 0 50%; padding-left: 15px; margin-left: 20px; }
 a.email { background: url(gfx/icon_email.gif) no-repeat 0 50%; padding-left: 15px; }
 .categories { background: url(gfx/icon_categories.gif) no-repeat 0 50%; padding-left: 15px; }
 .search-icon { background: url(gfx/icon_search.gif) no-repeat 0 50%; padding-left: 15px; }
 .about { background: url(gfx/icon_about.gif) no-repeat 0 50%; padding-left: 15px; }

 p.tools { margin-bottom: 20px; }

 .dotted { border-bottom: 1px dotted #ccc; margin-bottom: 20px;} 
 .rule { border-bottom: 1px solid #e0e0e0; margin: 0px 63px 20px 50px; }
 
 .search { width: 120px; }

 .grey { color: #444; }
 .title { color: #96917c; font-size: 11px; }
 .xs { font-size: 10px; }
 .s { font-size: 11px; }
 .m { font-size: 12px; }
 .l { font-size: 13px; }
 .xl { font-size: 14px;}
 .white { color: #FFFFFF; }