/* 
-----------------------------------------------
Author: 	Jeremy Ricketts http://www.jeremyricketts.com
Date: 		Dec 13th, 2006
----------------------------------------------- 
*/

/* LAYOUT DIVS
----------------------------------------------------------------*/
body {
	/*background:#000000 url(http://static.raczphotography.com/images/pagebg.gif) repeat left -19px;*/
	background:#000 url(http://static.raczphotography.com/images/pagebg2.gif) repeat left -19px;
	font-family: "Lucida Grande",Helvetica,Verdana,Arial,sans-serif;
	}

#colLeft,#colRight,#content {
	overflow:hidden;
	display:inline-block; /*was display:inline-block; */
	}

/* safari and opera need this */

#header {
	width:100%;
	height:60px;
	border-bottom:1px solid #655235;  /* was #f7dcb4 */
	}

#wrapper {
	width:100%;   /*was 960px */
	margin:0 auto;
	background:#000;
	}
#wrapper.wtf {
	border-bottom:1px solid #655235;
	padding-bottom:40px;
}

#colLeft {
	float:left;
	width:20%;  /*was 20% */
	text-align:right;
	}

#content {
	float:left;
	text-align:left;
	margin-top:20px;
	/*min-width:620px; */
	width:70%; /* was 60%*/

	/* CONTENT TYPOGRAPHY 
	------------------------------ */
	color:#f7dcb4;
	}

#jr {
	height:22px;
	text-align:right;
	background:#000000;
	}

#footer {
	clear:left;
	width:100%;
	border-top:1px solid #655235;  /* was #f7dcb4 */
	margin-bottom:50px;
	}

/* NAVIGATION
----------------------------------------------------------------*/
#navigation ul {
	text-align:right;
	list-style: none;
	margin:20px 0 0 0;
	padding: 0;
	}
	
#navigation li {
	margin:0 0 10px 0;
	padding: 0;
	}
	
#navigation a {
	color: #F7DCB4;
	text-decoration: none;
	}
	
#navigation a:hover {
	color: #634D32;
	}
	
#navigation #currentpage a {
	color: #634D32;
	}
#navigation p {
	margin-top:30px;
	}
#navigation p a:link, #navigation p a:visited {
	color: #634D32;	
	}
#navigation p a:hover {
	color: #F7DCB4;	
	}

/* SUB NAVIGATION
----------------------------------------------------------------*/
#subnavigation ul {
		text-align:left;
	list-style: none;
	margin:50px 0 0 0;
	padding: 0;
	}
	
#subnavigation li {
	margin: 0;
	padding: 0;
	}
	
#subnavigation a {
	color: #F7DCB4;
	text-decoration: none;
	}
	
#subnavigation a:hover {
	color: #634D32;
	}
	
#subnavigation #currentsub a {
	color: #634D32;
	}
	
/* HOME
----------------------------------------------------------------*/
#home {
	text-align:center;
	}

#player1 {
	margin-top:30px;
	text-align:right;
	}
p#track_desc {
	font-family:Arial, Helvetica, sans-serif;
	color:#634D32;
	font-size:10px;
	font-weight:lighter;
	text-align:right;
	}
p#track_desc span {
	font-style:italic;	
	}

/*===============================================
					Contact			
=================================================*/
#contact_left {
	float:right;
	width:40%;
	}
#contact_right {
	width:45%;
	text-align:left;
	margin-left:10%;
	}
.labeltextleft, .labeltext  {
	margin:5px 0 3px 5px;
	line-height:14px;
	}
.labeltextleft {
	margin-top:20px;
	}
.labeltextleft2 {
	margin:5px 0 3px 15px;
	line-height:14px;
	}


.formtext {
	color:#fff;  /* peach  = f7dcb4 */
	font-weight:lighter;
	padding:4px;
	width:90%;
	background-color:#0D0D0D;
	overflow:auto;
	border: 1px solid #333333;
	font-family: "Lucida Grande",Helvetica,Verdana,Arial,sans-serif;
	font-size:12px;
	}

/*===============================================
					H1			
=================================================*/

h1 {
	display:block;
	width:90%;
	height:75px;
	text-indent:-9999px;
	background:transparent no-repeat center;
	}
