@import url(forms.css);

html,body,h1,h2,h3,h4,h5,h6, p, ul,li,ol,dl,dt,dd,form,fieldset,a, em,strong,div {
	border: 0;
	margin: 0;
	padding: 0;
	outline: 0;
	list-style: none;
	line-height: 1.3;
	font-size: 100.01%;
	font-style: normal;
	font-weight: normal;
	font-family: inherit;
	text-decoration: none;
}

html	{
	background: #f5f5f4 url(../images/bg_html.png) repeat-x left top;
}
body	{
	font: normal normal 62.5% Helvetica, Arial, sans-serif;
	background: url(../images/bg_body.png) repeat-x left bottom;
}

/*                            PAGE LAYOUT
**********************************************************************/

#wrap	{
	width: 904px;
	margin: 0 auto;
}
#menu	{
	height: 40px;
	margin-bottom: 40px;
	position: relative;
}
#header	{
	height: 70px;
	margin-bottom: 40px;
}
#submenu	{
	height: 40px;
	margin-bottom: 20px;
}
#banner	{
	height: 250px;
	background: #000;
	position: relative;
	margin-bottom: 20px;
	/*overflow: hidden;*/
}
#carousel	{
	height: 200px;
	position: relative;
	margin-bottom: 20px;
}
#artwork_list	{
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.content	{
	height: 1%;
	background: url(../images/bg_content.png) repeat-y left top;
}
#footer	{
	height: 70px;
}

/*                             TYPOGRAPHY
**********************************************************************/

h1 { font-size: 2.5em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }

p {
	font-size: 1.2em;
	line-height: 1.6em;
}

li { font-size: 1.2em; }

/*                            GLOBAL STYLES
**********************************************************************/

strong { font-weight: bold; }

cite, em { font-style: italic; }

a, a:visited { color: #000; }
a:hover	{ color: #cc0033; }

.clear	{
	height: 0;
	clear: both;
	display: block;
	overflow: hidden;
}
.cufon-loading, .cufon-loading *    {
    visibility: hidden !important;
}
a.arrow, a.arrow:visited	{
	top: 90px;
	width: 11px;
	height: 21px;
	display: block;
	position: absolute;
}
a#left_arrow, a#left_arrow:visited	{
	left: 0;
	margin-left: -25px;
	background: url(../images/bg_carousel_arrows.png) no-repeat 0px 0px;
}
a#left_arrow:hover	{
	background: url(../images/bg_carousel_arrows.png) no-repeat 0px -21px;
}
a#right_arrow, a#right_arrow:visited	{
	right: 0;
	margin-right: -25px;
	background: url(../images/bg_carousel_arrows.png) no-repeat 0px -42px;
}
a#right_arrow:hover	{
	background: url(../images/bg_carousel_arrows.png) no-repeat 0px -63px;
}

/*                          COMMON NAV STYLES
**********************************************************************/

.nav ul	{
	float: right;
}
.nav li	{
	float: left;
}
.nav li a, .nav li a:visited	{
	float: left;
	height: 32px;
	display: block;
	font-size: 16px;
	padding: 8px 20px 0 20px;
	text-transform: uppercase;
	line-height: 1.7em;
}

.inline,
.inline li {
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
	text-transform: capitalize;
}

	.inline li {
	    display: inline;
	    float: left;
	    margin: 0 0 0 -1px;
	    border-left: 1px solid #999;
	    line-height: 1.2em;
	}

	.inline li a {
	    text-decoration: none;
		padding: 0 10px;
		text-transform: uppercase;
		display: block;
	}

/*                             MENU STYLES
**********************************************************************/

#menu li	{
	border-right: solid 1px #242424;
}
#menu li:last-child	{
	border: 0;
}
#menu li a, #menu li a:visited	{
	color: #fff;
}
#menu li a:hover	{
	background: #444;
}
#menu li.current a, #menu li.active a:visited	{
	color: #000;
	background: #fff;
}
#menu li.current a:hover	{
	background: #fff;
}

/*                           SUB MENU STYLES
**********************************************************************/

#submenu li	{
	padding-right: 1px;
}
#submenu li:last-child	{
	padding: 0;
}
#submenu li a, #submenu li a:visited	{
	color: #292929;
	background: #fff url(../images/bg_submenu_a.png) repeat-x 0px 0px;
}
#submenu li a:hover	{
	background: #f5f5f4;
}
#submenu li.current a, #submenu li a.active:visited	{
	cursor: default;
	background: #fff;
}
#submenu li.current a:hover	{
	background: #fff;
}
#submenu li a.upload {
	color: #fff;
	background: #cc0033 url(../images/bg_submenu_a.png) repeat-x 0px -40px;
}
#submenu li a.upload:hover {
	background: #95bf2f;
}
#submenu li.current a.upload {
	cursor: default;
	color: #fff;
	background: #cc0033 url(../images/bg_submenu_a.png) repeat-x 0px -40px;
}

