/* CSS Document */

/*
-----------------------------------------------
Photos
Author:   Benjamin Trotter
Version:  17 Mar 2005
----------------------------------------------- */

body {
  background:#fff url(../images/bg_page.gif) repeat-x 0 1em;
  margin:0;
  padding:0;
  font:small Verdana,Sans-serif;
  line-height:1.6em;
  color:#333;
  }
#title {
  text-align:center;
  }
#error {
  text-align:center;
  margin-top:250px;
  border: 1px #999 solid;
  padding: 25px;
  width: 250px;
  margin-left:auto;
  margin-right:auto;
  }
#content {
  position:relative;
  margin:1em 0 0;
  padding:30px 15px 15px;
  }
#photosolo #content {
  padding:15px 0 15px;
  }
#index #content {
  width:720px;
  margin-left:auto;
  margin-right:auto;
  }
#title #content {
  width:733px;
  margin:1.6em auto 0;
  padding:40px 20px 0;
  text-align:left;
  }


/* Links
----------------------------------------------- */
a, a:visited {
  color:#258;
  text-decoration:none;
 
  }
a:hover, a:active {
  color:#933;
  border-color:#b55;
  border-bottom:1px dotted #469;
  }
a img, a.i, a.i:visited, a.i:hover {
  border-width:0;
  text-decoration:none;
  }


/* Path
----------------------------------------------- */
#path {
  background:#000 url(../images/bg_path.gif);
  position:absolute;
  top:0;
  left:0;
  width:100%;
  margin:0;
  padding:1px 0 1px;
  border-bottom:1px solid #555;
  font-size:85%;
  line-height:1.4em;
  color:#777;
  text-align:center;
  }
#path a {
  font-weight:normal;
  border-color:#777;
  color:#888;
  }
.comments #path {
  position:static;
  }


/* Header
----------------------------------------------- */
.header {
  clear:left;
  margin:0;
  font-size:85%;
  line-height:1.4em;
  }
h1 {
  margin:0 0 3px;
  padding:0 0 .35em;
  font:180% "Gill Sans","Trebuchet MS",Verdana,Sans-serif;
  line-height:1.2em;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.15em;
  }
#index h1 {
  border-bottom:1px solid #ddd;
  }
.header h1 {
  font-size:205%;
  }
h1 a, h1 a:hover {
  border-style:none;
  }
h1 em {
  margin-left:.25em;
  padding-left:.5em;
  border-left:1px solid #aaa;
  font:66% Verdana,Sans-serif;
  color:#666;
  }
h1 img {
  display:block;
  }
.header form {
  height:2em;
  margin:0 0 .75em;
  padding:5px 0;
  border-top:1px solid #ddd;
  }
.header form div, .header p {
  float:left;
  width:48%;
  margin:0;
  line-height:2em;
  text-align:left;
  }
.header form p {
  float:right;
  text-align:right;
  }

#title h1 {
  margin:0;
  padding:0 0 10px;
  border-width:0;
  }
#title h1 a {
  border-width:0;
  }

/* menu buttons */
#affiliate {
	float: right;
	height: 20px;
	margin-top:5px;
	width: 110px;
	text-align:right
}

.more_numbers {
	float: right;
	width: 150px;
	margin:0;
		 
		}

.more_numbers li, .more_numbers p {
  display:block;
  float:left;
  margin:0 5px 0 0;
  padding:0;
  }
  
.more_numbers a, .more_numbers a:visited, .more_numbers a:hover {
  display:block;
  float:left;
  width:30px;
  padding:6px 0px 0px 9px;
  border-width:0;
  text-align:center;
  }
.more_numbers a.v, .more_numbers a.v:visited, .more_numbers a.v:hover {
  width:30px;
  }
.more_numbers img {
  display:block;
  }

#menu_bar {
	float: right;
	height: 50px;
	width: 210px;
	background: url(../images/menu_bar.png) no-repeat 0 -50px;
}

#menu_bar span {
	display: none;
}

