/* Digital Reflection v2.0 CSS ///////////////////////////////////////////////////////*/

body {
	font-family: Trebuchet MS,Verdana,Arial,sans-serif;
	font-size: 11px;
	text-align:center;
	background-color: white;
	margin:0;
	padding: 0 0 0 0;
	scrollbar-base-color: #636466;
	}

html, body {min-height:100.1%;}
	
a:active, a:focus {outline:0; }

#PageContainer{width: 100%;}
	
#calibrationBarContainer {width: 100%;height: 40px;}
	
#calibrationBar { 
	height: 100%;
	margin-left: auto; 
	margin-right: auto;
	}
	
#topBar {height: 20px;}

#AbsolutMain {
	height:100%;
	align:center;
	margin-left: auto; 
	margin-right: auto;
}

.hidden {display:none;}
	
#footer{height: 200px;}
	
#buffer{
	height: 5px;
	float:left;
	clear:both;
	}

/*Shadow Corners//////////////////////////////////////*/

#shadow_left { 
	width: 24px;
	float: left;
	background-image: url(images/shadow1_tileW.gif);
	}

#shadow_top { 
	height: 24px;
	background-image: url(images/shadow2_tileW.gif);
	float:left;
	}
	
#shadow_right { 
	width: 24px;
	float: right;
	background-image: url(images/shadow3_tileW.gif);
	}

#shadow_bottom { 
	height: 24px;
	background-image: url(images/shadow4_tileW.gif);
	float:left;
	clear: both;
	}

#leftCornerBottom { 
	height: 24px;
	width:24px;
	background-image: url(images/shadow4_cornerW.gif);
	float: left;
	}
	
#rightCornerBottom { 
	height: 24px;
	width:24px;
	background-image: url(images/shadow3_cornerW.gif);
	background-repeat: no-repeat;
	float: right;
	}
	
#leftCornerTop { 
	height: 24px;
	width:24px;
	background-image: url(images/shadow1_cornerW.gif);
	float: left;
	}
	
#rightCornerTop { 
	height: 24px;
	width:24px;
	background-image: url(images/shadow2_cornerW.gif);
	float: right;
	}


/*Photo Stuff///////////////////////////////*/

#photoLoad {
	background-image:url(images/loaderW.gif);
	background-repeat: no-repeat;
	background-position: center center;
	}

.imagePrevious {
    	float:left;
	}

.imageLatest {
	float:left;
	}

.imageNext {
	float:right;
	}

/*Logo, Menu, Icons///////////////////////////////*/
	
#logo {
	width:47px;
	height:210px;
	background-image:url(images/logoW.png);
	background-repeat: no-repeat;
	background-position: center;
	float: right;
	}
	
#linksFiller {
	float: right;
	width:100px;
	vertical-align: bottom;
	}

#links {
	float: right;
	text-align: right;
	vertical-align: bottom;
	}

#logoUpContainer {	
	width: 100px;
	height:40px;
	float: left;
	padding: 0px 14px 0px 0px;
	}

#logoUp {
	background-image:url(images/logo_bar_tileW.png);
	width: 47px; 
	height: 40px;
	float:right;
}

#LeftSide {
	float:left;
	width: 100px;
	padding: 0px 7px 0px 0px;
	}

#RightSide {
	float:left;
	width: 100px;
	}

#logoBalance {
	width: 100px;
	height: 40px; 
	float:left;
	}

#logoUpContainer2 {	
	width: 100px;
	height:20px;
	float: left;
	padding: 0px 14px 0px 0px;
	}
	
#logoUp2 {
	background-image:url(images/logo_bar_tileW.png);
	width: 47px; 
	height: 20px;
	float:right;	
	}
	
#logoBalance2 {
	width: 100px;
	height: 20px; 
	float:left;
	}

#cali_icon, #rss_icon, #fbook_icon,  #digg_icon,  #delic_icon {
	width: 20px;
	height: 14px;
	float:right;
	filter:alpha(opacity=35);-moz-opacity:.50;opacity:.50
	}

#cssStyle{
	float:left;
	height: 14px;
	}

/*Image Links///////////////////////////////*/

#imagePrevious, #imageNext {width:35%;height:100%}

#imageLatest {width:29.5%;height:100%}	

#imagePrevious {float:left;}
#imageLatest {float:left;}
#imageNext {float:left;}

#imagePrevious a,#imageLatest a, #imageNext a {display:block;width:100%;}

#imagePrevious a:hover, #imageLatest a:hover, #imageNext a:hover {
	background-position:center; 
	background-repeat:no-repeat; 
	filter:alpha(opacity=35);-moz-opacity:.35;opacity:.35
	}

#imagePrevious a:hover {background-image: url(images/button_back.gif); }
#imageLatest a:hover {background-image: url(images/button_latest.gif); }
#imageNext a:hover {background-image: url(images/button_next.gif); }


/*Styles///////////////////////////////*/

