/*
Title: Moments
*/

/*=================
Required Attributes
==================*/
html {
	background: transparent url(wood.jpg);
	}
	
body  {
	background: transparent url(bg.png) top repeat-x;
	color: #333;
	}
	
ul#topmenu li a {
	color: #4A6567;
	text-shadow: 1px 1px 0px #95B2B4;
	}
	ul#topmenu li a:active {
		position: relative;
		top: 1px; 
		}

ul#topmenu li a:hover {
	color: #ACD8D8;
	text-shadow: 1px 1px 0px #597F7F;
	opacity:1;
	}
	
.topmenu_li_desc {
	color: #9FBFBD;
	}
	
h1#logo a {
	background: transparent url(logo.png) no-repeat;
	}
	
/*==================================*/

.post_title {	
	background: none;
	}
	
.post_title h2 a {
	color: #608282;
	text-shadow: 1px 1px 0px #FFF;
	text-transform: uppercase;
	font-size: 25px;
	letter-spacing: 10px;
	}
	.post_title h2 a:active {
		position: relative;
		top: 1px; 
		}
	
.post_title h2 a:hover {
	color: #000;
	}
	
.when, .comment, .cat,
.when a, .comment a, .cat a {
	color: #999999;
	text-shadow: 1px 1px 0px #FFF;
	display: none;
	}
	
.when a:hover, .comment a:hover, .cat a:hover {
	color: #466596;
	}
	
.post_meta {
	color: #333;
	display: none;
	}
	
	
/*==================================*/
	
#singlepost {
	line-height: 20px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	text-align: justify;
	text-shadow: 1px 1px 0px #FFF;
	margin: 0 0 0 160px;
	}
	#singlepost a {
		color: #466596;
		}
	#singlepost a:hover {
		color: #000;
		}

.shadow,
.border {
	-webkit-box-shadow: 0px 0px 10px #999;
	-moz-box-shadow: 0px 0px 10px #999;
	box-shadow: 0px 0px 10px #999;
	}
	
#singlepost h3 {
	font-size: 18px;
	font-family: Times, Times New Roman;
	color: #466596;
	border-bottom: 1px double #DDD;
	padding: 0 0 5px 0;
	}	

.imgleft {
	margin: 0 10px 10px 0;
	float: left;
	}
.imgright {
	margin: 0 0 10px 10px;
	float: right;
	}
	
/*==================================*/
	
h3.related_post_title {
	text-indent: -9999px;
	height: 30px;
	display: none;
	}
	
ul.related_post {
	margin: 0px; padding: 0px;
	display: none;
	}	
ul.related_post li {
	font-size: 11px;
	font-family: Verdana, sans-serif;
	margin: 0px;
	}
	#singlepost ul.related_post li a {
		color: #CCC;
		float: left;
		border-right: 1px solid #DDD;
		display: block;
		padding: 0px 7px;
		}
	#singlepost ul.related_post li a:hover {
		color: #666;
		}
		
/*==================================*/

h2#comments,
h2#respond {
	color: #666;
	text-shadow: 1px 1px 0px #FFF;
	}

ol.commentlist li {
	border-top: 1px solid #DDD;
	text-shadow: 1px 1px 0px #FFF;
	}
	
.comment_left {
	border-right: 1px solid #DDD;
	}
	
cite {
	border-bottom: 5px solid #DDD;
	}

cite a {
	color: #466596;
	}
	
.commentmetadata a {
	color: #999;
	}
	
.comment_entry {
	color: #666;
	}
	
label {
	color: #999;
	text-shadow: 1px 1px 0px #FFF;
	}
	
#comment_form input,
#comment_form textarea {
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background-color: #D7D7D7;
	color: #666;
	}

#comment_form .button {
	color: #FFF;
	background-color: #466596;
	}

/*==================================*/

	
.page input,
.page textarea {
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background-color: #D7D7D7;
	color: #666;
	padding: 4px 0;
	width: 630px;
	}
	
.page .captcha {
	width: 550px;
	float: right;
	}

.page .button {
	color: #FFF;
	background-color: #466596;
	width: inherit;
	padding: 5px 10px;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 9px;
	}
	
.page label {
	color: #466596;
	display: inherit;
	float: left;
	width: inherit;
	text-align: left;
	font-size: 11px;
	margin: 0;
	font-family: Verdana, sans-serif;
	}

/*==================================*/
	
#footer {
	background: #333 url(../../images/footer_bg.jpg) top repeat-x;
	}
	
	
/*==================================*/

		ul.polaroids { 
			width: 950px; 
			margin: -30px 0 18px -150px;
			text-align: center;
		}
		
		ul.polaroids li { display: inline; }
		
		ul.polaroids a { 
			background: #F7F1E5; 
			display: inline; 
			float: left; 
			margin: 0 0 40px 10px; 
			width: auto; 
			padding: 10px; 
			text-align: center; 
			font-family: "Comic Sans MS", Comic Sans, sans-serif; 
			text-decoration: none; 
			color: #608282; 
			font-size: 15px; 
			-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); 
			-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25); 
			-webkit-transform: rotate(-2deg); 
			-webkit-transition: -webkit-transform .15s linear; 
			-moz-transform: rotate(-2deg);
		}
		

		
		ul.polaroids img { 
			display: block; 
			width: 150px; 
			margin-bottom: 8px;
		}
		 
		ul.polaroids a:after { content: attr(title); }
		
		ul.polaroids li:nth-child(even) a { 
			-webkit-transform: rotate(2deg); 
			-moz-transform: rotate(2deg);
		}
		
		ul.polaroids li:nth-child(3n) a {
			-webkit-transform: none;
			position: relative;
			top: -5px; 
			-moz-transform: none;
		}
		
		ul.polaroids li:nth-child(5n) a { 
			-webkit-transform: rotate(5deg);
			position: relative;
			right: 5px;
			-moz-transform: rotate(5deg);
			}
			
		ul.polaroids li:nth-child(8n) a {
			position: relative;
			right: 5px; top: 8px;
		}
		
		ul.polaroids li:nth-child(11n) a {
			position: relative; 
			left: -5px;
			top: 3px; 
		}
		
		ul.polaroids li.messy a { 
			margin-top: -375px; 
			margin-left: 160px; 
			-webkit-transform: rotate(-5deg); 
			-moz-transform: rotate(-5deg); 
		}
		
		ul.polaroids li a:hover { 
			-webkit-transform: scale(1.1); 
			-moz-transform: scale(1.1); 
			-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); 
			-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); 
			position: relative; z-index: 5; 
		}