a#d, a#j, a#i, a#r {
background: url(http://images.globetrotter.us/images/menu_bar.png) no-repeat;
height: 50px;
width: 50px;
display: block;
float: left;	
}

a#d {background-position: 0 0px; width: 50px;}
a#j {background-position: -50px 0px;width: 50px;}
a#i {background-position: -100px 0px;width: 50px;}
a#r {background-position: -150px 0px;width: 50px;}		

a#d:hover, a#j:hover, a#i:hover, a#r:hover {
	background-image: none;
	border-width:0;
}

#note {
 position:relative;
 margin-left:auto;
 margin-right:auto;
 width:448px;
 }

/* menu buttons */


/* Form Elements
----------------------------------------------- */
label {
margin: 0;
padding:0.2em;
margin-top:0.3em;
text-align:right;
width:55px;
float:left;
text-transform:uppercase;
font-size:70%;
line-height:1.4em;
font-family:"Gill Sans","Trebuchet MS",Verdana,Sans-serif;
font-weight:bold;
text-transform:uppercase;
letter-spacing:.1em;
color:#666666;
  }

fieldset {
  background-color:#fff;
  width:185px;
  border:solid 0 #333;
  }

.br {display:none;}  
  
.textfield {
font-size:85%;
line-height:1.4em;
font-family:"Gill Sans","Trebuchet MS",Verdana,Sans-serif;
color:#333;
margin:3px 0px 3px 0px;
padding-left: 5px;
height:14px;
border:solid 0px #949494;
background: transparent url("../images/bg_textfield.gif") no-repeat fixed;
voice-family: "\"}\""; 
voice-family:inherit;
width:170px;
}
fieldset>input.textfield {
background: transparent url("../images/bg_textfield.gif") no-repeat;
}

textarea {
color:#333 ;
margin:3px;
height:51px;
border:solid 0px #999;
padding-left: 5px;
background: transparent url("../images/bg_textarea.gif") no-repeat fixed;
width:170px;
}

.textarea {
font-size:85%;
line-height:1.4em;
font-family:"Gill Sans","Trebuchet MS",Verdana,Sans-serif;
voice-family: "\"}\""; 
voice-family:inherit;
}

fieldset>textarea {
background: transparent url("../images/bg_textarea.gif") no-repeat;
}

.submit {
float:right;
margin:3px 10px 3px 3px;
height:25px;
border:solid 0 #999;
width:55px;
font-size:70%;
line-height:1.4em;
font-family:"Gill Sans","Trebuchet MS",Verdana,Sans-serif;
font-weight:bold;
text-transform:uppercase;
letter-spacing:.1em;
color:#666;
background-image:url(http://design.globetrotter.us/images/button_send.gif);
}

/* Gallery Index
----------------------------------------------- */
#secondary {
  float:left;
  width:706px;
  padding:19px 19px 19px 15px;
  }
#main {
  float:left;
  width:448px;
  }
  
#portfolio {
margin-top:25px;
padding-bottom: 15px;
margin-left: 25px;
margin-right: 25px;
  float:right;
  width:448px;
  }

#portfolio_image {
margin-top: 15px;
text-align:center;
}

#portfolio_details {
text-align:left;
margin-top: 15px;
}

#recent {
margin-top:15px;
padding-bottom: 15px;
  float:left;
  width:448px;
  }
    
#sub {
  float:right;
  width:205px;
  margin-top: 25px;
  }
  
#left_menu {
  float:left;
  width:200px;
  margin-top: 25px;
  text-align:right;
  }
   
#main p, #sub p, #left_menu p, #portfolio p, #recent p {
  font-size:85%;
  line-height:1.6em;
  }


#index h2 {
	background: url(../images/slide_minis.gif) no-repeat 0 0;
	position:relative;
	margin:-10px 0 0px;
	padding:0 0 0 32px;
	font-size:88%;
	line-height:1.4em;
	font-family:"Gill Sans","Trebuchet MS",Verdana,Sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:.2em;
	text-align:left;
	background-image:  url(../images/slide_minis.gif);
	}