.style1 {color: #636466; font-size:13px;}

.style2 {color: #454545; line-height: 16px;}
.style2 a {color: #454545;}
.style2 a:hover {color:#636466;}

.style3 {color: #9d9da1; text-decoration: none; line-height: 16px;}
.style3 a {color: #9d9da1;text-decoration: none;}
.style3 a:hover {color:#454545;text-decoration: none;}

.style4 {border: none;}
.style4 a {border: none;}
.style4 a:hover {border: none;}

.style5 {color: #636466;}
.style5 a {color: #636466;}
.style5 a:hover {color:#323334;}

.style6 {color: #9d9da1; font-style:italic; line-height: 25px;}
	
.style7 {color: #9d9da1;text-decoration: none;font-size:10px;}
.style7 a {color:#9d9da1;text-decoration: none;}
.style7 a:hover {color:#454545;text-decoration: none;}

.style8 {color: #9d9da1; font-size:10px;}

.style9 {color: #454545; text-decoration: none;}
.style9 a {color: #454545; text-decoration: none;}
.style9 a:hover {color:#636466; text-decoration: none;}
.style9 a:active {color:#636466; text-decoration: none;}

.style10 {color: #636466;}

.style11 {color: #636466; font-size:14px;}

.style12 {color: #636466;
	text-decoration: none;
	}
	
.style12 a {color: #636466;
	margin-top: 5px;
	text-decoration: none;
	display:block;
	width: 100px;
	}

.style12 a:hover {color: #454545;
	text-decoration: none;
	display:block;
	width: 100px;
	}
	
.style13 {color: #454545;
	text-decoration: none;
	}
	
.style13 a {color: #454545;
	text-decoration: none;
	}

.style13 a:hover {color:#636466;
	text-decoration: none;
	}
	
.style14 {color: #454545;
	text-decoration: none;
	}

.style14 a {color: #636466;
	text-decoration: none;
	}

.style14 a:hover {color: #454545;
	text-decoration: none;
	}
	
.styleNoSee {color: white;
	text-decoration: none;
	}

.styleNoSee a {color: white;
	text-decoration: none;
	}

.styleNoSee a:hover {color: white;
	text-decoration: none;
	}


.formstyle {
	color:#636466;
	font-size: 11px;
	background:#ddddde;
	border: 1px solid #9d9da1;
	line-height: 16px;
	margin:0px;
	}
	
.formstyle3 {
	color:#9d9da1;
	font-size: 11px;
	margin-top:7px;
	}
	
textarea.formstyle2{
	color:#636466;
	font-size: 11px;
	width:100%;
	height:81px;
	background:#ddddde;
	border: 1px solid #9d9da1;
	margin-top:16px;
	}

/*Image Info///////////////////////////////*/

#imageInfoContainer{ 
	float:left;
	clear:both;
	}

#grayInfoBox {
	background-color:#ddddde;
	text-align: left;
	padding: 5px 5px 5px 5px;
	margin-left: auto; 
	margin-right: auto;
	clear:both;
	}

/*Comments///////////////////////////////*/

#commentsContainer{ 
	padding-top:7px;
	float:left;
	clear:both;
	}

#commentInfoBox {
	background-color:#ddddde;
	height: 100%;
	text-align: left;
	padding: 5px 5px 5px 5px;
	margin-left: auto; 
	margin-right: auto;
	}


#displayComments{
	height:100%;
	float:left;
	text-align:left;
	clear:both;
	}	
	
#userInput{ 
	width:100%;
	height:100%;
	float:left;
	text-align:left;
	}

#inputOne{ 
	width:215px;
	height:100%;
	float:left;
	text-align:left;
	}
	
#inputTwo{ 
	width:215px;
	height:100%;
	float:left;
	text-align:right;
	}
	
.comment-button {
    background: #9d9da1;
	font-family: Trebuchet MS,Verdana,Arial,sans-serif;
   	font-size:small;
	border:1px solid #757575;
	color:#636466;
	margin-top:5px;
	}
	
#displayComments ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	}
	
#displayComments  li {
	display:block;
	margin:0px auto;
	margin-bottom:10px;
	color:#454545;
	text-decoration:none;
	padding:5px;
	border:1px solid #9d9da1;
	}
	
#displayComments  li a {color:#454545;}
#displayComments  li a:hover {color:#636466;}
#displayComments  li:hover {background:#f0f0f1;color:#636466;}

table.mainTable {background-color:#c4c4c7;}
.infoCell {background-color:#ceced0;}

/*Archive///////////////////////////////*/

#archiveList{ 
	width:600px;
	height:100%;
	float:left;
	text-align:left;
	border-right: 1px solid #9d9da1;
	line-height:0px;
	}

#archiveText{ 
	width:149px;
	height:100%;
	float:left;
	text-align:right;
	}

.thumbnails {
	border:1px solid #9d9da1;
	padding:4px;
	margin:2px;
	}
	
#archiveText ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
	}

#archiveTitleBlock {
	width:147px;
	padding:2px 2px 2px 0px;
	background-color:#ceced0;
	}
	
#archiveTitleBlock2 {
	width:147px;
	padding-right:2px;
	background-color:#c4c4c7;
	}
	
/*About///////////////////////////////*/

#aboutText{ 
	width:149px;
	height:910px;
	float:left;
	text-align:left;
	}

#aboutTitleBlock {
	width:147px;
	padding:2px 0px 2px 2px;
	background-color:#ceced0;
	}
	
#aboutTitleBlock2 {
	width:147px;
	padding-left:2px;
	background-color:#c4c4c7;
	}

#aboutMain{ 
	width:590px;
	height:910px;
	float:left;
	text-align:left;
	padding-left:10px;
	border-left: 1px solid #9d9da1;
	}
	
/*Links///////////////////////////////*/

/*#links1{ 
	width:590px;
	height:200px;
	float:left;
	padding-left:10px;
	text-align:left;
	}*/
	
#links2{ 
	width:289px;
	height:910px;
	float:left;
	padding-left:10px;
	text-align:left;
	border-left: 1px solid #9d9da1;
	}

#links3{ 
	width:290px;
	height:910px;
	float:left;
	padding-left:10px;
	text-align:left;
	}