/*                            HEADER STYLES
**********************************************************************/

#header .logo	{
	float: left;
	height: 70px;
	width: 135px;
	display: block;
	background: url(../images/poa_logo.jpg) no-repeat 0 2px;
}
#header .logo:hover	{
	background: url(../images/poa_logo.jpg) no-repeat -135px 2px;
}
/* Override the original hover if JS has added the extra class */
#header .logo.js-hover-on:hover	{
	background: url(../images/poa_logo.jpg) no-repeat 0 2px;
}
/* JS hover element which fades in */
#header .logo span.hover	{
	float: left;
	height: 70px;
	width: 135px;
	display: block;
	background: url(../images/poa_logo.jpg) no-repeat -135px 2px;
}
#header h1	{
	padding-top: 18px;
	text-align: right;
	text-transform: uppercase;
}

/*                            BANNER STYLES
**********************************************************************/

#banner .banner_item	{
	position: absolute;
	top: 0;
	left: 0;
	height: 250px;
	width: 100%;
	background: #000;
}
#banner a.image, #banner a.image:visited	{
	float: left;
	display: block;
}
#banner img	{
	display: block;
}
#banner h2	{
	font-size: 5em;
	padding: 15px 0 0 0;
	text-transform: uppercase;
	height: 65px;
	overflow: hidden;
	word-wrap: break-word;
}
#banner h2 a, #banner h2 a:visited	{
	color: #f0f0f0;
}
#banner h2 a:hover	{
	color: #fff;
}
#banner h3	{
	font-size: 2em;
	margin: 0 0 15px;
	text-transform: uppercase;
	word-wrap: break-word;
	overflow: hidden;
}
#banner h3 a, #banner h3 a:visited	{
	color: #666;
}
#banner h3 a:hover	{
	color: #cc0033;
}
#banner p	{
	color: #fff;
	line-height: 1.8em;
	margin-bottom: 1.5em;
	word-wrap: break-word;
}
#banner a {
	color: #cc0033;
}
#banner a:hover {
	color: #fff;
}
#banner ul	{
	left: 0;
	bottom: 0;
	padding: 20px;
	position: absolute;
	z-index: 200;
}
#banner li	{
	float: left;
	padding-right: 10px;
}
#banner li a, #banner li a:visited	{
	width: 17px;
	height: 17px;
	display: block;
	background: url(../images/bg_banner_buttons.png) no-repeat 0px 0px;
}
#banner li a.active, #banner li a.active:visited	{
	background: url(../images/bg_banner_buttons.png) no-repeat 0px -17px;
}
#banner li a:hover, #banner li a.active:hover	{
	background: url(../images/bg_banner_buttons.png) no-repeat 0px -34px;
}

#banner .right_panel	{
	position: relative;
	float: right;
	right: 0;
	width: 277px;
	height: 250px;
	padding: 0 30px;
}

#banner .scroll-pane {
	max-height: 95px;
	width: 280px;
	overflow: auto;
	line-height: 1.4em;
	margin: 0;
	font-size: 1.1em;
}


/*                            CAROUSEL STYLES
**********************************************************************/

#carousel_container	{
	width: 100%;
	height: 200px;
	overflow: hidden;
	position: relative;
}
#carousel_slider	{
	position: relative;
	left: -231px;
	height: 200px;
	width: 500%;	/* Hopefully that is enough to fit all .detail elements on one row */
}
.cblock	{
	float: left;
	width: 211px;
	height: 200px;
	background: #000;
	margin-right: 20px;
	position: relative;
}
#carousel .cblock:last-child	{
	margin: 0;
}
.cblock img	{
	display: block;
	border: none;
}
.cblock a.thumb, .cblock a.thumb:visited	{
	display: block;
}
.cblock a.thumb:hover span	{
	z-index: 2;
	width: 203px;
	height: 137px;
	display: block;
	position: relative;
	margin-bottom: -141px;
	border: solid 4px #000;
	border-bottom: 0;
}
.cblock big	{
	color: #fff;
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	padding: 12px 0 0 15px;
	height: 17px;
	overflow: hidden;
	word-wrap: break-word;
}
.cblock a.thumb:hover big	{
	color: #cc0033;
}
.cblock p	{
	font-size: 1.1em;
	padding: 0 0 0 15px;
}
.cblock p a, .cblock p a:visited	{
	color: #656565;
	font-weight: bold;
}
.cblock p a:hover, .cblock h4 a:hover	{
	color: #cc0033;
}
.cblock a.link, .cblock a.link:visited	{
	right: 0;
	top: 185px;
	width: 15px;
	height: 15px;
	display: block;
	position: absolute;
	background: url(../images/bg_button_downarrow.png) no-repeat left top;
}


