/*  
Theme Name: Flat-e simple
Theme URI: http:/* www.flat-e.com/
Description: Flat-e redesign revision 3. Simple, single page design.
Version: 3.0
Author: Rob Slater
Author URI: http:/* www.flat-e.com/
Tags: white, blue, simple, fixed width, 2 column, no widgets
*/
/*
general - blue #0099ff
film - pink #ff0099
visuals - red #f12412
photo - yellow #dae932
gig - green #46ec13
grey text - #b7b4b4
grey background - #262121
*/

* {margin: 0; padding: 0;}
body {
	margin: 0;
	padding: 0;
	/*font-family: "lucida grande", tahoma, verdana, arial, sans-serif;*/
	/* font-size: 11.5px;*/
	font-family: "Nimbus Roman No9 L", Georgia, serif;
	font-size: 13px;
	background: #fff;
	color: #222222;
	line-height:1.5em;
}
#logo {
	height: 85px;
	width: 895px;
	padding: 19px 0 0 0;

}
.logoLink {
	display:block;
	width:214px;
	height: 85px;
	background: #fff url(images/logo-rollover7b.gif) no-repeat 0px 0px;
	text-decoration: none;
	float: left;
}
a.logoLink:hover {	background-position: 0 -84px; }

#footer {
	/* background-color: #fff; */
	/* height: 100px; */
	 padding: 0 0 30px 0;
	/* padding-top	: 200px; */
	/* display: inline; */
	clear: both;
	border-top: 1px dotted #000;
}
#wrapper {
	margin: 0 0 50px 0;
	padding: 0;
	width: 895px;
	display: block;
    margin-left: auto;
    margin-right: auto;
}
#main {
	/* padding: 0px 5px 5px 5px; */
	/* float: left;  */
	/* clear: both; */
	/* border-top: 1px dotted; */
}
#col1 {
	/* margin: 0 0 0 0; */
	float: left;
	width:640px;
	/* line-height: 15px; */
}
#col2 {
	margin: 0 0 0 0;
	float: right;
	width:215px;
	/* line-height: 15px; */
}
#col3 {
	margin:0 300px;
	width:265px;
	float: right;
	/* line-height: 15px; */
}
#vidcol {
	margin: 0 0 40px 0;
	float: right;
	width:640px;
	/* line-height: 15px; */
}
#vidcol img {
	max-width: 640px; /* Adjust this value according to your content area size*/
	height: auto;
}
.vidinfocol {
	margin: 0 20px 20px 0;
	float: left;
	width:215px;
	/* line-height: 15px; */
}
.vidinfocol ul {
	list-style-type: none;
	padding: 12px 0 0 0;
}
.vidinfocol li {
	/* display: inline; */
	margin: 0 0 0 0;
	padding: 0 0 2px 0;	
}

/* hide wp stats smiley face */
img#wpstats{width:0px;height:0px;padding:0px;border:none;overflow:hidden};

/* hr {color: #fff; background-color: #fff; border: 1px dotted #000; border-style: none none dotted; margin: 15px 0 15px 0; clear: both;} */

/* general formatting -------------------------------------------------------- */

