/* ---------------------------------------------
GLOBAL.CSS

pink - dd319c
-----------------------------------------------*/
body {
	color: #FFF;
	background: #4f463e;
}
		
a { 
	text-decoration:none;
	color:#dd319c; 
}

a:hover { 
	text-decoration:underline;
} 

b, strong, .Bold{
	font-weight:bold;
}

i, em, .Italic{
	font-style:italic;
}

u, ins, .Underline{
	text-decoration:underline;
}

s, strike, del, .StrikeThrough{
	text-decoration:line-through;
}

sup, .Superscript{
	vertical-align:top;
}

sub, .Subscript{
	vertical-align:bottom;
}

h1 a
{
	display:block;
	text-indent: -5000px;
	width:143px;
	height:134px;
	background:url(../images/template/logo.png);
	overflow:hidden;
	margin:10px 30px 10px 0px;
	float:left;
}

form li,
form p{
	margin-bottom:3px;
}

label{
	display:block;
}

label em{
	color:#ff0000;
}

.text{
	width:300px;
	padding:2px;
	border:1px solid #726B65;
}

.med {
	width: 130px;
}

textarea{
	width:300px;
	height:100px;
	padding:2px;
	border:1px solid #726B65;
}

.button {
	width: auto;
	overflow: visible;
}
/*clear floats*/
#content:after{
	content: '.';
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
}
/* ---------------------------------------------
HEADERS
-----------------------------------------------*/

h2 { /* Only used for individual project titles */
	font-family:"Times New Roman", Times, serif;
	display:inline-block;
  font-size:1.6em;
	background:#FFF;
	color:#47141B;
	padding:8px 12px;
	margin-left:187px;
}

h2 a {
	color: #47141B;
}

.pagetitle {
	margin-bottom: 15px;
}

h3 {
	font-family:"Times New Roman", Times, serif;
	color:#47141B;
	font-size: 1.4em;
	margin-bottom:15px;
}

h2 a {
	color: #47141B;
}

.sidebar h2 {
	color: #4F463E;
}

h4 {
	font-family:"Times New Roman", Times, serif;
	font-size: 1.4em;
}

h4.image_strip_title {
  clear:both;
  margin-bottom:10px;
}

h5, h6 {
	font-family:"Times New Roman", Times, serif;
	font-size: 1.2em;
}

/* ---------------------------------------------
CONTENT AREAS
-----------------------------------------------*/

#wrapper {
	width:970px;
	margin:0 auto;
	font-size:1.2em;	
}

#content {
	padding:10px;
	background:#FFF;
	color:#4f463e;
	clear: both;
}

#content p, .project_info p	{
	line-height:2.0em;
}

.content_left {
	width:455px;
	float:left;
	padding:5px 15px 10px 10px;
}

.post_content {
	width: 690px;
	float: left;
	overflow: hidden;
	padding:5px 15px 10px 10px;
}

.content_left ul,
.content_left ol{
	margin:10px 0px;
	padding:0px 0px 0px 1em;
	line-height: 2em;
}

.content_left ul li{
	list-style: disc;
	margin-bottom: 5px;
}

.content_left ol li{
	list-style: decimal;
}

.content_right {
	width:470px;
	float:left;
}

.sidebar {
	display: inline;
	width: 200px;
	float: right;
	padding: 5px 0px;
}

.content_right li {
	margin: 0px 0px 15px 0px;
}

/* ---------------------------------------------
HOMEPAGE
-----------------------------------------------*/

div.home_image {
	float:left;
	width:790px;
	overflow:hidden;
	height:470px;
	font-family:"Times New Roman", Times, serif;
	font-size:17px;
}

div.home_image ul li {
	position:relative;
	overflow:hidden;
	height:470px;
}

div.home_image ul li a span.box {
	display:block;
	width:790px;
	height:470px;
	position:absolute;
	background: url(../images/template/png-90.png);
	top:470px;
	left:0;
}

div.home_image ul li a span.box span {
	position:absolute;
	top:10px;
	left:10px;
	padding-right:10px;
}

div.home_image ul li a:hover {
	cursor:pointer;
	text-decoration:none;
}

/* ---------------------------------------------
INDIVIDUAL PROJECT PAGE STYLES
-----------------------------------------------*/

.project_info {
	margin-left:0px;
	padding-left:10px;
	border-left:1px solid white;
	position:relative;
}

.project_info h2 {
	margin:0 0 15px -10px;
	padding:5px 7px;
}

