/* 		The Traveling Guys : Photo Gallery Styles
		Copyright 2005 - The Traveling Guys
		If this proves to be educational for anybody, fantastic!
*/

/* C O N T A I N E R S  |  Styling for basic content containers including the body, and main page divisions */
/* --------------------------- */

body { background: #000; text-align: center;} 

body p.photo img { padding: 20px; border: 1px solid #444; }

div#header {
	background: #000 url(../images/photos/tg_header2.gif) no-repeat 50% 0;
	width: 880px; 
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	float: center;
	margin-top: 10px;
	padding-top: 30px;
	text-align: right;
	color: #ddd;
}

html>body div#header { padding-top: 36px; }

div#locations {
	background: #000;
	width: 720px;
	padding: 7px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div#locations a { color: #777; }  

div#locations a:hover { color: #fff; } 

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



/* P A R A G R A P H S   A N D   O T H E R   T E X T   A R E A S  |  Styling for text content */
/* --------------------------- */

p {
	margin: 8px 0px 3px 0px;
	text-align: center;
	font: normal 8pt/150% "Trebuchet MS", Verdana, "Lucida Grande", sans-serif;
	color: #6B6A62;
}

p.all_locations {
	margin: 8px 0px 3px 45px;
	font: normal 8pt/150% Arial, Verdana, "Lucida Grande", sans-serif;
	color: #888;
	text-transform: uppercase;
	letter-spacing: 1.5pt;
}

p.description {
	margin-top: 15px;
	text-align: center;
	margin-right: 30%;
	margin-left: 30%;
}

p.gallerylocation {
	font: normal 10pt/150% Arial, Verdana, "Lucida Grande", sans-serif;
	text-align: right;
	padding-right: 30px;
	padding-top: 20px;
	color: #707062;
}

li.gallerylocation a { color: #6B6A62; letter-spacing: .5pt; text-transform: uppercase; font: normal 7pt/130% Arial, Verdana, "Lucida Grande", sans-serif; margin: 0px; }

li.gallerylocation a:hover { color: #B6B4A7; }

li.gallerylocation { color: #B6B4A7; letter-spacing: .5pt; display: inline; text-transform: uppercase; font: bold 7pt/130% Arial, Verdana, "Lucida Grande", sans-serif; border-left: 1px solid #312D22; padding: 6px; padding-top: 0px; padding-left: 30px; padding-right: 30px; margin: 0px; }

span.thumbnail img { border: 0px; }

span.thumbnail a:hover { border: 3px solid #fff }

/* I M A G E S  |  Styling for panoramics, inline blog photos, photo gallery photos, and thumbnails of all sorts */
/* --------------------------- */

div#gallery img {
	border: 1px solid #aaa;
	padding: 15px;
	margin: 10px;
}

div#gallery a img {
	border: 1px solid #000;
}

div#gallery a:hover img {
	border: 1px solid #B49620;
}

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

a.next { background: url(../images/photos/next.gif) no-repeat; text-decoration: none; display: block; width: 14px; height: 17px; margin-top: 0px; padding: 0px; margin: 0px; margin-top: -15px; float: right;}
a.next:hover { background-position: 0px -17px; text-decoration: none;}

a.prev { background: url(../images/photos/prev.gif) no-repeat; text-decoration: none; display: block; width: 14px; height: 17px; margin-top: 0px; padding: 0px; margin: 0px; margin-top: -15px; float: right;}
a.prev:hover { background-position: 0px -17px; text-decoration: none;}

a:link { color: #ccc; font: normal 10pt/130% "Trebuchet MS", Verdana, "Lucida Grande", sans-serif; margin: 0px; }

a:hover { color: #B6B4A7; }