p {
	/* margin: 0 0 9px 0; */
	/* padding: 0 0 2px 0; */
	line-height: 15px;
}
#vidcol p, #col1 p, .vidinfocol p {
	margin: 0 0 0px 0;
	padding: 12px 0 5px 0;
}
#clientlist p {
	margin: 0 0 -9px 0;
	padding: 12px 0 2px 0;
	background-color: none;
}
#logo p {
	display: none;
	margin: 70px 0 0 85px;
	line-height: 1.4em;
	/* line-height: 1.3em;*/
	color: #b7b4b4;
	font-size: 11px;
	/* font-size: 12px;*/
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}
#col2 p {
	margin: 0 0 1.7px 0;
	padding: 0 0 2px 0;
}
.picText { /* text box under each post */
	margin: 0 0 15px 0;
	padding: 40px 0px 1px 0px;
	/* background-color: #111; */
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Nimbus Roman No9 L", Georgia, serif;
	font-style: italic;
	font-weight:normal;
	color: #000;
}
h1 { /* Work Titles */
	/* font-size: 14px;*/
	font-size: 15px;
	margin: 0 0 5px 0;
	padding: 4px 0 2px 2px;
	border-bottom: 1px dotted;
	/* text-shadow: 1px 1px 1px rgba(0,0,0,.2);*/
}
h2 { /* Section Headers */
	/* font-size: 19px;*/
	font-size: 22px;
	margin: 0px 0 7px 0;
	padding: 30px 0 2px 2px;
	border-bottom: 1px dotted;
	clear: both;
	/* text-shadow: 1px 1px 1px rgba(0,0,0,.2);*/
}
h3 { /* Section Headers */
	/* font-size: 19px;*/
	font-size: 22px;
	margin: 0px 0 7px 0;
	padding: 10px 0 2px 2px;
	/* border-bottom: 1px dotted; */
	clear: both;
	/* text-shadow: 1px 1px 1px rgba(0,0,0,.2);*/
}
h4 { /* Work links */
	font-size: 14px;
	padding: 0 0 2px 2px;
}
h5 { /* intro */
	font-size: 14px;
	margin: 0px 0 16px 0;
	padding: 30px 0 2px 2px;
	border-bottom: 1px dotted;
	clear: both;
	/* text-shadow: 1px 1px 1px rgba(0,0,0,.2);*/
}
h6 { /* blog date */
	font-size: 12px;
	/* line-height: 1.7em;
	margin: -5px 0 4px 0;
	padding: 0 0 0 2px;
	/* text-shadow: 1px 1px 1px rgba(0,0,0,.2);*/
}
/*.metaStuff {
	background-color: #fff;
	color: #111;
	background: #fff url(images/16-comment-square.png) no-repeat 0px 0px;
	margin: 0;
	padding: 0px 0px 0px 23px;
	line-height: 25px;
	
	margin: 0 7px 0 0;
	-moz-border-radius: 2px 2px 2px 2px;-webkit-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;
}*/


/* links formatting -------------------------------------------------------- */

.vidinfocol a:link, .vidinfocol a:visited, .vidinfocol a:hover, #vidcol a:link h2, #vidcol a:visited h2, #vidcol a:hover h2 { text-decoration: none; }

