/*

Davenport Design & Advertising
www.davenportdesign.net

By Zach Raffensperger (March 2009)

global.css

*/

html,
body {
	background-color: #414141;
	color: #fff;
	font: 14px 'Helvetica', 'Arial', sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
}
body {  background: #414141 url('/assets/i/bg.jpg') no-repeat 50% 0; }

/* ----- RESET BASE ----- */
img { display: inline; vertical-align: middle; text-decoration: none; border: none; padding: 0; margin: 0; }
hr { display: block; border: 0; background: none; height: 20px; }
ul { list-style: none; }
h1, h2, h3, h4, h5, h6, p, ul, li, input, textarea, form, ol, dd, dt, dl { margin: 0; padding: 0; font-weight: normal; }
input { vertical-align: top; }

/* ----- UNIVERSAL ----- */
.cb { clear: both; display: block; }
.cl { clear: left; display: block; }
.cr { clear: right; display: block; }
.reset { padding: 0; border: 0; margin: 0; overflow: visible; background: none; border-spacing: 0; color: #000; cursor: auto; direction: ltr;font-size: 100%; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-decoration: none; text-indent: 0; text-transform:none; visibility: visible; white-space: normal; word-spacing: normal; }
.small { font-size: 85%; }
.note { color: #aaa !important; }
.highlight { font-size: 120%; }
.hidden, .hiddenFields { display: none; }
.center { text-align: center; }
.right { text-align: right; }
.prominent { font-weight: bold; text-transform: uppercase; color: #000 !important; }
.error { color: #faa;; font-style: italic; font-size: 90%; }

/* ----- MAIN CONTAINING BOX ----- */
#container {
	width: 1030px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

/* ----- DARK METAL BOX ----- */
#global,
#menu,
.bar,
#content .highlight,
#content #submenu,
#footer {
	position: relative;
	border: 1px solid #676767;
	border-top-color: #efefef;
	border-bottom-color: #555;
	background: #242424 url('/assets/i/metal_bg.gif') repeat 0 0;
}
#global div,
#menu #m2,
.bar div,
#content #submenu #s2
#content .highlight div,
#footer div {
	display: block;
	border-top: 1px solid #222;
	border-bottom: 1px solid #050505;
	background: transparent url('/assets/i/metal_bg_t.gif') repeat-x 0 0;
}

/* ----- TOP (both logos, slogan, experience icon, and search) ----- */
#top { position: relative; margin: 0 40px 0 29px; height: 100px; z-index: 150;}
	
#header { text-align: left; left: 0; width: 520px; float: left; position: absolute; z-index: 150;  top: -10px; }
#header h1, #header h2, #header h3, #header h5 { display: none; visibility: hidden; }
#header #logo { width: 260px; height: 130px; display: block; background: transparent url('/assets/i/logo_trs.png') no-repeat 0 100%; float: left; }
#header #slogan { width: 250px; height: 130px; display: block; background: transparent url('/assets/i/slogan.png') no-repeat 0 50%; float: left; }	
#header #experience { width: 110px; height: 90px; position: absolute; right: -105px; top: -2px; display: block; background: transparent url('/assets/i/i_experience.png') no-repeat 0 50%; }	

#logo_mf { width: 150px; position: absolute; z-index: 200; right: -5px; top: 32px; }
#logo_mf a { display: block; height: 83px; background: transparent url('/assets/i/logo_mf.png') no-repeat 50% 50%; }

#global { border-top: none; float: right; text-align: right; }
#global div { width: 300px; border-top: none !important; }
#global p { padding: 8px 10px; }
#global .btn { width: 50px; }
#global .input { width: 210px; margin-right: 8px; padding: 4px 5px !important; font-size: 11px !important; }

/* ----- PAGE (black box with shadow and orange on right for full height sidebar ----- */
#page { text-align: left; background: transparent url('/assets/i/p_bg_t.png') no-repeat 0 0; }
#page #p2 { background: transparent url('/assets/i/p_bg_b.png') no-repeat 0 100%; padding: 1px 0; }
#page #p3 { background: transparent url('/assets/i/p_bg.png') repeat-y 0 0; padding: 1px 40px; margin: 29px 0; }
#page #p4 { background: #000 url('/assets/i/s_bg.jpg') repeat-y 100% 0; margin: -30px 0 -10px 0; position: relative; }

/* ----- MENU (also for phone number and hours, notice the current padding/margin styles are always present and only the bg gets added ----- */
#menu { position: relative; z-index: 110; overflow: hidden; }
#menu .right { position: relative; width: 240px; padding: 0; overflow: hidden; padding-right: 30px; float: right; margin-top: 4px; height: 55px; text-align: center; }
#menu .right a { display: inline; color: #fff; text-decoration: none; }
#menu .right a:hover { text-decoration: underline; color: #fff; }
#menu .right img { vertical-align: top; padding-top: 3px;}
#menu .right h1 {
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	text-shadow: #000 0 1px 2px;
	margin-bottom: -3px;
}
#menu .right p {
	font-size: 10px;
	font-weight: bold;
	margin: 0 !important;
	padding-left: 6px;
	text-shadow: #000 0 1px 1px;
}
#menu ul, #menu li { display: inline; }
#menu ul a {
	display: block;
	float: left;
	background: transparent url('/assets/i/metal_bg_t_dark.gif') repeat-x 50% 0;
	border-left: 1px solid #676767;
	padding-right: 1px;
	position: relative;
	z-index: 120;
}
#menu a:focus { outline: none; }
#menu ul a.first { border-left: none; }
#menu ul a.last { border-right: 1px solid #676767; }
#menu ul a span {
	display: block;
	background: transparent url('/assets/i/metal_bg_t.gif') repeat-x 50% 0;
	border-top: 1px solid #555;
	border-bottom: 1px solid #222;
	padding: 0 6px;
	position: relative;
}
#menu ul a:hover span { background-image: url('/assets/i/metal_bg_t_dark.gif'); } 
#menu ul a:active span { background-image: url('/assets/i/metal_bg_t_active.gif'); } 
#menu ul a span span { padding: 0; border: none; background: none; }
#menu ul a:hover span span { background-image: none; }
#menu ul a:active span span { background-image: none; }
#menu ul a.current span span { background: transparent url('/assets/i/plate_l.gif') no-repeat 0 50%; }
#menu ul a.current span span span { background: transparent url('/assets/i/plate_r.gif') no-repeat 100% 50%; padding: 0 9px; }
#menu ul a.current span span span span { padding: 0; background: transparent url('/assets/i/plate.gif') repeat-x 0 50%; }
#menu ul a span span span span span {
	background-repeat: no-repeat !important;
	background-position: 50% 50% !important;
	background-color: transparent;
	margin: 8px 5px;
	height: 40px;
	text-indent: -1000em;
}
#menu ul a.current span span span span span { margin-left: 0; margin-right: 0; }
#menu ul a:active span span span span span { margin-top: 9px; margin-bottom: 7px; }
#menu ul a#home span span span span span { width: 57px; background-image: url('/assets/i/m_home.png'); }
#menu ul a.current#home span span span span span { background-image: url('/assets/i/m_home_current.png'); }
#menu ul a#about span span span span span { width: 57px; background-image: url('/assets/i/m_about.png'); }
#menu ul a.current#about span span span span span { background-image: url('/assets/i/m_about_current.png'); }
#menu ul a#services span span span span span { width: 65px; background-image: url('/assets/i/m_services.png'); }
#menu ul a.current#services span span span span span { background-image: url('/assets/i/m_services_current.png'); }
#menu ul a#history span span span span span { width: 65px; background-image: url('/assets/i/m_history.png'); }
#menu ul a.current#history span span span span span { background-image: url('/assets/i/m_history_current.png'); }
#menu ul a#tour span span span span span { width: 45px; background-image: url('/assets/i/m_tour.png'); }
#menu ul a.current#tour span span span span span { background-image: url('/assets/i/m_tour_current.png'); }
#menu ul a#testimonials span span span span span { width: 111px; background-image: url('/assets/i/m_testimonials.png'); }
#menu ul a.current#testimonials span span span span span { background-image: url('/assets/i/m_testimonials_current.png'); }
#menu ul a#contact span span span span span { width: 73px; background-image: url('/assets/i/m_contact.png'); }
#menu ul a.current#contact span span span span span { background-image: url('/assets/i/m_contact_current.png'); }

