/*
Theme Name: Cooking History
Theme URI: 
Description: 
Author: Ryan Clontz
Author URI: http://www.lazarklostermann.sk
Template: none
Version: 1.0
.
General comments/License Statement
.

[Table Of Contents]

0- Reset
1- Global
2- Links
3- Headings
4- Header
5- Navigation
6- Middle
7- Forms
8- Extras
9- Footer

*/ 
@import url('jScrollPane.css'); /* styles for scroll bars */
@import url('index.css'); /* styles for index page */
/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
@import url('reset.css'); 
/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
body { 
width: 100%;
line-height: 1; 
font: normal medium "Helvetica Neue", Helvetica, Arial, sans-serif; 
vertical-align: top; 
background: #000 url(../images/background-header.gif) no-repeat top center fixed;
color: #fff; 
} 
#wrapper {
width: 800px;
margin: 0 auto;
background: transparent;
}
.right { 
float: right; 
} 
.left { 
float: left; 
} 
.align-left { 
text-align: left; 
} 
.align-right { 
text-align: right; 
} 
.align-center { 
text-align: center; 
} 
.justify { 
text-align: justify; 
} 
.hide { 
display: none; 
} 
.clear { 
clear: both; 
} 
.bold { 
font-weight: bold; 
} 
.italic { 
font-style: italic; 
} 
.underline { 
border-bottom: 1px solid; 
} 
.highlight { 
background: #ffc; 
} 
img.centered { 
display: block; 
margin-left: auto; 
margin-right: auto; 
} 
img.alignleft { 
float: left; 
margin: 4px 10px 4px 0; 
} 
img.alignright { 
float: right; 
margin: 4px 0 4px 10px; 
} 
.clearfix:after { 
content: "."; 
display: block; 
clear: both; 
visibility: hidden; 
line-height: 0; 
height: 0; 
} 
.clearfix { 
display: block; 
} 
html[xmlns] .clearfix { 
display: block; 
} 
* html .clearfix { 
height: 1%; 
} 
.red {
color: #a8041e;
}
/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
a:link, a:visited { 
color: #a8041e; 
} 
a:hover, a:active, a.current, #download a:hover { 
color: #a8041e !important; 
}
.nav a, #download a {
color: #fff;
}
a.current, .nav a:hover {
color: #a8041e;
}
#download a {
text-decoration: none;
}
/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
h1 { 
font: 1.2em Arial, Geneva, Helvetica, sans-serif;
} 
h2 { 
font: 1.2em Arial, Geneva, Helvetica, sans-serif;
} 
h3 { 
font: 1.2em Arial, Geneva, Helvetica, sans-serif; 
} 
h4 { 
font: 1em Arial, Geneva, Helvetica, sans-serif; 
} 
h5 { 
font: 0.9em Arial, Geneva, Helvetica, sans-serif; 
} 
h1, h2, h3, h4, h5 {
letter-spacing: -1px;
}
/* =4 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
.header {
clear: both;
text-align: center;
text-transform: uppercase;
margin-bottom: 50px;
}
.header h2 {
margin-bottom: 10px;
font-size: 2em;
letter-spacing: ;
}
.header p {
font-size: 28px;
letter-spacing: -1px;
line-height: 24px;
}
.header img {
margin: 1em 0;
}
/* =5 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
.nav {
float: left;
width: 140px;

}
.nav ul {
list-style-type: none;
text-align: right;
}
.nav ul li {
margin-bottom: 1px;
padding-right: 2px;
}
.nav ul li a {
font-variant: small-caps;
text-decoration: none;
font-size: x-large;
width: 300px;
padding: 2px;
color: #fff;
}
/* =6 Middle 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
.content {
float: left;
width: 550px;
margin-bottom: 200px;
padding: 0 30px 0 60px;
background: transparent;
line-height: 1.4em;
}
.content h3 {
text-align: center;
margin: 1em;
}
.long {
overflow: auto;
width: 500px;
height: 385px;
padding-right: 40px;
text-indent: 1em;
}
.spacer {
clear: both;
height: 300px;
}
#photos {
width: 500px;
}
img.thumb {
margin: 1px;
padding: 5px;
background: #eee;
border: 1px solid #666;
}
img.thumb:hover {
background: #a8041e;
border: 1px solid #a8041e;
}
.quotes {
font-size: ;
color: #ccc;
}
p.home {
font-size: 1.1em;
line-height: 1.4em;
}
.credits {
width: 375px;
}
.dist {
width: 300px;
}
.dist h4 {
font-size: 1.2em;
}
.partners img {
width: 80px;
height: 80px;
padding-right: 8px;
}
#download {
width: 450px;
line-height: normal;
}
span.thumb {
float: left;
width: 100px;
height: 100px;
text-align: right;
}
#download p.thumbtext {
font-size: x-small;
}
/* =7 Form
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
span.labels {
width: 6em;
margin-right: 0.5em;
}
.submit {
margin-left: 4.5em;
}
.nobr {
white-space: nowrap;
}
/* comments
-----------------------------------------*/
/*div#usernotes {
background-color: transparent;
}
div#usernotes div.head, div#usernotes div.foot {
background-color: transparent;
padding: 4px;
}
div#usernotes div.head {
margin-bottom: 30px;
text-align: right;
}
div#usernotes div.foot {
}
div#usernotes div.foot a, div#usernotes div.head a {
background-color: transparent;
}
div#usernotes span.action {
float: right;
}
div#usernotes div.note {
margin: 0 2em 2em 0;
padding-top: 10px;
background: transparent url(../images/comment_top.png) no-repeat top left;
color: #000;
}
div#usernotes div.text {
padding: 2px 15px 2px 2px;
margin-top: 4px;
}
div#usernotes div.comment_bottom {
padding: 0 10px 40px 10px;
background: transparent url(../images/comment.png) no-repeat bottom left;
color: #666;
}
input, textarea {
border: none;
}
.small {
font-size: x-small;
}
.submit {
background: #eee;
color: #333;
border: 1px solid #666;
}
.comment_bottom .text {
width: 410px;
}*/
/* =8 Extra 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
#footer {
clear: both;
height: 300px;
}