/*
	Fotopic Skin Definition: Party Sparkles
	$Id: style.css,v 1.1.2.3 2006/03/27 13:57:51 joel Exp $
*/

/* Core Style */

BODY {
	background: #000000 url("http://lumbrales.eu/mediafotopic/ss044.jpg");
        color: #ffffff;
	font-size: 12px;
        FONT-FAMILY: Verdana, Arial, Helvetica, Lucida, Sans-Serif;
	text-align: center;
}

A {
        color: #ffff00;
	text-decoration: none;
}

A:hover {
        color: #ffffff;
	text-decoration: underline;
}

UL {
}


input.submit, input.button, input.reset {
	height: 20px;
        FONT-FAMILY: Verdana, Arial, Helvetica, Lucida, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #ff0000;
	background-color: #a00000;
	background-image: none;
	color: #ffffff;
}

input.submit:hover, input.button:hover, input.reset:hover {
	background-color: #d00000;
	background-image: none;
	color: #ffff00;
        FONT-FAMILY: Verdana, Arial, Helvetica, Lucida, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
}

input.text {
	height: 20px;
        FONT-FAMILY: Verdana, Arial, Helvetica, Lucida, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #ff0000;
	background-color: #000020;
	background-image: none;
	color: #ffffff;
	width: 100px;
}

textarea {
	font-size: 12px;
	font-weight: normal;
        FONT-FAMILY: Verdana, Arial, Helvetica, Lucida, Sans-Serif;
	border: 1px solid #ff0000;
	background-image: none;
	background-color: #000020;
	color: #ffffff;
	width: 100px;
}

select {
	border: 1px solid #ff0000;
	background-color: #000020;
	color: #ffffff;
}

/* Main index columns */

TABLE.content {
	margin-left: auto;
	margin-right: auto;
}

TD.content {
	vertical-align: top;
	text-align: center;
	padding: 5px;
}

TD.content-left {
	vertical-align: top;
	padding-right: 5px;
}

TD.content-centre {
	vertical-align: top;
}

TD.content-right {
	vertical-align: top;
	padding-left: 5px;
}

/* Gallery Titles */

DIV.title {
	text-align: center;
	font-size: 18px;
	padding: 8px;
	font-weight: bold;
}

DIV.subtitle {
	text-align: center;
	font-size: 12px;
}

DIV.navbar {
	text-align: center;
	font-size: 12px;
}

/* Calendar - used in Calendar minibox and on show_calendar page */

TABLE.calendar {
	width: 100%;
	border-collapse: collapse;
	padding: 3px;
}

TH.calendar {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-color: #400000;
	border: 1px solid #400000;
	padding: 2px;
}

TD.calendar-day {
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	color: #ffffff;
	border: 1px solid #400000;
	padding: 2px;
}

TD.calendar {
	text-align: center;
	font-size: 9px;
	color: #d0d0d0;
	border: 1px solid #400000;
	padding: 2px;
}

TD.calendar > A {
	color: #ffff00;
	text-decoration: none;
}

TD.calendar > A:hover {
	color: #ffffff;
	text-decoration: underline;	
}

/* Top Photos table */

TABLE.tops {
	width: 100%;
	border-collapse: collapse;
	padding: 3px;
}

TR.tops {
}

TD.tops {
	font-size: 11px;
}

/* Most Recent Collections, Collection List page, and Groups */

TABLE.collectionlist {
	width: 100%;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}

TR.collectionlist {
}

TD.collectionlist {
	vertical-align: top;
	font-size: 12px;
	padding: 3px;
}

TD.collectionlist-thumb {
	vertical-align: top;
	text-align: center;
	padding: 3px;
}

TD.collectionlist-date {
	font-size: 12px;
	white-space: nowrap;
	vertical-align: top;
	padding: 3px;
	text-align: right;
}

DIV.collectionlist-story {
	font-size: 10px;
}

TD.collectionlist-subtitle {
        font-size: 14px;
        font-weight: Bold;
        padding: 4px;
        border-bottom: 2px solid #a00000;
        border-top: 2px solid #ff0000;
        border-left: 2px solid #a00000;
        border-right: 2px solid #ff0000;
        background-color: #d00000;
	background-image: none;
}

/* Most Recent Collections, Collection List page, and Groups */

TABLE.recentlist {
	width: 100%;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}

TR.recentlist {
}

TD.recentlist {
	vertical-align: top;
	font-size: 12px;
	padding: 3px;
}

TD.recentlist-thumb {
	vertical-align: top;
	text-align: center;
	padding: 3px;
}

TD.recentlist-date {
	font-size: 12px;
	white-space: nowrap;
	vertical-align: top;
	padding: 3px;
	text-align: right;
}

DIV.recentlist-story {
	font-size: 10px;
}

SPAN.recentlist-pcount {
        font-size: 10px;
}

TD.recentlist-subtitle {
        font-size: 14px;
        font-weight: Bold;
        padding: 4px;
        border-bottom: 2px solid #a00000;
        border-top: 2px solid #ff0000;
        border-left: 2px solid #a00000;
        border-right: 2px solid #ff0000;
        background-color: #d00000;
	background-image: none;
}

/* The following definition is used when we only need to show the navigation bar.
   The DIV is here because IE doesn't obey margin-left and margin-right properly. */

DIV.collectionlist-navbar {
	text-align: center;
}

TABLE.collectionlist-navbar {
	margin-left: auto;
	margin-right: auto;
}

