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

   FRANCES CYCLES // Joshua Muir
   Bicycle Framesets Built to Order
   Santa Cruz, CA
   joshua@francescycles.com
   (c)2008 Joshua Muir.

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

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


* { padding: 0; margin: 0; }


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

body {
	color:			#333;
	background-color: #000000;
	font-family: 	Courier New, Arial, Verdana, sans-serif;
	font-size: 		13px;
	line-height:	18px;
	border:			0; 	
	min-width: 		980px;
}

img { border: none;	}

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

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

h1 { 
	color: 			#555;
	font-family: 	Courier New, Helvetica, Arial, Verdana, sans-serif;
	font-weight: 	normal;
	font-size: 		24px;
	line-height: 	24px;
	margin-bottom: 	10px; 
}

h2 { 
	color: 			#333;
	font-weight: 	normal;
	font-size: 		18px;
	line-height: 	20px;
	margin-top:		2px;
	margin-bottom:	10px; 
}

#sidebar-content h2 {
	color: 			#f5f4de;
	font-family: 	Courier New, Helvetica, Arial, Verdana, sans-serif;
	font-weight: 	normal;
	text-transform: uppercase;
	font-size: 		13px;
	line-height: 	13px;
	border-bottom: 	1px solid #cfcdad;
	margin:			0 4px 0 0;
	padding:		4px 4px 6px 10px; 	
}

.star { background: url(gfx/icon_star.gif) 0 50% no-repeat; padding-left: 14px; }

h3 {
	color:			#006699;
	font-weight: 	normal;
	font-size: 		14px;
	line-height: 	16px;
}

h3.title { text-transform: uppercase; letter-spacing: 1px; }

h4 a { font-weight: bold; }

p { padding-bottom:	12px; }

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

blockquote {
	border-left: 3px solid #393122;
	padding-left: 10px;
}

blockquote p { color: #cccccc !important; font-size: 11px !important ;}

table { padding: 0; margin: 0; }

td { padding-bottom: 15px; }

ol.comments { margin-left: 10px; }


/*----------------------------------------------------------------------- 
   Layout
 ------------------------------------------------------------------------ */
 
#logo {
	position:		absolute;
	top:			0px;
	left:			40px;
	width:			278px;
	height:			106px;
}

#masthead {
	position:		absolute;
	top:			0px;
	left:			183px;
	width:			757px;
	height:			91px;
}

#core {
	position:		absolute;
	top:			350px;
	left:			40px;
	width:			940px;
}

#main-col {
	float:			left;
	width:			655px;
	background:		url(gfx/bg_main_col.gif) repeat-y;
}

#content {
	background:		url(gfx/bg_main_col_top.jpg) no-repeat;
	padding: 		20px 20px 0px 20px;
}

#content-text {
	float:			left;
	width:			425px;
	margin-right:	25px;
}

#photo-block {
	float:			left;
	width:			165px;
}

#photo-block img {
	padding:		1px;
	border:			1px solid #b9b9a5;
}

#content-footer { 
	clear:			both;
	background:		url(gfx/bg_main_col_footer.gif) no-repeat;
	width:			655px;
	height:			8px;
}

#sidebar {
	float:			left;
	width:			285px;
	background:		url(gfx/bg_sidebar.gif) repeat-y;
	font:			12px courier new, arial, sans;
	color:			#fff;
	margin-top:		8px;
}

#sidebar-content {
	position:		relative;
	background:		url(gfx/bg_sidebar_top.gif) no-repeat;
	padding-top:	9px;
}

#sidebar-content p {
	padding: 		10px 12px 10px 12px;
	line-height:	16px;
}

#sidebar-footer { 
	background:		url(gfx/bg_sidebar_footer.gif) no-repeat;
	width:			285px;
	height:			8px;
}

#sidebar a { color: #ffcc00; }
#sidebar a:hover { color: #fff; text-decoration: underline; }

#sidebar-content table { padding: 0; margin: 8px 0 0 8px; }

#sidebar-content td { padding: 0; margin: 0; }

