/*  
Theme Name: Photo54
Theme URI: http://www.photo54.com
Description: Photo54 Rocks My Socks.
Version: 1.0
Author: Blake
Author URI: http://www.photo54.com/
*/

/* Since we are using our existing style sheet, many of these styles are designed to counteract those. */

body {
	line-height: 1;
	background: #000 url(/assets/images/bg-pink.jpg) scroll repeat-y top center!important; /* !important is to override smugMug styles */
}

.post h2{
	text-indent:0px !important;
	height:auto !important;
	width:auto !important;
	margin-bottom:10px;
	font-family:HVDComicSerifProRegular,Verdana, Geneva, sans-serif;
}

.post p{
	margin:15px;
}

.post small{
	font-size:10px;
	color:#666666 !important;
}

.post p img{
	display:block;
	margin:auto;
}

.pagetitle{
	text-indent:0px !important;
	height:auto !important;
	width:auto !important;
	margin-bottom:10px;
}

#blogNav{
	background:url(/assets/images/bg-blog-nav.gif) repeat-x top;
	height:44px;
	width:100%;
	margin:0px 0px 25px -15px;
	padding:0px 15px 0px 15px;
	position:relative;
}

#mainRss{
	position:absolute;
	right:-10px;
	top:-10px;
}

#archives, #categories, #links{
	position:relative;
	float:right;
	margin:13px 0px 0px 40px;
}

#archives{
	margin-right:40px;
}

#archives ul, #categories ul, #links ul{
	display:none;
	background:#bbbbbb;
	border:solid #bd107a 1px;
	position:absolute;
}

#archives ul li a, #categories ul li a, #links ul li a{
	display:block;
	padding:10px;
	text-decoration:none;
	border-bottom:dotted 1px #000000;
}

#archives ul li a:hover, #categories ul li a:hover, #links ul li a:hover{
	background:#eeeeee;
}

#archives:hover ul,#categories:hover ul,#links:hover ul{
	display:block;
}

#archives ul{
	width:135px;
	right:0px;
}

#archives h3{
	overflow:hidden;
	height:0px;
	background:url(/assets/images/blog-nav-text.png) -141px 0px no-repeat;
	padding-top:15px;
	width:97px;
}

#archives:hover h3{
	background-position:-141px -15px;
}

#categories ul{
	width:200px;
	right:0px;
}

#categories h3{
	overflow:hidden;
	height:0px;
	background:url(/assets/images/blog-nav-text.png) 0px 0px no-repeat;
	padding-top:15px;
	width:140px;
}

#categories:hover h3{
	background-position:0px -15px;
}

#links ul{
	width:200px;
	right:0px;
}

#links h3{
	overflow:hidden;
	height:0px;
	background:url(/assets/images/blog-nav-text.png) -238px 0px no-repeat;
	padding-top:15px;
	width:61px;
}

#links:hover h3{
	background-position:-238px -15px;
}

#commentform fieldset{
	margin-left:0px;
	width:300px;
	padding:0px 15px 7px 15px;
}

#commentform fieldset label{
	font-size:12px;
	margin:7px 0px 3px 0px;
}

#commentform fieldset input[type="text"]{
	height:15px;
	width:50%;
	font-size:15px;
	border:solid 2px;
}

#commentform fieldset textarea{
	width:96%;
	margin:auto;
	display:block;
	border:solid 2px;
}

.comment{
	width:60%;
	background:#333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin:10px auto;
	color:#bbb;
	text-shadow:#222 2px 2px 2px;
	padding:10px;
	overflow:hidden;
}

.comment-body p{
	float:right;
	width:60%;
}

.comment-author{
	/*float:left;*/
}

.comment-meta{
	/*float:left;*/
}
.commentInfo{
	float:left;
	width:30%;
	display:inline;
}

.commentInfo a{
	text-decoration:none;
}
.commentText{
	float:left;
	width:60%;
	margin-left:30px;
	display:inline;
}

.commentText p{
	margin-top:0px;
}

.post .author, .post .date{
	/*display:block;*/
}

.navigation{
	margin-bottom:15px;
}

.blogAuthPic{
	float:left;
	display:inline;
	margin:10px 25px 0px 0px;
}

/********* Captions *******************/
.entry img{
	-moz-box-shadow: 0px 0px 10px #444;
	-webkit-box-shadow: 0px 0px 10px #444;
	box-shadow: 0px 0px 10px #444;
}

.entry div.caption {
	margin: 0;
	padding:0;
	position: relative;
	margin:auto;
}

.entry div.caption p {
	position: absolute;
	width:98%;
	margin: 0; 
	padding: 1%;
	font-size: .9em;	
	bottom: 0;
	left: 0;
	background:#222222;
	color: #dddddd;
	opacity: .7;
	text-shadow:2px 2px 2px #000000;
}

.entry div.caption img {
	margin: 0; 
	padding: 0;
	-moz-box-shadow: 0px 0px 10px #BD107A;
	-webkit-box-shadow: 0px 0px 10px #BD107A;
	box-shadow: 0px 0px 10px #BD107A;
}

.entry div.caption img:hover {
	-moz-box-shadow: 0px 0px 30px #ee35a6;
	-webkit-box-shadow: 0px 0px 30px #ee35a6;
	box-shadow: 0px 0px 30px #ee35a6;
}

.alignleft{float:left;}
.alignright{float:right;}
.navigation a{font-weight:bold; text-decoration:none;}
.navigation {border-top:solid 2px #9e9e9e; border-bottom:solid 2px #9e9e9e; overflow:hidden;padding: 5px 0 7px 0;}