/*  
Theme Name: Garage Studios
Theme URI: http://garage.darkdaze.org
Description: Garage Studios custom theme by Paul Burgess

*/
@import url("css/typography.css");
@import url("css/blog.css");
@import url("css/jqG.css");
@import url("css/gallery.css");
/* ----------  Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin:0; padding:0;}
/* ------------------------------ */


/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	text-align:center;
margin:0px;
	}

a:link { color:#91006F;}
a:visited { color:#91006F;}
a:hover { color:#ec008c}
a:active { color:#91006F;}

a img{border: 1px solid #CCC;padding:2px;margin:3px}
a:hover img{border: 1px solid #ec008c;padding:2px;}
a:hover{color: #ec008c;border: 0px ;} /* Dummy definition to overcome IE bug */

#slideshow a:link { color:#333;}
#slideshow a:visited { color:#333;}
#slideshow a:hover { color:#666}
#slideshow a:active { color:#333;}

#topNav a:link { color:#FFF;}
#topNav a:visited { color:#FFF;}
#topNav a:hover { color:#ec008c}
#topNav a:active { color:#CCC;}


h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif;}

h2 {font-size:1.8em;margin:10px 0 15px 0}
h2#message-sent {color:#91006F}
#home #col2 h3 {font-size:2.0em;margin:10px 0 15px 0}
div#search {padding-top:15px;border-top:1px #CCC dashed;}
#page #col1 h3 {font-size:2.0em;margin:10px 0 15px 0}

#page #col2 h3 {font-size:2.4em;margin:16px 0 15px 0;padding-bottom:15px;margin-bottom:15px;border-bottom:1px #CCC solid}

.navCol h3, .post h3 {letter-spacing:-1px;color:#333}
p{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.2em;margin-bottom:10px;line-height:150%;color:#333}
li{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.2em;margin-bottom:4px;line-height:150%}

#header h1 {margin:0;width:180px;padding:0 0 0 15px}
#header h1 a {
	display: block;
	padding-top: 71px;
	height: 0 !important;
	height /**/: 71px;
	overflow: hidden;
	background-image: url(/wp-content/themes/garage/gfx/logo-title.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.title{text-indent: -9999px;background-repeat: no-repeat;}
#header h2.title{
	height:35px;
	width:384px;
	background-image: url(/wp-content/themes/garage/gfx/sub-title.png);
	position:absolute;
	top:20px;
	left:200px
} 

#topNav {position:absolute;right:20px;top:15px;}
#topNav p {color:#999;margin-top:8px;margin-bottom:2px}

#topNav #s {background-color:#ECECEC; font-size:1.2em;border:1px #999 solid}

/* ----------  Layout */
#subWrapper, #header div#headerCushion {margin-left:auto;margin-right:auto;text-align:left;width:960px}
#header div#headerCushion {position:relative}

#header {background-color:#C7C7C7;height:71px;border-bottom:2px #333 solid;position:relative}



#col1-hold {width:330px;float:left;margin-right:30px;padding-right:20px;border-right:1px #CCC solid}
#col2-hold {width:400px;float:left}

#col1 {float:left;padding:10px 5px;width:290px;}
#col2  {width:650px;float:left;padding:5px;}

body#home #col1 p {border-top:1px #C7C7C7 solid;padding-top:15px;font-size:1.1em}
#latestNews {border-top:1px #C7C7C7 solid;padding-top:15px;margin-top:15px}
body#home #col1 ul {list-style:none}
body#home #col1 li {font-size:1.1em}


.navCol {margin:5px;padding:5px;}
#home .navCol {width:190px;}
#page .navCol {width:85%;}
.navCol p {font-size:1.1em}
.navCol ul {list-style:none}

#footer {clear:both;margin-top:15px;padding:15px;border-top:1px #C7C7C7 solid}


/* --------- Nav */

body#home .navCol {float:left}

.navCol li a
{display: block;
padding: 5px 5px 5px 0.5em;
border-bottom: 1px solid #CCC;
background-color: #EEE;
text-decoration: none;
width: 90%;
outline:none;}
html>body .navCol li a {width: auto;}
.navCol li a:hover{background-color: #CCC;color: #333;}
.navCol ul {margin-bottom:10px}
.navCol li {margin-bottom:0}

/* -- subNavs --*/
#page #col1 div.subNav h3 {font-size:1.6em}

body#page #col1 .subNav li a
{display: block;
padding: 5px 5px 5px 0.5em;
border-bottom: 1px solid #CCC;
background-color: #EEE;
text-decoration: none;
width: 90%;
outline:none;
color:#333;}
html>body#page #col1 .subNav li a {width: auto;}
body#page #col1 .subNav li a:hover{background-color: #CCC;color: #000;}
body#page #col1 .subNav ul {margin-bottom:10px}
body#page #col1 .subNav li {margin-bottom:0}


#mainSubNav li a
{display: block;
padding: 5px 5px 5px 0.5em;
border-bottom: 1px solid #CCC;
background-color: #666;
text-decoration: none;
width: 90%;
outline:none;}
html>body #mainSubNav li a {width: auto;}
#mainSubNav li a:hover{background-color:#333;color: #FFF;}
#mainSubNav ul {margin-bottom:10px}
#mainSubNav li {margin-bottom:0}

img#enquiry {float:right;border:0;position:relative;bottom:6px}

/* valid form */
/******* FORM *******/
#customForm{
	padding: 0 10px 10px;
}
#customForm label{
	display: block;
	color: #797979;
	font-weight: 700;
	line-height: 1.4em;
}
#customForm input{
	width: 220px;
	padding: 6px;
	color: #949494;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cecece;
}
#customForm input.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#customForm textarea{
	width: 550px;
	height: 80px;
	padding: 6px;
	color: #adaeae;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #cecece;
}
#customForm textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#customForm div{
	margin-bottom: 15px;
}
#customForm div span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
#customForm div span.error{
	color: #e46c6e;
}
#customForm #send{
	background: #6f9ff1;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
}
#customForm #send:hover{
	background: #79a7f1;
}
#error{
	margin-bottom: 20px;
	border: 1px solid #efefef;
}
#error ul{
	list-style: square;
	padding: 5px;
	font-size: 11px;
}
#error ul li{
	list-style-position: inside;
	line-height: 1.6em;
}
#error ul li strong{
	color: #e46c6d;
}
#error.valid ul li strong{
	color: #93d72e;
}

