/* ***********************************
	
	TYPE	: Stylesheet
	TITLE	: default
	DESC	: Black II
		  Light Gray (#C3C2C3) Links
		  Light Gray (#636563) Outter Border
		  Black (#000000) Background
		  Light Gray (#C3C2C3) Text 
		  Light Gray (#C3C2C3) Text Area
	
	
	AUTHOR: Gary Anderson taken from Mike Golding @ mgolding.com
		  This app was developed based on mgolding.com and an 
              article from Notestips.com
			  
	PHOTOS: Thumbnails - WIDTH 100; HEIGHT 75
	        Pictures - WIDTH 600; HEIGHT 400			  
	      *********************************** */
body {
	font: 11px Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	color: #C3C2C3;         /*** BODY TEXT ***/
	background: #636563;    /*** OUTTER BORDER ***/
	
	
}
h1, h2, h3, h4{
	font: 11px Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	text-align:left;
}
a:link{
	color: #C3C2C3;
	text-decoration: none;
}
a:visited{
	color: #C3C2C3;
	text-decoration: none;
}
a:hover{
	color: #C3C2C3;
	text-decoration: underline;
	border: 0px none;
}
#container{
		margin: 1em;
		background: #000000;
		border: solid 2px #C0C0C0;
		min-width:900px;
		-moz-border-radius: 2em;
		background-image: url("background_page8.gif"); /*** BACKGROUND ***/
		background-position: right top;
		Xbackground-repeat:repeat-x;
}
#page{
		width:900px;
		min-width:900px;
		padding: 10px 10px 10px 10px;
}
.topcontent{
		top:1px;
		left:10px;
		width:920px;
		/**border-left:1px solid #000;**/
		/**border-right:1px solid #000;**/
		border-bottom:1px solid #636563;
		/**border-top:1px solid #000;**/
		margin-right:15px;
		padding-bottom:20px;
		padding:10px;
		text-align:right;
}
.leftcontent{
		left:10px;
		width:649px;
		border-right:1px solid #636563;
		margin-right:15px;
		padding-bottom:20px;
		padding:10px;
}
.rightcontent{
		position:absolute;
		top:137px;
		bottom:1px;
		left:683px;
		width:270px;
		margin-right:15px;
		padding-bottom:20px;
		padding:10px;
		text-align:right;
}
.bottomcontent{
		bottom:1px;
		left:10px;
		width:920px;
		border-top:1px solid #636563;
		margin-right:15px;
		padding-bottom:20px;
		padding:10px;
		text-align:center;
}
.bottomcontentview{
		bottom:1px;
		left:10px;
		width:920px;
		Xborder-top:1px solid #636563;
		margin-right:15px;
		padding-bottom:20px;
		padding:10px;
		text-align:center;
}
.leftheadercontent{
		left:20px;
		width:549px;
		background-color: #636563;
		background-position: left top;
		background-repeat: no-repeat;
		border-right:1px solid #636563;
		border-left:1px solid #636563;
		border-top:1px solid #636563;
		Xborder-bottom:1px solid #636563;
		margin-right:15px;
		padding-bottom:20px;
		padding:5px;
}
.leftinnercontent{
		left:20px;
		width:549px;
		background-position: left top;
		background-repeat: no-repeat;
		border-right:1px solid #636563;
		border-left:1px solid #636563;
		border-top:1px solid #636563;
		border-bottom:1px solid #636563;
		margin-right:15px;
		padding-bottom:20px;
		padding:5px;
}
.calendar{
	float: right;
	font: 11px Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	text-align:right;
}
.calendar a:link{
	color: #C3C2C3;
	text-decoration: underline;
}
.calendar a:visited{
	color: #C3C2C3;
	text-decoration: underline;
}
#logo{
	color: #C3C2C3;
	float: left;
}
#nav{
	float: right;
	text-align: right;
}
#photonav{
	float:left;
}
.item{
	margin:1px auto 0 auto;
	padding-top: 1px;
	clear:both;
	/*width:580px;*/
}
.item img {
	/*float:left;*/
	border: solid 15px #C3C2C3;  /*** IMAGE BORDER ***/
	/*padding: 1px;*/
	background: white;
}	
	
