/*
Theme Name: Lifespan Design Studio
Theme URI: http://www.creekjumpercreations.com
Description: Custom Theme For Lifespan Design Studio
Author: Creekjumper Creations (Jesse Murphy)
Author URI: http://www.creekjumpercreations.com
Version: 2.5
*/

/* 

THEME COLORS:

Grey: #e6e6e6;

Blacks: #282828;

Red: #820024;

*/

/* Main Styles */

body, html {
background: #e6e6e6;
color: #282828;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;

}

a {
color: #282828;
text-decoration: underline;
}

a:hover {
color: #820024;
}

#wrapper {
width: 947px;
margin: 0px auto;
background: url(images/main_bg.png) repeat-y;
}

.container {
padding: 35px 50px;
}

#header {
margin-bottom: 12px;
}

#sidebar {
float: left;
width: 273px;
padding-top: 14px;
}

#main_content {
float: right;
width: 535px;
padding-top: 10px;
padding-bottom: 25px;
line-height: 18px;
}

#footer {
width: 947px;
margin: 0px auto;
height: 49px;
background: url(images/footer_bg.png) no-repeat;
font-size: 11px;
}

#footer .contact {
padding-left: 358px;
line-height: 37px;
}

/* Content */

h1 {
font-size: 14px;
font-weight: bold;
padding: 0 0 4px 0;
}

h2 {
font-size: 13px;
font-weight: bold;
color: #820024;
padding: 4px 0; 
}

h3 {
font-size: 12px;
font-weight: bold;
color: #282828;
padding: 0 0 8px 0;
}

h4 {
font-size: 12px;
font-weight: bold;
color: #000000;
padding: 0 0 8px 0;
}

p { 
margin: 0px 0px 10px 0px; 
}

.main_list ul {
padding: 0 0 8px 14px;
list-style-type:  square;
}

.main_list ul ul {
padding: 0 0 8px 14px;
list-style-type:  none;
}

.red {
color: #820024;
font-weight: bold;
}

.project_list ul {
padding: 0 0 8px 14px;
list-style-type:  none;
}

.project_list ul ul {
padding: 0 0 8px 0px;
list-style-type:  none;
}

.box strong {
color: #820024;
}

.box p {
padding-left: 18px;
}

/* Sidebar */

#nav {
padding-left: 100px;
}

ul#menu {
margin: 0;
text-transform: lowercase;
}

ul#menu li {
list-style: none;
margin-bottom: 6px;
padding-left: 2px;
}

ul#menu li a {
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color: #282828;
font-weight: bold;
padding: 8px 16px 8px 8px;
display: block;
border-left: 2px solid #fff;
}

ul#menu li a:hover {
background: #e6e6e6;
border-left: 2px solid #820024;
}

ul#menu li a.active {
background: #e6e6e6;
border-left: 2px solid #820024;
}

.spotlight {
margin-top: 21px;
margin-left: 100px;
border: 1px solid #ccc;
background: #e6e6e6;
padding: 10px;
}


.spotlight p {
padding: 0;
margin: 0;
line-height: 18px;
}

.spotlight img {
padding-bottom: 4px;
}

.spotlight li {
padding: 3px 0;
}

strong.spotlight_projct {
padding: 8px 0;
}

.spotlight_project {
margin-left: 46px;
padding: 0 8px;
}

.spotlight_project ul {
list-style: disc;
padding-top: 6px;
margin-left: 14px;
}

.spotlight_project li {
padding: 0 0 0 10px;
margin-left: 22px;
line-height: 16px;
}

.main_light {
margin: 21px 0 21px 0;
border: 1px solid #ccc;
padding: 10px;
}

.main_light h5 {
color: #820024;
size: 13px;
font-weight: bold;
padding: 0;
margin: 0 0 10px 0;
}

.main_light img {
margin-bottom: 10px;
}

.main_light p {
padding: 0;
margin: 0;
line-height: 18px;
}
.resume {
height: 28px;
}

.view_resume {
padding: 4px 0;
text-decoration: none;
}
.spotlight_title {
font-weight: bold;
margin-bottom: 10px;
}

/* Misc. */

.fl {
float: left;
}

.fr {
float: right;
}

.clear {
clear: both; 
}

.newsletter {
margin: 0 12px 12px 0;
float: left;
text-align: center;
}

.newsletter img {
border: 1px solid #ccc;
}

/* caption styling */

.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 1.2em;	
	font-weight: bold;
	font-size: 13px;	
	font-family: arial;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
   border-width: 8px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
br.c { clear: both; }


/*Wordpress*/

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}