@import url("/resources/shared/css/travi.baseline.css");
@import url("/resources/shared/css/travi.basic.css");
@import url("/resources/shared/css/iconize.css");
body{
    font:               1em georgia, times, serif;
    font-variant:       small-caps;
    color:              #FFFFFF;
    background:         #000000 url(/resources/img/bg/bg-tireTread.jpg) fixed;
}

::-moz-selection{
    background:         #C80000;
    color:              #fff;
    text-shadow:        none;
}
::selection {
    background:         #C80000;
    color:              #fff;
    text-shadow:        none;
}

a,
a:visited,
a:active{
    color:				red;
    background-color:	transparent;
    text-decoration:	none;
}
a:hover{
    color:				#C0C0C0;
    background-color:	transparent;
    text-decoration:	underline;
}
/*OUTER WRAPPER*/
#wrap{
    color:              #111;
    background:         #E0E0E0;
    text-align:         left;
}
#content{
    padding:            0;
}
/*TOP NAVIGATION*/
nav{
    background-color:   #C80000;
}
nav.sideNav{
    display:            none;
}
#topNav{
    text-align: 		center;
    margin:				0;
    padding:			3px;
    color:				#000;
    font:				.70em Impact, sans-serif;
}
#topNav ul{
    margin-left: 		0;
    padding-left: 		0;
    display: 			inline;
    border: 			none;
}
#topNav ul li{
    margin-left: 		0;
    padding:			0 1px 0 1px;
    border: 			none;
    list-style: 		none;
    display: 			inline;
}
#topNav a{
    color:				#000000;
    background-color:	transparent;
    text-decoration:	none;
}
#topNav a:hover{
    color:				#C0C0C0;
    text-decoration:	underline;
}
/*TITLE AREA*/
header{
    margin: 			0 0 5px 0;
    border-top:			1px solid #000000;
    font-family: 		"Franklin Gothic Demi Cond", sans-serif;
    font-variant: 		small-caps;
    text-align: 		left;
}
header h1,
header h1 a,
header h1 a:visited,
header h1 a:active{
    color: 				#FFFFFF;
    font-size: 			80px;
    font-family:		"Permanent Marker", "Franklin Gothic Demi Cond", sans-serif;
    text-shadow:        5px 5px 5px #000;
    font-weight:        normal;
    font-style:         normal;
    font-variant:       normal;
}
/*SIDE NAVIGATION*/
body.admin #mainNav{
    display:            none;
}
ul.sideNav{
    list-style-type: 	none;
}
ul.sideNav li{
    display: 			inline-block;
    width:				100%;
}
.sideNav a{
    display:			block;
    color:				#FFFFFF;
    padding:			0 5px 0 10px;
}
.sideNav a:hover{
    text-decoration:	none;
    background:			#000000;
}
.sideNav ul{
    margin:             2px 0;
    padding:            0;
    list-style-type:    none;
}
.sideNav li{
    margin:				0;
    padding:			0;
}
.sideNav dl{
    margin: 			0;
    padding: 			2px;
    font-size:			.8em;
}
.sideNav dt{
    margin: 			0;
    padding-left:		3px;
    font-weight:		bolder;
    color: 				#000;
}
.sideNav dd{
    margin: 0;
    padding-left: 5px;
}
ul.sideNav dd{
    margin: 			0 0 4px 5px;
    padding-left:		0;
    border-top: 		1px solid #D7D6D6;
    background-repeat: 	repeat-x;
}
ul.sideNav dd a{
    padding-left:		0;
}
.sideNav dd ul{
    list-style-type: 	none;
    border-top: 		1px dotted #D7D6D6;
    font-size:			.85em;
    padding-left:		5px;
}
/*SECTION TITLE*/
h2{
    margin:				5px 0 5px 0;
    padding:			5px;
    border:				1px solid #000;
    color:				#000;
    background: 		#C80000;
    font: 				1.75em Impact, sans-serif;
    font-variant: 		small-caps;
    text-align:			left;
}
h2 .sectionNav{
    font-size:          .55em;
    float:              right;
    font-family:        "Trebuchet MS", sans-serif;
}
h2 ul.sectionNav{
    margin:             -5px 0 0 0;
    padding:            0;
    list-style-type:    none;
}
h2 ul.sectionNav li{
    margin: 0;
    padding: 0;
}
h2 a,
h2 a:active,
h2 a:visited{
    color: #000;
}
/*TEXT AREA*/
.text-block{
    text-align:			left;
    background-color: 	#252429;
    color:				#FFFFFF;
    border:				1px solid #000000;
    padding:			5px;
    font-family: 		"Trebuchet MS", sans-serif;
}
.text-block h3, .text-block h3 a{
    margin:				0;
    color:				#888;
    border-bottom:		1px solid #000;
    font-family:		sans-serif;
    font-size:			1.5em;
}
.text-block h3 a:hover{
    color:				#C0C0C0;
    text-decoration:	none;
}
.text-block p{
    margin:				5px 0 5px 0;
    padding:			3px 0 3px 0;
}
.text-block:after{
    content: 			".";
    display: 			block;
    height: 			0;
    clear: 				both;
    visibility: 		hidden;
}
.stlBtn{
    border:				0;
    margin:				0;
    padding:			0;
    width:				80px;
    height:				15px;
}
/*LEFT ALIGNED IMAGE*/
.image-left{
    margin:				5px 5px 0 0;
    float:				left;
}
/*RIGHT ALIGNED IMAGE*/
.image-right{
    margin:				5px;
    float:				right;
}
/*ENTRY*/
ul.entryList{
    padding: 0;
    margin: 0;
    list-style: none;
}
.entry,dl.accordion{
    font-size:			.75em;
}
.entry-title, dt.entry-title a{
    font-variant:		small-caps;
    background:			#000000;
    padding:			3px;
    color:				#FFFFFF;
    margin: 			0;
}
.entry-title a{
    color:				#FFFFFF;
}
.entry-title a:hover{
    color: #C0C0C0;
}
h3.entry-title{
    font-size: 1.5em;
    margin: 0;
    padding: 10px;
}
dl.entry-message dt{
    font-size: 1.5em;
    border-bottom: 1px solid #fff;
    padding-left: 0;
}
/*ADD BUTTON*/
a.add-item{
    float:              right;
    margin:             12px 5px 5px 0;
}

