@import url('reset.css');

/* 
	Main CSS doc for Parade Theme - Frank Watson | Copyright 2009
	Created By Lift. (http://www.liftinteractive.com)
*/

/*
	Font-sizes. Browser default is 16px. Set body to 75%, which is equal to 12px and, therefore, 1em is 12px.
		9px		: 0.75em
		10px	: 0.8333em
		11px	: 0.9167em
		12px	: 1.0em
		13px	: 1.0833em
		14px	: 1.1667em
		15px	: 1.25em
		16px	: 1.3333em
		17px	: 1.4167em
		18px	: 1.5em
		19px	: 1.5833em
		20px	: 1.6667em
		21px	: 1.75em
		22px	: 1.8333em
		23px	: 1.9167em
		24px	: 2.0em
		25px	: 2.0833em
		26px	: 2.1667em
		27px	: 2.25em
		28px	: 2.3333em
		29px	: 2.4167em
		30px	: 2.5em
		31px	: 2.5833em
		32px	: 2.6667em
*/

/*
	Palette
	#929292		light gray
	#0093d5		light blue
*/

/*
**	=global
************************/
body					{ background:#fff; color:#929292; font:75%/1 helvetica,arial,sans-serif; }
a						{ color:#0093d5; text-decoration:none; }
a:hover					{ color:#0EAAEF; }
a img, img				{ border:0; }
p,ul,ol					{ margin-bottom:1em; }
p,li					{ line-height:1.4; }
h1,h2,h3,h4,h5,h6		{ font-weight:bold; margin-bottom:0.5em; }
strong, b				{ font-weight:bold; }
em, i					{ font-style:italic; }
hr						{ border:0 dotted #ccc; border-top-width:1px; height:0; clear:both; }


/* grid */
#branding,
.content,
#gallery-wrap,
#sticky					{ clear:both; position:relative; width:1007px; }

/* delete the following when ready */
.wrap					{ margin:0 auto; padding:0 30px; width:900px; }
.wrap:after				{ clear:both; content:'.'; display:block; visibility:hidden; height:0; }
.wrap					{ display:inline-block; }  /* for IE/Mac */
.wrap					{ display:block; }


/*
**	=branding
************************/
#branding				{ float:left; height:135px; }
#branding h1			{ margin:0; }
#logo					{ display:block; float:left; font-size:2.3333em; font-weight:bold; letter-spacing:-0.025em;  margin:30px 0 0 20px; height:85px; width:240px; } /* height:115px; width:260px; */
#logo span				{ color:#929292; display:block; font-size:0.5em; font-weight:normal; letter-spacing:0.075em; }

#nav					{ display:inline; float:right; padding:35px 20px 20px; text-align:center; width:705px; } /* width:745px; */
#nav a					{ background:0; color:#929292; letter-spacing:0.075em; line-height:2; margin:0 10px; padding:0 10px; }
#nav a:hover			{ color:#0EAAEF; }
#nav a.current			{ color:#0093d5; }


/*
**	=content
************************/
.content				{ margin-left:206px; padding:1em 0 40px; width:801px; }
.content p,
.content li				{ font-size:1.1833em; font-weight:bold; }
.content a:hover		{ border-bottom:1px solid #0EAAEF; }
.content h1				{ font-size:1.8333em; margin:1em 0 0.5em; }
.content h2				{ font-size:1.667em; }
.content h3				{ font-size:1.5em; }
.content h4				{ font-size:1.25em; }
.content h5				{ font-size:1em; margin-bottom:1em; }
.content ul,.content ol	{ list-style-position:outside; margin-left:30px; }
.content li				{ list-style-type:disc; }
.content ol li			{ list-style-type:decimal; }


/*
**	=gallery-wrap
************************/
#gallery-wrap			{ height:570px; padding-bottom:40px; width:1007px; }

#gallery-nav			{ float:left; width:206px; }
#gallery-nav li			{  }
#gallery-nav a			{ color:#929292; line-height:2; padding-left:20px; }
#gallery-nav a:hover,
#gallery-nav a.current	{ color:#0093d5; }
#gallery-nav a.current	{ background:url('../img/bg-gallery-nav-item.png') no-repeat 0 0; }


#gallery				{ float:left; width:801px; height:550px; position:relative; }
.home #gallery			{ margin-left:206px; }
#slides					{ overflow:hidden; padding-bottom:5px; }
.image-wrap				{ width:801px; height:534px; position:relative; }
.caption				{ padding-top:3px; }
.caption				{ font-size:0.9167em; margin:0 0 0.25em 150px; text-align:right; }
#counter				{ float:right; }

#prev,#next				{ background:url('../img/btn-prev.gif') no-repeat 10px 0; display:block; float:left; padding:0 10px; height:11px; width:7px; text-indent:-999em; }
#next					{ background-image:url('../img/btn-next.gif'); }
#prev:hover,#next:hover,
#prev.hover,#next.hover	{ background-position:10px -11px; }

#prev-hit,
#next-hit				{ background:url('../img/thisisnotanimage.jpg'); cursor:pointer; height:534px; width:400px; position:absolute; left:0; top:0; z-index:999; }
#next-hit				{ left:401px; }

#thumbs					{ width:155px; position:absolute; bottom:75px; left:20px; }
#toggle-thumbs			{ cursor:pointer; font-size:1em; margin:0; }
#scrollable				{ height:248px; margin-top:0.75em; max-height:248px; }
#thumbs div.thumb		{ float:left; margin:0 7px 7px 0; width:44px; height:44px; }

/*
**	=sticky
************************/
#sticky					{ /*background:url('../img/bg-sticky.png') repeat-x 0 0;*/ /*bottom:0;*/ padding:0 0 0 0; /*position:fixed; z-index:9999;*/ }
#sticky p				{ font-size:0.8333em; margin:0 0 5px 20px; }



/*
**	=font-variations
************************/
body.serif				{ font-family:georgia,'times new roman',serif; }
body.trebuchet			{ font-family:'trebuchet MS',sans-serif; }
.arrows #nav a			{ background:url('../img/bg-nav-item.png') no-repeat left center; }


/*
**	=color-variations
************************/

/* =yellow */
body.yellow						{ background:#525252; }
.yellow a,
.yellow #nav a.current,
.yellow #gallery-nav a.current	{ color:#ff0; }
.yellow a:hover,
.yellow #nav a:hover,
.yellow #gallery-nav a:hover	{ color:#FEFF7F; }
.yellow .content a:hover		{ border-color:#FEFF7F; }
.yellow #prev					{ background-image:url('../img/btn-prev-yellow.gif'); }
.yellow #next					{ background-image:url('../img/btn-next-yellow.gif'); }


/* =pink */
.pink a,
.pink #nav a.current,
.pink #gallery-nav a.current	{ color:#FF0066; }
.pink a:hover,
.pink #nav a:hover,
.pink #gallery-nav a:hover	{ color:#FF3F8F; }
.pink .content a:hover		{ border-color:#FF3F8F; }
.pink #prev					{ background-image:url('../img/btn-prev-pink.gif'); }
.pink #next					{ background-image:url('../img/btn-next-pink.gif'); }


/* =orange */
.orange a,
.orange #nav a.current,
.orange #gallery-nav a.current	{ color:#FF8C00; }
.orange a:hover,
.orange #nav a:hover,
.orange #gallery-nav a:hover	{ color:#FF9F2F; }
.orange .content a:hover		{ border-color:#FF9F2F; }
.orange #prev					{ background-image:url('../img/btn-prev-orange.gif'); }
.orange #next					{ background-image:url('../img/btn-next-orange.gif'); }


/* =gray */
.gray a,
.gray #nav a.current,
.gray #gallery-nav a.current	{ color:#444; }
.gray a:hover,
.gray #nav a:hover,
.gray #gallery-nav a:hover		{ color:#222; }
.gray .content a:hover			{ border-color:#222; }
.gray #prev						{ background-image:url('../img/btn-prev-gray.gif'); }
.gray #next						{ background-image:url('../img/btn-next-gray.gif'); }