/* ----- SIDE ----- */
#side {
	border-top: 1px solid #964414;
	width: 300px !important;
	position: relative;
	z-index: 130;
	padding-bottom: 15px;
	float: right;
	color: #2E0900;
	background: #F57121 url('/assets/i/s_bg.jpg') repeat-y 100% 0;
}
#side #truck {
	position: relative;
	padding-bottom: 25px;
	margin-top: -9px;
	z-index: 300;
	width: 300px;
}
#side #truck #cards {
	width: 51px;
	height: 36px;
	position: absolute;
	z-index: 305;
	top: 22px;
	right: 6px;
	background: transparent url('/assets/i/s_credit_cards.gif') no-repeat 0 0;
}
#side #truck #cards a { display: block; width: 51px; height: 36px; }
#side #truck h1, #side #truck h3 { display: none; visibility: hidden; }
#side #truck img {
	position: relative;
	z-index: 310;
	display: block;
}
#side #truck .bar {
	position: absolute;
	width: 170px;
	right: 0;
	bottom: 0;
}
#side #truck .bar a {
	display: block;
	height: 102px;
	position: relative;
	z-index: 200;
	background: transparent url('/assets/i/s_24hr_roadside_service.gif') no-repeat 50% 90%;
}
#side h2 {
	margin: 10px -5px;
	background: transparent url('/assets/i/plate_l.gif') no-repeat 0 50%;
	color: #000;
	font-weight: bold;
	text-transform: lowercase;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: -1px;
	text-shadow: #fff 0 1px 0;
	overflow: hidden;
	position: relative;
	width: 310px;
	z-index: 400;
}
#side a { color: #000; text-decoration: none; }
#side h2 span { display: block; padding: 0 9px; background: transparent url('/assets/i/plate_r.gif') no-repeat 100% 50%; }
#side h2 span span { vertical-align: bottom; height: 31px; padding: 9px 16px 0 16px; background: #777 url('/assets/i/plate.gif') repeat-x 0 50%; }
#side p {
	margin: 5px 20px;
}
#side p.note { font-size: 11px; color: #4E2920 !important; line-height: 12px; }
#side .input, #side .captcha {
	background-color: #D8501C;
	border: 1px solid #AF4117;
	border-top-color: #5E2900;
	border-bottom-color: #C44819;
	padding: 4px 5px;
	font-weight: bold;
	font-size: 13px;
	color: #2E0900;
}
#side .module { margin-bottom: 10px; }
#side ol, #side ul { margin: 5px 20px; font-size: 12px; }
#side li { margin-bottom: 4px; }
#side ol { margin-left: 35px; }
#side ul li { padding-left: 10px; background: transparent url('/assets/i/i_arrow_r_alt.gif') no-repeat 0 50%; }
#side li .right { float: right; }

