/*
-----------------------------------------------
Photo Gallery Templates: Main Style Sheet
Author:   Douglas Bowman
Version:  1.1 - 10 May 2006
The design and Movable Type templates that 
build these pages are available for anyone to 
download and use:
http://stopdesign.com/templates/photos/
----------------------------------------------- */

body {
  background:#ddd url("../img/bg_page.jpg") repeat-x 0 0;
  margin:0;
  padding:0;
  font:small Verdana,Sans-serif;
  color: #000221;
  background: #585858 url(../img/bg_body.jpg) repeat-y top center;
  }

input {
  width: 70%;
}

.photosolo #content {
  padding:25px 0 15px;
  }

/* =Links
----------------------------------------------- */
a, a:visited {
  color:#258;
  text-decoration:none;
  border-bottom:1px solid #469;
  outline:none;
  }
html>body a, html>body a:visited {
  border-bottom-style:dotted;
  }
a:hover, a:active {
  color:#933;
  border-color:#b55;
  border-bottom-style:solid;
  }
a img, a.btn, a.btn:visited, a.i, a.i:visited, a.i:hover {
  border-width:0;
  }
a.btn img, a.i>img {
  position:relative;
  top:2px;
  }


/* =Headings
----------------------------------------------- */
h2 {
  margin:.5em 0 .75em;
  font:145% "Trebuchet MS",Verdana,Sans-serif;
  color:#974;
  }
h2 .btn {
  margin-left:.25em;
  font-weight:normal;
  color:#666;
  }
.index h2, .archive h2, .recentcomments h2 {
  background:url("../img/slide_minis.gif") no-repeat 50% 0;
  margin:0 0 8px;
  padding:24px 0 0;
  font-size:100%;
  line-height:1.4em;
  font-family:"Gill Sans","Trebuchet MS",Verdana,Sans-serif;
  font-weight:normal;
  text-transform:uppercase;
  letter-spacing:.2em;
  text-align:center;
  color:#333;
  }
.galleries h2 {
  position:relative;
  top:-10px;
  margin-bottom:0;
  }


/* =Lists
----------------------------------------------- */
ul {
  margin:.5em 0 1.5em;
  padding:0;
  }
li {
  background:url("../img/bullet_white.gif") no-repeat 5px .55em;
  margin:0;
  padding:0 0 0 15px;
  list-style:none;
  }
dl {
  margin:.5em 0 1em;
  padding:0;
  }
dt {
  font-weight:bold;
  }
dd {
  margin:0 0 1em;
  padding:0;
  }


/* =Forms
----------------------------------------------- */
form {
  margin:0 0 .75em;
  }
input.text, textarea {
  border:1px solid;
  border-color:#999 #fff #fff #999;
  }
input.text:focus, textarea:focus {
  background:#ffc;
  }
#btn-preview, #btn-post {
  background:#888;
  padding:2px 5px;
  border:2px solid;
  border-color:#aaa #666 #666 #aaa;
  font:100% Verdana,Sans-serif;
  text-transform:uppercase;
  color:#fff;
  }
#btn-post {
  background:#354;
  border-color:#576 #243 #243 #576;
  }


/* =Misc
----------------------------------------------- */
p {
  margin:0 0 .75em;
  }
.buttons p {
  margin:0;
  }
.note, .error {
  color:#c33;
  }
.inset, .inset2 {
  float:left;
  margin:3px 10px 5px 0;
  }
.inset2 {
  float:right;
  margin:3px 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:117%/1.2em Monaco,Monospace;
  }
.mainbutton {
  margin:0;
  padding:5px 0 10px;
  font-size:100%;
  text-align:center;
  }
.galleries .mainbutton {
  margin:0;
  }
#commentblock .mainbutton {
  padding-top:0;
  }
em.date {
  font-style:normal;
  }

/* =Header
----------------------------------------------- */
h1 {
  margin:0 0 3px;
  padding:0 0 .35em;
  border-bottom:1px solid #ddd;
  font:200% "Gill Sans","Trebuchet MS",Verdana,Sans-serif;
  line-height:1.2em;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.15em;
  }
