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

   POISE.CC // Cinnamon Cooper
   cinnamon@poise.cc
   (c) 2003-Current Day, Cinnamon Cooper, All Rights Reserved.

   Stylesheet prepared by Naz Hamid for Weightshift. 
   http://weightshift.com

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

* { padding: 0; margin: 0; }

html, body {
	color:			#333;
	font-family: 	georgia, lucida grande, Verdana, sans-serif;
	font-size: 		14px;
	line-height:	22px; 	
	text-align:		center;
}

p { margin-bottom: 16px; }

img { border: none;	}

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

a:link { color: #ff0066; text-decoration: none; }
a:visited { color: #ff0066; text-decoration: none; }
a:hover { color: #ff0066; text-decoration: underline;  }
a:active { color: #ff0066; text-decoration: none; outline: none; }
a:focus { outline: none; }

h1 { 
	color: 			#08bfe8;
	font-family: 	Gill Sans, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;
	font-weight: 	bold;
	text-transform:	uppercase;
	font-size: 		18px;
	line-height: 	18px;
	margin-bottom: 	10px; 
}

h2 { 
	color: 			#137eec;
	font-family: 	Gill Sans, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;
	font-weight: 	bold;
	text-transform:	uppercase;
	font-size: 		14px;
	line-height: 	16px;
	margin-bottom: 	10px; 
}

h3 { 
	color: 			#000;
	font-family: 	Gill Sans, Verdana, Helvetica, arial, sans-serif;
	font-weight: 	bold;
	text-transform:	uppercase;
	font-size: 		11px;
	line-height: 	18px;
}

h4 {
	font-family: 	Gill Sans, Arial, Verdana, sans-serif;
	font-weight: 	bold;
	font-size: 		12px;
	text-transform:	uppercase;
	line-height: 	12px;
	margin-bottom:	0px;
}

h4 a { font-weight: bold; }

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

blockquote {
	color:			#555;
	font: 			11px verdana;
	line-height:	18px;
	padding: 		0px 15px 0px 15px;
	border-left:	1px dashed #ccc;
	margin-bottom:	16px;
}


/*----------------------------------------------------------------------- 
   Layout
 ------------------------------------------------------------------------ */

#content {
	width:			940px;
	text-align:		center;
	margin: 		0 auto 0 auto;
} 

#home-content {
	width:			750px;
	text-align:		center;
	margin: 		0 auto 0 auto;
} 

#left {
	float:			left;
	width:			180px;
	text-align:		center;
}

#mid {
	float:			left;
	width:			530px;
	text-align:		left;
	padding:		30px 15px 15px 15px;
	margin-left:	10px;
}

#right {
	float:			left;
	width:			160px;
	font:			11px verdana;
	text-align:		left;
	padding:		10px;
	margin-left:	10px;
}

#gallery {
	float:			left;
	width:			720px;
	font:			11px verdana;
	text-align:		left;
	padding:		30px 15px 15px 15px;
	margin-left:	10px;
}

#right h4 { color: #6B6B58; margin-top: 20px; margin-bottom: 6px; }

#blog #right { margin-top: 40px; }

#blog { background: url(../gfx/bg_dirt.jpg) top center no-repeat; }

#home { background: #e2e1b8 url(../gfx/bg_home.gif) top center repeat-x; }

#home #left {
	float:			left;
	width:			180px;
	text-align:		center;
}

.home-message { color: #555; margin-top: 70px; }

/*----------------------------------------------------------------------- 
   Footer styles
 ------------------------------------------------------------------------ */
 
#home #footer {
	background: 	transparent;
	padding-top:	0px;
} 


#footer {
	background: 	#e2e1b8 url(../gfx/bg_footer.jpg) top repeat-x ;
	padding-top:	60px;
}

#footer-content {
	color:			#555;
	font: 			11px verdana;
	line-height:	18px;
	width:			940px;
	margin: 		0 auto 0 auto;
}

#footer-col3 {
	float: 			left;
	width:			255px;
	text-align:		left;
	padding: 		0px 10px 0px 10px;
	margin-right:	10px;
}

#footer-col4 {
	float: 			left;
	width:			370px;
	text-align:		left;
	padding: 		0px;
	margin:			0px;
}

#footer h4 { margin-bottom: 16px; }


/*----------------------------------------------------------------------- 
   Mailing List
 ------------------------------------------------------------------------ */

#mailing-list {
	width:			940px;
	height:			42px;
	background: 	url(../gfx/bg_mailing_list.gif) no-repeat;
	margin-top:		20px;
}

