/* 
	Main CSS doc for Neil Cohen Theme (Parade) | Copyright 2008
	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
	#333333		dark gray
	
*/


/*
**	=global
****************************/
html					{ overflow:hidden; }
body					{ background:#000; color:#fff; font-family:helvetica,arial,sans-serif; font-size:75%; overflow:hidden; }
a						{ color:#dedede; text-decoration:none; }
a:hover					{ color:#fff; text-decoration:underline; }
p,ul,ol,
h1,h2,h3,h4,h5,h6		{ margin-bottom:1em; }
h1,h2,h3,h4,h5,h6		{ color:#FEFB00; font-weight:normal; letter-spacing:-0.05em; margin-bottom:0.5em; }
strong, b				{ font-weight:bold; }
em, i					{ font-style:italic; }




/*
**	=branding
****************************/
#branding				{ position:absolute; top:14px; left:14px; z-index:3; }
#branding a				{ color:#fff; font-size:3em; font-weight:bold; text-decoration:none; }
#branding a span		{ color:#ccc; font-size:0.5em; }


/*
**	=nav
****************************/
#nav					{ position:absolute; top:30px; left:500px; z-index:2; }
#nav li					{ display:block; float:left; position:relative; }
#nav li ul				{ position:absolute; top:-1.5em; left:0; width:500px; }
#nav li li				{ float:left; }

#nav a					{ color:#ccc; font-size:1.25em; font-weight:bold; margin-right:0.75em; text-decoration:none; }
#nav a.activeGal,
#nav a.active,
#nav a:hover			{ color:#FEFB00; }
#nav ul a				{ color:#999; font-size:1em; }




/*
**	=sections
****************************/
#mask					{ background:transparent; height:534px; overflow:hidden; position:absolute; left:0; top:60px; z-index:1; width:100%; }
#sections				{ height:801px; position:relative; }
.content				{ line-height:1.3; color:#aaa; font-size:1.25em; height:524px; margin:10px 0 0 30px; overflow:auto; padding:0 50px 0 0; width:550px; }
.content h2				{ font-size:2.25em; }
.content h3				{ font-size:2em; }
.content h4				{ font-size:1.75em; }
.content h5				{ font-size:1.25em; }
.content h6				{ font-size:1em; margin-bottom:1em; }
.content p				{ line-height:1.3; margin-bottom:1em; }
#sections .content ul,
#sections .content ol	{ list-style-position:inside; }
#sections .content li	{ list-style-type:disc; position:static; left:auto; top:auto; height:auto; }
#sections .content ol li{ list-style-type:decimal; }

#sections li			{ height:534px; position:absolute; left:0; top:0; }

#galleries				{  }
#galleries li			{ display:block; width:5000em; }
#galleries h3			{ display:none; }
.gallery div			{ float:left; position:relative; }

.caption				{ background:#000; bottom:0; height:1.25em; left:0; opacity:0.7; padding:1px 5px 4px; line-height:1.5; overflow:hidden; position:absolute; z-index:99; }
.caption em				{ cursor:default; font-family:georgia; font-size:1em; font-style:normal; font-weight:bold; padding:0 10px 0 3px; }

.prev,.next				{ background:url('../img/iereallyreallysucks.jpg'); display:block; position:absolute; width:50%; height:100%; left:0; top:0; text-indent:-9999em; z-index:2; }
.next					{ left:50%; }

.prev:hover				{ background:url('../img/prev.png') no-repeat left center; }
.next:hover				{ background:url('../img/next.png') no-repeat right center; }

#copyright				{ color:#555; position:absolute; right:20px; bottom:20px; }
#copyright a			{ color:#555; }
#copyright a:hover		{ color:#999; }


/*
**	=THEME LIGHT
****************************/
body.light,
.light .caption			{ background:#fff; color:#000; }
.light a				{ color:#848484; }
.light a:hover			{ color:#494949; }
.light #branding a,
.light #nav a			{ color:#000; }
.light #nav a.activeGal,
.light #nav a.active,
.light #nav a:hover,
.light .content h2,
.light .content h3,
.light .content h4,
.light .content h5,
.light .content h6		{ color:#ccb564; }
.light #copyright		{ color:#aaa; }
.light #copyright a		{ color:#aaa; }
.light #copyright a:hover	{ color:#848484; }


/*
**	=THEME GREY
****************************/
body.grey,
.grey .caption			{ background:#fff; color:#cfcece; }
.grey a					{ color:#cfcece; }
.grey a:hover			{ color:#696969; }
.grey #branding a,
.grey #nav a			{ color:#cfcece; }
.grey #nav a.activeGal,
.grey #nav a.active,
.grey #nav a:hover,
.grey .content h2,
.grey .content h3,
.grey .content h4,
.grey .content h5,
.grey .content h6		{ color:#696969; }
.grey #copyright		{ color:#696969; }
.grey #copyright a		{ color:#696969; }
.grey #copyright a:hover	{ color:#cfcece; }



/* =pink */
.pink h1, .pink h2, .pink h3,
.pink h4, .pink h5, .pink h6,
.pink #nav a.activeGal,
.pink #nav a.active,
.pink #nav a:hover			{ color: #FF0066 !important; }


/* =cyan */
.cyan h1, .cyan h2, .cyan h3,
.cyan h4, .cyan h5, .cyan h6,
.cyan #nav a.activeGal,
.cyan #nav a.active,
.cyan #nav a:hover			{ color: #00FFFA !important; }





/*
**	=FONT SERIF
****************************/
body.serif				{ font-family: georgia,serif; }


/* =josefin */
.josefin				{ font-family: 'Josefin Sans Std Light', arial, serif; }


/* =cantarell */
.cantarell h1, .cantarell h2,
.cantarell h3, .cantarell h4,
.cantarell h5, .cantarell h6,
.cantarell #nav			{ font-family: 'Cantarell', georgia, serif; }


/* =goudy */
body.goudy				{ font-family: 'palatino', georgia, serif; }
.goudy h1, .goudy h2,
.goudy h3, .goudy h4,
.goudy h5, .goudy h6	{ font-family: 'OFL Sorts Mill Goudy TT', georgia, serif; }