.project_info a {

	}

/* Prev and next */

.project_info ul {
	position:absolute;
	left:535px;
	width:255px;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	background-color: #fff;
	padding: 0px 5px 5px 5px;
}

.project_info ul li {
	float:left;
}

.project_info ul li a {
	background-color:#DD319C;
	color: #fff;
	float: left;
	width: 115px;
	padding: 5px;
	text-align: center;
}

.project_info ul li.first a {
	margin-right: 5px;
}
/* Project gallery */

.gallery_image {
	float:left;
	width:790px;
	min-height:500px;
	height:auto !important;
	height:500px;
}

.gallery_image img{
	display:block;
}

.sidebar_nav {
	float:right;
	width:150px;
}

/*--------------*/

.project-image {
	float:left;
	width:526px;
	min-height:500px;
	height:auto !important;
	height:500px;
}

.project-sidebar {
	float:right;
	width:415px;
}

.project-options {
	float:left;
	width: 150px;
	
}

.project-details {
	float: right;
	width: 235px;
	padding: 10px;
	min-height:480px;
	height:auto !important;
	height:480px;
	background: #615A50;
	color: #fff;
}


/* ---------------------------------------------
IMAGE STRIP WITH ROLLOVER
-----------------------------------------------*/

ul.image_strip {
	width:960px;
	overflow:hidden;
	clear:both;
	font-family:"Times New Roman", Times, serif;
	font-size:120%;
	margin:0px -10px -10px 0px;
}

.sidebar_nav ul.image_strip,
.project-sidebar ul.image_strip {
	width:150px;
}

ul.image_strip li {
	float:left;
	border-right: 10px solid #fff;
	border-bottom: 10px solid #fff;
	background:#e1e1e1;
}

.sidebar_nav ul.image_strip ,
.project-sidebar ul.image_strip {
	margin-right:0;
}

ul.image_strip li a {
	display:block;
	width:150px;
	height:150px;
	position:relative;
	overflow:hidden;
}

ul.image_strip li a:hover {
	text-decoration:none;
	cursor:pointer;
}

ul.image_strip li a span.box {
	display:block;
	width:150px;
	height:150px;
	position:absolute;
	background: url(../images/template/png-90.png);
	top:150px;
	left:0;
}

ul.image_strip li a span.box span {
	position:absolute;
	bottom:10px;
	left:10px;
	padding-right:10px;
}


ul.image_strip li a span.box span strong {
	color:#FFF;
	font-weight:normal;
}

.sidebar_nav a.view-all-images,
.project-sidebar a.view-all-images {
	color:#FFFFFF;
	display:block;
	padding: 4px 2px 4px 5px;
	position:relative;
	text-align: center;
	top:8px;
	font-family: "Times New Roman",Times,serif;
	font-size: 1.1em;
	background-color: #DD319C;
}

a.return-to-project{
	background-color:#DD319C;
	color:#FFFFFF;
	display:block;
	margin:10px 0px 10px -10px;
	padding: 4px 2px 2px 15px;
	width: 100px;
	}

/* 3 Homepage boxes */

#home ul.image_strip {
	margin-bottom:10px;
}

#home ul.image_strip li {
	width:310px;
	height:310px;
} 

#home ul.image_strip li a span.box {
	width:310px;
	height:310px;
	top:310px
}

#home ul.image_strip li a span.box span {
	position:absolute;
	bottom:10px;
	left:10px;
	padding-right:10px;
}


/* ---------------------------------------------
TEXT BOX STRIP WITH ROLLOVER
-----------------------------------------------*/

ul.textbox_strip {
	width:950px;
	overflow:hidden;
	clear:both;
	font-family:"Times New Roman", Times, serif;
	font-size:17px;
}

.sidebar_nav ul.textbox_strip {
	width:150px;
}

ul.textbox_strip li {
	float:left;
	margin-right:10px;
	width:150px;
	height:150px;
	position:relative;
}

.sidebar_nav ul.textbox_strip li {
	margin-right:0;
}

.sidebar_nav ul.textbox_strip li.last {
	margin-bottom:0;
}

ul.textbox_strip li a {
	display:block;
	width:150px;
	height:150px;
	overflow:hidden;
	background:#e1e1e1;
	color:#2d2926;
}

ul.textbox_strip li a:hover{
	display:block;
	width:150px;
	height:150px;
	background:#2d2926;
	color:#dd319c;
	text-decoration:none;
}