h1#weddings	{ 	background-image:url(http://static.raczphotography.com/images/wedding.gif); }
h1#family	{ 	background-image:url(http://static.raczphotography.com/images/family.gif); }
h1#seniors	{ 	background-image:url(http://static.raczphotography.com/images/seniors.gif); }
h1#children	{ 	background-image:url(http://static.raczphotography.com/images/children.gif); }
h1#maternity{ 	background-image:url(http://static.raczphotography.com/images/maternity.gif); }
h1#albums	{ 	background-image:url(http://static.raczphotography.com/images/albums.gif); }
h1#about	{ 	background-image:url(http://static.raczphotography.com/images/about.gif); }
h1#thanks	{ 	background-image:url(http://static.raczphotography.com/images/thanks.gif); }

/*===============================================
					GALLERY			
=================================================*/
#gallery {
	padding-left:28px;
	}

/*===============================================
					THUMB			
=================================================*/
.thumb {
	float:left;
	margin:18px;
	}
.thumb img {
	border:none;
	}
/*===============================================
					ABOUT			
=================================================*/
#loadingdiv {
	text-align:center;
	background:#000000 url(http://static.raczphotography.com/images/loading2.gif) no-repeat 50% 20%;
	height:577px;
	}
#aboutdiv {
	text-align:center;
	background:transparent;
	width:620px;
	margin:0 auto;
	}
/*===============================================
					ALBUMSDESC			
=================================================*/
#albumsdesc {
	background:#000 url(http://static.raczphotography.com/images/albums-index.gif) no-repeat center top;
	height:219px;
	width:620px;
	margin:0 auto;
	}
#albumsdesc ul {
	float:right;
	margin-right:60px;
	padding-top:50px;
	list-style:none;
	}
#albumsdesc li {
	margin-bottom:5px;
	}
#albumsdesc li a:link, #albumsdesc li a:visited {
	display:block;
	height:25px;
	width:167px;
	}
.albums1 {background:url(http://static.raczphotography.com/images/albums1.gif) no-repeat right top; text-indent:-9999px;}
.albums2 {background:url(http://static.raczphotography.com/images/albums2.gif) no-repeat right top; text-indent:-9999px;}
.albums3 {background:url(http://static.raczphotography.com/images/albums3.gif) no-repeat right top; text-indent:-9999px;}

a:hover.albums1{background:url(http://static.raczphotography.com/images/albums1.gif) no-repeat right bottom;text-indent:-9999px;}
a:hover.albums2{background:url(http://static.raczphotography.com/images/albums2.gif) no-repeat right bottom;text-indent:-9999px;}
a:hover.albums3{background:url(http://static.raczphotography.com/images/albums3.gif) no-repeat right bottom;text-indent:-9999px;}

/*===============================================
					Thanks		
=================================================*/
#thankstext {
	text-align:center;
	margin-top:100px;
	}
	
/*===============================================
					Blog
=================================================*/
/*  light tan: #F7DCB4 
	dark brown:  #634d32
	very dark brown: #372b1c
*/

#blog-content-wrapper {
/*	background:aqua;*/
/*	width:620px;*/
	width:70%;
	margin-left:2%; /* was 30px */
	float:left;
	/*padding-top:40px;*/
}
#blog-content {
/*	background:yellow;*/
	float:left;
	width:600px;
	text-align:left;
	margin-right:10px;
}
#blog-content div.entry-date {
	padding-bottom:14px;
	color:#634d32;
}
.sidebar {
	float:left;
	width:100px;
	margin:70px 0 0 0; padding:0;
	border-left:1px solid #372B1C;
	font-size:12px;
	text-align:left;
}
.sidebar ul {
	list-style-type:none;
	list-style-position:inside;
	margin:0; padding:0 0 0 10px;
/*	background:red;*/
	float:left; clear:left;
}
.sidebar ul li {
	margin:0; padding:0;
/*	background:green;*/
	float:left; clear:left;
}
.sidebar ul ul {
	/*margin-left:20px;*/
	padding-bottom:12px;
	padding-left:0;
	float:left; clear:left;
}
.sidebar h3 {
	font-weight:lighter;
	font-size:14px;
/*	text-shadow:red 0pt 4px 4px;*/
}


/*	Blog styles
-------------------------------------------------------------- */
div.entry-content {
	font-size:12px;
	line-height:18px;
}

div.entry-content p {
	padding-bottom:12px;
}
#blog-content-wrapper {
	color: #F7DCB4;	
	}
#blog-content-wrapper a:link, #blog-content-wrapper a:visited {
	color: #634d32;	
	}
#blog-content-wrapper a:hover {
	color: #F7DCB4;	
	}
.entry-date {
	font-size:12px;
}
.entry-meta {
	font-size:12px;
	color:#634D32;
	padding-bottom:40px;
}
#comments h3, #respond h3 {
	font-size:14px;
	font-weight:lighter;
	padding-bottom:21px;
	clear:left;
}
.comment {
	color:#F7DCB4;
	font-size:12px;
}
.comment p, .comment ul {
	padding-bottom:18px;
	color:#F7DCB4;
}
.comment-author, .comment-author a:link, .comment-author a:visited {
	color:#F7DCB4 !important;
}
.comment-meta {
	color:#634D32;
	padding-bottom:16px;
}
#commentform p#login {
	font-size:12px;
	padding-bottom:18px;
}
#comments-list ol li {
	font-size:12px;
	color:#372B1C;
	border-left:1px solid #372B1C;
	padding-left:20px;
	margin-bottom:16px;
}
#comments .formcontainer {
	border:1px solid #372B1C;
	padding:18px;
}
form#commentform input {
	background-color:#0D0D0D;
	border:1px solid #333333;
	color:#FFFFFF;
	font-family:"Lucida Grande",Helvetica,Verdana,Arial,sans-serif;
	font-size:12px;
	font-weight:lighter;
	padding:4px;
	width:370px;;
}
form#commentform textarea {
	background-color:#0D0D0D;
	border:1px solid #333333;
	color:#FFFFFF;
	font-family:"Lucida Grande",Helvetica,Verdana,Arial,sans-serif;
	font-size:12px;
	font-weight:lighter;
	overflow:auto;
	padding:4px;
	width:370px;
}
form#commentform p#comment-notes {
	color:#634D32;
	font-size:12px;
}
form#commentform .form-label {
	font-size:12px;
	margin-top:12px;
}
form#commentform #submit {
	margin-top:18px;
	width:370px;
}
form#commentform #submit:hover {
	border:1px solid ;
}
#blog-content h2 {
	clear:left;
	font-size:18px;
}
#blog-content .navigation {
	font-size:12px;
}
#blog-content .navigation a:link, #blog-content .navigation a:visited {
	text-decoration:none;