#mailing-list table {
	position:		relative;
	top:			6px;
	left:			458px;
	width:			265px;
}

#mailing-list td { align: left; vertical-align: middle; }

#mailing-list input.email { 
	width: 			170px;
	font:			11px verdana;
	padding:		2px;	
}

/*----------------------------------------------------------------------- 
   Blog styles
 ------------------------------------------------------------------------ */
 
.categories ul {
	list-style:		none;
	padding:		20px 0px 0px 0px !important;
	margin:			0px;
}

.categories li {
	font: 			11px verdana;
	list-style:		none;
	background: 	url(../gfx/icon_category.gif) no-repeat 0 50%;
	padding:		5px 2px 5px 12px;
	margin:			0px 0px 0px -20px;
}

.comment {
	font-size: 		13px;
	margin:			10px 0px 0px 0px;
}

.comment p { line-height: 20px; margin-bottom: 10px; }

#txpCommentInputForm { font-size: 12px; border-top: 1px solid #d9d9d9; padding-top: 20px; }

#txpCommentInputForm input { padding: 3px; }

.comment li { padding-bottom: 15px; }

a.comment { font-size: 13px !important; background: url(../gfx/icon_comment.gif) no-repeat 0 50%; padding-left: 15px; }

/*----------------------------------------------------------------------- 
   Flickr Javascript
 ------------------------------------------------------------------------ */
 
#fjs-flickr {
}

#fjs-flickrphototitle {
	color: 			#08bfe8;
	font-family: 	Gill Sans, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;
	font-weight: 	bold;
	text-transform:	uppercase;
	font-size: 		18px;
	line-height: 	18px;
	margin-bottom: 	10px; 
}			
} 

#fjs-flickrphotonav {
	color:			#ccc !important;
}

#fjs-flickrphoto img {
	border: 		10px solid #d9d9d9; 
	margin:			15px 0px 15px 0px;
}

#fjs-flickrlink {
}


/*----------------------------------------------------------------------- 
   Delicious
 ------------------------------------------------------------------------ */

.delicious-posts ul, .delicious-banner { font-size: 11px; margin: 0; padding: 0 }
.delicious-posts li { font-size: 11px; margin-bottom: 10px; }


/*----------------------------------------------------------------------- 
   Flickr badge styles
 ------------------------------------------------------------------------ */

#flickr_badge_wrapper { }
.flickr_badge_image { float: left; margin: 0px 9px 9px 0px; }
.flickr_badge_image img { background-color: #fff; padding: 3px; border: 1px solid #b7b799 !important; }
#flickr_badge_icon { float:left; margin-right:5px; }
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited { text-decoration:none !important; background:inherit !important;color:#3993ff; }
#flickr_badge_wrapper {}


/*----------------------------------------------------------------------- 
   Navigation
 ------------------------------------------------------------------------ */

#nav {
	width: 			168px;
	height: 		337px;
	background: 	url(../gfx/nav.png);
	margin: 		0 auto 0 auto;
	padding: 		0;
	position: 		relative;
	top: 			18px;
}

#nav span { display: none; }

#nav li { margin: 0px; padding: 0px; list-style: none; position: absolute; }

#nav li, #nav a { display: block; }
#nav1 { left: 0px; top: 75px; height: 57px; width: 168px; }
#nav2 { left: 0px; top: 132px; height: 46px; width: 168px; }
#nav3 { left: 0px; top: 178px; height: 57px; width: 168px; }
#nav4 { left: 0px; top: 235px; height: 43px; width: 168px; }
#nav5 { left: 0px; top: 278px; height: 24px; width: 168px; }

#nav1 a { height: 57px; }
#nav2 a { height: 46px; }
#nav3 a { height: 57px; }
#nav4 a { height: 43px; }
#nav5 a { height: 24px; }


#nav1 a:hover { background: transparent url(../gfx/nav.png) 0px -412px no-repeat;}
#nav2 a:hover { background: transparent url(../gfx/nav.png) 0px -469px no-repeat;}
#nav3 a:hover { background: transparent url(../gfx/nav.png) 0px -515px no-repeat;}
#nav4 a:hover { background: transparent url(../gfx/nav.png) 0px -572px no-repeat;}
#nav5 a:hover { background: transparent url(../gfx/nav.png) 0px -615px no-repeat;}


/*----------------------------------------------------------------------- 
   Classes
 ------------------------------------------------------------------------ */
 
.s { font-size: 11px; line-height: 16px;}
.up { text-transform: uppercase; }
.sans { font-family: Arial, sans; }
.b { font-weight: bold; }
.grey { color: #666; }