@charset "utf-8";
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font:normal 13px Arial, Helvetica, Verdana, sans-serif;
	vertical-align: top;
	 line-height:22px;}
body {
	line-height: 1;
	letter-spacing:.03em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

a {
	color:#155492;
	text-decoration:underline;
	}
	a:hover{text-decoration:none;}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* REAL ART BLOG STYLES */

body {background:#bababa url(images/RAblog_bg.jpg) repeat-x 0 0;}
body.single{background:#000;}
#content{width:1009px; overflow:hidden;}

p, sup{color:#3e3e3e; font-size:13px; line-height:19px;}
a{color:#e00512; font-size:13px; line-height:19px; text-decoration:none;}
	a:hover{text-decoration:underline;}
em{ font-style:italic; line-height:19px;}
span{ font-size:13px; line-height:19px;}
strong, b{font-weight:bold; line-height:19px;}

hr{border:none; background-color:#e0e0e0; height:1px;}

blockquote{margin:30px 80px 0 50px;
}
blockquote p:first-of-type:before{
	content: '"'; }
blockquote p:last-of-type:after {
	content: '"'; }
 
.postContent blockquote p{margin:30px 0 0 0;}
	.postContent blockquote p:first-of-type{margin:0px;}
.clear{clear:both;}

/* ------ HEADER ------ */
#header{background-color:#000; overflow:hidden; height:40px;}
img.headerTitle{margin:13px 50px 0 70px; float:left; }
h1{color:#FF0000;font-size:16px; width:300px;}
	h1 span.company{color:white; font-size:16px;}
a.RSS{ float:left; margin:12px 0 0 363px;}



/* ------ COLUMN 1 ------ */

.col1{float:left; width:644px; margin:0 35px 0 46px; overflow:hidden; display:block;}
	body.page-template-archives-php div.col1{margin:0 35px 160px 46px}

.post{margin:40px 0px; overflow:hidden;}
	.postContent{background-color:#fff; margin:0px 0 0 14px; padding:10px; width:600px; box-shadow:0px 0px 5px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.1)
}
		.error div.postContent{min-height:600px; margin-top: 40px;}
	.postContent div{margin:30px 30px 0;}
	.postContent h2{margin:30px 30px 0; font-weight:bold; font-size:16px;}
	.postContent h3, .postContent h4, .postContent h5{margin:30px 30px 0; font-weight:bold;}
	.postContent h3{font-size:14px;}
	.postContent h2 + p{margin-top:10px;}
	.postContent h3 + p, .postContent h4 + p, .postContent h5 + p{margin-top:5px;}
	.postContent p{margin:20px 30px 0; letter-spacing:0;}
		.postContent p:first-of-type img{margin:-20px 0 0 -30px;}
		*div.postContent p:first-of-type img{margin:-20px 0 0 -30px;}
		/*.postContent p a:first-of-type  img{margin:-30px 0 0 -30px;}
		*div.postContent p a:first-of-type  img{margin:-20px 0 0 -30px;}*/
		
		.postContent p img, .postContent p iframe, .postContent p object{margin-left:-30px;}
		.postContent iframe{margin-top:20px;}
			.postContent p iframe, .postContent span iframe{margin-top:0px;}
			.postContent span.vvqbox{margin-top:20px;}
		
	.postContent ul, .postContent ol{margin:0px 30px 0;}
		.postContent ul li{ list-style:outside disc; color:#3E3E3E; margin-left:15px; padding-left:5px; line-height:19px;}
		.postContent ol li{ list-style:outside decimal; color:#3E3E3E; margin-left:20px; padding-left:5px; line-height:19px;}

.postHeader{float:left; overflow:hidden; position:absolute; z-index:99;}
*div.postHeader{margin-left:-14px;}
	p.date{margin:0 0 3px 22px; font-size:12px; letter-spacing:-.5px;}
	
	h2.singleTitle, h2.title a, h2.authorTitle a, h2.careers{background-color:#000000;
		color:white;
		font:29px Arial, Helvetica, sans-serif;
		letter-spacing:-1px;
		line-height:30px;
		padding:12px 22px 11px; display:inline-block;
		max-width:500px;}
		h2.title a:hover, h2.authorTitle a:hover{text-decoration:none;}
	.postHeader h3, .archiveSubHeader{background-color:#000; color:#e10004; font-size:11.5px; font-weight:bold; padding:0px 22px 5px; width:-moz-max-content;}
		*.archiveSubHeader{width:100px;}
		
		.error h2.singleTitle{ display:block;}
 
 	*div.postHeader img{margin-top:-3px;}
 
.comments{/*display:block; left:631px; overflow:hidden; position:absolute; z-index:99; margin-top:-33px; margin-left: 8px;*/
display: block;
    left: 631px;
    margin-top: -33px;
    overflow: hidden;
    position: absolute;
    text-align: right;
    width: 60px;
    z-index: 99;}
*div.comments{display:block; left:631px;}
	.comments p{font-size:12px; letter-spacing:-.5px; margin-bottom:3px;}
	div.commentNumber {width:-moz-max-content; float:right; text-align:right;}
	*div.commentNumber {width:-moz-max-content; float:none; text-align:right;}
		div.commentNumber p{margin-bottom:0px;}
		div.commentNumber p a{background-color:#000; padding:5px 12px 5px 14px; font-weight:bold; color:white; font-size:19px; display:block;}
			div.commentNumber p a{text-decoration:none;}
	img.blackWrapRight{}
	
	div.postContent hr{margin:15px 30px 0;}
	
	.postContent div.tags{margin:-5px 0 15px 30px;}
		#containerSinglePost div.postContent div.tags{margin-top:5px;}
		.postContent div.tags span, .authorTags p span{ color:#3E3E3E; font-size:11px;}
		.postContent div.tags a, .authorTags p a{font-weight:bold; color:#3E3E3E; font-size:11px; line-height:20px;}
	.postContent div.share{margin:0px 0 30px 30px;}
	.postContent div.commentsFooter{margin:15px 0 5px 30px;}

.col2{
	float:left;
	width:235px;
	background-color:#fff;
	padding:20px 15px 50px 25px;
	margin-top:116px;
	box-shadow:0px 0px 5px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.1); 
	}


#containerSinglePost{position:relative; background:url("images/RAblog_bg.jpg") repeat-x scroll 0 0 #BABABA;}
.singlePostSidebar{position:absolute; padding-bottom:150px;top:40px; 
	left:725px;
	width:225px;}
.dummieBlackFooter{ position:absolute; background-color:#000000; height:400px; z-index:-1; bottom:0px; width:100%}
#containerSinglePost .col2{
	width:235px;
	background-color:#fff;
	padding:20px 15px 50px 25px;
	margin-top:76px;
	box-shadow:0px 0px 5px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.1); 
	}
	
	.col2 div.aboutUs, .col2 div.xmt_realart, .col2 div.projects, .col2 div.flickr{ padding:10px 0;}
		.col2 div img.blackWrapLeft{margin-left:-39px;}
		*div.col2 div img.blackWrapLeft{margin:-3px 0 0 -39px; }
		.col2 div.aboutUs h3, .col2 div.xmt_realart h3, .col2 div.projects h3, .col2 div.flickr h3, .col2 h3.widgettitle, .col2 li.widget_text h3{background-color:#000000;
			color:white;
			font-size:19px;
			letter-spacing:-1px;
			line-height:20px;
			margin:20px 0 0px -39px;
			padding:5px 22px 5px;
			width:-moz-max-content;
			}

			
			.col2 div.aboutUs h3{margin:-40px 0 0px -39px;}
			
			.col2 div.tweet{border-bottom:1px solid #e0e0e0; padding-bottom:10px; margin:10px 10px 0 0;}
				.col2 div.tweet a{color:#9E9D9D; font-size:11.5px; line-height:18px; text-decoration:none;}
					.col2 div.tweet a:hover{text-decoration:underline;}
			
			.thumbnails{overflow:hidden; margin-top:15px;}
			.col2 div.flickr div.thumbnails a{float:left; margin:0 10px 10px 0;}
			.col2 div.flickr div.thumbnails a img{height:65px; width:65px;}

		.col2 p, .col2 a{font-size:11.5px; line-height:18px;}

	a.homepage, a.ourWork, a.twitter, a.flickr, a.careersLink{ height:15px; width:162px; text-indent:-9999px; display:block; margin-top:16px;}
	a.homepage{ background:url(Images/link_homepage.gif) no-repeat 0 0;}
	a.ourWork{ background:url(Images/link_ourWork.gif) no-repeat 0 0; }
	a.twitter{ background:url(Images/link_twitter.gif) no-repeat 0 0; }
	a.flickr{ background:url(Images/link_flickr.gif) no-repeat 0 0; }
	a.careersLink{ background:url(Images/link_career.jpg) no-repeat 0 0; width:194px;}


	.col2 hr{margin:10px 0 0 0;}
	
	.col2 ul li a{color:#3E3E3E; font-size:11.5px; letter-spacing:-0.5px;}
	.col2 p.time{font-size:9px;}
	
	
	.realArtProjects li a{margin-left:-15px;}
	.realArtProjects li p{font-size:10.5px; font-family:Arial, Helvetica, sans-serif; line-height:17px; letter-spacing:0; margin-bottom:20px;}
	.realArtProjects li.last p{ margin-bottom:0px;}
	
	.realArtProjects li h5{font-size:11.5px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-top:5px; letter-spacing:0;}
	
	/* ------ Footer ------ */
	
div#footer {
	bottom:0;
	left:0;
	z-index:200;
	width:100%;
	height:256px;
	background:url(Images/footer_bg.jpg) repeat-x 0 0;
	overflow:hidden;
	margin-top:-122px;
	}
	div#previousNext{ overflow:hidden; margin-top:108px; width:1000px; height:68px;}
		div#previousNext .previous{float:left; margin-left:20px;}
		div#previousNext .next{float:right;}
	

div#footerSinglePage{
	bottom:0;
	left:0;
	z-index:200;
	width:100%;
	height:82px;
	overflow:hidden;
	margin-top:50px;
	}
	
	div#footerAuthor {
	bottom:0;
	left:0;
	z-index:200;
	width:100%;
	height:148px;
	background:url(Images/footer_bg.jpg) repeat-x 0 bottom;
	overflow:hidden;
	margin-top:50px;
	}
	div#footerAuthor div#previousNext{ overflow:hidden; margin-top:0px; width:1000px; height:68px;}
		div#footerAuthor div#previousNext .previous{float:left; margin-left:20px;}
		div#footerAuthor div#previousNext .next{float:right;}

	
div.footerNav{position:fixed; bottom:0; background:url(images/RAblog_navBG.jpg) repeat-x 0 0; width:100%; z-index:99;}	
	div.footerNavSingle{margin-top:40px;}
	div#blog-title-area {
		height:56px;
		margin:0;
		width:1000px;
		overflow:hidden;
		}
		div#previous-next-links  {
			float:right;
			height:50px;
			margin:25px 7px 0 0;
			text-align:right;
			}
		div#previous-next-links  {
			float:right;
			height:50px;
			margin:25px 7px 0 0;
			text-align:right;
			}
		div#blog-title-area img.logo {margin:0 0 10px 0px; float:left;}
		img.blog-title {margin:6px 0 0 33px; padding:10px 0;}
			
			div#blog-title-area ul{float:left;}
				div#blog-title-area ul li{float:left; margin:0px 0 0 34px;}
					div#blog-title-area ul li a{font-size:24px; color:#5f5f5f; text-transform:uppercase;}
					div#blog-title-area ul li.posts a{background:url(images/RAblogNav_posts.jpg) no-repeat 0 0; width:78px; height:56px; text-indent:-9999px; display:block;}
						div#blog-title-area ul li.posts a:hover{background:url(images/RAblogNav_posts.jpg) no-repeat 0 -56px;}
					div#blog-title-area ul li.page-item-200 a{background:url(images/RAblogNav_archives.jpg) no-repeat 0 0; width:120px; height:56px; text-indent:-9999px; display:block;}
						div#blog-title-area ul li.page-item-200 a:hover{background:url(images/RAblogNav_archives.jpg) no-repeat 0 -56px;}
					div#blog-title-area ul li.contact a{background:url(images/RAblogNav_contact.jpg) no-repeat 0 0; width:113px; height:56px; text-indent:-9999px; display:block;}
						div#blog-title-area ul li.contact a:hover{background:url(images/RAblogNav_contact.jpg) no-repeat 0 -56px;}
					div#blog-title-area ul li.careers a{background:url(images/RAblogNav_careers.jpg) no-repeat 0 0; width:111px; height:56px; text-indent:-9999px; display:block;}
						div#blog-title-area ul li.careers a:hover{background:url(images/RAblogNav_careers.jpg) no-repeat 0 -56px;}
					
					
					
		form#searchform {float:right; margin:15px 0 0;}
			form#searchform input.button{border:none; background:url(Images/footer_searchButton.jpg) no-repeat 0 0; padding:0; text-indent:-9999px; width:40px; height:23px; cursor:pointer;}
			*form#searchform input.button{border:none; background:url(Images/footer_searchButton.jpg) no-repeat 0 0; padding:23px 0 0 0; width:40px; height:23px;}
		input.text {
			background-color:#fff;
			border:1px dotted #555555;
			color:#777777;
			font-family:Arial,Helvetica,sans-serif;
			font-size:16px;
			height:23px;
			width:200px;
			padding:0 15px;
			}
		
	div#subfooter {
		background-color:#000;
		height:24px;
		margin:0px 0 0;
		position:relative;
		width:1000px;
		overflow:hidden;
		}
		div#subfooter p{float:left; color:#9b9b9b; font-size:8px; text-transform:uppercase; margin-left:20px; line-height:20px; margin-top:1px;}
		div#subfooter .login p a{color:#9b9b9b; font-size:8px; text-transform:uppercase; margin:0 5px; font-weight:bold; letter-spacing:-.5px; line-height: 21px;}
		div#subfooter .login{float:left; margin-left:542px;}
		div#subfooter .socialNetworks{float:right;}		
			div#subfooter .socialNetworks a{display:block; float:left; margin:3px 5px 0; width:15px; height:16px; text-indent:-9999px;}
				div#subfooter .socialNetworks a.flickr{background:url(images/socialNetwork_flickr.jpg) no-repeat 0 0;}
					div#subfooter .socialNetworks a.flickr:hover{background:url(images/socialNetwork_flickr.jpg) no-repeat 0 -16px;}
				div#subfooter .socialNetworks a.vimeo{background:url(images/socialNetwork_vimeo.jpg) no-repeat 0 0;}
					div#subfooter .socialNetworks a.vimeo:hover{background:url(images/socialNetwork_vimeo.jpg) no-repeat 0 -16px;}
				div#subfooter .socialNetworks a.twitter{background:url(images/socialNetwork_twitter.jpg) no-repeat 0 0;}
					div#subfooter .socialNetworks a.twitter:hover{background:url(images/socialNetwork_twitter.jpg) no-repeat 0 -16px;}
				div#subfooter .socialNetworks a.facebook{background:url(images/socialNetwork_facebook.jpg) no-repeat 0 0;}
					div#subfooter .socialNetworks a.facebook:hover{background:url(images/socialNetwork_facebook.jpg) no-repeat 0 -16px;}
				
		div#footer-nav span, div#footer-nav span a, div#footer-nav li, div#footer-nav li a {
			color:#444444;
			font-family:Arial,Helvetica,sans-serif;
			font-size:1.1em;
			letter-spacing:-0.05em;
			margin-right:14px;
			outline:medium none;
			text-decoration:none;
			text-transform:uppercase;
			}
			
	span.subfooter-links  {
		color:#666666;
		font-family:Arial,Helvetica,sans-serif;
		font-size:0.7em;
		position:absolute;
		right:10px;
		}
		
			span.subfooter-links  {
				color:#666666;
				font-family:Arial,Helvetica,sans-serif;
				font-size:0.7em;
				}
				
				
				
				
				
                 
				
	
	/* ------ COMMENTS ------ */
		#comments{background-color:#000; color:#fff; margin:-100px 0;
padding:100px 60px 60px;}
			#comments p{color:#fff;}	
			.commentList{width:620px; margin-bottom:30px;}
			.commentList h3, .commentList h3 span, #respond h3{font-size:30px;}
	
			#comments img{display:block; margin:2px 0 0;}
			#respond img{display:inline;}
			
			.commentDate{color:#aeaeae; font-size:11px; margin:5px 0 0 32px;}	
			div.commentText{margin:2px 0 0 32px;}
			
			#comments .commentAuthor{margin-top:32px;}
			#comments .commentAuthor p{display:inline; background-color:#3F3F3F; padding:7px 16px 7px 12px; }
			#comments .commentAuthor p a{color:#fff; text-decoration:none;}
				#comments .commentAuthor p a:hover{color:#fff; text-decoration:underline;}
			.comment_number{margin-right:8px; font-size:19px; font-weight:bold;}
			
			#comments hr{width:620px; margin:5px 0 30px; text-align:left;}
			
			#respond{width:620px;}
				#respond hr{margin-bottom:30px;}
				#respond .formcontainer, #respond h3{margin-left:30px;}

				.respondHeader, .commentsHeader{overflow:hidden;}
					#respond h3, .commentsHeader h3{float:left;}
					#respond h3{margin-left:32px;}
					*div#respond h3, *div.commentsHeader h3{line-height:30px;}
					.backTopBTN{float:right; margin-top:6px;}
					
					#comment-notes{margin:7px 0 20px;}
					#respond input.button{ background:url(images/postCommentBTN.jpg) no-repeat 0 0; width:196px; height:39px; padding:39px 0 0; border:none; margin:18px 0 90px; cursor:pointer;}
			
			#comments input, #comments textfeild, #comments textarea{background-color:#1f1f1f; border:1px solid #444444; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; padding:5px 10px; margin:4px 0px;}
				#comments textarea{font-size:13px;}
				
			#respond img.commentAsterick{margin:14px 10px 0 -22px;}	
					
			#respond div.form-input input, #respond div.form-submit input, #respond div.form-textarea textarea{margin-left:4px;}
			#respond div.form-input img.commentAsterick + input{margin-left:0px;}
			
			#comments p#login {margin:3px 0 5px 3px;}
	/* ------ ARCHIVE PAGE ------ */			
				
	.archiveDates{ display:block;}
		.archiveDates li a{color:#000; font-size:37px; line-height:50px; margin-left:20px;}			
		
		h2.archives{margin-top:65px;}
		*h2.archives{width:190px;}
		
		*li#monthly-archives img{margin-top:-3px;}
		
	.col2 li.categories {list-style:none;}
		.col2 li.categories a{list-style:none; color:#4a4a4a; font-size:17px; line-height:24px;}
	/* ------ AUTHOR PAGE ------ */		
		
		.authorPage{}
		.authorPost{}
			h2.authorTitle a{width:400px;}
		
		.authorPage h2.author{color:#484848; font-size:30px; margin:85px 0 10px 20px;}
		.authorPage p a.url{font-size:12px; font-weight:bold; color:#484848; margin:0 0 17px 20px;}
		.authorPage p.description{font-size:12px; color:#484848; margin:25px 0 -10px 20px; width:360px;}
		
		.authorComments{margin-left:23px; padding-top:43px;}
			.authorComments div.commentNumber {
				float:left;
				text-align:right;
				width:-moz-max-content;
				}
				.authorComments div.commentNumber p a {
					background-color:#000000;
					color:white;
					display:block;
					font-size:11px;
					font-weight:bold;
					padding:3px 7px;
					line-height:11px;
					}

				.authorTags{margin:-3px 0 0 30px;}
		
		/*
		div.clear, div.gallery { display:block; clear:left; float:none;}
		.gallery-item, .gallery-icon { width:150px; display:block; float:left; clear:none;}
		.gallery-item { padding-left: 10px;}
		*/

.careers .postContent div.clear, .clear {display:block; clear:left; float:none; margin:0;}
#blogGallery {display:block; height:500px;}
#blogGallery p {margin:0; padding:0;}
#blogGallery a {float:left; clear:none; vertical-align:top; margin-right:10px;}
#blogGallery a img {padding:0; margin:0;}


/* Careers Style  
.careers h2 { color: #E00512; }
*/
.careers .postContent{padding-bottom:30px;}
.careers div.postHeader{margin-top:-33px;}
	.careers div.postHeader h2.careers{margin-top:0;}
.careers .postContent h1 {color: #E00512; font-size: 20px; font-weight: bold; width: 300px; margin:20px 0 10px 30px;}
.careers .postContent h3{font-size:17px;}
.careers .postContent h1 + h2, .careers .postContent h3 + h4 {margin-top: 5px;}
.careers .postContent h2 + p {margin-top: 5px;}
.careers .postContent span {margin: 5px 5px 0 0;}
.careers .postContent div {margin: 5px 5px 20px 5px;}

.careers .careersContent{margin-top:116px;}

 .careers .postContent blockquote p{margin:0 0px 0 20px; font-style:italic;}
 .careers .postContent span.caption{margin:10px 0px 0 40px; display: block;}

/*.careers .postContent li { margin: 22px 0px 22px 22px; }*/

.daytontxt {margin: 15px 0px 0px 0px;}
.cta {margin: 8px 5px 50px 5px;}

.dayton, .chicago {float: left; width:150px; height: 140px; margin: 5px 5px 20px 5px;}

.dayton h3, .chicago h3 {font-size: 16px; color: #818185; text-transform: uppercase; font-family: "Arial Narrow", "Arial";}