/*
	Name: Magento 1.3: PHP Developer's Guide
	Date: December 2009
	Description: Global Style Sheet
	Version: 1.0
	Coder: Enrique Ramirez
	Coder URI: http://enrique-ramirez.com
*/

/* Imports
===============================================*/
@import url("reset.css");
@import url("global-forms.css");

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/* Global Styles
===============================================*/
body {
	background: white url('../images/bg.gif') repeat-x top;
	color: #3f3f3f;
	font-size: 87.5%; /* Base font size: 16px */
	font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	text-align: left;

	font-size: 100%;
}

/* Headers
-----------------------------------------------*/
h2 {font-size: 1.714em}	/* 24px */
h3 {font-size: 1.5em}	/* 21px */
h4 {font-size: 1.286em}	/* 18px */
h5 {font-size: 1.143em}	/* 16px */
h6 {font-size: 1em}		/* 14px */

h2 { font-size: 1.5em; }
h3 { font-size: 1.125em; }

h2, h3, h4, h5, h6 {
	color: #982751;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: .8em;

	font-family: Arvo, Georgia, serif;
	-webkit-font-smoothing: antialiased;
}

/* Links
-----------------------------------------------*/
a {outline: 0;color: #982751; text-decoration: none;}
a img {border: 0px; text-decoration: none;}
a:hover, a:active {text-decoration: underline;}

/* Paragraphs
-----------------------------------------------*/
p {margin-bottom: 2em;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

hr {
	background: #fff;
	border: 0;
	border-top: 1px dotted #CD002B;
	display: block;
	/*margin: 4em 0 15px 0;*/

	margin: 2em 0 1em;
}

/* Lists
-----------------------------------------------*/
ul {
	list-style: outside disc;
	margin: 1em 0 2em 1.5em;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 2em 1.5em;
}

li {margin-bottom: .25em;}

dl {
	margin: 0 0 2em 0;
}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes
-----------------------------------------------*/
blockquote {font-style: italic;}
cite {}

q {}

/* Tables
-----------------------------------------------*/
table {margin: .5em auto 1.5em auto; width: 98%;}

	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}

	tbody .alt td {}
	tbody .alt th {}

	/* Tfoot */
	tfoot th {}
	tfoot td {}

/* Buttons
-----------------------------------------------*/

.btn {
	position: relative;
	display: inline-block;
	padding: 10px;
	background: #ddd;
	color: #920048;
	border-radius: 10px;
	font-weight: bold;
	font-size: 18px;
	line-height: 1;
	font-family: Arvo, Georgia, serif;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	box-shadow: inset 0 20px 0 rgba(255,255,255,0.2), inset 0 0 0 1px rgba(0,0,0,0.2);
	cursor: pointer;
}
.btn:hover,
.btn:focus {
	text-decoration: none;
	background: #ccc;
}
	.btn img {
		position: absolute;
		top: 12px;
		left: 10px;
	}
	.btn strong {
		-webkit-font-smoothing: antialiased;
	}
	.btn span {
		display: block;
		font-weight: normal;
		font-size: 10px;
		line-height: 1;
		font-family: Verdana, sans-serif;
	}

.btn-full {
	display: block;
}

.btn-primary {
	background: #982751;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}
.btn-primary:hover,
.btn-primary:focus {
	background: #892349;
}

.btn-group {
	margin-left: 0;
	list-style: none;
}
	.btn-group li {
		float: left;
		margin-left: 2%;
		width: 32%;
	}
	.btn-group li:first-child {
		margin-left: 0;
	}
		.btn-group .btn {
			display: block;
		}

/* Layout
===============================================*/
#wrap {margin: 0 auto; width: 780px;}
#wrap:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

#body {float: right; margin: 0 0 2em 0; width: 495px;}
#sidebar {float: left; width: 240px;}

/* Header
-----------------------------------------------*/
#header {height: 294px; margin: 0 0 15px 0;}

	/* Nav */
	#header .nav {
		background: #A30050 url('../images/bg-nav.gif') repeat-x 0 51px;
		color: #fff;
		height: 61px;
		list-style: none;
		margin: 0 0 52px 0;
		overflow: hidden;

		font-size: 0.75em;
		font-family: Verdana, sans-serif;
	}

	#header .nav li {float: left; height: 61px;}
	#header .nav li.buy {float: right;}

	#header .nav a:link, #header .nav a:visited {
		background: #A30050;
		display: block;
		color: #fff;
		line-height: 31px;
		padding: 20px 1em 0 1em;
	}
	#header .nav a:hover, #header .nav a:active {background: #920048; text-decoration: none;}

	#header .nav .active {background: url('../images/bg-nav.gif') no-repeat bottom center;}
	#header .nav .active a:hover, #header .nav .active a:active {background: #A30050;}

	/* Logo */
	#logo {
		border-top: 1px dotted #CD002B;
		padding: 19px 0 0 0;
		color: #982751;
		font-weight: normal;
		font-size: 2.5em;
		line-height: 1.1;
		font-family: Arvo, Georgia, serif;
		-webkit-font-smoothing: antialiased;
	}
		#logo .title,
		#logo .title strong {
			display: block;
		}
		#logo .byline {
			display: block;
			font-size: 0.45em;
			line-height: 2.4;
		}

