/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/*  CSS - Cascading Style Sheet - for: tattootravis.com - by: aaronmann.com  */
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


/*  - - - - - - - - - - - - - - - - - - - -  */
/*  - Scrollbar colors ( for MSIE only )  -  */
/*  - - - - - - - - - - - - - - - - - - - -  */

html { 
	scrollbar-base-color:#000000;
	scrollbar-track-color:#996600;
	scrollbar-arrow-color:#AA8800;
	scrollbar-shadow-color:#332211;
	scrollbar-darkshadow-color:#221100;
	scrollbar-face-color:#665533;
	scrollbar-highlight-color:#554411;
	scrollbar-3dlight-color:#776655;
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	background:#000000;
}


/*  - - - - - - - - - - - - - - - - - - - -  */
/*  - These are for the global page body  -  */
/*  - - - - - - - - - - - - - - - - - - - -  */

* {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

a { 
	text-decoration:none; 
}

body {
	position:absolute;
	overflow:hidden;
	background:#000000;
	color:FFFFFF;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0px 0px 0px 0px;
	height:100%;
	width:100%;
}

.overall_wrapper {
	position:absolute;
	overflow:hidden;
	background:#000000;
	color:FFFFFF;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0px 0px 0px 0px;
	width:100%;
	height:100%;
}


/*  - - - - - - - - - - - - - - - - - - - -  */
/*  -   Global table and cell settings    -  */
/*  - - - - - - - - - - - - - - - - - - - -  */

table {
	display:table;
	margin:0px;
	padding:0px;
	border:0px;
}

tr td th { 
	display:table-cell;
	vertical-align:top; 
	margin:0px;
	padding:0px;
	border:0px;
}


/*  - - - - - - - - - - - - - - - - - - - -  */
/*  -    Main table and cell settings     -  */
/*  - - - - - - - - - - - - - - - - - - - -  */

.main_columns_table {
	position:relative;
	overflow:hidden;
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	border:0px;
	background:#302000;
	border-top:3px solid #996611;
}

.menu_cell {
	position:relative;
	overflow:hidden;
	text-align:left;
	background:#302000;
	height:100%;
	width:160px; /* ! DO NOT CHANGE THIS NUMBER ! */
	margin:0px;
	padding:0px;
	border:0px;
	border-left:2px solid #996611;
	border-right:1px solid #554411;
}

.thumbs_cell {
	position:relative;
	overflow:hidden;
	text-align:left;
	background:#302000; /* this needs to be put into the editor */
	height:100%;
	width:134px; /* ! DO NOT CHANGE THIS NUMBER ! */
	margin:0px;
	margin-right:0px;
	padding:0px;
	border:0px;
	border-right:1px solid #996611;
	border-left:1px solid #554411;
}

.viewer_cell {
	position:relative;
	overflow:hidden;
	text-align:left;
	background:#302000; /* this needs to be put into the editor */
	height:100%;
	width:auto;
	margin:0px;
	padding:0px;

/* //- DO NOT CHANGE OR REMOVE THIS BORDER SETTING -\\ */
	border:1px solid #302000; /* NOTE: this is required for some strange reason */
/* If you take this border setting away or set it to zero then you may lose all of the site except for the main menu in some browsers */

}


/*  - - - - - - - - - - - - - - - - - - - -  */
/*  -     Main page classes (columns)     -  */
/*  - - - - - - - - - - - - - - - - - - - -  */

.menu_outer {
	position:relative;
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	border:0px;
}

.menu_inner {
	position:absolute;
	overflow-x:hidden;
	overflow-y:auto;
	height:100%;
	width:150px;
	margin:0px;
	padding:0px;
	border:0px;
	border-right:2px solid #CCAA88;
	text-align:center;
	font-size:18px;
	background:#EEDDAA;
}

.thumbs_outer {
	overflow:visible;
	position:relative;
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	border:0px;
}

/* * * * * SCROLLBAR HERE * * * * */

.thumbs_inner {
	position:absolute;
	overflow-x:hidden;
	overflow-y:scroll;
	height:100%;
	width:133px;
	margin:0px;
	padding:5px;
	border:0px;
	background:#000000;
	border-left:2px solid #AA8844;
	text-align:center;
}

.viewer_outer {
	position:relative;
	display:block;
	overflow-x:hidden;
	overflow-y:auto;
	height:100%;
	width:100%;
	margin:0px;
	padding:0px; 
	border:2px solid #AA8866;
}

.viewer_inner {
	position:absolute;
	overflow:auto;
	height:100%;
	width:100%;
	background:#000000; /* this needs to be put into the editor */
	text-align:left;
	margin:0px;
	padding:0px; 
	border:0px;
}


/*  - - - - - - - - - - - - - - - - - - - -  */
/*  -        Image viewer classes         -  */
/*  - - - - - - - - - - - - - - - - - - - -  */

.view_outer {
	overflow:hidden;
	display:block;
	position:absolute;
	margin:0px;
	padding:10px;
	padding-left:20px;
	height:100%;
	width:100%;
	border:1px solid #EEDD88;
	background:#DDCC99;
	/* background:url(http://tattootravis.com/optic/img/face/bg/WoodTexture.jpg); */
}

.view_inner {
	overflow:visible;
	display:block;
	position:relative;
	margin:0px;
	padding:6px;
	height:100%;
	width:100%;
	border:1px solid #BB9911;
	background:#AA8822;
	background:url(http://tattootravis.com/optic/img/face/bg/Wood3.jpg);
}

.view_innermost {
	overflow:hidden;
	background:#000000;
	display:block;
	position:relative;
	text-align:center;
	margin:2px;
	padding:10px;
	border:1px solid #996611; 
	width:100%;
	height:99%;
}

.view_inner img {
	overflow:visible;
	position:relative;
	text-align:center;
	margin:1px;
	padding:0px;
	border:0px solid #EEEEEE; 
	background:#000000;
}

.text_wrapper {
	position:relative;
	overflow:visible;
	margin:1px;
	padding:3px;
	border:5px solid #303030;
	width:100%;
	height:100%;
}

.img_viewer_info {
	position:relative;
	width:80%;
	border:1px dashed #505050;
}

.img_viewer_info span {
	display:block;
	width:100%;
	position:relative;
	padding:1px 3px 1px 3px;
	border:1px dashed #404040;
	color:#DDDDDD;
}


/*  - - - - - - - - - - - - - - - - - - - -  */
/*  -  Thumbnail Classes  -  */
/*  - - - - - - - - - - - - - - - - - - - -  */

#thumb_wheel {
	position:relative; /* was absolute */
	overflow:visible; /* was hidden */
	display:block;
	top:6px;
	left:-15px;
	width:150px;
	height:auto;
	background:#000000;
	layer-background-color:#000000;
	padding:12px 0px 100px 0px;
	border:0px;
	margin:0px;
}

#thumb_container {
	overflow:visible; /* was hidden */
	position:relative; /* was relative */
	height:98%;
}

