/*
Theme Name: Relevant Media ajaxed
Theme URI: http://relevantmedia.org
Description: A theme completely stripped of all styling. Functionality is based on the kubrick theme.
Version: 5.0
Author: Ryan Strandt
Author URI: http://relevantmedia.org
Tags: blankSlate, no style, clean, empty
*/

@import "style/reset.css";
@import "style/search.css";
@import "style/comments.css";

/*Utility**/
.alignright {float:right;}
.alignleft {float:left;}
.aligncenter {display:block; margin:0 auto;}
.clear {clear:both;}

/*Img*/
img.alignright {float:right; margin:10px;}
img.alignleft {float:left; margin:10px;}

/*Typography + Colors*
	[darkblue: 355881 / lightblue1: acc8e7 / lightblue2: cadcf0 / highlight: 4576ff / brown: 94765a ]
**/
* {font-family:Verdana, Arial, sans-serif;}
body {background:url('images/body.jpg') fixed #acc8e7; color:#333; font-size:80%;}

a {color:#355881;}
a:hover {color:#fff;}
p {line-height:16px; padding:10px 0 5px 0;}
blockquote, blockquote p {color:#355881; font-size:14px; font-weight:bold; font-style:italic; line-height:20px; padding:10px;}

.description {font-size:12px;color:#fff;}
.entry {margin:10px 0;}

#nav li {list-style:none;font-size:18px;text-transform:lowercase;float:right;letter-spacing: 2px;}
#nav a {text-decoration:none;color:#eee;}
#nav a:hover {color:#355881;}
#subnav {text-transform:uppercase;}
#subnav a {color:#fff;text-decoration:none;font-size:12px;width:200px;}
#subnav a:hover {color:#355881;}

h1 {border-right: 2px solid #355881; font-size:18px; margin-top:12px; width:200px;}
h2 {color:#355881; font-size:16px; font-weight:bold; margin:20px 0 10px 0;}
h2 a {text-decoration:none;}
h3 {font-size:.9em;}
h4 {font-size:12px; margin:10px 0 0 0;}

small, .small {font-size:10px;}
.postmetadata {color:#666; font-size:10px; margin:10px;}

.author {font-weight:bold;}

/*end typography**/

/*Structure**/
#topbar {background:url('images/top-bar.jpg') repeat-x; height:40px;}
#slogan {background:url('images/slogan.jpg') no-repeat; height:40px; width:340px;}
#page {margin:40px 0 0 100px;}
#content {margin:100px 0 175px 450px; width:600px;}

.description {padding:10px;}
.post {margin-top:30px;}
.navigation {margin-top:20px;}

#nav {width:220px;margin:0 80px 0 150px;}
#nav ul {float:right;margin:20px 0 0 0;}
#nav li {padding-bottom:20px;}
#subnav {margin:0 0 50px 0; padding-top:10px; border-top:solid 1px #355881;}
#subnav ul {margin:10px 0px;}
#subnav li {display:inline; margin:0; padding:0 10px; border-left:solid 1px #355881;}

/* Lists */
ul {margin:10px 20px;}
li {font-size:12px; padding:5px; list-style-type: disc;}
/*end lists*/

#footer {
background:transparent url('images/footer-bg.png') repeat-x scroll 0 0;
bottom:0;
height:175px;
left:0;
position:fixed;
text-align:right;
width:100%;
}
#footer_left {
background:transparent url(images/foot-bg-1.png) no-repeat scroll 0 0;
bottom:0;
height:175px;
left:0;
position:absolute;
width:553px;
}
#footer_right {
background:transparent url(images/foot-bg-2.png) no-repeat scroll 0 0;
bottom:0;
height:100px;
right:0;
position:absolute;
width:153px;
}
#footer p {font-size:10px; margin:150px 150px 0 0;}

/*end structure**/