ul.textbox_strip li.last {
	float:left;
	margin-right:0;
}

ul.textbox_strip li span {
	position:absolute;
	bottom:10px;
	left:10px;
	padding-right:10px;
}

/* ---------------------------------------------
NAVIGATION
-----------------------------------------------*/

.navigation {
	position: relative;
	width:787px;
	padding:0 0 32px 10px;
	overflow:hidden;
	font-size:16px;
	font-family:"Times New Roman", Times, serif;
	float: left;
	margin: 85px 0 0;
}

#home ul.navigation {
	padding:0 0 10px 10px;
	background:url(../images/template/nav_home.gif) left repeat-y;
}

ul.navigation li {
	float:left;
	position:relative;
}

ul.navigation li a {
	color:#FFF;
	display:block;
	padding:12px 36px 9px 10px;
	border-left:1px solid #726b65;
}

ul.navigation li a:hover, ul.navigation li.on a {
	color:#dd319c;
	border-left:1px solid #FFF;
	text-decoration:none;
}

ul.navigation li ul {
	width: 900px;
	position: absolute;
	top: auto;
	left: 0px;
	display:none;
}

ul.navigation li li {
	display: inline;
	position: static !important;
}

ul.navigation li ul li a, ul.navigation li.on ul li a {
	font-size:14px;
	color:#89837e;
	padding:8px 7px;
	border-left:none;
}

ul.navigation li ul li a:hover,
ul.navigation li ul li.on a {
	background:#FFF;
	color:#dd319c;
	border-left: none;
}

ul.navigation li ul li:first-child a,
ul.navigation li ul li.first-child a,
ul.navigation li ul li:first-child a:hover,
ul.navigation li ul li.first-child a:hover {
	border-left:1px solid #fff;
}

ul.navigation li.on ul {
	display:block;
}

/* ---------------------------------------------
CONTENT
-----------------------------------------------*/

#contactForm {
	background-color:#47141B;
	float:right;
	margin:-10px 0 0 15px;
	padding:15px 30px 15px 30px;
}
#contactForm h3 {
	color:#fff;
	font-size: 1.6em;
	margin-bottom: 20px;
}

#contactForm label {
	padding: 3px;
	font-size: 1.1em;
	color:#fff;
}

#contactForm .text, textarea {
	padding: 5px;
	border: 1px solid #47141B;
}

#contactForm .button {
	background-color: #DD319C;
	border:1px solid #DD319C;
	color:#FFF;
	padding:5px 10px;
	font-size:1.1em;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
/* ---------------------------------------------
FOOTER
-----------------------------------------------*/

ul.footer {
}

ul.footer, ul.footer li a {
	color:#87827c;
}

ul.footer li {
	float:left;
	margin-right:20px;
	padding:20px 0;
}

/* ---------------------------------------------
MISC
-----------------------------------------------*/
.loading{
	background:url(../images/ajax-loader.gif) center center no-repeat;
}

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

.error{
	color:#ff0000;
	font-size:90%;
}


/*******
* Wordpress
******/

.post_content .navigation {
	margin: 5px 0px;
	padding:5px 0px;
	width: 700px;
}

.post_content .navigation .alignleft {
	float: left;
} 

.post_content .navigation .alignright {
	float: right;
}

.wp-tag-cloud {
	margin:10px 0px;
	text-align: center;
}

.wp-tag-cloud li {
	padding: 5px;
	display: inline;	
}

.post_content .post {
	border-bottom:1px dotted #ccc;
	margin-bottom: 20px;
}

.post h2 {
	font-size: 20px;
	display: block;
	margin: 10px 0px 5px 0px;
}

#respond h3 {
	margin: 5px 0px;
}

.entry {
	margin: 10px 0px;
}

.entry p {
	text-align: left;
	font-size: 1.1em;
	line-height: 1.8em;
}

.entry ul {
	line-height: 2em;
	margin: 10px;
}

.entry ul li {
	list-style-type: disc;
	}

.sidebar ul li {
	padding-bottom: 20px;
}

.sidebar ul li ul {
	margin: 10px;
}

.sidebar ul li ul li {
	padding: 5px 0px;
}

#searchform {
	line-height: 25px;
}

#searchsubmit {
	padding: 3px 6px;	
}

#searchform label {
	font-weight: bold;
}

#searchform #s {
	background-color:#EFE7E0;
	border:2px solid #4F463E;
	margin-bottom:10px;
	padding:4px;
	width:90%;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	}