/*  
Theme Name: TINTarts Lab Residency
Theme URI: http://tintarts.org/
Description: Custom theme for artslabresidency.tintarts.org 
Version: 1
Author: Vincent Van Uffelen
Author URI: http://www.vincentvanuffelen.com/
Tags: white, slim, custom
 */
 
body {
	outline:none;
	font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
	font-size:12px;
	color:#333333;
	background:url("/wp-content/themes/tintartslabresidency/images/many_dots.png") repeat scroll 0 0 transparent;
	margin:0;
	padding:50px 0 20px;	
}

ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {
	margin-bottom:10px;
	margin-top:10px;
	padding-bottom:0;
	padding-top:0;
}

h1 {
	font-size:16px;
	color:#333;
}

h2 {
	font-size:16px;
	color:#000;
}

a, a:link, a:visited, a:active {
	color:#f0c;
	font-weight:normal;
	text-decoration:none;
}

a:hover, a:focus {
	color:#333;
}

a img {
	border:0px;
}
div#wrapper  {
	width:912px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

div#container_top {
	background-color:#FFFFFF;
	height:4px;
	margin-right:4px;
}

div#header {
	height:135px;
}

div#main_menu {
	background-color:#D8D8D8;
	height:25px;
	margin-top:4px;
	
}

div#main_menu ul {
	position:absolute;
	z-index:105;
	margin:0 0 0 75px;
	padding:0;
}

div#main_menu li {
	float:left;
	list-style:none;
	margin:5px 5px 0 5px;
}

div#main_menu li a {
	color:#444;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
}

div#main_menu li a.no_up {
	text-transform:none;
}

div#main_menu li a:hover, a:focus,
div#main_menu li.current_page_item a {
	color:#000;
}

div#main_menu span.description {
	float:right;
	margin:5px 5px 0 0;
	color:#777;
}

p {
	text-align:justify;
}

div#column_left {
	float:left;
	margin:10px;
	width:550px;
}


div#column_left img {
	max-width:550px;
}

div#column_left div.wp-caption {
	max-width:550px !important;
}

div#column_right {
	float:right;
	margin:8px 0 10px 10px;
	width:300px;
}


div#logo {
	position:absolute;
	width:406px;
	height:219px;
	top:20px;
	left:50%;
	margin-left:-528px;
	background: url(/wp-content/themes/tintartslabresidency/images/tint_logo.png);
	background-repeat:no-repeat;
	z-index:100;
}

div#arts_lab {
	position:absolute;
	width:254px;
	height:43px;
	top:64px;
	left:50%;
	margin-left:184px;
	background: url(/wp-content/themes/tintartslabresidency/images/arts_lab.png);
	background-repeat:no-repeat;
	z-index:100;
}

div#slogan {
	position:absolute;
	top:59px;
	left:50%;
	margin-left:373px;
	width:70px;
	height:18px;
	background-color:#fff;
	z-index:99;
	font-size:14px;
}

div.post {
	margin-bottom:20px;
}

div.post.home img {
	max-width:396px;
}

div.page_nav div.left {
	float:left;
}

div.page_nav div.right {
	float:right;
}

div#footer {
	clear:both;
	color:#777;
	font-size:10px;
	padding:10px 6px 6px 6px;
}

div#footer a:link, div#footer a:visited, div#footer a:active {
	color:#777777;
	font-weight:normal;
	text-decoration:none;
}
div#footer a:hover, div#footer a:focus {
	color:#000;
}


div#container_top {
	margin-right:4px;
	height:4px;
	background-color:#fff;
}

div#container {
	padding:0 4px 4px 4px;
	background-color:#fff;
	border-right:4px solid #666;
}

div#container_bottom {
	margin-left:4px;
	height:4px;
	background-color:#666;
}

div#column_right h2 a {
	font-size:14px;
}

div#column_right h2 {
	margin:5px 0 0 0;
}

div#column_right h2 a sup {
	color:#666;
	font-weight:bold !important;
	font-size:14px;
}

div.entry.single {
	font-size:13px;
	color:#111;
}