.graybox {
  background:#eee;
  float:left;
  padding:25px 15px 5px 15px;
  }

.galleries {
  background:#eee;
  float:left;
  margin:15px 0 10px;
  padding:0 15px 15px 15px;
  }
.galleries ul {
  margin:0 -15px 0 0;
  padding:0;
  font-size:85%;
  line-height:1.6em;
  list-style:none;
  }
.galleries li {
  background-image:none;
  position:relative;
  float:left;
  width:100px;
  margin:0 15px 0 0;
  padding:75px 0 0;
  }
.galleries h3 {
  margin:0 10px .25em 4px;
  font:bold 100% Verdana,Sans-serif;
  line-height:1.2em;
  }
.galleries h3 a, .galleries a.img {
  border-width:0;
  }
.galleries img {
  position:absolute;
  top:0;
  left:0;
  }
.galleries p {
  margin:.35em 10px 0 4px;
  }
em.date {
  font-style:normal;
  }


/* GalleryList
----------------------------------------------- */
.gallerylist {
  width:100%;
  margin-top:-5px;
  font-size:100%;
  }
.gallerylist th, .gallerylist td {
  padding:5px 4px;
  border-bottom:1px solid #bbb;
  font-size:85%;
  line-height:1.6em;
  }
html>body .gallerylist th, html>body .gallerylist td {
  border-bottom-style:dotted;
  }
.gallerylist th {
  background: url(../images/icon_slide.gif) no-repeat 5px .55em;
  padding-left:26px;
  }
.gallerylist thead th {
  background:none;
  text-align:right;
  }
.gallerylist thead th.txt {
  padding-left:4px;
  text-align:left;
  }
.gallerylist td {
  text-align:right;
  white-space:nowrap;
  }
.gallerylist .alt th, .gallerylist .alt td {
  background-color:#eee;
  }


/* Index
----------------------------------------------- */
#description {
  font-size:85%;
  line-height:1.6em;
  }

#description p {
  margin:0 0 .75em;
  }

#description .date {
  display:block;
  margin-bottom:.5em;
  }


/* Photos
----------------------------------------------- */
.slides {
  float:left;
  width:100%;
  margin:0 0 5px;
  padding:0px;
  list-style:none;
  font-size:85%;
  line-height:1.4em;
  }

.slides li, .slides p {
  background: url(../images/bg_slide.gif) 0 0 no-repeat;
  display:block;
  float:left;
  width:105px;
  margin:10px 0px 10px 0;
  padding:2px 0 0 0;
  }
.slides>li, .slides>p {
  background-image: url(../images/bg_slide.png);
  }
  
.slides a, .slides a:visited, .slides a:hover {
  background-repeat:no-repeat;
  background-position:50% 103px;
  display:block;
  float:left;
  width:70px;
  height:80px;
  padding:6px 0px 6px 9px;
  border-width:0;
  text-align:center;
  }
.slides a.v, .slides a.v:visited, .slides a.v:hover {
  background-position:10px 50%;
  width:70px;
  height:92px;
  padding:8px 18px 8px 8px;
  }
.slides img {
  display:block;
  border:1px solid;
  border-color:#fff #bbb #bbb #fff;
  }

/* Individual photo
----------------------------------------------- */
#photo {
  position:relative;
  float:right;
  width:50%;
  margin:0 0 0 -50%;
  }

#photo p {
  background:#bbb;
  display:block;
  float:left;
  position:relative;
  top:3px;
  left:3px;
  width:500px;
  margin:15px 0 10px -250px;
  border-width:0;
  }

html>body #photo p {
  background: url(../images/bg_shadow.png);
  }
#photo p img {
  display:block;
  position:relative;
  top:-3px;
  left:-3px;
  border:10px solid #fff;
  }
.v #photo p {
  width:380px;
  left:63px;
  margin-right:63px;
  }

#prev, #next {
  position:absolute;
  float:none;
  top:30px;
  left:0;
  width:50%;
  margin:0;
  text-align:right;
  font-size:85%;
  line-height:1.6em;
  font-weight:bold;
  }
