/*
	Fotopic Skin Definition: Chiselled Blue
	$Id: style.css,v 1.1.2.3 2006/03/27 13:50:50 joel Exp $
*/

/* Core Style */

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

A {
        color: #8080d0;
}

A:hover {
        color: #000000;
}

UL {
	list-style: url('bullet.gif');
}


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 #8080d0;
	background-color: #6060c0;
	background-image: none;
	color: #ffffff;
}

input.submit:hover, input.button:hover, input.reset:hover {
	background-color: #a0a0f0;
	background-image: none;
	border: 1px solid #8080d0;
	color: #ffffff;
        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 #8080d0;
	background-color: #ffffff;
	background-image: none;
	color: #000000;
	width: 100px;
}

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

select {
	border: 1px solid #8080d0;
	background-color: #ffffff;
	color: #000000;
}

/* 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 {
	FONT-FAMILY: Verdana, Arial, Helvetica, Lucida, Sans-Serif;
	font-weight: Bold;
	color: #000000;
	text-align: Center;
	font-size: 18px;
	padding-bottom: 10px;
}

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: #000040;
	border: 1px solid #202020;
	padding: 2px;
}

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

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

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

TD.calendar > A:hover {
	color: #000000;
	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;
}

/* Recent Collections */

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 {
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
	margin-bottom: 4px;
	border: none;
	width: 100%;
}

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

TH.maxibox {
	padding: 0px;
	text-align: left;
	border-bottom: 1px solid #448CCB;
}

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

TD.maxibox-header-left {
	width: 18px;
	height: 18px;
	padding: 0px;
	background-image: url('left_roll.gif');
}

TD.maxibox-header-centre {
	background-color: #448CCB;
	background-image: none;
	font-weight: bold;
	color: #ffffff;
	font-size: 12px;
	padding: 0px;
}

TD.maxibox-header-right {
	width: 18px;
	height: 18px;
	padding: 0px;
	background-image: url('right_roll.gif');
}

TD.maxibox {
	color: #000000;
	background: #E6E6E6;
	font-size: 11px;
	padding: 4px;
}

/* 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: none;
	width: 200px;
	margin: 4px;
	border-collapse: collapse;
}

TH.minibox {
	padding: 0px;
	text-align: left;
	border-bottom: 1px solid #448CCB;
}

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

TD.minibox-header-left {
	width: 18px;
	height: 18px;
	padding: 0px;
	background-image: url('left_roll.gif');
}

TD.minibox-header-centre {
	background-color: #448CCB;
	background-image: none;
	font-weight: bold;
	color: #ffffff;
	font-size: 12px;
	padding: 0px;
}

TD.minibox-header-right {
	width: 18px;
	height: 18px;
	padding: 0px;
	background-image: url('right_roll.gif');
}

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

/* Special minibox style for stats */

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

TD.statsbox {
	color: #000000;
	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 #8080d0;
}

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

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: #000000;
	font-size: 12px;
        FONT-FAMILY: Verdana, Arial, Helvetica, Lucida, Sans-Serif;
	border: 1px solid #8080d0;
}

TD.collectionstory > thumbs {
	text-align: left;
	background-color: #ffffff;
	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 #8080d0;
}

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;   
} 

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

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

TABLE.photo-rating {
	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: #000000;
	font-size: 11px;
}

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

TD.poll-answers {
	color: #000000;
	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;
}