.it_thumb_L img {
	text-align:center;
	display:block;
	margin-bottom:10px;
	border:0px dashed #BBBBBB;
	position:relative;
}

.it_thumb_L:hover img {
	text-align:center;
	display:block;
	top:-20px;
	margin-bottom:-10px;
	border:1px dashed #CCCCCC;
	position:relative;
	width:80px;
	height:80px;
}



/*  - - - - - - - - - - - - - - - - - - - -  */
/*  -       Main menu list classes        -  */
/*  - - - - - - - - - - - - - - - - - - - -  */

.menu_title {
	margin:2px 2px 0px 2px;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	border:0px solid #EEDDAA;
	padding:1px;
	background:#000000;
}

ul {
	list-style-type:none; 
}

.menu_inner ul { 
	margin:0px 2px 1px 2px; 
	padding:0px 0px 3px 0px; 
	border:1px solid #EEDDAA; 
	background:#EEDDAA; 
}

.menu_inner ul li { 
	text-align:center; 
	font-weight:bold;
	margin:3px 2px 2px 2px; 
	padding:0px; 
	border:1px solid #CCAA88; 
	background:#000000; 
}

.menu_inner ul li a { 
	display:block; 
	text-align:center; 
	padding:4px 2px 6px 2px; 
	border:1px solid #AA8866; 
}

.menu_inner ul li a:hover { 
	background:#996633; 
	border:1px solid #CCCCCC;
}


/*  - - - - - - - - - - - - - - - - - - - -  */
/*  -        Custom font settings         -  */
/*  - - - - - - - - - - - - - - - - - - - -  */

.title_main {  
	font-size:20px; 
	font-weight:bold; 
	text-align:left; 
}

.title_sub {
	font-size:16px; 
	font-weight:bold; 
	text-align:left; 
}

