/*
Name: Global CSS
Author: Pelham Palmer
Description: I control all of the main styles for www.odditytattoo.com
Date: 08/26/2006 
*/
/* =General
-----------------------------------------------------------------------------*/
/* Remove padding and margin */
* {border: 0; margin: 0; padding: 0;}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table {margin: 1em 0; /* [added 07/10/06 base font size] --> */font-size:1em;}

/* Class for clearing floats */
.clear {clear:both;}

/* Remove border around linked images */
img {border: 0;}

img{
	background-color: White;
	border: 1px solid #2B2211;
	margin: 5px;
	padding: 5px;
}
/* Remove underline from links [added 07/10/06] */
:link,:visited {text-decoration:none;}

/* Remove list sytles from list [added 07/10/06] */
ul {list-style:none;}

#tattooCare ol{
	font: normal 110% Georgia, "Times New Roman", Times, serif;	
	list-style:decimal;
	list-style-position: outside;
	margin: 0px 0px 20px 65px;
	text-align: justify;
}

#tattooCare ol li{
	margin: 10px 0 10px 15px;
}

/* =Typography
-----------------------------------------------------------------------------*/

body {
	background-color: #2B2211; 
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
	font-family: "Century Gothic", Helvetica, Arial, Tahoma, Verdana, sans-serif;
  	font-size:small;
}

		
/* =Headings
-----------------------------------------------------------------------------*/
h1{
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	clear: both;
	border: 1px solid #2B2211;
	height: 125px;
	margin: 0px auto; 
	padding: 5px;
	text-indent: -9999px;
	width: 696px;
}

h2{
	background-image: url(../images/hand.gif);
	background-repeat: no-repeat;
	clear: both;
	font-size: 24px;
	height: 67px;
	line-height: 67px;
	margin: 0px;
	text-indent: 64px;
}
h3{
	color: White;
	font-size: 135%;
	font-weight: bold;
	line-height:95%;
	margin: 5px 5px 0 5px !important; 
	margin: 9px 5px 0 5px; 
	width: 85px;
	z-index: 2;
}

h4{
	font-size: 135%;
	font-weight: bold;
	margin: 0px;
	text-align: center;
}

h5{
	font-size: 17px;
	margin: 0px;
	text-indent: 64px;	
}

h3.indent{
	text-indent:41px;
	margin: 0px !important; 
	margin: 0px; 
}

.divider{ /*Gradiante HR*/
	background-image: url(../images/hrBG.jpg);
	background-repeat: no-repeat;
	height: 4px;
	margin: -15px 0 10px 62px !important;
	margin-bottom: 0px;
	width: 400px;
}

.dividerB{ /*Gradiante HR*/
	background-image: url(../images/hrBG.jpg);
	background-repeat: no-repeat;
	clear: both;
	height: 4px;
	margin: 10px 0 10px 62px !important;
	margin-bottom: 0px;
	width: 400px;
}


/* =Branding
-----------------------------------------------------------------------------*/


/* =Links
-----------------------------------------------------------------------------*/
#footer a:link, #footer a:visited, #navigation a:link, #navigation a:visited, p a:link, p a:visited, #sidebar h4 a:link, #sidebar h4 a:visited{
	color: #2B2211;
	text-decoration: underline;
	padding:0 5px;
}	

#footer a:hover, #footer a:active, #navigation a:hover, #navigation a:active, p a:hover, p a:active, #sidebar h4 a:hover, #sidebar h4 a:active{
	background-color: #C4D2D3;
	border-bottom: solid 2px #2B2211;
	border-right: solid 2px #2B2211;
	color: #2B2211;
	margin: 0 -2px -2px 0;
	padding: 0 5px;
	text-decoration: none;
}

#portfolioLinks a:link, #portfolioLinks a:visited{
	font:bold 17px "Century Gothic", Helvetica, Arial, Tahoma, Verdana, sans-serif;
	text-decoration: none;
}	

#portfolioLinks img{
	border: 0;	
	margin: 0px -3px -20px 0px;
}


/* =Main Nav
-----------------------------------------------------------------------------*/
#navigation{
	display: inline;
	float: right;
	margin: 0 10px 10px 10px;			
}