/* Content
-----------------------------------------------*/
#content {
	padding-top: 15px;
}

/* Sidebar
-----------------------------------------------*/
#sidebar .module {
	border-top: 1px dotted #CD002B;
	margin: 3em 0 0 0;
	padding: 15px 0 0;

	font-family: Verdana, sans-serif;
	color: #717171
}

#sidebar hr {
	border-color: #cccccc;
}

/*#sidebar h2 {font-size: 1em; margin-bottom: 20px;}*/

	/* Sidebar Book */
	#sidebar #book {
		border-top: 0;
		margin-top: 0;
		padding-top: 113px;
	}

	#sidebar #book .book {
		display: block;
		left: -26px;
		margin: 0 0 15px 0;
		position: relative;
	}

	#book ul {
		/*border-top: 1px dotted #CD002B;*/
		list-style: none;
		margin-left: 0;
		/*padding: 15px 0 0 0;*/
	}
	#book li {line-height: 1.2em; margin: 0 0 .25em 0;}
	/*#book li strong {color: #982751; font-weight: normal;}*/

	/* Stores */
	#sidebar .stores ul {list-style: none; margin: 0 0 -1em 0; overflow: hidden; width: 100%;}
	#sidebar .stores ul li {float: left; margin: 0 7px 15px 0;}

	/* Testimonials */
	#sidebar .testimonials {color: #982751;}
	.testimonials blockquote {font-style: normal; margin-bottom: 0;}
	.testimonials blockquote p {margin: 0 0 1em 0;}
	.testimonials .author {font-style: italic;}

	.book-info {
		font-size: 0.75em;
	}

/* Footer
-----------------------------------------------*/
#footer {
	border-top: 1px dotted #CD002B;
	color: #717171;
	float: right;
	font-size: 0.929em;
	padding: 15px 0 30px 0;
	width: 495px;

	font-size: 0.75em;
	font-family: Verdana, sans-serif;
}
#footer a:link, #footer a:visited {color: #717171;}

#footer p {margin-bottom: .25em;}

#footer ul {list-style: none; margin: 0; overflow: hidden; width: 100%;}
#footer li {
	border-right: 1px solid #979797;
	float: left;
	height: 1.2em;
	line-height: 1.2;
	margin: 0 .45em 0 0;
	padding: 0 .45em 0 0;
}

#footer li:last-child {border: 0; margin: 0; padding: 0;}

/* Sections
===============================================*/
/* Buy Now Form */
#buy-now-form {
	background: none;
	border: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

#buy-now-form .input {float: right; width: 320px;}
#buy-now-form .button {float: left; margin: 10px 0 0 0;}

#buy-now-form .input label {color: #982751; display: block; font-size: 1.286em;}
#buy-now-form .input select {min-width: 200px;}

/* Chapters */
.chapters {list-style: none; margin: 0 0 2em 0;}
.chapters strong {color: #982751; font-weight: normal;}