/*
Theme Name:		Sideways Portfolio
Theme URI: 		http://www.egracecreative.com/
Version: 		0.8.0
Description: 	A horizontally-scrolling theme with a dark background, designed especially for portfolios.
Author: 		Brandon Cox/ with modifications by Michael Shedd of CurrentDose
Author URI:		http://www.egracecreative.com/
Tags:			horizontal scroll, dark, grunge, portfolio

Copyright 2009 Brandon Cox. <http://www.egracecreative.com> All rights reserved.
Sideways Portfolio is licensed under the terms of the GNU General Public License version 2.
*/

/* Blue: #2b4248; Gray: #c9caca; */

body { background-image:url('images/background.jpg'); url(images/page-bg.jpg) fixed top left no-repeat; margin: 0px; padding: 0px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;} /*Georgia, "Times New Roman", Times, serif;*/ height: 660px; font-size: 90%; } /* Setting the height forces contained elements to fit. */



/*
above is for the original background

body { background: #F0F8FF url(images/page-bg.jpg) fixed top left no-repeat;
 */



/* Some Resets */

a img { border: 0px; }
h1 a { color: #990; }
a { color: #000; text-decoration: none; }
a:hover { color: #666666; }
p, li { line-height: 150%; }
p, h1, h2, h3, h4, h5, h6, h7, ul { margin-top: 0px; }
h1 { color: #000; font-size: 1.5em; font-weight: normal; }
h2 { font-size: 1.4em; text-transform: uppercase; font-weight: normal; }
h3 { font-size: 1.2em; }
 
/* change the height below*/

#container { height: 660px; width: 3530px; } /* Change this width depending on how many posts you want to display. */
#container.single { width: 900px; }

/* Header */

#header { float: left; margin: 22px 0px; width: 100%; background: url(images/title.jpg) no-repeat; height: 91px; color: #2b4248; position: fixed; left: 0; }

/* Header's Title / Logo Area */

#header div.title { margin: 26px 20px 0px 30px; float: left; display: inline; overflow: hidden; font-size: 2.4em; color: #2b4248; }
#header div.title a { text-decoration: none; font-weight: normal; color: #2b4248; }
#header div.title a:hover { color: #37565e; } /*<-changed this already*/

/* Header Page Links */

#header div.pages { float: left; display: inline; overflow: hidden; margin: 50px 20px 0px 176px; text-transform: upercase; font-weight: bold; }
#header div.pages ul { margin: 0px; padding: 3px; list-style: none; }
#header div.pages ul li { float: left; display: inline; margin-right: 20px; list-style: none; font-size: 0.05 em; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; padding: 0px; }
#header div.pages ul li a { color: #000; text-decoration: none; padding-top: 6px; }
#header div.pages ul li a:hover { color: #d92f33; padding-top: 3px; /*border-top: 3px #111 solid;*/ }

#content { margin: 165px 0px 20px 0px; float: left; height: 380px; padding: 0px 100px 0px 30px; color: #666666; } /*<-green (#990O to the left #c9caca*/

#content .box-half { float: left; width: 180px; height: 334px; padding-top: 44px; position: relative; margin-right: 20px; font-size: 90%; overflow: hidden; text-align: right; display: inline; }
#content .box { float: left; display: inline; width: 400px; height: 378px; position: relative; margin-right: 40px; /*border-bottom: 2px solid #c9caca;*/ overflow: hidden; }
#content .box-wide { float: left; display: inline; width: 720px; height: 378px; position: relative; /*border-bottom: 2px solid #c9caca;*/ overflow: hidden; }

/* Images and Captions Within Posts */

#content p.wp-caption-text { text-align: center; font-size: 0.8em; line-height: 135%; margin: 0px; padding: 3px 0px; }
#content img.alignnone { margin: 0px 10px 10px 0px; }
#content div.alignleft, #content img.alignleft { float: left; margin: 0px 20px 15px 0px; }
#content div.aligncenter, #content img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; clear: both; }
#content div.alignright, #content img.alignright { float: right; margin: 0px 0px 15px 20px; }

#footer { color: #666666; float: left; position: fixed; left: 0; margin: 530px 0px 0px 228px; }