#navigation li{
	display: inline;
	margin: 0 2px;
}
#navigation li a:link, #navigation li a:visited{
	color: #2B2211;
	font:bold 120%/150% "Century Gothic", Helvetica, Arial, Tahoma, Verdana, sans-serif;
	text-decoration: none;
}

#home .home, #theShop .theShop, #theArtist .theArtist, #oddStuff .oddStuff, #news .news, #tattooCare .tattooCare, #contactUs .contactUs{
	background-color: #C4D2D3;
	border-bottom: solid 2px #2B2211;
	border-right: solid 2px #2B2211;
	color: white;
	margin: 0 -2px -2px 0;
	padding: 0 5px;
	text-decoration: none;
	cursor: default;
}


/* =Main Content
-----------------------------------------------------------------------------*/
.left{
	float: left;
	margin: 0 10px 5px 65px;
}

.right{
	float: right;
	margin: 0 0 5px 10px;
}

.clear{
	clear: both;
}

.date{
	margin-left: 10px;
}

#content{
	display: inline;
	float: right;
	margin: 22px 89px 22px 0px;
	width: 463px;
}

#content p{
	font:normal 110% Georgia, "Times New Roman", Times, serif;
	margin: 0	0	10px	65px;
	text-align: justify;
}

#content ul{
	margin: 0	0	10px	72px;
}

#content ul li{
	float: left;
}

dl{
	font:normal 110% Georgia, "Times New Roman", Times, serif;
	margin: 0	0	10px	65px;
	text-align: justify;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer{
	background-image: url(../images/footerBG.jpg);
	clear: both;
	color: White;
	height: 59px;
	margin: 0px auto;
	width: 722px;
}

#footer a:link, #footer a:visited{
	color: White;
}

#footer a:hover, #footer a:active{
	color: #2B2211;
}

#footer .left{
	float: left;
	margin: 0px;
	padding: 5px 0 0 8px;
}

#footer .right{
	float: right;
	margin: 0px;
	padding: 5px 10px 0 0;
}

/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}

input, textarea{
	border: solid 1px #2B2211
}
#content dl.form{
	float: left;
}
#content ul.contact{
	display: inline;
	float: right;
	margin: 0 20px 0 0;
	padding: 0px;
	width: 200px;
}
#content ul.contact li{
	clear: both;
	line-height:20px;
}
/* =Gmap Map
-----------------------------------------------------------------------------*/
#map{
	border:solid 1px black;
	height: 300px;
	margin: 0	0	10px	65px;
	width: 396px; 
}

#map img{
	background-color: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}
/* =Products [Odd Stuff]
-----------------------------------------------------------------------------*/
.products dt{
	display: inline-block;
	float: left;
	text-align: center;
	width: 107px;
}

.products .productPopup{
	color: #2B2211;
	font-size: 11px;
}

.products Img{
	margin: 0 5px 5px 5px;
}

.button{
	border: 0px;
	float: right;
}

.button input{
	border: 0px;
}

.price{
	float: left;
	line-height: 46px;
}
/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}

/* =Misc 1
-----------------------------------------------------------------------------*/
#bottom{
	background-image: url(../images/wrapperBGBottom.gif);
	background-repeat: no-repeat;
	clear: both;
	display: block;
	height: 9px;
	margin: -12px auto 10px auto;
	width: 732px;
}

#wrapper{
	background-image: url(../images/wrapperBG.gif);
	background-color: White;
	margin: 11px auto;
	width: 732px;
}

#sidebar{
	background-image: url(../images/latestWorksBG.gif);
	background-repeat: repeat-y;
	margin: -5px 0 0 0;
}
#sidebarBorder{
	background-color: White;
	border: 1px solid #2B2211;
	display: inline;
	float: left;
	margin: 22px 0px 22px 38px;
	padding: 5px;
	width: 95px; 
}

#top{
	background-image: url(../images/wrapperBGTop.gif);
	background-repeat: no-repeat;
	height: 9px;
	width: 732px;
}


/* =Misc 2
-----------------------------------------------------------------------------*/
#content p.featuredArtist{
	clear: both;
	margin-top:18px;
}
/* =Filters
-----------------------------------------------------------------------------*/
/*[BEGIN] Clear Fix for Fire Fox*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*[END] Clear Fix for Fire Fox*/