/* 
    Document   : global
    Created on : Jun 9, 2009, 6:08:21 PM
    Author     : chris
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* start layout */
html {height:100%;}

body {
	height:100%;
	background:#000 url('http://guiltybydesign.net/dev/images/bg_body.jpg') repeat-x;
	text-align:center;
}

a {
	color:#971515;
}

#container {
	width:850px;
	min-height:100%;
	margin:auto;
	overflow:hidden;
	background:url('http://guiltybydesign.net/dev/images/bg_content.png') repeat-y;
	text-align:left;
}

#header {
	width:100%;
	height:280px;
	background:url('http://guiltybydesign.net/dev/images/header.png') no-repeat;
	text-align:right;
}

#sidebar {
	width:174px;
	border-right:1px solid #000;
	display:inline;
	float:left;
}

#login {
	padding:10px 0 10px 15px;
}

#navigation {
	padding:10px 0 0 15px;
}

#navigation h2 {
	margin:1em 0 .5em 0;
	font-size:medium;
}

#navigation h3 {
	text-align:center;
	font-size:medium;
}

#navigation ul {
	margin: 0 .5em 0 0;
	text-align:right;
}
#navigation a {
	color:#971515;
}

#content {
	width:675px;
	min-height:100%;
	display:inline;
	float:left;
	font-size:medium;
}

#blog {
	padding:10px;
}

#products {
	padding:10px;
	
}

#footer {
	/*Remove the comments to define the footer
	width:100%;
	*/
}

.bio {
	height:600px;
	background:url('http://guiltybydesign.net/dev/images/bg_bio.png') no-repeat 95% 95%;
}

.bio p {
	margin:0 120px 2em 25px;
}

.orderinfo {
	height:600px;
	background:url('http://guiltybydesign.net/dev/images/bg_orderinfo.png') no-repeat 95% 95%;
}

.orderinfo p {
	margin:0 120px 2em 25px;
}

.links {
	text-align:center;
}

.links p {
	margin:0 100px 0 100px;
}

.contact {
	height:400px;
	background:url('http://guiltybydesign.net/dev/images/contact.jpg') no-repeat 50% 0;
}
/* end layout */

/* formatting */
.subcategory {
	background:url('http://guiltybydesign.net/dev/images/subcategory.png') no-repeat 100% 2px;
}

.subcategory a {
	text-decoration:none;
	margin-right:1em;
}

#products a{
	color:#971515;
}

#products .item {padding:1em 0 0 0; height:150px; clear:both;}

#products h4 {padding:0 0 .5em 0; clear:both;}

#products .buy {
	width:200px;
	display:inline;
	float:left;
	text-align:center;
}

#products .buy form {
	margin:32% 0 0 0;
}

#products .productimage {
	width:200px;
	display:inline;
	float:left;
}

#products .description {
	width:250px;
	display:inline;
	float:right;
}

#products .checkout {margin-bottom:.5em; float:right; clear:both;}

#products .productinfo {
	width:300px;
	margin:65px 0 0 0;
	text-align:center;
	float:left;
}

#products .quantity {
	margin:60px 0 0 0;
	float:right;
}

#products .quantity a img {
	margin-bottom:-6px;
}

#products .totalandsubmit {
	text-align:right;
	float:right;
}

hr {clear:both;}

.warning {
	height:28px;
	padding:12px 0 0 38px;
	border:2px solid #efdd45;
	background:#ffef66 url('http://guiltybydesign.net/dev/images/warning.png') no-repeat 10px center;
}

.warning strong{

}
/*end formatting */