a:link, a:visited { color: #0099ff; text-decoration: underline; background-color: none; }
a:hover { color: #0099ff; text-decoration: none; background-color: none; }

.thumbs a:link, .thumbs a:visited { color: #000; text-decoration: none; background-color: none; }
.thumbs a:hover { color: #000; text-decoration: none; background-color: none; }

.biogs a:link, .biogs a:visited { text-decoration: none; border-bottom: 1px dotted; color: #000; }
.biogs a:hover { text-decoration: none; border-bottom: 1px solid; color: #0099ff; }

.vidinfocol a:link h4, .vidinfocol a:visited h4 { color: #0099ff; text-decoration: none; background-color: none; }
.vidinfocol a:hover h4 { color: #0099ff; text-decoration: underline; background-color: none; }

a:link h2, a:visited h2 { color: #000; text-decoration: none; background-color: none; }
a:hover h2 { color: #000; text-decoration: none; background-color: none; }

a.iesux:link span, a.iesux:visited span { color: #0099ff; text-decoration: none; background-color: #fff; }
a.iesux:hover span { color: #000; text-decoration: underline; background-color: #fff; }

a { outline: none; }

/* thumbs formatting -------------------------------------------------------- */

.thumbs {
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 -30px 0 0;
	/* overflow: hidden; */
	height: 345px;	
}
.biogs {
	list-style: none;
	padding: 14px 0 0 0;
	margin: 0 -30px 0 0;
	/* overflow: hidden; */
	height: 245px;	
}
.thumbs li, .biogs li {
	float: left;
	display: inline;
	margin: 0 25px 20px 0;
	padding: 0 0 0 0;
	position: relative;
}
.thumbinfo {
	padding: 0;
	margin: 0 0 0 0;
	width: 100%;
	/* display: block; */
	position: absolute;
}
#main .thumbs img {
	border: 0px solid;
	margin: 0;
}
.thumbText {
	/* margin: -5px 0 0 0; */
	/* padding: 5px 2px 5px 8px; */
	color: #000;
	/* display: block; */
	/* position: absolute; */
}
#news-item {
	margin: 0 -5px 10px 0;
	padding: 0;
	background: url(images/transbg.gif) repeat;	
	float: left;
	
}
#news-item img {
	border: 0px solid;
	margin: 0;
	padding-right: 6px;
	float: left;
}

/* turns on mouse over for work thumbs */
/* a.iesux .thumbinfo { display: none; margin: 0px; padding: 0 0 1px 0; }*/
/* a.iesux:hover { direction: ltr; } /* our trigger for IE5.x and IE6 */
/* a.iesux:hover .thumbinfo { display: block; }*/

/* a.iesux:hover h1 { text-decoration: underline; color: #fff; }*/



.new {
	background: url(images/new2.gif) no-repeat top left;
	width: 285px;
	height: 194px;
	position: absolute;
}

.thumbTextNew {
	margin: 0 0 0 0;
	padding: 5px 2px 5px 8px;
	background: #111 url(images/new2.gif) no-repeat 252px 50%;
	color: white;
}
.thumbTextNewNews {
	background: #111 url(images/new2.gif) no-repeat right top;
	padding-bottom: 10px;
}
.thumbTextOther {
	padding-bottom: 10px;
}


/* span formatting -------------------------------------------------------- */

span {
	background-color: #fff;
	margin: 0;
	padding: 1px 4px 1px 0px;
}
#logo span {
	border-bottom: 1px dotted;
	color: #8e8c8c;
}
#clients span {
	
	margin: 0 5px 0 0;
	padding: 3px 3px 3px 3px;
	line-height: 25px;
}
.emailic {
	background: #fff url(images/16-email.gif) no-repeat 0 0;
	/* margin: 0;*/
	padding: 0px 0px 0px 23px;
	line-height: 25px;
}
.phoneic {
	background: #fff url(images/vcard.gif) no-repeat 0 0;
	/* background: #fff url(images/16-comment-square.png) no-repeat 0 0;*/
	/* margin: 0;*/
	padding: 0px 0px 0px 23px;
	line-height: 25px;
}
.webic {
	background: #fff url(images/16-rss-square2.png) no-repeat 0 0;
	/* margin: 0;*/
	padding: 0px 0px 0px 23px;
	line-height: 25px;
}

/* jqgalscroll styles------------------------------------------------- */

.jqGSContainer{ list-style-type: none; width: 640px; height: 360px; background: #fff url(images/loading2.gif) no-repeat 50% 50%; padding: 14px 0 0 0; }

.jqGSContainer .jqGSImgContainer {
	position:relative;
	overflow: hidden; 
	/* margin: -22px 0 1px 0; */
	/* margin: -22px 0 1px 0; */
	z-index: 1;
	
}
.jqGSContainer .jqGSImgContainer ul {
	padding:0;
	margin:0;
	position:relative;
	list-style:none;
}
.jqGSContainer .jqGSImgContainer ul li {
	/* padding:0;margin:0; */
	/* position:relative; */
	/* margin-top:0; */
	/* margin-bottom:0px; */
	/* float:left; */
	
	/* position: relative; */
}
.jqGSContainer .jqGSImgContainer ul li .jqGSLoader {
	width:100%;
	height:100%;
	position:absolute;
}
.jqGSContainer .jqGSImgContainer ul li img {
	border:none;
	cursor:pointer;
}
.jqGSContainer .jqGSImgContainer ul li .jqGSTitle {
	/* background:#fff;
	position:absolute;
	right:0px;
	top:0px;
	padding:3px;
	color:#fff;
	/* width:890px; */
}
.jqGSContainer .jqGSPagination{
	overflow: auto;
	width: 100%;
	/* margin-top: -23px; /* remove to put numbers under pics */
	position:relative;
	z-index: 2;
	/* padding: 0 0 0 23px;*/
	/* background: #fff url(images/16-video-square.png) no-repeat 0 4px;*/
	padding: 0 0 0 0;
}
.jqGSContainer .jqGSPagination ul {
	padding:0;
	margin:0;
	list-style:none;
	position:relative;
	float:left;

}
.jqGSContainer .jqGSPagination ul li {
	/* width: 20px; */
	float:left;
	margin: 0 5px 0 0px;
	/* padding: 3px; */
}
.jqGSContainer .jqGSPagination ul li a {
	/* font: 10px "Courier New" Courier monospace; */
	text-align: center;
	/* line-height: 22px;
	/* background: url(images/transbg.gif) repeat; */
	/* background: #000; */
	/* color: #fff; */
	text-decoration: none;
	display: block;
	padding: 3px;
}
.jqGSContainer .jqGSPagination ul li a.selected {
	/* background: #fff;*/
	color: #000;
}
.jqGSContainer .jqGSPagination ul li a:hover {
	/* background: #fff;*/
	color: #000;
}
.jqGSImgContainer{border:none;}

input.textInput { font-size:15px; width: 139px; padding: 1px 1px 2px 0; }
input.groovybutton {
   font-size:15px;
   padding: 3px;
   margin: 0 0 0 6px;
   font-family: "Nimbus Roman No9 L", Georgia, serif;
   /* font-weight:bold;*/
   /*color:#fff;
   background-color:#0099ff;
   border: double #0099ff thin;*/
   color: #000;
   background-color:#fff;
   border: #000 dotted thin;
}
iframe {
	margin-left: -1px;
	background-color: #fff;
}