/************************************************************************************

Samuel Potter Photography



Version: 1.0

Author: Andrew Graham



History:

  6/15/09 - initial release (Andrew Graham)

************************************************************************************/



body

{

  background:#000000;

  color: #d2d1d1;

}



a:link {color:#d2d1d1; text-decoration: none;} /* unvisited link */

a:visited {color:#d2d1d1; text-decoration: none;} /* visited link */

a:hover {color:#FFFFFF; text-decoration: none;} /* mouse over link */

a:active {color:#FFFFFF; text-decoration: none;} /* selected link */



#imageloader

{

  left:0px;

  top: 0px;

  position: absolute;

  visibility: hidden;

}



#imageloader img

{
  left:0px;
  top: 0px;
  position: absolute;
}



#header

{
  margin: 5px auto;
  width:1000px;
  background:transparent;
  height:100px;
}



#header img

{

  margin: auto;

  width: 282px;

  display: block;

}



#window

{

  background: transparent;

  height: 545px;

  width: 1280px;

  overflow: hidden;

  position: relative;

}



#slide {

  background: transparent;

  margin-left: 0px;

  left: 0px;

  position: relative;

  width: 100000px;

}





/***** Blog entry *****/

.entry {

  background: transparent;

  float: left;

  height: 510px;

  margin: 0px;

  padding: 0px;

  width: 25000px;

}



.entry img

{

  float: left;

  margin: 10px 5px;

  padding: 0px;

  border: 3px solid white; 

}





/***** Blog Post *****/

.post

{

  background:transparent; 

  float: left;

  height:535px;

  padding:5px 25px;   

  width:300px; 

}



.post h2

{

  font-size: 2.2em;

  font-family:Georgia, "Times New Roman", Times, serif;

  font-variant:small-caps;
  font-stretch:condensed;
  font-weight:300;

  color:d2d1d1;

  line-height: 1.0em;

  margin:0px; 

  max-height: 45px; 

  padding:10px 0px 0px 0px;

  overflow: hidden;

  position: relative;

  

}



.post h3

{

  margin:5px 0px; 

  padding:0px;

}



.post h4

{

  color: #D2D1D1;

  font-weight: normal;

  margin:3px 0px;  

  padding:0px;

}



.post p

{

	color:#CCCCCC;
  padding: 10px 0px 0px 0px;
	font-stretch:condensed;

}



.post img

{

  border: 0px;

  position: relative;

  width: 50%;

}



.post .nextimg

{

  float: right;

}



.post .previmg

{

  float: left;

}



.blogscrollwindow

{

  margin:0px;

  padding: 0px;

  padding-right: 0px;

  height: 420px;

  overflow: hidden;

  position: relative;

  width: 290px;

  float: left;

}



.blogscrollslide

{

  margin: 0px 0px;

  padding: 0px;

  padding-right: 10px;

  top: 0px;

  position: relative;

}



.blogscrolltrack

{

  width: 10px;

  height: 420px;

  background: transparent;

  float: left;

  display: none;

}



.blogscrolltab

{

  width: 10px;

  height: 50px;

  background:#9c9985;

}





/***** Blog Comment *****/

.comments

{

  background:transparent; 

  height:510px;

  padding:5px 15px;   

  margin:0px; 

  width:300px;

  overflow: hidden;

  position: relative;

}



.comments h2

{

  margin:0px; 

  padding:10px 0px 0px 0px;

}



.comments p

{

  margin:10px 0px 0px 0px; 

  padding:0px;

}



.comments img

{

  border: 0px;

  clear: both;

  display: block;

  float: none;

  position: relative;

  margin-left: -10px;

  margin-top: 0px;

}



.addnewcomment img

{

  width: 40%;

  display: inline;

  float: none;

  position: relative;

  margin: 0px;

  padding: 0px;

  border-right: 1px solid #9c9985;

}



.currentcomments img

{

  width: 40%;

  display: inline;

  float: none;

  position: relative;

  margin: 0px 0px 0px 10px;

  padding: 0px;

}



.viewcomments

{

  height: 445px;

  margin: 0px 0px; 

  padding: 0px; 

  width: 300px;

  display: block; 

}



.viewcomments h3

{

  padding: 20px 0px 0px 0px;

  margin: 0px;

  font-size: 1.3em;

}



.viewcomments h4

{

  padding: 3px 0px 2px 0px;

  margin: 0px;

  font-size: 1.2em;

  font-weight: normal;

  color: gray;

}



.viewcomments p

{

  padding: 0px 0px;

  margin: 0px;

}



.addcomments

{

  display: none;

}



.addcomments p

{

  padding: 10px 0px 0px 0px;

  margin: 0px;

}



.addcomments label

{

  display: block;

  padding: 10px 0px 0px 0px;

  margin: 0px;

}



.addcomments label span

{

  color: red;

  display: none;

}



.addcomments textarea, .addcomments input

{

  display: block;

  width: 290px;

}



.addcomments input.submit

{

  display: block;

  width:auto;

  margin: 10px 0px;

}



.commentscrollwindow

{

  margin: 0px 0px; 

  padding: 0px; 

  position: relative;

  overflow: hidden;

  display: block; 

  height: 445px;

  width: 290px;

  float: left;

}



.commentscrollslide

{

  margin: 0px 5px 0px 0px; 

  padding: 0px; 

  position: relative;

  top: 0px;

  display: block; 

}



.commentscrolltrack

{

  width: 10px;

  height: 445px;

  float: left;

  background: transparent;

  display: none;

}



.commentscrolltab

{

  width: 10px;

  height: 50px;

  background: #9c9985;

}





/***** Scroll Bar *****/

#scrolltrack

{

  background: tranparent;

  height: 35px;

  margin-top: 0px;

}



#scrolltab

{

  background: transparent url(../images/scrolltab.png) no-repeat top center;

  height: 35px;

  width: 200px;

}





/***** Navigation menu *****/

#menu

{
  margin-top: 20px;
}

#menu a {
	color:#000000;
	font-size:1.2em;
	padding: 0 10px 0 10px;
}
#menu a:visited {
	color:#000000;
	font-size:1.2em;
}
#menu a:hover {
	color:#666666;
	font-size:1.2em;
}
#menu a:active {
	color:#000000;
	font-size:1.2em;
}





/***** email form *****/

.mailform

{

  margin-top: 20px;

  margin-left: 10px;

}



.mailform input, .mailform label, .mailform textarea

{

  display: block;

}



.mailform label span

{

  display: none;

  color: red;

}



.mailform input

{

  width: 300px;

  margin-bottom: 10px;

}



.mailform .submit

{

  width: 100px;

}



.mailform textarea

{

  width: 300px;

  margin-bottom: 20px;

}



.contactpic

{

  margin: 40px 0px 0px 150px;

  border: 3px solid white; 

}





/***** General Layout ******/

.left

{

  float: left;

  width: 30%;

  margin: 0px;

  padding-left: 20px;

}



.headerimg img

{

  border: 0px;

  float: none;

  position: relative;

  margin: -10px 0px 0px -10px;

  

}

/*-------------------------------*/
/*sIFJ*/

/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}