/* ------------------------------------------------------------------------------------------

                          © 2013 TRIBNET - DEVELOPED BY ROB A. FREI
                                   CASCADING STYLE SHEET

--------------------------------------------------------------------------------------------- */


/* .......................................................................................... */
/* .......................................................................................... */
/* .................................. tribnet styles ........................................ */
/* .......................................................................................... */
/* .......................................................................................... */


/* ++++++++++++++++++++++++++ */
/* tribnet general appearance */
/* ++++++++++++++++++++++++++ */

body.general {
	color: #000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #000;
	background-image: url("../images/black_paper.jpg");
	background-repeat: repeat;
}


/* +++++++++++++++++++++++++++++++++++ */
/* centers wrapper page in the browser */
/* +++++++++++++++++++++++++++++++++++ */

#wrapper {
	width: 1000px;
	margin: 0 auto;
	text-align:left;
}


/* ++++++++++++++++++++++++++++++++++++++++++++ */
/* rhs wrapper margin appearance (landing page) */
/* ++++++++++++++++++++++++++++++++++++++++++++ */

.rhs_margin {
	width: 250px;
	vertical-align: top;
	background-image: url(../images/gray_sand.jpg);
	background-repeat: repeat;
}


/* ++++++++++++++++++++ */
/* hyperlink appearance */
/* ++++++++++++++++++++ */

a:link {
	text-decoration: none;
	color: #888888;
}

a:active {
    text-decoration: none;
    color: #888888;
}

a:visited {
    text-decoration: none;
    color: #888888;
}

a:hover {
    text-decoration: none;
    color: #FFCC00;
}


/* +++++++++++++++++++++++++++++++++ */
/* supports javascript error display */
/* +++++++++++++++++++++++++++++++++ */

.error {
	border-color: red;
	background-color: #ff9999;
}

.no_error {
	border-color: none;
	background-color: none;
}


/* +++++++++++++++++++++++++++++++++++++++++ */
/* TT2 TABLES: data appearance in TT2 tables */
/* +++++++++++++++++++++++++++++++++++++++++ */

.db table {
	width: 750px;
	border-collapse: collapse;
}

.db th {
	text-align: left;
	font-size: 110%;
	padding: 10px 5px 10px 5px;
	background-color: #fc6;
	color: #000;
}

.db td {
	padding: 3px 5px 3px 5px;
}

.db a {
	text-decoration: underline;
}


/* +++++++++++++++++++++++++++++++++++++++ */
/* TT2 TABLES: zebra styles for table rows */
/* +++++++++++++++++++++++++++++++++++++++ */

tr.odd td {
    background-color: #fff;
    color: black;
}

tr.even td {
    background-color: #ddd;
    color: black;
}


/* ++++++++++++++++++++++++++++++++++++++++ */
/* PUBLISHING: styles for photo upload area */
/* ++++++++++++++++++++++++++++++++++++++++ */

.photo-upload {
	height: 100px;
	width: 1000px;
	color: white;
	background-color: #fff;
	background-image: url(../images/photo_upload_background.jpg);
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* PUBLISHING: photo upload controls appearance (shadowbox) */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#photo-wrapper {
	/*width: 500px;*/
	margin: 0 auto;
	text-align: left;
}

body.photo {
	color: #fff;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #000;
	/*background-image: url("../images/carbon_fibre.png");
	background-repeat: repeat;*/
}

.image-path {
	width: 450px;
	color: #ddd;
	background-color: #444;
	border-color: #999;
}


/* +++++++++++++++++++++++++++++++++++++++++++++ */
/* TT2 TABLES: shadowbox photo viewer appearance */
/* +++++++++++++++++++++++++++++++++++++++++++++ */

.photo-view table {
	width: 800px;
	border-collapse: collapse;
}

.photo-view th {
	text-align: left;
	font-size: 110%;
	padding: 10px 5px 10px 5px;
	background-color: #333;
	color: #fff;
}

.photo-view td {
	padding: 3px 5px 3px 5px;
}


/* ++++++++++++++++++++++++++++ */
/* ARTICLES: article appearance */
/* ++++++++++++++++++++++++++++ */

#container {
	width: 1000px;
	margin: auto;
	background: #fff;
}

#article-styles {
	padding: 20px;
}


/* ++++++++++++++++++++++++++++++++++++++++++ */
/* TEASERS: teaser appearance on landing page */
/* ++++++++++++++++++++++++++++++++++++++++++ */

.teasers {
	border-collapse: collapse;
}

.teasers td {
	vertical-align: top;
	text-align: justify;
}

.teasers a:link {
	text-decoration: none;
	color: #000;
}

.teasers a:active {
    text-decoration: none;
    color: #000;
}

.teasers a:visited {
    text-decoration: none;
    color: #000;
}

.teasers a:hover {
    text-decoration: none;
    color: red;
}

#teaser-title {
	font-size: 2.25em;
}

#teaser-author {
	font-size: 1em;
	color: gray;
}

#teaser-date {
	font-size: .9em;
	color: gray;
}

#teaser-image {
	margin: 0px;
	display: block;
}

#teaser-continue {
	font-size: 1em;
}

#teaser-spacer-top {
	height: 10px;
}

#teaser-spacer-inner {
	height: 10px;
}

#teaser-spacer {
	height: 50px;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ANNOUNCEMENTS: announcement appearance on landing page */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.announcements td {
	color: #888;
}

.announcements hr {
	border: 0;
	height: 2px;
	background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
	background-image: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
	background-image: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
	background-image: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
}