.item p{
	padding: 0;
	margin: 0 0 1em 0;
	text-align:left;
	line-height: 1.6em;
	width:500px;
	color: #C3C2C3;
	
}
.item h1, .item h2, .item h3, .item h4{
	Xtext-align:left;
	Xfont-size: .9em;
	padding: 0;
	margin: 0;
	line-height: 1.6em;
	color: #C3C2C3;
}
.item h2{
	Xfont-size: .8em;	
	Xfont-style: italic;
	font-weight: bold;
}
.item h3{
	text-align: right;
	font-weight: bold;
}
.item p span{
	display:block;
}
#thumbs{
	clear:both;
}
#thumbs .photo{
	float:left;
	margin: 0 0 0 0;
}
#thumbs span{
	float:left;
	display: block;
	margin: 75 0 0 -80px;  
	Xfont-size: .7em;
	color: #C3C2C3;
}
/*** thumbs span ***/
/*** 1st number is text loc horizontally ***/
#thumbs img, .thumbs img {
	border: solid 1px #C3C2C3;  /**#C3C2C3;**/
	padding: 6px;
	margin-left:2px;
	background: #C3C2C3;
	width:100px;
}	
#thumbsMonth{
	margin-top: 60px;
	clear:both;
}
#thumbsMonth img {
	border: solid 1px #C3C2C3;
	padding: 6px;
	margin: 22px 0 0 22px;
	background: #C3C2C3;
	width:100px;
}	
#thumbsMonth span{
	margin: 100px 0 0 5px;
	Xfont-size: .7em;
	color: #C3C2C3;
}
#thumbsMonth h1{
	Xfont-size: 1em;
	color: #C3C2C3;
}
#thumbsMonth h2{
	Xfont-size: 1em;
	color: #C3C2C3;
}
.clear {
	clear:both;
}
#footer{
	margin: 4em 0 1em 0;
	Xfont-size: .7em;
	color: #C3C2C3;
	display: block;;
	clear: both;
}
#footer img{
	border:none;
}
#footer p{
	width:500px;
}
.thumbnail{
	float: left;
	padding: 5px;
	margin-right: 5px;
	border: 1px solid #C3C2C3;
}
/* ********** [START WEBLOG COMMENTS] ********** */
#comments, #commentform{
	margin:0 auto 0 auto;
	clear:both;
	padding:0;
	Xfont-size: .9em;
	line-height: 1.6em;
	font: 11px Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	text-align:left;
	width:500px;
	color: #C3C2C3;
}
#commentform{
	padding-top:1.5em;
	
}
#comments h1, #commentform h1{
	margin:0;
	height:30px;
 	text-indent: -100em;
	overflow: hidden;
	background-repeat: no-repeat;
}
#comments h1{background-image: url("comments.gif");}
#commentform h1{
	margin-top:2em;
	background-image: url("addcomment.gif");
}
#comments h2{
      display: none;
      margin-top:0;
	margin:0 auto 0 auto;
	clear:both;
      Xfont-size: 1.4em;}
 
#comments h3{
	margin-top:0;
	margin:0 auto 2em auto;
	clear:both;
	text-align:left;
	Xfont-size: 1.4em;
}
.commentFooter a:link{color:#000900;}
.commentFooter a:visited{color:#000900;}
#comments form p, #commentform form p{
	margin:0; padding:0;
}
#commentform h3 a{
	text-decoration: none;
}
#commentform p input{
	display:block;
}
#commentform p span input{
	display:inline;
}
.check input{
	display:inline;	
}
.required{
	color: #C0C0C0;
}
input{
	font: 11px Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	background: #C3C2C3;
	border: 0;
	border: solid 1px #DDDDDD;
	width: 170px;
	display: inline;
}
textarea{
	font: 11px Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	background: #C3C2C3;
	border: 0;
	border: solid 1px #DDDDDD;
}
select{
	font: 11px Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	background: #C3C2C3;
  	cursor: pointer;
  	Xdisplay: none;
  	line-height: 1.7em;
  	list-style: none;
  	margin: 0;
  	padding: 5px;
  	width: 200px;
	border: solid 1px #DDDDDD;
}
.button{
	border: solid 1px #DDDDDD;
	font: 11px Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	background: #636563;
	color:#C3C2C3;
	
}
.button:hover {cursor: pointer; color: #C3C2C3; background-color: #C3C2C3; text-decoration: none}
#commentform textarea{
      margin-top: 15px;
	border: solid 1px #DDDDDD;
	width:280px;
	height:100px;
}
#commentform label{
}
/* ********** [END WEBLOG COMMENTS] ********** */
/* ********** [START BLOG FORM] ********** */
#blogform{
	margin:0 auto 0 auto;
	clear:both;
	padding:0;
	Xfont-size: .9em;
	line-height: 1.6em;
	Xfont-size: .8em;
	text-align:left;
	width:600px;
	color:#1D4F0D;
	padding-top:1.5em;
}
#blogform label {
}
div.row{
	clear: both;
	margin: 0 0 30px 0;
} 
/* USED FOR GENERIC COLUMNS */
.col1{float: left; width: 150px; text-align: left;} 
.col2{float: left; width: 250px; text-align: left;} 
#blogform textarea{
	border: solid 1px #DDDDDD;
	width:450px;
	height:200px;
}
#blogform .radio input{
	background: #C3C2C3;
	border: solid 1px #DDDDDD;
	width: 20px;
}
/* ********** [END BLOG FORM] ********** */
.newsbox{
	xfont: normal 95% Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	xcolor: #DDDDDD;
	xbackground: #868686;
	text-align: left;
      color:black;
	border: dotted 1px #C3C2C3;
	padding: 5px;
	margin-bottom:10px;
}
blockquote {
	Xfont-family: verdana, sans-serif;
	Xfont-size: 0.8em;
	color: #666666;	
	background: url(/images/quotes.gif) no-repeat 15px 0;
	margin: 1em;
	padding: 15px 0 15px 25px;
	border-left: solid 6px #F1F1F1;
	border-bottom: solid 1px #F1F1F1;
	text-align:left;
}
blockquote span {
	display: block;
	padding-bottom: 10px;
	background: url(/images/quotes2.gif) no-repeat bottom right;
}
/* FIREFOX CSS3 PSEUDO ELEMENT SELECTOR THAT REQUIRES NO ADDITIONAL SPAN */
blockquote::after {
	display: block;	content: '';
	content: '';	height: 39px;
	height: 39px;	margin-top: -39px;
	margin-top: -39px;	background: url(file:///c:/1/quotes2.gif) no-repeat top right;
	background: url(/images/quotes2.gif) no-repeat top right;}
}
 
 
blockquote p { margin-top: 0; }