/* ----- HOMEPAGE ANIMATION ----- */
#masthead {
	height: 300px;
	background: #242424 url('/assets/i/metal_bg.gif') repeat 0 0;
	position: relative;
	overflow: hidden;
}
#masthead div {
	height: 300px;
	width: 650px;
	position: absolute;
	top: 0;
	left: 0;
}
#masthead div div {
	text-align: right;
	top: auto; left: auto; height: auto;
	bottom: 0;
	right: 0;
	width: 400px;
	padding: 25px 0 0 0;
	height: 275px;
	background: transparent url('/assets/i/mh_caption_bg_8.png') no-repeat 0 0; 
}
#masthead h1 {
	font-weight: bold;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0 25px 15px 75px;
	text-shadow: #000 0 2px 2px;
}
#masthead div div a.admin { margin-right: 25px !important; }

/* ----- SUBMENU ----- */
#content #submenu { padding: 0; margin-top: -1px; border-width: 0 0 1px 0; }
#content #submenu ul { margin: 0; }
#content #submenu ul li { margin: 0; padding: 0; background: transparent none; }
#content #submenu .left {
	float: left;
	padding: 0;
	width: 200px;
	border-right: 1px solid #F79358;
	margin-top: 0;
	background: #F57121 url('/assets/i/s_bg.jpg') repeat-y 0 0;
}
#content #submenu .right {
	text-align: left;
	margin-left: 201px;
	padding: 0;
}
#content #submenu .left a {
	display: block;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: #964414 #964414 #F79358 #F79358;
	text-decoration: none;
	color: #2E0900;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -1px;
	text-transform: lowercase;
}
#content #submenu .left a:hover { color: #fff; }
#content #submenu .left a.current {
	background: #777 url('/assets/i/plate.gif') repeat-x 0 50%;
	color: #000;
	text-shadow: #fff 0 1px 0;
	border-color: #eee #444 #000 #444;
}
#content #submenu .left a span {
	display: block;
	padding: 10px 5px;
	padding-bottom: 0;
	height: 30px;
	overflow: hidden;
}
#content #submenu h2 { margin-top: 0; padding-top: 15px; font-size: 26px !important; background: none !important; }
#content #submenu p { font-size: 12px !important; }