/*                            CONTENT STYLES
**********************************************************************/

.main {
	padding: 15px 0 45px 20px;
	background: #fff url(../images/bg_main.png) repeat-x left bottom;
	position: relative;
}

	.main h2 {
		height: 40px;
		padding: 0 0 0 20px;
		margin: 0 0 20px -20px;
		text-transform: uppercase;
		background: url(../images/bg_content_h2.png) repeat-x left bottom;
	}
	
		h2.noborder {
			background: transparent;
			border: none;
		}
	
	.main h3 {
		font-size: 1.4em;
		margin: 1.5em 0 0.5em;
		text-transform: uppercase;
	}
	
	.main h4	{
		font-size: 1.4em;
		text-transform: uppercase;
	}
	
	.main a {
		color: #cc0033;
	}
	
		.main a:hover {
			color: #799f1d;
		}
	
	.main p {
		margin-bottom: 1em;
		line-height: 1.6em;
		font-size: 1.2em;
	}
	
	.main ul li {
		font-size: 1.2em;
		margin-bottom: 0.2em;
		line-height: 1.4em;
	}
	
	.main strong,
	.main strong em {
		font-weight: bold;
	}
	
	.main li ul,
	.main li ol { margin: 0; }
	
	.main ul,
	.main ol { margin: 0 1.5em 1.5em 0; padding-left: 2.2em; }
	
	.main ul,
	.main ul li { list-style-type: disc; }
	
	.main ol,
	.main ol li { list-style-type: decimal; }
	
	.main dl    { margin: 0 0 1.5em 0; }
	.main dl dt { font-weight: bold; }
	.main dd    { margin-left: 1.5em;}
	
p.center,
div.center,
a.center,
ul.center,
ol.center {
	text-align: center;
}
	
	
.rightmost	{
	margin-right: 0;
}

div.no-art {
	padding: 20px;
	text-align: center;
	font-size: 15px;
}

	div.no-art a.button {
		color: #fff;
		padding: 9px 15px 7px;
		cursor: pointer;
		text-align: center;
		background: #cc0033;
		font-weight:900;
		z-index: 0;
		text-transform: uppercase;
		font-size: 11px;
		margin:0 5px;
	}
	
	div.no-art a.button:hover {
		background: #95bf2f;	
	}

#artwork_list .cblock	{
	margin-bottom: 20px;
}

#artwork_list .cblock ul.actions, #carousel .cblock ul.actions { 
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 	200px;
}

#artwork_list .cblock ul.actions li, #carousel .cblock ul.actions li {
	padding: 0 0 0 5px;
	float: left;
	margin-right: 8px;
}

#artwork_list .cblock ul.actions li a, #carousel .cblock ul.actions li a{
	display: block;
	background: #fff;
	color: #fff;
	font-size: 10px;
	color:#ccc;
	text-align: left;
	height: 13px;	
	padding: 3px 0 0 20px;
}

#artwork_list .cblock ul.actions li a.delete-link, #carousel .cblock ul.actions li a.delete-link{
	background: url(../images/delete.png) 0px -0px no-repeat;
}


#artwork_list .cblock ul.actions li a.activate-link, #artwork_list .cblock ul.actions li a.deactivate-link,
#carousel .cblock ul.actions li a.activate-link, #carousel .cblock ul.actions li a.deactivate-link {
	background: url(../images/activate.png) 0px 0 no-repeat;
}


#artwork_list .cblock ul.actions li a.edit-link, #carousel .cblock ul.actions li a.edit-link {
	background: url(../images/edit.png) 0px 0px no-repeat;
}

#artwork_list .cblock ul.actions li a.edit-link:hover, #carousel .cblock ul.actions li a.edit-link:hover {
	background: url(../images/edit.png) 0px 0px no-repeat;
}



#artwork_list .cblock ul.actions li a:hover{
	color:#fff;
}

.artwork_not_active {
	opacity: 0.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
}