TD.collectionlist-navbar {
	font-size: 12px;
	white-space: nowrap;
	padding: 3px;
	text-align: center;
	padding-bottom: 8px;
}

/* Footer Information */

TABLE.footer {
	width: 100%;
}

TR.footer {
}

TD.footer {
	font-size: 10px;
	text-align: center;
}

/* Maxibox table style - these are the large boxes
   The tl/tr/r/l/bl/bm/br elements are the edges of the box, and may be zeroed
   for blank stuff. tr=topright, bl=bottomleft, etc. */

TABLE.maxibox {
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
	margin-bottom: 4px;
        border: 1px solid #500000;    
        background: #000000;
	width: 100%;
}

TABLE.maxibox:after {
	padding: 5px;
}

TH.maxibox {
	padding: 0px;
	text-align: center;
	border: 0px;
        background: #a00000 url('minibox_title.gif');
}

TABLE.maxibox-header {
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	padding: 0px;
}

TD.maxibox-header-left {
}

TD.maxibox-header-right {
}

TD.maxibox-header-centre {
	font-weight: bold;
	color: #ffffff;
	font-size: 12px;
	padding: 2px;
}

TD.maxibox {
	color: #ffffff;
	font-size: 12px;
}

/* Minibox table style - these are the smaller side boxes
   The tl/tr/r/l/bl/bm/br elements are the edges of the box, and may be zeroed
   for blank stuff. tr=topright, bl=bottomleft, etc. */

TABLE.minibox {
        border: 1px solid #500000;    
        background: #000000;
	width: 200px;
	margin: 4px;
}

TH.minibox {
        background: #a00000 url('minibox_title.gif');
	padding: 0px;
	text-align: center;
	border: 0px;
}

TABLE.minibox-header {
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	padding: 0px;
}

TD.minibox-header-left {
}

TD.minibox-header-right {
}

TD.minibox-header-centre {
	font-weight: bold;
	color: #ffffff;
	font-size: 12px;
	padding: 2px;
}

TD.minibox {
	color: #ffffff;
	font-size: 11px;
	padding: 4px;
}

/* Special minibox style for stats */

TABLE.statsbox {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

TD.statsbox {
	color: #ffffff;
	font-size: 10px;
	padding: 0px;
	white-space: nowrap;
}

/* Collection Indexes */

TABLE.thumbs {
	width: 100%;
}

TR.thumbs {
	padding-bottom: 5px;
}

TD.thumbs {
	text-align: center;
	font-size: 10px;
	padding: 5px;
}

IMG.thumbs {
	border: 1px solid #ffff00;
}

IMG.thumbs:hover {
	border: 1px solid #ffffff;
}

DIV.thumbs-description {
	text-align: center;
}

DIV.thumbs-metrics {
	text-align: center;
}

DIV.thumbs-filename {
	text-align: center;
}

DIV.thumbs-date {
	text-align: center;
}

DIV.thumbs-buy {
	text-align: center;
}

TABLE.story {
        color: #ffffff;
	font-size: 12px;
        FONT-FAMILY: Verdana, Arial, Helvetica, Lucida, Sans-Serif;
	border: 1px solid #a00000;
}

TD.collectionstory > thumbs {
	text-align: left;
	background-color: #a00000;
	background-image: none;
}

TABLE.graphic-navbar {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: none;
	border-spacing: none;
	border-collapse: collapse;
}

TD.graphic-navbar {
	text-align: center;
	border: none;
	padding: 0px;
	font-size: 12px;
}

/* Photo page */

DIV.photo {
	text-align: center;
}

TABLE.photo {
}

DIV.photo-image {
	text-align: center;
}

IMG.photo-image {
	border: 1px solid #ffff00;
}

DIV.photo-title {
        text-align: center;
        font-size: 14px;
        font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

DIV.photo-date {
        font-size: 12px;
}

DIV.photo-byline {
        font-size: 12px;
}

DIV.photo-navbar {
        font-size: 12px;   
} 

DIV.photo-copyright {
        font-size: 12px;
}

TABLE.photo-rating {
	border: 1px solid #a00000;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 5px;
}

TH.photo-rating {
        text-align: center;
        font-size: 12px;
        font-weight: bold;
	margin: 1px;
}

TD.photo-rating {
	text-align: center;
}

TABLE.photo-buttonbar {
	border: none;
	margin-left: auto;
	margin-right: auto;
}

TD.photo-buttonbar {
	padding: 2px;
	margin: 0px;
}

IMG.photo-buttonbar {
	border: none;
}

/* Poll vote minibox */

TABLE.poll {
	border: none;
	margin-left: auto;
	margin-right: auto;
}

TD.poll {
	color: #ffffff;
	font-size: 11px;
}

TABLE.poll-answers {
	border: none;
	margin-left: auto;
	margin-right: auto;
}

TD.poll-answers {
	color: #ffffff;
	font-size: 11px;
}

/* v1.5 changes start here */

/* Cart minibox */

TABLE.cart-reduced {
	width: 100%;
}

TD.cart-reduced-number {
	font-size: 11px;
	text-align: right;
	vertical-align: top;
}

TD.cart-reduced-desc {
	font-size: 11px;
	text-align: left;
	vertical-align: top;
}

/* Minibox-internal tables */

TABLE.internalMinibox {
	font-size: 11px;
	width: 100%;
}

TABLE.internalMinibox TD {
	padding: 1px;
	text-align: center;
}