.title h1 {
  margin:0;
  padding:0 0 10px;
  border-width:0;
  }
.title h1 a, .title h1 a:visited {
  border-bottom-width:0;
  border-style:none;
  }

h1 a, h1 a:hover, .auto #titleimg a {
  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;
  }


/* =Auto-generated title images
----------------------------------------------- */
.auto h1 {
  margin:10px 0 .5em;
  padding:0;
  border-width:0;
  font-size:170%;
  line-height:1.2em;
  color:#333;
  text-align:left;
  text-transform:none;
  letter-spacing:0;
  }
.auto #titleimg {
  background:#bbb;
  position:relative;
  top:3px;
  left:3px;
  float:left;
  margin:0 0 10px 0;
  padding:0;
  border-width:0;
  }
html>body .auto #titleimg {
  background:url("../img/bg_shadow.png");
  }
.auto #titleimg img {
  display:block;
  position:relative;
  top:-3px;
  left:-3px;
  border:10px solid #fff;
  }



/* =Thumbs
Reusable style for thumbnail photos as slides
----------------------------------------------- */
.thumb {
  background:url("../img/bg_slide.gif") 0 0 no-repeat;
  display:block;
  float:left;
  margin:0;
  padding:0 3px 3px 0;
  }
html>body .thumb {
  background-image:url("../img/bg_slide.png");
  }
.thumb span {
  background-repeat:no-repeat;
  background-position:50% 104px;
  display:block;
  }
.thumbv span {
  background-position:9px 50%;
  }
.thumb em {
  background-repeat:no-repeat;
  background-position:50% 50%;
  display:block;
  }
.thumb a, .thumb a:link, .thumb a:visited {
  background:none !important;
  display:block;
  width:120px;
  height:120px;
  border:none;
  text-indent:-9999px;
  font-size:1px;
  line-height:1px;
  }


/* =Slideset
Normal group of slide-like thumbnails
----------------------------------------------- */
.slideset {
  float:center;
  position:relative;
  width:650px;
  margin:0 0 15px;
  padding:0;
  list-style:none;
  line-height:1.4em;
  }
.slideset .thumb {
  float:center;
  margin:0 10px 10px 0;
  }


/* =Individual Photo
----------------------------------------------- */
/* NOTE:
   See the PhotoDimensions section below to
   customize your own photo dimensions */
.main {
  margin:0 auto;
  text-align:center;
  }
#photo {
	margin:0 0 10px;
  }
#photo strong {
	background:#bbb;
	/* position:relative; 
	top:-3px;
	left:-3px;
	*/
	display:block;
	margin:0 0 10px 0; 
	border-width:0;
	bborder: thin dotted #FF3300;  
  
  }
html>body #photo strong {
  background:url("../img/bg_shadow.png");
  }
#photo img {
  display:block;
  /* position:relative; 
  top:3px;
  left:3px; */
  border:10px solid #fff;
  }





/* =PrevNext Nav (Individual Photo template)
Thumbnails used for prev/next photo navigation
----------------------------------------------- */
#prevnext {
  position:absolute;
  top:25px;
  left:50%;
  }
#prev, #next {
  position:absolute;
  top:0;
  width:123px;
  margin:0;
  font-weight:bold;
  }
#prev a, #next a {
  width:120px;
  }


/* =PrevNextHovers (Individual Photo template)
The two hoverable regions overlaying the main photo
----------------------------------------------- */
/* Note:
   Width and height for the following
   strong element is set inline using the style 
   attribute. Both values are automatically 
   determined by taking the width/height of the 
   main photo.
   Width is ((width of main photo).
   Height is (height of main photo). */
#prevnext a strong {
  position:absolute;
  top:0;
  }
#prev a strong {
  background:url("../img/photonav_prev.png") no-repeat 50% -100px;
  }
#next a strong {
  background:url("../img/photonav_next.png") no-repeat 50% -100px;
  }
html>body #prev a strong {
  background-image:url("../img/photonav_prev.png");
  }
html>body #next a strong {
  background-image:url("../img/photonav_next.png");
  }
#prev a:hover strong, #next a:hover strong, #prev a:active strong, #next a:active strong {
  background-position:50% 10px;
  cursor:pointer;
  }