/* ----- CONTENT ----- */
#content {
	width: 650px;
	float: left;
	padding: 1px 0 30px 0;
	margin: 0;
	position: relative;
	overflow: hidden;
}
#content a { color: #F57121; text-decoration: underline; }
#content a:hover { color: #F5a151;  }
#content a:active { color: #AF4117;  }
#content a.alt { color: #fff; }
#content h2 {
	text-transform: uppercase;
	color: #F57121;
	font-weight: bold;
	font-size: 18px;
	margin: 5px 0 -32px -15px;
	background: transparent url('/assets/i/h2_accent.gif') no-repeat 0 100%;
	padding: 9px 0 32px 35px;
}
#content h2 a { color: #F57121; text-decoration: none !important; }
#content h2 a:hover { text-decoration: underline !important; }
#content h2 span {
	position: relative;
	display: block;
	background-color: transparent !important;
	background-position: 25px 0;
	background-repeat: no-repeat;
	padding: 9px 0 32px 70px;
}
#content h2#i_specials, #content h2#i_testimonials { padding: 0; }
#content h2#i_specials span { background-image: url('/assets/i/i_ribbon.gif'); }
#content h2#i_testimonials span { background-image: url('/assets/i/i_bubble.gif'); }
#content h3 {
	margin: 15px 20px 5px 20px;
	font-size: 16px;
	color: #999;
	font-weight: bold;
	border-bottom: 2px solid #666;
}
#content h4 {
	font-size: 15px;
	color: #F57121;
	font-weight: bold;
	margin: 15px 20px -5px 20px;
}
#content h4 a { color: #F57121; text-decoration: none; }
#content h4 a:hover { text-decoration: underline; }
#content h4 .right { margin: 0; padding: 0; display: block; float: right; margin-top: 3px; font-weight: normal; font-size: 10px; color: #ddd; }
#content h4 .right a { font-size: 12px; color: #ddd; }
#content h5 {
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	color: #eee;
}
#content p {
	margin: 10px 20px;
	line-height: 1.5em;
}
#content p.quote {
	font-style: italic;
	background: transparent url('/assets/i/i_quote_l.gif') no-repeat 0 0;
	font-size: 105%;
	line-height: 1.3em;
	margin-bottom: 2px;
	margin-right: 20%;
}
#content p.quote.right { background-position: 100% 0; text-align: right; margin-right: 20px; margin-left: 20%; }
#content p.quote.no_margin { margin-right: 20px; }
#content p.quote span {
	display: block;
	padding: 14px 0;
	position: relative;
	background: transparent url('/assets/i/i_quote_r.gif') no-repeat 0 100%;
}
#content p.quote.right span { background-position: 100% 100%; }
#content p.author { line-height: normal; font-size: 80%; color: #999; margin-top: 0; margin-bottom: 15px; }
#content p.author.right { text-align: right; }
#content p.sub { font-size: 12px; line-height: 1.3em; color: #bbb; }
#content .highlight { margin: 0; margin-bottom: 10px; border-width: 1px 0; }
#content .highlight div { padding: 15px 19px; }
#content .highlight p { line-height: normal; margin: 0; }
#content ol { margin: 5px 20px 5px 45px; }
#content ol li { line-height: 1.3em; }
#content ul { margin: 5px 20px 15px 20px; }
#content ul li {
	padding-left: 9px;
	background: transparent url('/assets/i/i_arrow_r.gif') no-repeat 0 5px;
	margin-bottom: 5px;
	font-size: 13px;
}
#content ul.small li h5 { font-size: 12px; }
#content ul ul { }
#content ul ul li {
	font-size: 11px;
}
#content ul .left_30 { float: left; width: 110px; }
#content ul .right_70 { margin-left: 120px; }
#content ul p, #content ul h4 { margin: 0; }