.content .col	{
	z-index: 2;
	float: left;
	width: 248px;
	min-height: 415px;
	position: relative;
	margin-right: 20px;
	padding: 0 20px 45px 20px;
	overflow-x: hidden;
}
.content .col.last	{
	margin: 0;
}
.col h2	{
	height: 40px;
	padding: 15px 0 0 20px;
	margin: 0 -20px 20px -20px;
	text-transform: uppercase;
	background: url(../images/bg_content_h2.png) repeat-x left bottom;
}
.col h3	{
	font-size: 1.4em;
	margin: 1.5em 0 0.5em;
	text-transform: uppercase;
}
.col h4	{
	font-size: 1.4em;
	text-transform: uppercase;
}
.col big	{
	display: block;
	font-size: 1.3em;
	font-weight: bold;
}
.col img	{
	display: block;
}
.col a.thumb, .col a.thumb:visited	{
	float: left;
	display: block;
	margin-right: 10px
}

	.col .thumb img {
		display: block;
		border: none;
	}

.content .vmore,
.content .text p.vmore	{
	bottom: 0;
	left: 20px;
	position: absolute;
	margin: 0;
	font-size: 1.3em;
}

	.content .vmore a, .content .vmore a:visited	{
		color: #fff !important;
		height: 21px;
		background: #3a3a3a;
		display: inline-block;
		padding: 5px 10px 0 10px;
		text-transform: uppercase;
	}
	
	.content .vmore a:hover	{
		background: #666;
	}
	
	#wrap .action a {
		background: #cc0033;
	}
	
	#wrap .action a:hover	{
		background: #95bf2f;
	}

#bottom	{
	float: left;
	width: 904px;
	height: 70px;
	margin-top: -70px;
	background: url(../images/bg_content_bottom.png) no-repeat left bottom;
}

.content .text a {
	color: #cc0033;
}

	.content .text a:hover {
		color: #799f1d;
	}

.content .text p {
	margin-bottom: 1.5em;
	line-height: 1.4em;
	font-size: 1.1em;
}

.content .text ul li {
	font-size: 1.1em;
	margin-bottom: 0.5em;
	line-height: 1.4em;
}

.content strong,
.content strong em {
	font-weight: bold;
}

.content li ul,
.content li ol { margin: 0; }

.content ul,
.content ol { margin: 0 1.5em 1.5em 0; padding-left: 2.2em; }

.content ul,
.content ul li { list-style-type: disc; }

.content ol,
.content ol li { list-style-type: decimal; }

.content dl    { margin: 0 0 1.5em 0; }
.content dl dt { font-weight: bold; }
.content dd    { margin-left: 1.5em;}

/*                            FEATURED STYLES
**********************************************************************/

#featured ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#featured li	{
	clear: both;
	height: 68px;
	font-size: 1em;
	list-style: none;
}
#featured li .screen_name	{
	font-size: 1.4em;
	padding: 5px 0 2px 0;
	display: block;
	font-weight: bold;
	word-wrap: break-word;
}
#featured .screen_name a, #featured .screen_name a:visited	{
	font-weight: bold;
}
#featured li span a, #featured li span a:visited	{
	color: #c5c5c5;
	font-size: 1.1em;
	font-weight: bold;
}
#featured li span a:hover	{
	color: #cc0033;
}
#featured li a span	{
	word-wrap: break-word;
}

.user_list {
	margin: 0;
	padding: 0;
	list-style: none;
}

	.user_list li {
		float: left;
		width: 200px;
		height: 68px;
		margin-right: 10px;
		font-size: 1em;
		list-style: none;
		word-wrap: break-word;
	}
	
	.user_list .thumb {
		float: left;
		display: block;
		margin-right: 10px
	}
	
	.user_list .thumb img {
		display: block;
		border: none;
	}	
	
	.user_list li .screen_name	{
		font-size: 1.4em;
		padding: 5px 0 2px 0;
		display: block;
		font-weight: bold;
	}
	
	.user_list .screen_name a,
	.user_list .screen_name a:visited	{
		font-weight: bold;
	}
	
	.user_list li span a,
	.user_list li span a:visited	{
		color: #c5c5c5;
		font-size: 1.1em;
		font-weight: bold;
	}
	
	.user_list li span a:hover	{
		color: #cc0033;
	}

/*                           CATEGORIES STYLES
**********************************************************************/

#categories ul	{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
#categories li	{
	margin-bottom: 1em;
	list-style: none;
	line-height: normal;
	width: 45%;
	float: left;
	margin-left: 5%;
	text-transform: capitalize;
	word-wrap: break-word;
}
#categories li a, #categories li a:visited	{
	font-weight: bold;
}

/*                           COMMENTS STYLES
**********************************************************************/

#comments ul	{
	margin: 0;
	padding: 0;
	list-style: none;
}