/*NEXT/LAST PAGE NAVIGATION*/
ul.pagination{
    margin:				0;
    font:				.7em "Trebuchet MS", Impact, sans-serif;
}
ul.pagination li{
    display: inline;
}
ul.pagination li.outOfRange{
    display: none;
}
.pagination a{
    background-color:	transparent;
    text-decoration:	none;
}
.pagination a:hover{
    color:				#C80000;
    text-decoration:	underline;
}
/*CONTENT NAVIGATION*/
dl.contentNav dt{
    font-size: 2em;
    font-weight: bold;
    border: 1px solid #969696;
}
dl.contentNav dd>ul,ul.bulletNav{
    font-size: 1.5em;
    font-weight:		bold;
}
/*SUBMISSION RESULTS*/
.good,.bad{
    width: 				70%;
}
/*FOOTER*/
footer{
    font-size:          .75em;
    font-variant:       small-caps;
    border-top:         1px solid #000000;
    margin-top:         5px;
    background-color:   transparent;
}
li#basicVersion {
    display:            none;
}
/*ACCORDION*/
dl.accordion dt{
    padding: 3px 3px 3px 27px;
}
/*Forms===================================*/
.form{
    background-image: 	url(/resources/img/bg/bg-8_trans.png);
}
input.ui-state-error,
textarea.ui-state-error,
select.ui-state-error{
    background-color: #ccc;
}
ul.fieldList label.ui-state-error{	
    width:			458px;
}
ul.fieldList fieldset label.ui-state-error{
    width:			auto;
}
legend{
    color: #fff;
    font-size: 2em;
    font-family: trebuchetms,sans-serif;
    padding: 15px 5px;
}
div.wym_box{
    margin-bottom:20px;
    border: 1px solid red;
}
/*Entity List*/
.entityBlock{
    background:		#000;
    color:			#fff;
    margin:			0 0 10px 0px;
    vertical-align:	top;
}
.entityBlock p{
    margin:			2px;
}

/* Entity Type */
li.general {
    border:			3px solid red;
}
li.statistics {
    border:			3px solid green;
}
li.admin {
    border:			3px solid #fff;
}
li.gallery {
    border:			3px solid blue;
}
li.links {
    border:			3px solid yellow;
}

/* Thumbnails */
.jcarousel-skin-travi li.jcarousel-item img, img.thumbnail{
    width: 			75px;
}
.jcarousel-skin-travi li.jcarousel-item img, img.thumbnail, img.albumThumbnail{
    opacity:		0.75;
}
.jcarousel-skin-travi li.jcarousel-item img:hover, img.thumbnail:hover, img.albumThumbnail:hover{
    opacity:		1;
}