/*	color:#372B1C;*/
	color:#634D32;
}
#blog-content .navigation a:hover {
	color:#F7DCB4;
	/*text-decoration:underline;*/
}
#blog-content .navigation {
	
}
#blog-content .navigation .nav-previous {
	width:295px;
	float:left;
	text-align:right;
	margin:18px 0;
	padding-right:4px;
}
#blog-content .navigation .nav-next {
	width:295px;
	float:left;
	margin:18px 0;
}
#blog-content .navigation .nav-next a {
	border-left:1px solid #372B1C;
	padding-left:4px;
}
h3.entry-title, h2.entry-title, h3.entry-title a:link, h2.entry-title a:link, h3.entry-title a:visited, h2.entry-title a:visited {
	clear:left;
	font-weight:normal;
	color:#F7DCB4 !important;
}
h2.page-title {
	font-size:18px;
	font-weight:normal;
}
h2.page-title a:link, h2.page-title a:visited {
	font-size:12px;
	text-decoration:none;
	color:#372B1C;
	font-weight:normal;
	clear:left;
}
h2.page-title a:hover {
	color:#634D32;
}
#blog-heading {
	background: url(http://static.raczphotography.com/images/blog.gif) no-repeat left top;
	width:418px; height:75px;
	text-indent:-9999px;
	margin-left:10%; margin-top:20px; float:left;
}
div.entry-content {
	overflow:hidden;
}
div.entry-content img {
	float:left; margin-right:8px; margin-bottom:3px;
}

div.entry-content a:link img, div.entry-content a:visited img {
	border:1px solid #634d32;
}
div.entry-content a:hover img {
	border:1px solid #F7DCB4;
}
.super-light {
	color:#372b1c;
}

/* PAGES */
div.page h2 {
	margin-top:26px;
	font-size:16px;
	margin-bottom:12px;
}

div.sidebar ul li ul li {
	padding-left:10px;
	text-indent:-10px;
}
.entry-content hr {
	height:1px;
	width:100%;
	display:block;
	clear:both;
	color:black;
	border:none;
}