/*
Theme Name: Imagination
Theme URI: http://kevlil.com/
Description: Theme created for kevlil.com
Author: Kevin Lilienthal
Version: 1.0
*/

/*
Theme Colors

WHITE 		#FFFFFF
SKY BLUE	#E2F7FF
LIGHT GRAY	#A6BABD
LIGHT BLUE 	#CEEAFE
RED 		#EF3C39
DARK BROWN 	#3D3838
LIGHT BROWN	#9A9494

*/


/* Imports */
@import url("styles/reset.css");

@font-face {font-family:CartoGothicStd-Bold; src:url("fonts/CartoGothicStd-Bold.otf")}
@font-face {font-family:CartoGothicStd-Book; src:url("fonts/CartoGothicStd-Book.otf")}
@font-face {font-family:CartoGothicStd-BoldItalic; src:url("fonts/CartoGothicStd-BoldItalic.otf")}
@font-face {font-family:CartoGothicStd-Italic; src:url("fonts/CartoGothicStd-Italic.otf")}

/* Global Styles */

* {margin: 0;}

body, html {display:block; height:100%; margin:0 !important; padding:0;}
body {font-family:Helvetica, Arial, sans-serif; font-size:14px; font-weight:normal; color:#3D3838; background-color:#E2F7FF;}
header,nav,article,aside,footer {padding:2em; display:block;}
object {display:block;}
ul {display:block;}

#bodywrap {position:relative; width:auto; height:100%; margin:0 auto; padding:0; background-image:url(images/gradient-background.png); background-repeat:repeat-x; background-position:left bottom; overflow:hidden;}
#contentwrap {position:relative; overflow:hidden; width:960px; height:100%; margin:0 -65px 10px 0; background:#FFF; border-right:3px solid #A6BABD; -webkit-box-shadow:5px 3px 5px #888; -moz-box-shadow:5px 3px 5px #888; box-shadow:5px 3px 5px #888; behavior:src(PIE.htc);} 
nav {width:auto; border-top:solid thin #bbb; border-bottom:solid thin #bbb; clear:both;}
h1, h2, h3 {font-family:CartoGothicStd-Book, Helvetica, Arial, sans-serif; font-weight:bold; margin:5px 0; color:#A6BABD;}
h1 {font-size:2.2em;}
h2 {font-size:2.0em;}
h3, h4, h5, h6 {font-size:1.1em;}
a {text-decoration: none}
a:link, a:visited, a:hover, a:active {color:#EF3C39;}
p {margin-bottom:10px; line-height:normal;}

aside {position:relative; float:left; z-index:100; width:220px; margin:0; padding:40px 10px 100px 10px; background-color:#FFF;}
aside header {width:auto; padding:0; text-align:right;}
aside header h1 {text-align:right; text-transform:uppercase}
aside header h2 {font-size:1.2em; font-weight:normal; text-align:right; text-transform:uppercase}

header a:link, header a:visited, header a:hover, header a:active{color:#A6BABD;}

footer{position:relative; width:960px; margin:0; height:65px; padding:0; background-color:#EFEFEF; border-right:3px solid #A6BABD; clear:both; z-index:200;}
footer > ul{width:auto; margin:0 auto; padding:20px 20px; border-top:1px solid #bbb; text-align:right;}

.hidden {display:none;}
.visible {display:block;}

.section{position:relative; float:right; display:block; width:640px; min-height:100%; height: auto !important; height: 100%; margin:0; padding:20px 15px 100px 45px; background-color:#FFF; border-left:3px solid #A6BABD; z-index:5;}

.post-list {min-height:100%; height: auto !important; height:100%;}
.post-list li {display:block; padding:10px 10px; border-bottom:1px dotted #999;}

.single-post h1, .single-post h2 {color:#9A9494;}
.single-post h3 {color:#9A9494; font-size:.9em;}

.clear {clear:both; content:' '; display:block; height:0; visibility:hidden;}