@charset "UTF-8";
/* CSS Document */
/*Theme Name: All These Worlds LLC Custom Wordpress Theme
Theme URL: http://http://alltheseworldsllc.com/
Description: custom Wordpress theme for All These Worlds LLC by Jen Wohlner
Version: 1.0
Author: Jen Wohlner
Author URL: http://jenwohlner.com/work
*/

/* RESET */
body, h1, h2, h3, h4, h5, ul#sidebar, ul.widgets, li, ul#sidebar li ul, ul.children, ul#footercol li ul,
div#submenu-nav ul, div#submenu-nav ol, form, img, table {
	margin:0;
	padding:0;
	border: 0;}
.clear {clear:both;}

/* LAYOUT */
html {
	-webkit-font-smoothing: antialiased;
}
html, body {
	margin:0;
	padding:0;
	height:100%;
	background: url(images/background.jpg) repeat-x top left #bbb9b6;
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:150%;
	color:#323232;}
body.home{
	background: url(images/home-background.png) repeat-x top left #bbb9b6;}
div#site { 
	width: 100%;
	min-height:100%;
   	position:relative;}
div#wrap {
	width: 960px;
	margin: 0 auto;
	overflow:hidden;
	position:relative;}

/* FONTS */
a, a:hover, a:visited{
	text-decoration:underline;
	color:#323232;}
h1{
	font-family:Helvetica, Arial, sans-serif;
	font-size:30px;
	text-transform:uppercase;
	color:#303442;
	font-weight:bold;
	line-height:1em;}
div#tag h1{
	line-height:1.2em;}
h2{
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	text-transform:uppercase;
	color:#1555a5;
	font-weight:bold;}
h2.mar-bot{margin-bottom:.3em;}
h2 a, h2 a:hover, h2 a:visited{color:#1555a5;}
div#tag p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	color:#1555a5}

p.button a, p.button a:hover, p.button a:visited{
	text-decoration:none;
	color:#ffffff;
	text-transform:uppercase;
	padding:7px 10px;
	background:#198fde;}
	
/* Header */
div#header {
	width: 960px;
	height: 262px;
	padding: 0;
	margin: 0;
	float: left;
	background: url(images/header-background.png) no-repeat top right;}
img.logo{
	width:300px;
	height:178px;
	margin:20px 0 20px 90px;
	float:left;}
div#social{
	height:32px;
	width:113px;
	margin:174px 7px 14px 450px;
	float:left;}
div#social img{
	width:32px;
	height:32px;
	margin:0 3px 0 0;}
div#main-nav {
  width:960px;
  height:42px;
  float:left;
  background:url(images/nav-background.png) no-repeat top left;}
div#main-nav div{
	float:left;
	width:160px;
	height:42px;
	text-align:center;
	line-height:42px;}
div#main-nav a {
  font-size:18px;
  font-weight:bold;
  color:#f0eded;
  text-decoration:none;}
	
/* FOOTER */
div#footer{
	height:40px;
	float:right;
	padding-top:20px;}
div#footer a, div#footer a:hover, div#footer a:visited{
	text-decoration:none;}
	
/* Homepage Spotlight */
div#slider{
	width:630px;
	height:320px;
	float:left;
	margin:23px 20px 0 0;
	overflow:hidden;}
#slideshow > div { 
    position: absolute;
	width:630px;
	height:320px;
	top:0;
	right:0;
}
div#tag{
	width:310px;
	height:270px;
	float:right;
	margin:23px 0 0;
	padding:50px 0 0;}

	
/* Main Content */
div#content{
	width:960px;
	float:right;
	margin-top:20px;
	min-height:400px;}
div#content.front{
	margin-top:10px;
	min-height:50px;
	text-align:justify;}

/* Solutions List */
div.project{
	width: 960px;
	float:left;
	overflow:hidden;
	padding:1em 0;}
div.project img{
	width:300px;
	height:200px;
	float:left;
	margin-right:20px;}
div.project > div{
	width:640px;
	float:left;
	margin:0;
	padding:10px 0;}
	
/* Project/Solution Page */
div.media{
	width:960px;
	float:left;
	margin-bottom:1.2em;}
div.prj-img{
	width:180px;
	height:120px;
	overflow:hidden;
	float:left;
	margin:0 10px 10px 0;}
img.prj-th{
	max-width:240px;
	height:auto;
	}
		
/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin: 10px 20px 10px 0;}
.alignright {
	display: inline;
	float: right;
	margin: 10px 0 10px 20px;}
.aligncenter {
	clear: both;
	display: block;
	margin: 10px auto;}
td{
	vertical-align:top;}
td img.alignleft{margin-top:0;}
table{margin:10px auto 10px;}