/*
Theme Name: For Arts Sake Theme
Theme URI: http://forartssakemedia.com
Description: The Official Theme of ForArtsSakeMedia.com
Version: 2.0
Author: Ross Beyeler
*/

body {
  background: url(images/body-bg1.png);
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif, Courier;
}

p {
  font-family: Arial, Helvetica, sans-serif, Courier;
  font-size:12px;
}

a {
  color:#000;
  text-decoration:underline;
}
form {
  margin: 12px 0 0 0;
  padding: 0;
}

blockquote {
  margin: 12px 12px 0 30px;
  padding: 0px 0 0 0;
  font-size: 12px;
  color: #222;
  font-weight: normal;
  font-style: italic;
  letter-spacing: normal;
}

/*************** Clear Elements to Support IE6 *******************/

.clearit {
  clear: both;
  height: 0;
  overflow: hidden;
}

/* Structural Elelemts */

#wrapper {
  position: relative;
  width:100%;
  height:auto;
  margin:0 auto;
  padding:0;
  text-align:center;
}

#folio {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 850px;
  height: auto;
  text-align: left;
}

/************** Sitewrapper *****************/

#sitewrapper {
  width: 850px;
  height: auto;
  margin:0px;
  padding: 10px 0 0 0;
  text-align: left;
}

/* Header */

#header {
  width:850px;
  margin:0px;
  padding:0px;
}

/* Manifesto Module */

#manifesto {
  width:350px;
	height:164px;
  margin:0px;
  padding:0px;
  float:right;
}

#manifesto h1{
  margin:0px;
  padding:2px 0 2px 5px;
  background:#ff0066;
  color:#fff;
  font-size:16px;
}
#manifesto p {
  margin:0px;
  padding:5px 2px 5px 5px;
  font-size:11px;
  background:#fff;
  color:#000;
}
#manifesto p.man_readmore {
  margin:0px;
  padding:2px 5px 2px 0;
  background:#000000;
  color:#fff;
  text-align:right;
}
#manifesto a {
  color:#fff;
  text-decoration:none;
}

/* Logo and Navigation */ 
#logo_nav_wrapper {
  width:495px;
  height:135px;
  margin:0px;
  padding:0px;
  float:left;
}

#logo {
  margin:0px;
  padding:0px;
  float:left;
}
#logo img {
  float:left;
  margin-right:5px;
  border:none;
}
#logo h1 {
  margin:60px 0 0 0;
  padding:0px;
  color:#fff;
  font-size:28px;
}

/* Navigation */
#navbar {
  margin:1px 0 0 0;
  padding:0px;
  float:left;
}
#navbar ul {
  margin:9px 0 0 0;
  padding:0px;
  list-style-type: none;
  text-align:left;
 }
#navbar li {  
  margin:0px;
  padding:5px 30px 5px 30px;
  display:inline;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
  background:#ff0066;
  text-align:center;
}
#navbar ul li a {
  color: #fff;
  text-decoration: none;
}
#navbar ul li a:hover {
  color: #000;
  text-decoration: underline;
} 

/******************** Main Content Area **************************/
#main {
  width:850px;
  margin:0px;
  padding: 0 0 12px 0;
  background: #fff;
  text-align: left;
}

.content_main {
  width: 850px;
  margin: 0;
  padding: 5px 0 0 0;
  text-align: left;
}
.content_main img {
  border:none;
}
.content_main p {
  text-align:left;
}

/* Text Banner */

#text_banner {
	height:20px;
  margin:0px;
  padding:5px 0 5px 5px;
  background:#f4f2ed;
} 
#text_banner h2{
  margin:0px;
  padding:0px;
  font-size: 20px;
  font-weight:normal;
}

.text_banner_left {
	margin:0px;
	padding:0px;
  float:left;
}
.text_banner_right {
	margin:0px;
	padding:0 5px 0 0;
  float:right;
}
.text_banner_right ul {
	margin:0px;
	padding:0px;
}
.text_banner_right li {
	margin:0px;
	padding:0px 5px 0 0px;
	display:inline;
}
.text_banner_right p {
	margin:0px;
	padding:0 0px 0px 0;
	font-size:12px;
}
.text_banner_right img {
	margin:0px;
	padding:0px 0 0 0px;
	border:none;
}
.text_banner_right a {
	text-decoration:none;
}

/* Index Content */
#content_left {
  float: left;
  width: 390px;
  height: auto;
  margin: 0;
  padding: 0 15px 0 15px;
  border-right: 1px solid #eee;
}

#content_right {
  float: right;
  width: 395px;
  height: auto;
  margin: 0 20px 0 0;
  padding: 0 0 0 5px;
}

.product_hr {
  width:820px;
  height:1px;
  margin: 0 0 0 15px;
  padding:0px;
  color:#eee;
}

