/*

MASTER SCREEN STYLES for www.davidbajo.com by RYDA
VERSION 	1.0 
CREATED 	2010.06.12
MODIFIED	2010.06.14
CONTENTS
	
	0. RESET CSS
	1. BODY
	2. TYPOGRAPHY
	3. LINKS
	4. IMAGES
	5. BRANDING/MASTHEAD/NAVIGATION
	6. CONTAINERS
	7. FOOTER
		
---------------------------------------------

	0. RESET CSS
		
------------------------------------------ */
		
@import url(reset.css);
html { -webkit-font-smoothing: antialiased; }
.clear{ clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 }


/* ------------------------------------------

	1. BODY
		
------------------------------------------ */
		
body	{ background: url(../images/global/body-bg-tile.png) repeat; font-size: 62.5% /* The Rutter Reset - www.clagnut.com */; -webkit-text-stroke: 1px transparent /* sub-pixel hack for Safari fat text */; background-color: #dacfac; color: #000915;  }


/* ------------------------------------------

	2. TYPOGRAPHY
		
------------------------------------------ */
		
p  { font: 1.1em/1.6em "Lucida Grande", Lucida, Verdana, sans-serif; }
#footer p { width: 700px; margin: 0 0 0 40px; font-size: 1em; color: #ae9567; text-shadow: #e8e1ca 0 1px 0; }
h1 { color: #000915; text-decoration: none; font: normal bold 3.0em "Lucida Grande", Lucida, Verdana, sans-serif; text-shadow: #ebe5d3 0 1px 0; background: url(../images/global/david-bajo.png) no-repeat; text-indent: -999999px; line-height: 80px; }

h2 { font: bold 1.4em/1.6em "Lucida Grande", Lucida, Verdana, sans-serif; margin-bottom: 15px; }
h3 {  }
h4 {  }
h5 {  }
h6 {  }

#tagline { color: #000915; font: italic 13px Georgia, "Times New Roman", Times, serif; margin: -37px 0 0 0; float: right; }


.read-more-link { text-transform: uppercase; font: bold 1.0em Georgia, "Times New Roman", Times, serif; padding-top: 40px; }

/* ------------------------------------------

	3. LINKS
		
------------------------------------------ */

a			{ text-decoration: none; color: #000915; }
a:visited	{ text-decoration: none; color: #000915; }
a:hover		{ text-decoration: none; color: #000915; border-bottom: 1px dotted #000915; }

#footer a, #footer a:visited { color: #ae9467; font-weight: bold; text-decoration: none; text-shadow: #e4dcc1 0 1px 0; }
#footer a:hover		{ border-bottom: 1px dotted #ae9467; padding-bottom: 1px;  }


/* ------------------------------------------

	4. IMAGES
		
------------------------------------------ */

img { border: 10px solid #d0c5a5; margin: 0 0 30px 0; }


/* ------------------------------------------

	5. BRANDING/MASTHEAD/NAVIGATION
		
------------------------------------------ */

#header-wrap { background: #d6cca9 url(../images/global/header-bg-tile.png) repeat;  }
#header { width: 680px; margin: 0 auto; padding: 0; }


/* ------------------------------------------

	6. CONTAINERS
		
------------------------------------------ */

#content-wrap { width: 700px; margin: 100px auto 0 auto; }
#book-left { display: inline; float: left; width: 225px; margin: 0 250px 100px 0; }
#book-right { display: inline; float: right; width: 225px; margin: 0 0 100px 0; }

.container_12 {margin-left:auto;margin-right:auto;width:960px}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}
.container_12 .grid_3 {width:220px}
.container_12 .grid_6 {width:460px}
.container_12 .grid_9 {width:700px}
.container_12 .grid_12 {width:940px}
.alpha{margin-left:0}
.omega{margin-right:0}
.container_12 .grid_1{width:60px}
.container_12 .grid_2{width:140px}
.container_12 .grid_4{width:300px}
.container_12 .grid_5{width:380px}
.container_12 .grid_7{width:540px}
.container_12 .grid_8{width:620px}
.container_12 .grid_10{width:780px}
.container_12 .grid_11{width:860px}
.container_12 .prefix_3 {padding-left:240px}
.container_12 .prefix_6 {padding-left:480px}
.container_12 .prefix_9 {padding-left:720px}
.container_12 .prefix_1{padding-left:80px}
.container_12 .prefix_2{padding-left:160px}
.container_12 .prefix_4{padding-left:320px}
.container_12 .prefix_5{padding-left:400px}
.container_12 .prefix_7{padding-left:560px}
.container_12 .prefix_8{padding-left:640px}
.container_12 .prefix_10{padding-left:800px}
.container_12 .prefix_11{padding-left:880px}
.container_12 .suffix_3 {padding-right:240px}
.container_12 .suffix_6 {padding-right:480px}
.container_12 .suffix_9 {padding-right:720px}
.container_12 .suffix_1{padding-right:80px}
.container_12 .suffix_2{padding-right:160px}
.container_12 .suffix_4{padding-right:320px}
.container_12 .suffix_5{padding-right:400px}
.container_12 .suffix_7{padding-right:560px}
.container_12 .suffix_8{padding-right:640px}
.container_12 .suffix_10{padding-right:800px}
.container_12 .suffix_11{padding-right:880px}
.container_12 .push_3 {left:240px}
.container_12 .push_6 {left:480px}
.container_12 .push_9 {left:720px}
.container_12 .push_1{left:80px}
.container_12 .push_2{left:160px}
.container_12 .push_4{left:320px}
.container_12 .push_5{left:400px}
.container_12 .push_7{left:560px}
.container_12 .push_8{left:640px}
.container_12 .push_10{left:800px}
.container_12 .push_11{left:880px}
.container_12 .pull_3 {left:-240px}
.container_12 .pull_6 {left:-480px}
.container_12 .pull_9 {left:-720px}
.container_12 .pull_1{left:-80px}
.container_12 .pull_2{left:-160px}
.container_12 .pull_4{left:-320px}
.container_12 .pull_5{left:-400px}
.container_12 .pull_7{left:-560px}
.container_12 .pull_8{left:-640px}
.container_12 .pull_10{left:-800px}
.container_12 .pull_11{left:-880px}


/* ------------------------------------------

	7. PRE-FOOTER
		
------------------------------------------ */


/* ------------------------------------------

	8. FOOTER
		
------------------------------------------ */

#footer { margin: 0 auto 50px auto; width: 780px; border-top: 1px solid #d6cba9; padding: 30px 0 0 0; }