#comments li	{
	height: 47px;
	list-style: none;
}
#comments li a, #comments li a:visited	{
	font-weight: bold;
}
#comments li span, #comments li span	{
	display: block;
	color: #c5c5c5;
	font-size: 90%;
	margin-top: -2px;
	font-weight: bold;
}

/*                            FOOTER STYLES
**********************************************************************/

#footer {
	position: relative;
}

#footer a {
	color: #fff;
}

	#footer a:hover {
		color: #cc0033;
	}

#footer .inline	{
	position: absolute;
	left: 0;
	top: 27px;
	width: 500px;
	font-size: 1.1em;
}

	#footer .inline li	{
		border-color: #555;
	}
	
	#footer .inline li a {
		color: #ccc;
	}
	
	#footer .inline li a:hover {
		color: #cc0033;
	}

#footer .copyright {
	color: #fff;
	padding-top: 21px;
	text-align: right;
	text-transform: uppercase;
	font-size: 1.2em;
	line-height: normal;
	width: 400px;
	float: right;
}

	#footer .copyright small	{
		font-size: 0.9em;
		color: #ccc;
		display: block;
	}
	
	#footer .copyright small a {
		color: #ccc;
	}
	
	#footer .copyright small a:hover {
		color: #cc0033;
	}
	
	

/*********************************************************************/
/*                           SUBPAGE STYLES
**********************************************************************/

/*                           BIG CAROUSEL STYLES
**********************************************************************/

#bigcarousel	{
	/* height: 480px; */
	position: relative;
	margin-bottom: 20px;
}
#bigcarousel a.arrow, #bigcarousel a.arrow:visited	{
	top: 230px;
}
.showcase	{
	float: left;
	width: 402px;
	padding: 20px;
	background: #fff;
	min-height: 440px;
}
.showcase img	{
	display: block;
	margin-bottom: 15px;
	background: #fff;
	height: 400px;
	border: none;
}
.info	{
	float: left;
	width: 422px;
	min-height: 470px;
	padding: 10px 20px;
	position: relative;
	background:#000
}

.info .scroll-pane {
	height: 150px;
	overflow: auto;
}

.info ul a	{
	color: #fff;
}
.info ul a:hover	{
	color: rgb(204, 0, 51);
}

.info h2	{
	font-size: 5em;
	text-transform: uppercase;
	word-wrap: break-word;
	overflow: hidden;
}

	.info h2 a, .info h2 a:visited	{
		color: #fff;
	}
	
	.info h2 a:hover	{
		color: #f0f1f1;
	}

.info h3	{
	font-size: 2em;
	margin-bottom: 20px;
	text-transform: uppercase;
	word-wrap: break-word;
}
	
	.info h3 a, .info h3 a:visited	{
		color: #cc0033;
	}
	
	.info h3 a:hover	{
		color: #f0f1f1;
	}
	
.info h4 {
	color: #fff;
	font-size: 1.4em;
	text-transform: uppercase;
	margin-top: 1.5em;
}
	
.info p	{
	color: #fff;
	margin-bottom: 20px;
}

.artinfo	{
	color: #999;
	font-size: 0.9em;
	margin: 2.5em 0 0 0;
}

	.artinfo li	{
	
	}

	.artinfo li.price	{
		font-size: 2.4em;
		color: #fff;
	}
	
	.artinfo .currency {
		font-size: 0.7em;
	}

.action	{
	bottom: 0;
	left: 20px;
	position: absolute;
}
.action li	{
	float: left;
	padding-right: 1px;
}
.action li a, .action li a:visited	{
	color: #fff;
	float: left;
	height: 19px;
	display: block;
	background: #cc0033;
	padding: 4px 15px 0 15px;
	text-transform: uppercase;
}
.action li a:hover	{
	color: #000;
	background: #fff;
}

.functions {
	font-size: 1.4em;
	margin-top: 3px;
}


	.functions .left {
		float: left;
		width: 130px;
	}

.icon {
	padding: 5px 5px 5px 30px;
}

	.icon.zoom { background: url(../images/zoom.png) no-repeat left center; }

#permalink {
	font-size: 0.65em;
	float: left;
	width: 235px;
	margin-top: 3px;
}

	#permalink label {
		font-weight: normal;
		display: block;
		text-align: right;
		margin: 1px 0 0 0;
		color: #999;
	}
	
	#permalink input {
		width: 225px;
		background: #f0f0f0;
		border: 1px solid #e3e3e3;
		margin: 0;
	}