#next {
  left:auto;
  right:0;
  text-align:left;
  }
#prev p {
  float:right;
  margin:0 0 0 0;
  padding:0 262px 0 0;
  }
#next p {
  background-position:265px 0;
  float:left;
  margin:0 0 0 0;
  padding:0 0 0 265px;
  }

.slides p a em {
  position:absolute;
  left:-10000px;
  text-indent:-10000px;
  }
.slides p a>em {
  top:0;
  left:auto;
  right:0;
  width:250px;
  height:380px;
  }
#next p a>em {
  left:0;
  right:auto;
  }
.v .slides p a>em {
  width:190px;
  height:500px;
  }
#prev a>em {
  background: url(../images/photonav_prev.png) no-repeat 50% -100px;
  }
#next a>em {
  background: url(../images/photonav_next.png) no-repeat 50% -100px;
  }
#prev a:hover em, #next a:hover em, #prev a:active em, #next a:active em {
  background-position:50% 10px;
  }

#desc {
  float:right;
  position:relative;
  width:50%;
  padding-top:155px;
  font-size:85%;
  line-height:1.6em;
  }
#desc h1 {
  background: url(../images/divider_r.gif) no-repeat 265px 0;
  max-width:30em;
  margin:0;
  padding:10px 15px 5px 265px;
  font:bold 100% Verdana,Sans-serif;
  line-height:1.6em;
  letter-spacing:0;
  text-transform:none;
  text-align:left;
  }
#desc>h1 {
  background-image: url(../images/divider_r.png);
  }
#desc p {
  max-width:30em;
  margin:0 0 .75em;
  padding:0 15px 0 265px;
  }
#desc p.posted {
  margin-top:1.25em;
  }
#meta {
  position:absolute;
  top:170px;
  left:0;
  width:50%;
  }
#meta ul {
  margin:0;
  padding:0 265px 0 15px;
  font-size:85%;
  line-height:1.6em;
  list-style:none;
  }
#meta li {
  background:none;
  margin:0;
  padding:0;
  text-align:right;
  }
#meta li.count {
  background: url(../images/divider_l.gif) no-repeat 100% 0;
  padding-top:10px;
  padding-bottom:5px;
  }
#meta ul>li.count {
  background-image: url(../images/divider_l.png);
  }


/* Count
----------------------------------------------- */
.count {
  font-style:italic;
  }
#info p.count {
  margin:3em 0 1.5em;
  padding:5px 0;
  border:solid #bbb;
  border-width:1px 0;
  font-size:100%;
  line-height:1.6em;
  }
input.btn, .header form select {
  vertical-align:middle;
  font-size:100%;
  }


/* Comments
----------------------------------------------- */
.comments #content {
  clear:left;
  padding-top:10px;
  }
#comment-photo {
  background:#bbb;
  padding:12px 15px;
  border-bottom:3px solid #aaa;
  }
#comment-photo #desc {
  float:none;
  width:auto;
  margin-left:133px;
  padding:22px 0 2px;
  }
#comment-photo #desc h1 {
  background:none;
  padding:0;
  }
#comment-photo #desc p {
  margin:0;
  padding:0;
  }
#comment-photo ul.slides {
  float:left;
  width:133px;
  margin:0;
  }
#comment-photo .slides li {
  margin-bottom:0;
  margin-right:0;
  }
#comment-photo .slides li a {
  }


#comments {
  margin:0 0 1em;
  }
#comments h2 {
  margin:.5em 0 .75em;
  font:120% "Trebuchet MS",Verdana,Sans-serif;
  color:#a73;
  }
#comments h2 span {
  font:70% Verdana,Sans-serif;
  color:#666;
  }
#comments dl {
  font-size:85%;
  line-height:1.6em;
  }
#comments dt {
  background:#eee url(../images/comment_corner_tl.gif) no-repeat 0 0;
  padding:8px 8px .5em;
  font-weight:normal;
  }