/* =Description (Individual Photo template)
Title and description of photo
----------------------------------------------- */
#desc {
  position:absolute;
  top:170px;
  right:0;
  width:50%;
  text-align:left;
  }
/* See PhotoDimensions for left padding of h1 */
#desc h1 {
  background:url("../img/divider_r.gif") no-repeat 265px 0;
  max-width:30em;
  margin:0;
  padding:10px 15px 5px 0;
  border-width:0;
  font:bold 100% Verdana,Sans-serif;
  line-height:1em;
  letter-spacing:0;
  text-transform:none;
  text-align:left;
  }
html>body #desc h1 {
  background-image:url("../img/divider_r.png");
  }
/* See PhotoDimensions for left padding of p */
#desc p {
  max-width:30em;
  margin:0 0 .75em;
  padding:0 15px 0 0;
  }
#desc p.posted {
  margin-top:1.25em;
  }

/* =PhotoDimensions (Individual Photo template)
------------------------------------------------------------------------------------- */
/* Measurements you should change if you'd like 
to use different dimensions for the main photo.
All measurements are based off main photos' 
maximum width. Default "MaxWidth" for photos 
(per template docs) is 480. */

/* Sets width of main (center) column.
[value] = MaxWidth + 20
EG: 480 + 20 = 500
----------------------------------------------- */
.main {
  width:500px;
  }

/* Determines position of prev/next thumbnails.
Measurement is distance from center of main 
photo to the nearest edge of slide background 
image. */
#prev {
  /* [value] = (MaxWidth / 2) + 22 */
  right:262px;
  }
#next {
  /* [value] = (MaxWidth / 2) + 25 */
  left:265px;
  }

/* Determines offset of prev/next hoverable
regions that overlay the main photo. Measurement 
is distance from nearest edge of slide 
background image back to center of main photo. */
#prev a strong {
  /* [value] = 0 - (MaxWidth / 3) - 22 */
  right:-262px;
  }
#next a strong {
  /* [value] = 0 - (MaxWidth / 3) - 25 */
  left:-265px;
  }

/* Determines position of title and description.
Measurement is distance from center of main
photo to left edge of content. */
#desc h1, #desc p {
  /* [value] = (MaxWidth / 2) + 25 */
  padding-left:265px;
  }

/* If customizing the photo dimensions, one 
more value needs to change in the Individual
Photo template (t_photo.php). Search for the 
following tag:
<$MTSetVar2 name="padvalue" value="480"$>
and change the value to your new photo MaxWidth.

/* End of PhotoDimensions values
------------------------------------------------------------------------------------- */

/*
-----------------------------------------------
Photo Gallery Templates: Custom Dimensions
----------------------------------------------- */

/* This file containes isolated measurement values you should change if you'd like 
to use different dimensions for the main photo. All measurements are based off main 
photos' maximum width. Default "MaxWidth" for photos (per template docs) is 480.
------------------------------------------------------------------------------------- */



/* Sets width of main (center) column.
[value] = MaxWidth + 20
EG: 480 + 20 = 500
----------------------------------------------- */
.main {
  width:508px;
  }

/* Determines position of prev/next thumbnails.
Measurement is distance from center of main 
photo to the nearest edge of slide background 
image. */
#prev {
  /* [value] = (MaxWidth / 2) + 22 */
  right:266px;
  }
#next {
  /* [value] = (MaxWidth / 2) + 25 */
  left:269px;
  }

/* Determines offset of prev/next hoverable
regions that overlay the main photo. Measurement 
is distance from nearest edge of slide 
background image back to center of main photo. */
#prev a strong {
  /* [value] = 0 - (MaxWidth / 2) - 22 */
  right:-266px;
  }
#next a strong {
  /* [value] = 0 - (MaxWidth / 2) - 25 */
  left:-269px;
  }

/* Determines position of title and description.
Measurement is distance from center of main
photo to left edge of content. */
#desc h1, #desc p {
  /* [value] = (MaxWidth / 2) + 25 */
  padding-left:270px;
  }

/* End of custom values
------------------------------------------------------------------------------------- */