#content ul.bullets { }
#content ul.bullets li {
	padding-left: 13px;
	background: transparent url('/assets/i/i_bullet.gif') no-repeat 0 4px;
	margin-bottom: 5px; 
}
#content ul.bullets ul { margin: 2px 0 0 0 !important; }
#content ul.bullets ul li {
	padding-left: 8px;
	background-image: url('/assets/i/i_arrow_r_hover.gif');
	background-position: 0 2px;
	margin-bottom: 1px;
}
#content label {
	font-size: 13px;
	font-weight: bold;
	display: block;
	padding-bottom: 1px;
	color: #ccc;
}
#content label span.required { color: #f99; font-weight: bold; font-size: 20px; line-height: 15px; vertical-align: bottom; }
#content .border {
	display: block;
	padding: 1px;
	background-color: #222;
	border: 2px solid #888;
	border-top-color: #aaa;
	border-bottom-color: #666;
}
#content .img_left { float: left; margin: 0 7px 7px 0; }
#content .img_left.margin { margin-left: 20px; margin-top: 20px; }
#content .img_right { float: right; margin: 0 0 7px 7px; }
#content .img_right.margin { margin-right: 20px; margin-top: 20px; }

/* ----- CONTENT COLUMNS ----- */
.left_50 { float: left; width: 325px; padding-top: 1px; }
.right_50 { margin-left: 325px; padding-top: 1px; }
.left_50 .left_50, .right_50 .left_50 { width: 162px; }
.left_50 .right_50, .right_50 .right_50 { margin-left: 163px; }