#subpage {
	background: none;
	margin-bottom: 20px;
}

	#subpage .cblock {
		height: 141px;
		margin:0 20px 20px 0;
	}
	
	#subpage .cblock.last {
		margin-right: 0;
	}
	
	#subpage .cblock a.thumb:hover span	{
		height: 133px;
		border: solid 4px #000;
	}
	
ul.tags {
	color: #cc0033;
}

	ul.tags li {
		display: inline;
		margin-right: 0.2em;
	}
	
	ul.tags li a {
		text-transform: capitalize;
		color: #cc0033;
	}
	
		ul.tags li a:hover {
			color: #fff;
		}


/*********************************************************************/
/*                         UPLOAD PAGE STYLES
**********************************************************************/

.intro, #intro	{
	background: #fff;
	margin-bottom: 20px;
}

	#intro blockquote p {
		line-height: 0.8em;
	}
	
	#intro p strong.author {
		color: #000;
		font-size: 0.7em;
		font-style: italic;
		display: block;
	}
	
#container p.formats {
	margin: 1.5em auto 0;
	font-size: 1em;
}

/*                           INTRO STYLES
**********************************************************************/

.intro h2, #intro h2	{
	height: 40px;
	margin: 0 0 20px 0;
	padding: 15px 0 0 20px;
	background: url(../images/bg_content_h2.png) repeat-x left bottom;
	text-transform: uppercase;
}

.intro p, #intro p	{
	padding: 10px 50px 30px;
	font: normal 2.4em/1.6em Times, "Times New Roman", Georgia, serif;
	color: #999;
	text-align: center;
}

.intro strong	{
	font-weight: bold;
	color: #333;
}

/*                        CONTAINER AND COLUMNS STYLES
**********************************************************************/

#container {
	background: #fff url(../images/bg_container.png) repeat-x left bottom;
	padding: 20px 20px 45px;
	min-height: 300px;
}

	#container .inner h2 {
		margin-right: -20px;
		text-transform: uppercase;
	}

	#container.columns {
		background: transparent url(../images/bg_container_columns.png) no-repeat left bottom;
		padding: 0 0 45px;
	}
	
	#container p {
		margin-bottom: 1.5em;
		font-size: 1.2em;
		line-height: 1.4em;
	}

.column {
	float: left;
	width: 442px;
}

	.column.left {
		margin-right: 20px;
		z-index: 2;
		position: relative;
	}

	.column.right {
		z-index: 1;
		position: relative;
	}
	
	.column .main {
		background: #fff;
		padding: 20px 20px 20px 20px;
	} 
	
	.column .main h2 {
		margin-right: -20px;
	}
	
	.column .main h2.separated { 
		margin-top: 20px;
	}
	
	.column .block {
		margin-bottom: 00px;
	}
	

#upload object	{
	z-index: 20;
	position: absolute;
	top: 0;
	left: 0;
}

	#upload .button {
		float: left;
	}

/* --Uploadify -- */
#progressbar {
	width: 247px;
	float: right;
}

.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 1px solid #E5E5E5;
	background-color: #F5F5F5;
	padding: 10px;
}
.uploadifyError {
	border: 1px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}
#fileQueue .uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: none;
	border-bottom: 1px solid #E5E5E5;
	background-color: #FFFFFF;
	padding: 5%;
	width: 90%;
}
#fileQueue .uploadifyError {
	background-color: #FDE5DD !important;
}
#fileQueue .uploadifyQueueItem .cancel {
	float: right;
}


/*                     UPLOADED COLUMN STYLES
**********************************************************************/

ul#img_thumbs {
	z-index: 5;
	float: left;
	width: 100%;
	margin: 0 0 1em -5px;
	padding: 0;
}

	ul#img_thumbs li {
		float: left;
		font-size: 1em;
		margin: 5px;
		padding: 0;
		width: 191px;
		color: #999;
		list-style: none;
		position: relative;
		background: #000;
	}
				
	ul#img_thumbs li a,
	ul#img_thumbs li a:visited {
		display: block;
		overflow: hidden;
		position: relative;
	}
	
	ul#img_thumbs li a:hover {
	    background: #100;
	}
	
	ul#img_thumbs li a:hover span {
		top: 0;
		left: 0px;
		width: 183px;
		height: 124px;
		display: block;
		position: absolute;
		border: solid 4px #000;
		border-bottom: 0;
	}
	
	ul#img_thumbs img {
		display: block;
		width: 191px;
		border: none;
	}
	
	ul#img_thumbs .actions,
	ul#img_thumbs .actions li,
	ul#img_thumbs .actions a,
	ul#img_thumbs .actions label {
		color: #ccc;
		margin: 0;
		padding: 0;
		display: block;
	}
	
		ul#img_thumbs .actions {
			float: left;
			padding: 7px 10px;
			width: 171px;
		}
		
		ul#img_thumbs .actions label {
			display: inline;
			font-weight: normal;
		}
		
		ul#img_thumbs .actions li {
			width: auto;		
		}
	
		ul#img_thumbs .actions a:hover,
		ul#img_thumbs .actions label:hover {
			color: #fff;
		}
		
		ul#img_thumbs .actions li.option {
			float: left;
			width: 125px;
		}
		
		ul#img_thumbs .actions .icon {
			text-align: left;
			float: right;
			margin-top: 1px;
		}
		
			ul#img_thumbs .actions .icon .delete_link {
				background: url(../images/denied_12x12.png) no-repeat left center;
				text-align: left;
				text-indent: -5000em;
				width: 12px;
				height: 12px;
			}
			
	#uploaded p.small {
		font-size: 1em;
	}


