@import url("normalize.css");
@import url("metal_layout.css");
@import url("metal_menus.css");
@import url("metal_photostable.css");
@import url("metal_photobox.css");
@import url("myphotostable.css");
@import url("commentstable.css");

body {
/* 	background-color: #878792; */
/* 	background-color: #94949e; */
/* 	background-color: #a1a1aa; */
	background-color: #d7d7db;
	
	
	
}
a {
	outline: 0;
}
a img {
	border: 0px;
}

a:hover img {
}

a.star img {
	border: 0px;
}

a.star:hover img {
	border:0px;
}

h1 {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	padding: 0px;
	margin: 5px 5px 5px 5px;
	color: #28456E;
	border: 1px;
	line-height: 22px;
}

#top h1 {
	padding: .0em;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}



h2 {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:normal;
	text-align:center;
	margin:0;
	padding:10px 5px;
}

h3 {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:normal;
	text-align:left;
	margin:0;
	padding:0.5em 0.25em;
	font-style:italic;
}

h3.maintitle {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:normal;
	text-align:center;
	padding:0em 0em;
	margin:0;
}

h3.maintitle {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:normal;
	text-align:center;
	font-style:italic;
	padding:0em 0em;
}

h4.discussion {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:normal;
	text-align:center;
	/*font-size:small;*/
	margin-left:0;
	color:#A33;
}

p.toppage {
	margin-left:40px;
}


p.leftnavtitle {
	color:#A33;
	margin:0;
	font-style:italic;
	margin-top: 10px;
	margin-left: 5px;
}

p.leftnavbody {
	border-bottom: dotted #E2E2E2 1px;
	color:#600;
	margin: 0px;
	margin-left:3px;
	font-size:small;
}

p.leftnavbody img {
	box-shadow: 5px 5px 5px #333;
	border-radius: 10px;
	margin-bottom:5px;
}


p.leftnavbody a img:hover {
 	/*border:1px solid #DDDDDD;*/
	box-shadow: 5px 5px 8px #333;
    transform:scale(1.2);
    -ms-transform:scale(1.2); /* IE 9 */
    -moz-transform:scale(1.2); /* Firefox */
    -webkit-transform:scale(1.2); /* Safari and Chrome */
    -o-transform:scale(1.2); /* Opera */	
	
}


p.leftnavbodycenter {
	border-bottom: dotted #E2E2E2 1px;
	color:#600;
	margin: 0px;
	margin-left:3px;
	font-size:small;
	text-align: center;
}

.leftnav input {
	font-size:3pt;
}



h2.votes {
	position: absolute;
	width: 64px;
	text-align: center;
	font-weight: bold;
	top: 23px;
	padding: 0px;
}



img.prettypic {
	box-shadow: 7px 7px 15px #333;
	margin-bottom: 7px;
}