/* ----- STAFF BOXES ----- */
.staff { margin: 5px 0 10px 20px; }
.staff div {
	width: 296px;
	margin: 0 10px 10px 0;
	float: left;
	border: 2px solid #999;
	border-top-color: #ccc;
	border-bottom-color: #666;
	background-color: #222;
}
.staff .photo { position: relative; width: 130px; height: 180px; background-repeat: no-repeat; background-position: 100% 100%; background-color: #000; margin: 1px; margin-top: 0; } 
.staff .photo div { float: right; width: 40px; background-repeat: no-repeat; background-position: 0 0; background-color: #222; height: 50px; position: absolute; bottom: 0; right: 0; border: 1px solid #000; border-width: 1px 0 0 1px; background-color: #111; }
.staff .photo img { display: none; position: absolute; right: 0; bottom: 0; }
.staff div.last { margin-right: 0; }
.staff div div { border: none; float: none; margin: 0; width: auto; }
.staff div div.left_50 {
	float: left;
	width: 130px;
}
.staff div div.right_50 {
	margin-left: 140px;
}
#content .staff ul, #content .staff p { margin: 0 !important; font-size: 11px !important; }
#content .staff ul li { font-size: 11px; }
#content .staff h4 { margin: 0; padding-top: 9px; }
#content .staff h5 { margin: 0; padding-bottom: 6px; }

/* ----- PHOTOS (used on tour page and sidebar) ----- */
.photos { margin: 5px 0 10px 20px; }
.left_50 .photos, .right_50 .photos { padding-top: 5px; margin-left: 0; margin-right: 0; }
#side .photos { margin-left: 0; margin-right: 20px; }
.photos div {
	float: left;
	display: block;
	padding: 1px;
	background-color: #222;
	border: 2px solid #888;
	border-top-color: #aaa;
	border-bottom-color: #666;
	margin: 0 5px 5px 0;
}
#side .photos div {
	float: right;
	background-color: #D8501C;
	border: 1px solid #AF4117;
	border-top-color: #5E2900;
	border-bottom-color: #C44819;
	margin: 0 0 5px 5px;
}
.photos div a img { display: block; }
.photos div a { padding: 2px; display: block; text-decoration: none !important; color: #ccc; }
.photos div a:hover { padding: 0; border: 2px solid #F57121; }
#side .photos div a:hover { border-color: #fff; }
.photos div span { display: block; margin: 3px 0 2px 0; text-align: center; width: 139px; height: 13px; font-size: 11px; line-height: normal; overflow: hidden; color: #ccc; } 
#side .photos div span { width: 118px; color: #2E0900; }


/* ----- ENTRY PAGINATION ----- */
.pagination { position: relative; font-size: 12px; }
.pagination span { margin: 0 40%; display: block; text-align: center; }
.pagination .left, .pagination .right { width: 35%; margin: 0; }
.pagination .left { float: left; text-align: left; } 
.pagination .right { float: right; text-align: right; }
.pagination span a { text-decoration: none !important; display: block; background-repeat: no-repeat; background-color: transparent; }
.pagination span a:hover { color: #fff !important; text-decoration: none !important; }
.pagination .left a { padding-left: 10px; background-image: url('/assets/i/i_arrow_l.gif'); background-position: 0 50%; }
.pagination .left a:hover { background-image: url('/assets/i/i_arrow_l_hover.gif'); }
.pagination .right a { padding-right: 10px; background-image: url('/assets/i/i_arrow_r.gif'); background-position: 100% 50%; }
.pagination .right a:hover { background-image: url('/assets/i/i_arrow_r_hover.gif'); }
.pagination span a span {  margin: 0; width: auto; color: #888 !important; font-weight: bold; font-size: 15px; }
.pagination .left a span { text-align: left; }
.pagination .right a span { text-align: right; }

.right_50 .pagination { margin-left: 0 !important; }
.right_50 .pagination span { width: auto; margin: auto; }

/* ----- INPUTS ----- */
#content .input, #global .input {
	border: none;
	padding: 6px 5px;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	line-height: normal;
	border-top: 1px solid #444;
	border-bottom: 1px solid #333;
	background: #707070 url('/assets/i/input.gif') repeat-x 100% 50%;
}
#content textarea.input { background-position: 0 0; }
textarea { font-family: 'Helvetica', 'Arial', sans-serif; }
.size_xl { width: 600px; }
.size_l { width: 273px; }
.size_m { width: 112px; }
#side .size_m { width: 248px; }
.size_s { width: 70px; }
.size_xs { width: 30px; }
.tall_s { height: 4em; }
.tall_m { height: 8em; }
.tall_l { height: 12em; }
.captcha { padding: 0 !important; margin-right: 5px; }
.btn {
	border: none;
	outline: none;
	margin: 0 !important;
	border-top: 1px solid #444;
	border-bottom: 1px solid #333;
	padding: 4px 24px 4px 10px !important;
	background: #272727 url('/assets/i/btn.gif') no-repeat 100% 50%;
	color: #fff !important;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none !important;
	text-align: right;
	width: auto;
	position: relative;
}
.btn:hover { color: #ddd !important; background-image: url('/assets/i/btn_hover.gif'); text-decoration: none !important; }
.btn:active { color: #ccc !important; background-image: url('/assets/i/btn_active.gif'); }
.btn:focus { outline: none; }
.btn.right { float: right; }

/* ----- MORE/LESS BTNS (on service page) ----- */
.toggle {
	color: #ccc !important;
	text-decoration: none !important;
	font-size: 80%;
}
.toggle:hover { color: #fff; text-decoration: underline; }

/* ----- ADMINISTRATIVE ----- */
.admin {
	border: 1px solid #aaa !important;
	border-top-color: #ddd !important;
	border-bottom-color: #666 !important;
	background-color: #333 !important;
	padding: 2px 4px !important;
	font-size: 10px !important;
	margin: 0 4px 0 0!important;
	color: #ccc !important;
	text-decoration: none !important;
	display: inline !important;
	float: none !important;
	font-weight: bold;
	height: auto !important;
	width: auto !important;
	z-index: 1000 !important;
	line-height: 12px !important;
	position: relative;
	text-transform: lowercase !important;
}
.admin:hover { top: 1px; text-decoration: none !important; border-top-color: #666; border-bottom-color: #ddd; padding: 3px 4px 2px 4px !important; background-color: #222 !important; color: #ddd !important; }
.admin:active { color: #fff !important; background-color: #000 !important; }

/* ----- FOOTER ----- */
#footer { }
#footer div { padding: 0 10px; }
#footer ul, #footer li { display: inline; }
#footer ul a, #footer p {
	float: left;
	display: block;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding: 15px 5px;
	position: relative;
	text-shadow: #000 0 1px 1px;
}
#footer ul a:hover {
	color: #eee;
	text-decoration: underline; 
}
#footer p {
	float: right;
	margin: 0; 
	text-align: right;
	padding-right: 72px;
	background: transparent url('/assets/i/logo_s.png') no-repeat 100% 50%;
}

/* ----- CREDITS ----- */
#credits p { font-size: 11px; color: #ccc; padding: 1px 0 30px 0; }
#credits a { color: #ccc; }
#credits a:hover { color: #fff; }