.red_mess {
	font-family:courier new, courier, fixedsys, system;
	font-weight:bold;
	font-size:16px;
	color:#FF0000;
	background:#FFE2E2;
	border:1px dashed #FF0000;
	padding:1px 1px 1px 5px;
	margin:1px;
}


/*  - - - - - - - - - - - - - - - - - - - -  */
/*  -            Forms classes            -  */
/*  - - - - - - - - - - - - - - - - - - - -  */

.gen_form {
	display:block;
	overflow:visible;
	width:99%;
	background:#FFFAEA; 
	color:#000000;
	border:1px solid #CCBBAA; 
 	margin:2px 2px 4px 2px;
	padding:4px 4px 4px 4px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
}

.c_button {
	margin-top:10px; 
	display:block; 
	border:1px solid #000000; 
	width:110px; 
	height:24px;
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:11px; 
	padding:0px 2px 2px 2px;
	line-height:14px; 
	background:#EFEFEF;
	color:#0000FF;
	font-weight:bold;
	cursor:pointer;
}

.c_button:hover {
	background:#DDDDDD;
	color:#FF0000;
	font-weight:bold;
}

.form_button {
	background:#FFAA55;
	color:#000000;
	border:1px solid #AA7744;
	font-weight:bold;
	cursor:pointer;
}

.form_button:hover {
	background:#EE9933;
	color:#FFFF00;
	border:1px solid #FF0000;
	font-weight:bold;
}

.err_field {
	border:1px solid #990000; 
	background-color:#D70000; 
	color:#FFFFFF; 
	padding:4px; 
	padding-left:6px;
	width:295px;
}

.input_field {
	margin:1px;
	padding:2px; 
	border:1px solid #CCCCCC; 
	height:22px; 
	font-size:12px;
	font-family:Arial, Verdana, Helvetica, sans-serif; 
}

.input_field:hover {
	border:1px solid #EEBB77; 
	background:#FFEEDD;
}

.color_preview {
	display:inline;
	width:16px;
	height:16px;
	padding:0px;
	margin:1px;
	border:1px solid #DDCCBB;
}

.form_table {
	width:100%;
	margin:1px;
	border-top:0px solid #EECC88;
	border-right:1px solid #EECC88;
	border-bottom:1px solid #EECC88;
	border-left:0px solid #EECC88;
}

.form_table td {
	padding:1px 1px 1px 4px;
	height:20px;
	color:#000000;
	border-top:1px solid #EECC88;
	border-right:0px solid #EECC88;
	border-bottom:0px solid #EECC88;
	border-left:1px solid #EECC88;
}

#button {
	display:inline;
	background:#555555;
	border:1px solid #FFDDBB;
	margin:3px;
	padding:3px;
}

#info_box {


}



#img_button_left, #img_button_right {
	width:5px;
	display:inline;
	font-family:Courier New, Courier, System, Lucida Console, Lucida; 
	font-size:32px;
	font-weight:bold;
	position:absolute;
}

#img_button_left {
	visibility:hidden;


}

#img_button_right {
	visibility:hidden;

}

#img_button_table {
	position:relative;


}


/*  - - - - - - - - - - - - - - - - - - - -  */
/*  -   Global Text and Box Formatting    -  */
/*  - - - - - - - - - - - - - - - - - - - -  */

.debug_output {
	color:#FFFF00;
	background:#444444;
	border:1px solid #FFCC44;
	margin:1px;
	padding:2px;
	font-weight:normal;
}

.output_field {
	display:inline;
	position:relative;
	margin:1px 0px 2px 1px;
	padding:2px 6px 2px 6px; 
	border:1px solid #999999; 
	background:#DDDDDD;
	color:#000000;
	width:10px;
	height:22px;
	font-size:12px;
}

pre.code{
	border: 2px solid #003B62;
	font-family: verdana;
	background-color: #B5CFE0;
	font-size: 11px;
	padding: 5px 5px 20px 5px;
	overflow-y : hidden;
	position : relative;
	overflow: auto;
	width: 470px;
}


/*  - - - - - - - - - - - - - - - - - - - -  */
/*  -          CALENDAR CLASSES           -  */
/*  - - - - - - - - - - - - - - - - - - - -  */

.calendar_month{
	background:#776644;
}

.calendar_month td {
	color:#000000;
	font-weight:bold;
}

.cal_heading {
	background:#776644;
}

.calendar_readout {
	border:1px solid #665533;
	padding:2px 2px 3px 2px;
	background:#776644;
}


.calendar_readout a {
	cursor:pointer;
	color:#000000;
}