/*                         FLASH MESSAGE STYLES
**********************************************************************/

.message 		{ padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error 			{ background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice,
.warning, .upload_message { background: #FFF6BF; color: #514721; border-color: #FFD324; text-align: left;}
.success 		{ background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a 		{ color: #8a1f11; }
.notice a,
.warning a		{ color: #514721; }
.success a 		{ color: #264409; }
	
.upload_message{
   margin:5px 0;
   font-size:12px;
}	
	#message .close {
		float: right;
		text-transform: uppercase;
		position: relative;
		top: -3.5em;
		font-weight: bold;
	}
	
	#message .close:hover {
		color: #fff;
	}
	
	#message h2 {
		margin: 0 0 0.75em 0;
		text-transform: uppercase;
	}
	
	#message .message ul li {
		margin: 1em;
	}
	
	.notice li {
		font-size: 1.1em;
		padding: 3px 10px;
		text-align:left;
	}
	
	



body{ height:100% }

#box, #login_box, .blackbox {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: transparent url(images/overlay_t.png);
	text-align: center;
	z-index: 700;
}

	#box .inner, .blackbox .inner {
		position: relative;
		margin: auto;
		height: 100%;
		width: 960px;
		opacity: 1;
	}
	
	#box iframe {
		height: 100%;
		float: left;
		border: none;
	}
	
	#box .close {
		position: absolute;
		z-index: 500;
		padding: 0.7em 1em;
		font-size: 1em;
		font-weight: bold;
		text-transform:uppercase;
		background: #333;
		color: #ccc;
		top: 0;
		right: 0;
		cursor: pointer;
		margin-right: 15px;
	}
	
	#box .close:hover {
		background: #000;
	}

.center_box	{
	position: absolute;
	width: 600px;
	left: 50%;
	top: 5em;
	margin: 0 0 0 -300px;
	z-index: 1000;
	background: #fff;
}

	.center_box h2 {
		color: #fff;
		text-align: left;
		font-size: 1.4em;
		text-transform: uppercase;
		position: absolute;
		top: -20px;
		left: 0;
	}
	
	.center_box a {
		display: inline;
		color: #cc0033;
	}


.login_close	{
	width: 80px;
	background: #333;
	color: #ccc;
	font-weight: bold;
	z-index: 9;
	position: absolute;
	top: -25px;
	right: 0px;
}

.login_close a	{
	color: #ccc;
	font-weight: bold;
	display: block;
	padding: 5px;
	text-transform: uppercase;
}

.login_close a:hover	{
	color: #fff;
	background: #000;
}
 
#register_btn, #login_btn{
	text-align: left;
	padding: 10px;
	float: left;
}

#profile_header	{
	margin-bottom: 0;
}
#profile_carousel {
	padding-top: 10px;
}
#profile_carousel #carousel	{
	background: #f5f5f4;
	padding: 10px 0 0;
}


.profile-photo { 
	float: left;
	width: 140px;
	text-align: center;
	padding: 0 0 10px 0;
	position: relative;
}

.profile_avatar	{
	background: #8f8f8f;
	margin: 0 20px 00px 20px;
	display: block;
}

.profile-photo a.edit-profile, .profile-photo a.edit-account, .profile-photo a.edit-avatar { 
	display: block;
	text-align: left;
	margin: 5px 20px 0;
	padding: 7px 0 3px 25px;
	color: #fff;
}

.profile-photo a.edit-profile {
	background: #333 url(../images/edit.png) 4px 50% no-repeat;
}

	.profile-photo a.edit-profile:hover {
		background: #000 url(../images/edit.png) 4px 50% no-repeat;
	}