#sidebar-content td img {
	padding:		1px;
	border: 		1px solid #b9b9a5;
	margin-right:	12px;
	margin-bottom:	8px;
}

#title {
	position:		absolute;
	top:			318px;
	left:			48px;
}

#footer {
	position:		relative;
	font-size:		11px;
	padding-left:	10px;
	margin-bottom:	50px;
}


#footer-home {
	position: 		absolute;
	top:			656px;
	left:			50px;	
			
}

#footer-home p, #footer p { color: #fff; font-size: 11px; margin-top: 10px; }


/*----------------------------------------------------------------------- 
   Background images
 ------------------------------------------------------------------------ */
 
.home { background: #000 url(gfx/bg_home.jpg) no-repeat; }
.about { background: #000 url(gfx/bg_about.jpg) no-repeat; }
.galleries { background: #000 url(gfx/bg_galleries.jpg) no-repeat; }
.order { background: #000 url(gfx/bg_order.jpg) no-repeat; }
.blog { background: #000 url(gfx/bg_blog.jpg) no-repeat; }
.contact { background: #000 url(gfx/bg_contact.jpg) no-repeat; }


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

#navigation { 
	position:		absolute;
	top:			0px;
	left:			318px;
}

#nav {
	width: 			661px;
	height: 		35px;
	background: 	url(gfx/nav.gif);
	margin: 		0;
	padding: 		0;
}

#nav span { display: none; }

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

#nav li, #nav a { height: 35px; display: block; }
#nav1 { left: 0px; width: 111px; }
#nav2 { left: 111px; width: 163px; }
#nav3 { left: 274px; width: 82px; }
#nav4 { left: 356px; width: 184px; }
#nav5 { left: 540px; width: 76px; }

#nav1 a:hover { background: transparent url(gfx/nav.gif) 0px -35px no-repeat;}
#nav2 a:hover { background: transparent url(gfx/nav.gif) -111px -35px no-repeat;}
#nav3 a:hover { background: transparent url(gfx/nav.gif) -274px -35px no-repeat;}
#nav4 a:hover { background: transparent url(gfx/nav.gif) -356px -35px no-repeat;}
#nav5 a:hover { background: transparent url(gfx/nav.gif) -540px -35px no-repeat;}


/*----------------------------------------------------------------------- 
   Homepage Galleries
 ------------------------------------------------------------------------ */

#home-galleries {
	position:		absolute;
	top:			421px;
	left:			40px;
	width:			940px;
	height:			235px;
	background:		url(gfx/bg_home_galleries.jpg) no-repeat;
}

.col-gallery-farleft {
	float: 			left;
	width:			182px;
	margin-right:	5px;
}

.col-gallery {
	float: 			left;
	width:			185px;
	margin-right:	5px;
}

.col-gallery-farleft img, .col-gallery img {
	position:		relative;
	top:			78px;
	left:			6px;
}

.col-gallery-farleft p, .col-gallery p {
	position:		relative;
	top:			90px;
	left:			15px;
}

#home-galleries p { font-size: 11px; line-height: 14px; }

.home-blog {
	float: 			left;
	width:			180px;
	padding-top:	84px;
}

.home-blog p { padding: 0px 10px 0px 14px; }


/*----------------------------------------------------------------------- 
   Galleries
 ------------------------------------------------------------------------ */

#fjs-flickrphototitle { font-weight: bold; padding-bottom: 10px; }

#fjs-flickrphotonav { padding-bottom: 10px; }

#fjs-flickrphoto img { padding: 1px; border: 1px solid #b9b9a5; margin-bottom: 10px; }

.entry { border-bottom: 1px dotted #b9b9a5; margin-bottom: 15px; }


/*----------------------------------------------------------------------- 
   Classes
 ------------------------------------------------------------------------ */

img.right {
	float:			right;
	padding:		1px;
	border: 		1px solid #b9b9a5;
	margin-left:	10px;
	margin-bottom:	10px;
}

img.left {
	float:			left;
	padding:		1px;
	border: 		1px solid #b9b9a5;
	margin-right:	10px;
}