/* flickr gallery */
#context {text-align:center;width:190px;padding:15px;margin-top:30px;
background-color:#EEE;
border-bottom:1px #CCC solid;padding-bottom:6px;margin-bottom:25px;
border-top:1px #CCC solid;padding-top:6px;
}

#context img {margin:4px;}
#context p.nav {padding-bottom:8px;margin-top:8px}
#context p a {padding:4px 6px 4px 6px;text-decoration:none;}
#context p.note {text-align:left}
#context h4, #context h5 {text-align:left;margin:6px}
#context h5 a {text-decoration:none}

.pagenav {margin-top:15px}

#context p a:link,
.pagenav a:link
 { color:#EEE; text-decoration:none; background:#91006F;padding:4px 6px 4px 6px;border:1px #CCC solid;}
#context p a:visited,
.pagenav a:visited
{ color:#EEE; text-decoration:none; background:#91006F;padding:4px 6px 4px 6px;border:1px #CCC solid;}
#context p a:hover,
.pagenav a:hover
{ color:#FFF; text-decoration:none; background:#ec008c;padding:4px 6px 4px 6px;border:1px #CCC solid;}
#context p a:active,
.pagenav a:active { color:#FFF; text-decoration:none; background:#91006F;padding:4px 6px 4px 6px;border:1px #CCC solid;}


/* ----------  Forms and contact form */

label {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.2em;}

form#contactform label {color:#333;font-weight:bold;}
form#contactform label span {font-weight:normal}
form#contactform input, form#contactform select, form#contactform textarea {margin-bottom:10px;margin-top:4px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.2em;padding:2px;}
#subject {display:none}

/* ----------  Misc */
#map_canvas {width:280px;height:350px}
.alignleft, .left {float:left}
.alignright, .right {float:right}
img.alignright, img.right {margin:0 0 10px 15px}
img.alignleft, img.left {margin:0 15px 10px 0}
.note {font-size:1.1em}
.clear{clear:both}
.icon {
	padding:5px 0 5px 20px;
	background-repeat: no-repeat;
	background-position: left center;
}

div#external .icon {	padding:15px 0 15px 52px;
	background-repeat: no-repeat;
	background-position: left center;
}

.twitter {background-image: url(/wp-content/themes/garage/gfx/twitter_boxed_48.png);}
.flickr {background-image: url(/wp-content/themes/garage/gfx/flickr_48.png);}
.rss {background-image: url(/wp-content/themes/garage/gfx/rss_icon.png);}
.home {background-image: url(/wp-content/themes/garage/gfx/home.png);font-weight:bold}
.add {background-image: url(/wp-content/themes/garage/gfx/add.png);}
.delete {background-image: url(/wp-content/themes/garage/gfx/delete.png);}


#me {color:#999;}
#me a {text-decoration:none}