/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */

html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #666666;
	background: #76c146
		url(../images/grad_bckgrnd.gif);
}

body a {
	color: #bbbbbb;
	text-decoration: none;
}

body a:hover {
	color: #ec008c;
}

h2 {
font-size:1.25em;
color:#333333;
}

h3 {
font-size:1.25em;
color:#ec008c;
}



form#addcartbutton p{

display:inline;
padding-left:6px;
}

form#viewcartbutton {
display: inline;
}

form#viewcartbutton_footer {
display: inline;
}

.hidden {
	display: none;
}

#page-container {
	width: 800px;
	margin: auto;
	margin-top: 25px;
}

#header {
	float: left;
	height: 200px;
	width: 164px;
	overflow: hidden;
}

#header-right {
	float: left;	
	width: 636px;
	height: 168px;
	margin: 32px 0px 0px 0px;
	background: url(../images/striped_tile_sml.gif);
}

#clear {
	clear: both;
}

#main-nav {
	background: #666666;
	height: 22px;
}

#nav {
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 8px;
}

#main-nav a {
	margin-left: 10px;
}

#content {
	background: url(../images/content_tile.gif);	
	overflow: hidden;
}

#content .padding {
	padding: 16px;
}

#content-both {
	width: 768px;
	background: #ffffff;
	float: left;
	overflow: hidden;
	padding: 16px;
}

#content-left {
	float: left;
	overflow: hidden;
	width: 610px;
}

#content-right {
	float: left;
	width: 170px;
	padding: 10px;
	overflow: hidden;
}

.frontrollover {
    display: block;
    width: 610px;
    height: 406px;
    background: url("../images/front/grrandrawr_shoot_roll.jpg") 0 0 no-repeat;
    text-decoration: none;
overflow:hidden;

}
 
.frontrollover:hover {
    background-position: 0 -406px;
}

#detail {
	width: 600px;
	text-align: center;
	margin: auto;
}

#detailText h3, h1, p {
	width: 200px;
	margin: auto;
	text-align: center;
}

img#imagedetail {
	width: 525px;
	height: 500px;
	border: 0px solid #CCCCCC;
	}

#container {width:760px; margin:auto;}

#altpics {width:600px; margin: auto;; padding-top:0px;}
#altpics img {border: 1px solid #999999;}
#altpics img:hover {border: 1px solid #ec008c;}
#altpics img {
	margin-top:5px;
	margin-bottom:4px;
}

hr#clear {visibility:hidden; clear:left;}

form#addcartbutton {
	width: 600px;
	margin: auto;
}

form#addcartbutton a {
	font-size:1.25em;
	color:#ec008c;	
}

form#addcartbutton a:hover {
	font-size:1.25em;
	color:#cccccc;	
}

#addcartbutton div {
	margin: 10px;
}

#addcartbutton div input {
	margin-left: 10px;
	
}

#addcartbutton p {
	margin-right: 10px;
	
}


#thumbs {
overflow: hidden;	
}

#thumbs img {
padding: 4px;
}

#aboutphoto {
	float: left;
	width: 334px;
}

#abouttext {
	float: left;
	padding: 0px 0px 0px 16px;
	text-align: left;
	width: 418px;
}



#footer {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 10px;
	color: #bbbbbb;
	background: #666666;
	max-height: 22px;
	padding: 6px 16px 6px 16px;
}

#altnav {
	float: right;

}