div.entry.single p.postmetadata {
	color:#999;
	clear:both;
	margin-top:5px;
}

div.entry.single p.postmetadata a {
	color:#fe45d9 !important;
	
}

ul#commentlist {
	padding:0;
	margin:0;
}

ul#commentlist ul,
ul#commentlist ol {
	padding:0 0 0 20px;
	margin:0;
}

ul#commentlist li {
	list-style:none;
	padding:0;
	margin:5px 0 20px 0;
}
ul#commentlist li div.comment ol li {
	list-style:decimal;
}
ul#commentlist li div.comment ul li {
	list-style:square;
}

ul#commentlist li div.comment p {
	margin-bottom:10px;
}

ul#commentlist li h3 {
	margin:0 0 2px 0;
}

ul#commentlist li h3 a {
	font-weight:bold;
}

ul#commentlist li p {
	margin:0;
	font-size:13px;
}

ul#commentlist li div.reply {
	text-align:right;
	padding:5px 0 5px 0;
	border-bottom:1px dashed #999;
}

ul#commentlist li div.reply a {
	text-transform:lowercase;
}

.alignleft {
	float:left;
}
img.alignleft {padding:0 10px 10px 0;}

.alignright {
	float:right;
}
img.alignright {padding:0 0 10px 10px;}

.navigation {
	height:18px;
	margin-top:10px;
}

div.more {
	clear:both;
	text-align:right;
}

div.more a {	
	font-weight:bold !important;
}

/* FORMS */
.cform label {
	display:block;
	margin:0 5px 0 0; 
	font-weight:bold;
}

.cform label small {
	font-size:12px;
}

.cform input,
.cform textarea,
.cform select {
	width:546px;
	padding:2px;
	background-color: #ccc; 
	border-top:2px solid #666; 
	border-right:0; 
	border-bottom:2px solid #666;
	border-left:0;
	vertical-align:top;
	
}
.cform input:hover,
.cform textarea:hover,
.cform select:hover,
.cform input:focus,
.cform textarea:focus,
.cform select:focus,
.cform input:active,
.cform textarea:active,
.cform select:active		{
	border-top:2px solid #f0c; 
	border-right:0; 
	border-bottom:2px solid #f0c;
	border-left:0; 
}

.cform select {
	width:158px; /* attempt to have equal length */
	padding:2px 0;
}  

.cform select.cfselectmulti	{ 
	height:7.5em; 
}

.cform textarea {
	font-family: Arial,Helvetica Sans-Serif;
	font-size: 1em;
	overflow:auto;
	height:300px;
}

.cform div.element {
	margin-bottom:10px;
}
.cform div.element p {
	margin:0;
}
.cform input#submit {
	margin:0px 0 0 450px;
	width:100px;
	border:2px solid #e9137d;
	background-color:#e9137d;
	font-size:1.170em;
	color:#fff;
}

.wdpajax-error {
	border:2px solid #E9137D !important;
	background-color:#f0f0f0;
	font-size:14px;
	color:#000 !important;
}

.cform label.error {
	display:block;
	margin:0 5px 0 -5px; 
	font-weight:bold;
	color:#E9137D;
}

.wdpajax-success {
	border:2px solid #999 !important;
	background-color:#f0f0f0;
	font-size:14px;
	color:#000 !important;
}
/* ------------------------------------------------------------------
---------- HACKS: Clearfix & others ---------------------------------
------------------------------------------------------------------ */

.clearfix:after
	{
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
	}
	
.clearfix
	{
	min-width: 0;		/* trigger hasLayout for IE7 */
	display: inline-block;
	/* \*/	display: block;	/* Hide from IE Mac */
	}
	
* html .clearfix
	{
	/* \*/  height: 1%;	/* Hide from IE Mac */ 
	}

/* Chrome and Safari don't like clearfix in some cases.
Also, adding height and font-size for IE6 */
.clearboth {
	clear: both;
	height: 1%;
	font-size: 1%;
	line-height: 1%;
	display: block;
	padding: 0;
	margin: 0;
	}