@charset "UTF-8";
/* CSS Document */

/* Stylesheet for diamanadatattoo.com - Made by Hughes at www.hughesholmesdesign.com */


body {
	height:100%;
	margin: 0;
	padding:0;
	background:#000000 url(../images/siteDesign/theme/site_bg.jpg) left bottom repeat-x fixed;
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	color:#ffffff;
}

/* ----------------------- */
/* Page structure elements */
/* ----------------------- */

#siteHolder {
	border: 5px solid #000000;
	width: 950px;
	height: 635px;
	position: absolute;
	top: 50%; /* center the page absolutelty */
	left: 50%;
	margin-left: -475px;
	margin-top: -317px;
	background-image:url(../images/siteDesign/theme/container_bg.jpg);
}
#leftSide {
	width:390px;
	height:635px;
	float:left;
}
#rightSide {
	width:560px;
	height:635px;
	left: 390px;
	xxfloat:right;
	position:absolute;
}
#footer {
	position:absolute;
	top: 640px;
	width:960px; /* extra 10px to fit shadow */
	padding-top: 0px;
	text-align:center;
	background: top left url(../images/siteDesign/theme/footer_shadow.png) no-repeat;
	margin-left: -5px; /* to place shadow correctly */
}

/* ----------------------- */
/*    content elements     */
/* ----------------------- */

#contentHolder {
	top: 170px;
	left: 7px;
	position:absolute;
	width: 513px;
	height: 410px;
	overflow:hidden;
	float:left; /*needed?*/
}
/*
#contentHolder.withSidebar {
	left: 160px;
	width: 355px;
}
*/
#content {
	position:relative;
	overflow:hidden;
	width:468px;
}
/*
#content.withSidebar {
	width: 310px;
}
*/


/* ----------------------- */
/*    sidebar elements     */
/* ----------------------- */

#sideBar {
	top: 170px;
	left: 0px;
	height: 410px;
	position:absolute;
	font-family: "Times New Roman", Times, serif;
	width:140px;
	text-align: right;
}
#sideBar h2 {
	color: #f4e9d8;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font-weight:normal;
	margin-top: 0;
	margin-bottom: 0;
}
#sideBar ul {
	margin:0;
	padding: 0;
	width:140px;
	list-style:none;
}
#sideBar ul li, #sideBar ul li a {
	margin:0;
	padding: 0;
	color:#d4c7b3;
	font-size: 17px;
	padding: 12px 0px 0px 0px;
	text-decoration:none;
	line-height:18px;
}
#sideBar ul li.selected {
	color: #ffffff;
	list-style-image:url(../images/siteDesign/theme/star.png);
	list-style-position:inside;
}
#sideBar a:hover, #sideBar .mouseOver, #sideBar .selected a {
	color: #ffffff;
}


/* -------------------------------- */
/*    custom scrollbar elements     */
/* -------------------------------- */

/* - code from Travis Beckham & Nicole Williams - */
#up, #track, #drag, #down {
	position:absolute;
	left: 483px;
	cursor:pointer;
	visibility:hidden; /* initially hidden. js will unhide */
}
#up {
	top: 5px; z-index:20;
} 
#track {
	top:23px; z-index:21; cursor:default;
} 
#drag {
	top:23px; z-index:22;
} 																	 
#down {
	top:385px; z-index:23;
}
.withSidebar #up, .withSidebar #track, .withSidebar #drag, .withSidebar #down {
	left: 330px;
} 			 


/* ----------------------- */
/*    Header elements      */
/* ----------------------- */

h1 {
	display:none; /* hide the actual header text, but keep it for SEO */
}
#newsHeader {
	width: 231px;
	height: 79px;
	top: 50px;
	left: 325px;
	position:absolute; 
	background-image:url(../images/siteDesign/theme/newsHeader_bg.png);
}
#paintingsHeader {
	width: 251px;
	height: 79px;
	top: 50px;
	left: 305px;
	position:absolute; 
	background-image:url(../images/siteDesign/theme/paintingsHeader_bg.png);
}
#tattoosHeader {
	width: 255px;
	height: 79px;
	top: 50px;
	left: 300px;
	position:absolute; 
	background-image:url(../images/siteDesign/theme/tattoosHeader_bg.png);
}
#inspirationHeader {
	width: 255px;
	height: 79px;
	top: 50px;
	left: 300px;
	position:absolute; 
	background-image:url(../images/siteDesign/theme/inspirationHeader_bg.png);
}
#contactHeader {
	width: 229px;
	height: 79px;
	top: 50px;
	left: 325px;
	position:absolute; 
	background-image:url(../images/siteDesign/theme/contactHeader_bg.png);
}


/* ----------------------- */
/*    content style        */
/* ----------------------- */

#content h2 {
	color: #f4e9d8;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	font-weight:normal;
	margin-top: 25px;
}
#content h2.underline {
	border-bottom:1px solid #6a5f36;
}
#content h2.first {
	margin-top: 0;
}

#content p {
	line-height: 20px;
	color:#ffffff;
	font-family: "Times New Roman", Times, serif;
	font-size:15px;
}

#content a {
	color:#f4e9d8;
	text-decoration:underline;
}
#content p a:hover, #content div a:hover {
	color:#ffffff;
	text-decoration:none;
	background:#2d1106;
}

#content img {
	border: 2px solid #562903;
	margin: 10px 10px 15px 10px;
}

#content .gallery img {
	margin: 0px 0px 15px 10px;
}
#content .gallery a:hover {
	background:none;
}

#content div.address {
	width: 175px;
	display:block;
	margin: 0px 0px 10px 35px;
	float:left;
}


/* ----------------------- */
/*    footer style        */
/* ----------------------- */

#footer ul {
	list-style:none;
}
#footer ul li {
	display:inline;
}
#footer ul li, #footer ul li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#cbc5a6;
	text-transform: uppercase;
	padding-right: 5px;
	text-decoration:none;
}
 #footer ul li a:hover {
	color:#ffffff;
}
#footer ul li img {
	margin-bottom: -2px;
	padding-right: 4px;
}
#footer #copyright {
	width: 100%;
	text-align:center;
	margin-top: 30px;
	padding-bottom: 5px;
}
#footer #copyright {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#1b2627;
}
#footer #copyright a {
	color:#1b2627;
	text-decoration:none;
}
#footer #copyright a:hover {
	color:#cbc5a6;
}