#comments dd {
  background:#eee url(../images/comment_corner_br.gif) no-repeat 100% 100%;
  padding:2px 24px 6px;
  margin:0 0 1.5em;
  }
#comments dt.alt {
  }
#comments dd.alt {
  }
#comments .postno {
  background: url(../images/icon_pushpin.gif) no-repeat 0 50%;
  border-width:0;
  padding:0 5px 0 16px;
  border-right:1px solid #ccc;
  margin-right:2px;
  font:bold 150% "Trebuchet MS",Georgia,Serif;
  color:#358;
  }
#comments .alt .postno {
  border-color:#bbb;
  }
#comment-notes p {
  font-size:85%;
  line-height:1.6em;
  color:#554;
  }
h2#postcomment {
  padding-top:.5em;
  margin:0 0 .5em;
  }
p.comment-error {
  margin:0 0 1.5em;
  color:#c33;
  }
#comment-notes {
  margin-top:2em;
  }

.commentlink, .commentlink:visited {
  background: url(../images/icon_pushpin.gif) no-repeat 0 50%;
  border-width:0;
  padding-left:17px;
  white-space:nowrap;
  }
a.commentlink, a.commentlink:visited {
  color:#359;
  font-weight:normal;
  }
a.commentlink:hover {
  color:#933;
  border-color:#ccb;
  text-decoration:none;
  }


/* Comment Table
----------------------------------------------- */
#comments table {
  padding:0;
  border-width:0;
  font-size:100%;
  color:#333;
  }
#comments td {
  width:100%;
  }
#comments td, #comments th {
  padding:5px 10px 5px 0;
  border-bottom:1px dotted #ccb;
  font-weight:normal;
  font-size:85%;
  }
#comments th {
  text-transform:lowercase;
  white-space:nowrap;
  }
#comments td.buttons, #comments th.buttons {
  border-width:0;
  }
#comments label {
  text-transform:lowercase;
  cursor:pointer;
  }
#comments label:hover {
  color:#963;
  }
#comments textarea {
  background:#fff;
  display:block;
  width:97%;
  border:1px solid #ccc;
  border-color:#ccc #fff #fff #ccc;
  color:#333;
  }
#comments form p {
  margin:.5em 0;
  }
#comments .text {
  width:65%;
  }


/* Lists
----------------------------------------------- */
ul {
  margin:.5em 0 1em;
  padding:0;
  }
  
  li {
  background: url(../images/bullet_white.gif) no-repeat 12px .55em;
  margin:0;
  padding:0 15px 0 15px;
  list-style:none;
  }

dl {
  margin:.5em 0 1em;
  padding:0;
  }
dt {
  font-weight:bold;
  }
dd {
  margin:0 0 1em;
  padding:0;
  }


/* Misc
----------------------------------------------- */
p {
  margin:0 0 .75em;
  }
.sub {
  font-size:85%;
  line-height:1.6em;
  }
.note, .error {
  color:#c33;
  }
.inset, .inset2 {
  float:left;
  margin:3px 10px 5px 0;
  }
.inset2 {
  float:right;
  margin:3px 0 5px 10px;
  }
  .more_right {
  float:right;
  position:relative;
  margin:-129px 0 5px 10px;  }
  
img.inset, img.inset2 {
  display:block;
  }

.reset {
  clear:both;
  display:block;
  height:1px;
  font-size:1px;
  line-height:1px;
  }
hr.reset {
  overflow:hidden;
  visibility:hidden;
  }
th, td {
  text-align:left;
  vertical-align:top;
  }
input, textarea, select, code {
  margin:1px 0;
  font:110%/1.2em Monaco,Monospace;
  }


/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  padding:10px 15px;
  font-size:85%;
  line-height:1.8em;
  text-align:center;
  color:#888;
  }
#footer p {
  padding:5px 0;
  border-top:1px solid #eee;
  }
#footer hr {
  display:none;
  }
#footer a {
  font-weight:normal;
  border-bottom-width:0;
  color:#678;
  }
#footer a:hover, #footer a:active {
  color:#933;
  border-bottom-width:1px;
  }