#content_left_bot {
  float: left;
  width: 390px;
  height: auto;
  margin: 0;
  padding: 0 15px 0 15px;
}

#content_right_bot {
  float: right;
  width: 395px;
  height: auto;
  margin: 0 20px 0 0;
  padding: 0 0 0 5px;
}
#blog_summary {
  margin: 0 0 0 15px;
  padding:0px;
}
#blog_summary h2 {
  font-size:18px;
}
#blog_summary h3 {
  font-size:12px;
}

.postmeta {
  font-size:10px;
  color:#666;
}

/* Post Content */ 
#post_content {
  margin:0px;
  padding:0px;
  width:630px;
  float:right;
}
.post_heading {
  margin:0px;
  padding:0 0 0 5px;
  border-left:5px solid #ff0066;
}
.post_heading h2 {
  margin:0px;
  padding:0px;
  font-size:24px;
  font-weight:bold;
  text-decoration:none;
}
.post_heading h2 a {
  text-decoration:none;
  color:#ff0066;
}
.post_heading p {
  margin:0px;
  padding:0px;
  color:#000;
  font-size:12px;
}
.post_body {
  margin:5px 0 0 10px;
  padding:0 10px 0 0;
}
.post_body p {
  font-size:12px;
}
.post_body ul {
	margin:0 0 0 30px;
	padding:0px;
}
.post_body li {
	margin:0 0 0 0;
	padding:0px;
	font-size:12px;
}

.navigation {
  margin:0 0 0 225px;
}
.navigation a {
  font-size:12px;
  color:#ff0066;
  text-decoration:none;
  font-weight:bold;
}

.alignleft {
  float: left;
  margin-right: 5px;
}
.alignright {
  float: right;
  margin:0 100px 0 5px;
}

/*********************Comments**************/

#comments h3 {
  color:#ff0066;
  font-size:15px;
}

#respond {
  margin:12px 12px 0 12px;
  padding:0px;
  font-size: 15px;
  font-weight: bold;
}

#respond h3 {
  margin:0px;
  padding:0px;
  font-size: 15px;
  color:#ff0066;
  font-weight: bold;
}

/* Team Content */

#team-content {
  margin:0 5px 0 10px;
  padding:0 5px 0 0;
}
#team-content h1 {
  margin:5px 0px;
  padding:0px;
  font-size:24px;
  color:#ff0066;
}
#team-content h2 {
  margin:10px 0 0 0;
  padding:0px;
  font-size:16px;
  font-weight:bold;
}
#team-content p {
  margin:0px;
  padding:0px;
  font-size:11px;
}

.profile_pic img {
  margin: 0 5px 10px 0;
  padding:0px;
}
.profile_contact p {
  margin:0px;
  padding:0px; 
  font-size:29px;
  font-weight:bold;
  color:#f4f2ed;
}
.profile_contact a {
  font-size:12px;
  font-weight:bold;
}

/* Static Content */

#static {
  margin:0px;
  padding:0 15px;
}
#static h2{
  margin:0px;
  padding:0px;
  font-size:18px;
}
#static li {
  font-size:12px;
}

#authorinfo h2 {
  margin:0px;
  padding:0px;
  font-size:18px;
  font-weight:normal;
}
#authorinfo h3{
  margin:0 0 0 10px;
  padding:0px;
  font-size:12px;
  font-weight:normal;
}
#authorinfo p {
  margin:0px;
  padding:0px;
  font-size:12px;
}
#authorinfo ul {
  margin:0 0 0 20px;
  padding:0px;
}
#authorinfo li {
  margin:0px;
  padding:0px;
  font-size:12px;
}

.thumbwrap {
  width: 411px;
  height: auto;
  margin: 12px 0 0 16px;
  padding: 0;
}
.thumbwrap img {
  border: solid 1px #333;
  margin: 0 6px 3px 0;
}

/*************************** Art Image Styles ****************************/

.art_pic {
	border: solid 1px #333;
	}
.art_thumb {
	border: solid 1px #333;
	margin: 0 8px 0 0;
	}
.art_thumb_row2 {
	border: solid 1px #333;
	margin: 8px 8px 0 0;
	}

.img_next {
	margin: 0 0 0 5px;
	vertical-align: middle;
	}
.img_prev {
	margin: 0 5px 0 0;
	vertical-align: middle;
	}