.cal_prev_next {
	color:#FFFFFF;
	font-weight:bold;

}

.cal_weekday_head td {
	background:#DDBB55;
	text-align:center;
}

.cal_cell {
	height:80px;
	vertical-align:top;

}

.num_day {
	display:inline;
	border:1px solid #996611;
	background:#FFDD99;
	padding:0px 3px 0px 3px;
	width:28px;
	text-align:center;
}

.cal_event_item {
	color:#000000;
	font-weight:bold;

}



/*  - - - - - - - - - - - - - - - - - - - -  */
/*  -  TEMPLATE  -  */
/*  - - - - - - - - - - - - - - - - - - - -  */

.xxxxxx {

}


/*  - - - - - - - - - - - - - - - - - - - -  */
/*  -          UNUSED (i think)           -  */
/*  - - - - - - - - - - - - - - - - - - - -  */

/*

.information {
	margin:1px;
	padding:2px;
	background:#CC9999;
	color:#000000;
	font-weight:bold;
	border:1px dashed #AA0000;
}

.thumb_text_descs {
	font-weight:bold;
	color:#FFDDBB;
	margin:0px;
	padding:2px;
}

.thumbs_inner:hover div {
	color:#FFEEAA;
	border:1px solid #EEDDAA;
	background:#884422;
}

.thumbs_inner div:hover {
	color:#FFEEAA;
	border:1px solid #EEDDAA;
	background:#884422;
}

#thumb_wheel_Q {
	display:block;
	position:relative;
	overflow:hidden;
	width:120px;
	height:99%;
	background:#000000;
	padding:0px;
	border:1px solid #666666;
	margin:0px;
	text-align:center;
}

#T_mark {
	display:block;
	position:absolute;
	overflow:visible;
	left:0px;
	right:0px;
	background:#000000;
	width:auto;
	padding:0px;
	border:1px dashed #999999;
	margin:0px;
	text-align:center;
}

#thumb_buttons {
	border:1px solid #666666;
}

.foreground_overlay {
	position:absolute;
	overflow:visible;
	top:0;
	left:0;
	z-index:101;
	vertical-align:bottom;
	width:100%;
	height:100%;
}

.footer_wrapper {
	position:absolute;
	overflow:visible;
	display:inline;
	left:0px;
	top:88%
	width:99%;
	text-align:right;
	height:50px;
	border:0px;
	padding:0px;
	margin:0px;
	z-index:110;
}

.t_up_arrow, .t_down_arrow {
	position:relative;
	display:inline;
	top:5px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	font-family:Courier New, Courier, System, Fixedsys, Lucida, Lucida Console; 
	color:#FF9900;
	border:1px solid #EEDDAA;
	padding:2px;
	background:#000000;
	margin:1px;
	margin-bottom:12px;
	cursor:pointer;
}

.t_up_arrow:hover, .t_down_arrow:hover {
	color:#FFEEAA;
	border:1px solid #EEDDAA;
	background:#884422;
}





*/





/*  - - - - - - - - - - - - - - - - - - - -  */
/*  -        ART / DECOR & FOOTER         -  */
/*  - - - - - - - - - - - - - - - - - - - -  */

.hippie_row {
	background:#302000;
	overflow:hidden;
	position:relative;
	text-align:right;
	width:auto; /* might be trouble */
	margin:0px;
	padding:0px;
	border:0px;

}

#hippie_stripe_1 {
	position:relative;
	display:block;
	width:100%;
	height:6px;
	background:#EECC00;
	font-size:1px;
	line-height:1px;
	border:0px;
	padding:0px;
	margin:1px 0px 0px 0px;
}

#hippie_stripe_2 {
	position:relative;
	display:block;
	width:100%;
	height:12px;
	background:#EE8800;
	font-size:1px;
	line-height:1px;
	border:0px;
	padding:0px;
	margin:8px 0px 1px 0px;
}

#footer_text {
	display:block;
	width:96%;
	font-size:12px;
	letter-spacing:1px;
	border:0px;
	padding:0px;
	margin:0px;
}


.horizontal_rule {
	border-top:1px solid #EECC33;
	border-bottom:2px solid #DD9933;
	width:100%;
	height:2px;
	font-size:1px;
	margin:3px 0px 3px 0px;
	line-height:2px;
}



/*  - - - - - - - - - - - - - - - - - - - -  */
/*  -       NEW OR UNSORTED ENTRIES       -  */
/*  - - - - - - - - - - - - - - - - - - - -  */