/*
#recent_title {
	 
	float: left;
	width: 100%;
	
	margin-top: 0px;
	margin-bottom: 10px;
	
	padding-left: 25px;

	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #669;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.7);
	
	background: #99a;
	text-align: left;
	
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 550;
	color: #114;
}
*/
.page_jump, .page_jump_selected {
	box-sizing: border-box;
	float: left;
	width: 45px;
	height: 100%;
	text-align: center;
	padding-top: 0px;

	background: #99a;

	border-right: 1px solid #AAA;

	/*text-align: center;*/
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.page_jump_selected {
	background: #a99;
	
}


.page_jump:hover {
	background-color:#F6EAD1;
	background: #C0C0C5;
}

.page_jump_left {
}
.page_jump_right {
}

.calendar_nav {
	float: left;
	width: 127px;	height: 20px;
	margin-top: 20px;
	padding-left: 10px;
	padding-top: 5px;

/* 	background-color: transparent; */
/* 	default background colour, for all layout engines that don't implement gradients */
	background: #C0C0C5;
	background: -moz-linear-gradient(top, #EEE, #C0C0C5);
	background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#C0C0C5));

	border-bottom: 1px solid #777;

	text-align: center;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.calendar_nav:hover {
	background-color:#F6EAD1;
	  /* default background colour, for all layout engines that don't implement gradients */
	  background: #C0C0C5;
	  background: -moz-linear-gradient(top, #C0C0C5, #EEE);
	  background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#C0C0C5));
}

.calendar_nav_today {
	background: #C0C0C5;
	background: -moz-linear-gradient(top, #EEE, #C0C0C5);
	background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#C0C0C5));
}
	
.calendar_nav_today:hover {
		background: #C0C0C5;
	background: -moz-linear-gradient(top, #EEE, #C0C0C5);
	background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#C0C0C5));
}

.calendar_nav_left {
	border-radius: 50px 0px 0px 50px;
	border-right: 1px solid #AAA;
}
.calendar_nav_right {
	border-radius: 0px 20px 20px 0px;
	border-left: 1px solid #AAA;
}

.footer { 
	text-align:right; 
	font-size:small;
}

table.mosaic a img {
	border:none;
}

table.mosaic td {
	padding:0;
	margin:0;
	border:0;
}
table.mosaic tr {
	padding:0;
	margin:0;
	border:0;
}

table.pageindex {
	background-color: #FFFFFF;
	font-size:small;
}
table.pageindex td {
	width: 30px;
	background-color: #FFFFFF;
	font-size:small;
	text-align: center;
	color: #D00;
}

table.pageindex a {
	color:#523A0B;
	text-decoration:none;
	}
	
table.pageindex a:hover {
	color:#000;
	text-decoration:none;
	border-color: #E00;
	border:1px dotted;
	}
caption {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:normal;
	/*font-size:small;*/
	text-align:left;
	margin:0;
	padding:0.5em 0.25em;
}
/*------------- CALENDAR ----------*/
table.calendar {
	width:100%;
	margin:0em 0em 0em 0em;
	color:#000;
	text-decoration: none;
	border-collapse:collapse;
} 

thead.calendar th {
	border-bottom:1px solid #523A0B;
	background: -moz-linear-gradient(top, #C0C0C5, #FFFFFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#C0C0C5), to(#FFFFFF));	
	text-align:left;
	padding-bottom: 2px;
	text-align: center;
	font-size: 8pt;
}

tbody.calendar td {
	text-align:center;
	height: 135px;
	width: 95px;
	background:#FBF3E3;
	vertical-align:top;
	border-bottom:1px solid rgb(218, 212, 200);
	/*border-color: rgb(218, 212, 200);*/
}

tbody.calendar td:hover {
	background:#fff0b9;
	color: #FF0000;
}
tbody.calendar img {
	border-radius: 10px;
}

tbody.calendar img:hover {
	box-shadow: 5px 5px 8px #333;
	/*margin-left: 5px;*/
    transform:scale(1.2);
    -ms-transform:scale(1.2); /* IE 9 */
    -moz-transform:scale(1.2); /* Firefox */
    -webkit-transform:scale(1.2); /* Safari and Chrome */
    -o-transform:scale(1.2); /* Opera */	
}

tbody.calendar td.outside {
	background:#FFFFFF;
}

/*------------- STANDARD ----------*/
table.standard {
	margin:0 0 1em;
	color:#000;
	border-spacing:0;
} 

td.standard {
	padding: 0px 0px 0px 0px;
	background:#FFF;
	/*font-size:small;*/
	vertical-align: middle;
}
table a img{
	text-decoration: none;
}
table a img{
	text-decoration: none;
	border-color: #f00;
	border: 0px;
}

/*------------- TOP TABLE ----------*/
table.toptable {
	margin:0 0 1em;
	border-spacing:0;
	width: 400px;
} 

tr.toptable {
	height: 150px;
}


td.toptable {
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
	text-align: center;
}

td.toptable img {
	box-shadow: 5px 5px 5px #333;
	border-radius: 10px;
	margin-bottom:5px;
}


td.toptable a img:hover {
/*	box-shadow: 5px 5px 3px #333;
	margin-top: 3px;
	margin-left: 3px;
	margin-bottom:2px;*/
	
	box-shadow: 5px 5px 8px #333;
	/*margin-left: 5px;*/
    transform:scale(1.2);
    -ms-transform:scale(1.2); /* IE 9 */
    -moz-transform:scale(1.2); /* Firefox */
    -webkit-transform:scale(1.2); /* Safari and Chrome */
    -o-transform:scale(1.2); /* Opera */	
	
}

/*--------------------- Edit text boxes ---------------------*/

textarea#comment_box,
.comment_auth input[type="text"],
.date input[type="text"],
.title input[type="text"] {
	padding: 7px;
	border: solid 1px #dcdcdc;
	width: 200px;
    height: 15px;
	border-radius: 10px;
	box-shadow: none;
	transition: box-shadow 0.3s, border 0.3s;
}

.comment_auth input[type="text"],
.date input[type="text"] {
	width: 90px;
}

textarea#comment_box {
	margin-top: 10px;
	width: 400px;
	height: 120px;
}


textarea#comment_box:focus,
.comment_auth input[type="text"]:focus,
.comment_box input[type="textarea"]:focus,
.date input[type="text"]:focus,
.title input[type="text"]:focus,
.title input[type="text"].focus {
	outline: none;
	border: solid 1px #0000FF;
	box-shadow: 0 0 5px 1px #0066FF;
	transition: box-shadow 0.6s, border 0.3s;
}


/*--------------------- FORM Buttons ---------------------*/
.rotate0 {
	box-shadow: 7px 7px 15px #333;
 }
 
.rotate90 {
	box-shadow: 7px 7px 15px #333;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
 }
 
.rotate180 {
	box-shadow: 7px 7px 15px #333;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
 }
 
 .rotate270 {
	box-shadow: 7px 7px 15px #333;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
 }
 

.smallTag, .mediumTag, .largeTag  {
	display:inline;
	font-size: 20px;
	word-break: break-all;
}

.mediumTag {
	font-size: 25px;
}

.smallTag:hover, .mediumTag:hover, .largeTag:hover {
	background-color: yellow;
}

.largeTag {
	font-size: 30px;
}

#recent_tags a  {
	text-decoration: none;
	color: #444;
}

#recent_comments a  {
	text-decoration: none;
	color: #444;
}

.comment {
    white-space: nowrap; 
    width: 28em; 
    overflow: hidden;
    text-overflow: ellipsis; 
    border: 0px solid #000000;
}