/* Contribute */
#contribute_wrapper {
	margin:0px;
	padding:0px;
}
#contribute_wrapper h2 {
	margin:0px;
	padding:0px;
	font-size:16px;
}
#contribute_wrapper ul {
	margin:0 0 0 10px;
	padding:0px;
}
#contribute_wrapper li {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#contribute_wrapper p {
	width:225px;
	margin:10px 0 10px 125px;
	font-size:11px;
	text-align:left;
}
.contribute_permission_text {
	width:250px;
	margin:0px;
	padding:0px;
	font-size:11px;
	float:right;
}
#contribute_wrapper input.contribute_permission_button {
	margin:0px;
	padding:0px;
	float:left;
}
#contribute_wrapper label {
	width:125px;
	margin:0px;
	padding:0px;
	font-size:12px;
	float:left
} 
#contribute_wrapper textarea {
	width:225px;
	height:100px;
	margin:0px;
	padding:0px; 
}
#contribute_wrapper input {
	width:225px;
	margin:0px;
	padding:0px; 
}
#contribute_wrapper input.contribute_submit {
	width:50px;
	margin:0 45px 0 0;
	padding:0px; 
	text-align:center;
	float:right;
}
#permission {
	width:300px;
	margin:0 0 0 100px;
	padding:0px;
	border:1px solid #000;
}
#permission label {
	width:250px;
	border:1px solid #000;
	margin:0px;
	padding:0px;
	float:right;
}
#permission input {
	margin:0px;
	padding:0px;
	border:1px solid #000;
	float:left;
}
p.permission_checkbox {
	clear:both;
	float:none;
	position:relative;
}
p.permission_checkbox input {
	left:0px;
	top:0px;
	position:absolute;
}
p.permission_checkbox label {
	display:block;
	margin-left:100px;
	width:50px;
}
#submit_left {
	width:410px;
	margin:0px;
	padding:0 0 0 5px;
	float:left;
	border:0px solid #000;
}
#submit_right {
	width:410px;
	margin:0px;
	padding:0 0 0 5px;
	float:right;
	border:0px solid #000;
}
/* Sidebar */ 
#sidebar {
  margin:0px;
  padding:0 10px 0 0;
  width:200px;
  float:left;
  text-align:right;
  border-right:1px solid #666;
}
#sidebar h2 {
  margin:0px;
  padding:0px;
  font-size:24px;
  font-weight:normal;
}
#sidebar ul {
  margin:0px;
  padding:0px;
}
#sidebar li {
  margin:0px;
  padding:0px;
  font-size:12px;
  list-style-type:none;
}
#sidebar a {
  text-decoration:none;
}
/****************FOOTER*********************/

#footer {
  width: 850px;
  height:33px;
  margin:5px 0 0 0;
  padding: 0px 0 15px 0;
  background:#000;
  text-align: left;
}
#footer p {
  text-align: right;
  margin: 0px 5px 0 0px;
  padding: 5px 0 0px 0;
  font-size: 12px;
  color: #000;
}
#footer p.center {
  text-align: center;
  margin: 0px 0 0 0px;
  padding: 15px 0 0 0;
  font-size: 11px;
  color: #444;
}
#footer a {
  color:#fff;
  text-decoration:none;
}
#footer a:hover {
  color: #ff0066;
  text-decoration: underline;
}
#footer_left {
  float:left;
}
#footer_left ul {
  margin:0px;
  padding:2px 0 0 2px;
}
#footer_left li {
  display:inline;
  list-style-type:none;
}
#footer_left img {
  border:none;
}
#footer_right {
  float:right;
  padding: 10px 10px 0 0;
}

/**************************** Additional Page Style Elements ************/

#authorinfo {
	margin: 0 0 0 10px;
}
#leftalign {
	margin:0 0 10px 0;
	float:left;
	clear:both;
}

/*******************Plugin Attributes*************/

.more-link {
   margin: 12px 12px 0 12px;
   padding: 0px 0 0 0;
   font-style: italic;
   text-align: right;
}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav { 
        left: 0;
        }
#hoverNav a { 
        outline: none;
        }
#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { 
        left: 0; 
        float: left;
        }
#nextLink { 
        right: 0; 
        float: right;
        }
#prevLink:hover, #prevLink:visited:hover { 
        background: url(images/lightbox/prevlabel.gif) left 15% no-repeat; 
        }
#nextLink:hover, #nextLink:visited:hover { 
        background: url(images/lightbox/nextlabel.gif) right 15% no-repeat; 
        }
#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData {	
        padding:0 10px; 
        color: #666; 
        }
#imageData #imageDetails { 
        width: 70%; 
        float: left; 
        text-align: left; 
        }	
#imageData #caption { 
        font-weight: bold;	
        }
#imageData #numberDisplay { 
        display: block; 
        clear: left; 
        padding-bottom: 1.0em;	
        }			
#imageData #bottomNavClose{ 
        width: 66px; 
        float: right;  
        padding-bottom: 0.7em;	
        }	
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}


#imagetable {
        margin: 0 0 0 70px
        }