.profile-photo a.edit-account {
	background:#333 url(../images/icons/lock.png) 4px 50% no-repeat;
}

	.profile-photo a.edit-account:hover {
		background:#000 url(../images/icons/lock.png) 4px 50% no-repeat;
	}
	
.profile-photo a.edit-avatar {
	background:#333 url(../images/icons/contact.png) 4px 50% no-repeat;
}

	.profile-photo a.edit-avatar:hover {
		background:#000 url(../images/icons/contact.png) 4px 50% no-repeat;
	}

div.gravatar_notice {
	top: 162px;
	right: 32px;
	color: #fff;
	width: 150px;
	display: block;
	position: absolute;
	margin: 0 -217px 0 0;
	padding: 15px 20px 15px 27px;
	font: 1em/1.4em Helvetica, Tahoma, Arial, sans-serif;
	background: #cc0033;
	text-align: left;
	display: none;
	z-index: 9;
}

div.gravatar_notice span{
	display: block;
	position: absolute;
	left: -7px;
	top:5px;
	width:7px;
	height: 18px;
	background: url(../images/tip.png) no-repeat left top;	
}


	

#profile_bio {
	float: left;
	width: 740px;
}

#profile_bio h3	{
	margin-bottom: 0.75em;
	text-transform: uppercase;
}

.profile_bio p	{
	line-height: 1.25em;	
	color: #333;
	text-align: left;
	font-size: 1.6em;
	font-style: italic;
	margin: 0 0 1.5em;
	padding: 0;
}

#profile_details .left	{
	float: left;	
	width: 49%;
	padding:0 0 10px 5px;
}

#profile_details .right	{
	float: right;
	width: 49%;
	padding:0 5px 10px 0px;
}

#profile_details table { 
	width: 100%;
	font-size: 12px;
	border-top: 1px solid #eee
}

#profile_details table th { 
	font-weight: normal;
	width: 40%;
	text-align: right;
	padding:5px;
	border-bottom: 1px solid #eee;
	font-size: 11px;
	text-transform: uppercase;
	color: #666;	
}

#profile_details table td { 
	padding: 5px;
	text-align: left;
	border-bottom: 1px solid #eee;
	font-weight: 900;
}

#profile_details table td a{
	font-weight: 900;
}

#menu .user_info {
	color: #999;
	position: absolute;
	top: 13px;
	left: 0;
	font-size: 0.8em;
}

	#menu .user_info p {
		margin: 0;
		padding: 0;
	}
	
	#menu .user_info a {
		color: #ccc;
	}
	
	#menu .user_info a:hover {
		color: #cc0033;
	}


/* Tag Cloud */
#tag_cloud {
	text-align: center;
	font-size: 1.4em;
}
	
	.cloud_t	{
		display: inline-block;
		padding: 10px;
	}
	
	#tag_cloud a {
		color: #000;
	}
	
	#tag_cloud a.level1	{ font-size: 1em; color: #ccc; }	
	#tag_cloud a.level2	{ font-size: 1.3em; color: #999; }	
	#tag_cloud a.level3	{ font-size: 1.6em;	color: #777; }	
	#tag_cloud a.level4	{ font-size: 1.9em;	color: #666; }	
	#tag_cloud a.level5	{ font-size: 2.2em;	color: #444; }	
	#tag_cloud a.level6	{ font-size: 2.5em;	color: #333; }	
	#tag_cloud a.level7	{ font-size: 2.8em;	color: #111; }	
	#tag_cloud a.level8	{ font-size: 3.1em; color: #000; }
	
	#tag_cloud a:hover {
		color: #cc0033;
	}
	
#suggestions_holder a {
	cursor: pointer;
}

/* Pagination */
.pagination {
	padding: 20px 20px 45px;
	text-align: center;
	color: #000;
	clear: both;
}
	
	.pagination ul {
		padding: 12px 10px 6px;
	}
	
	.pagination ul li {
		display: inline;
	}
	
	.pagination a {
		border: 0;
		background: #ebebeb url("../images/pagination-item.gif") repeat-x;
		margin: 0 5px;
		padding: 6px 10px;
		color: #000;
		border: 1px solid #ccc;
		border-radius: 3px;
	   -moz-border-radius: 3px;
	   -webkit-border-radius: 5px;
	}
	
	.pagination a:hover,
	.pagination a:active,
	.pagination a:focus {
		color: #cc0033;
	}
	
	.pagination strong {
		position: relative;
		padding: 7px 12px;
		font-size: 1.2em;
		color: #fff;
		background: #CC0033;
		margin:0 4px 0 0;
	}
	
#suggestions_holder {
	display: none;
}

#adsense {
	margin: 1.5em auto;
	text-align: center;
	width: 728px;
}