/*
THEME NAME: Giant Squid Industries
THEME URI: http://www.giantsquidindustries.com
DESCRIPTION: Multi layout theme built off the brialliant Sandbox
VERSION: 1.6
AUTHOR: Sandbox Authors: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/



body{
	background: url(images/bg4.jpg) no-repeat top center #101010;
	color:#aaa;
	font-family: "Lucida Sans", Verdana, Arial;
	padding:0;
	margin:0;
}


#wrapper{
	width:940px;
	margin:0 auto;
	padding:20px 0;
}


p{
	font-size: 12px;
	line-height: 20px;
}

h3{
	font-weight: normal;
	margin-bottom:3px;
}

div#container {
float:left;
/*margin:0 -230px 0 0;*/
width:610px;
}

div#content {
	margin:0 200px 0 0;
	width:610px;
}

div.sidebar {
	float:right;
	overflow:hidden;
	width:300px;
}

div#secondary {
clear:right;
}

.sociable-hovers { opacity:1 !important;}
.sociable-hovers:hover { opacity:.4 !important;}

.left{float:left;}
.right{float:right;}

/** Logo **/
#blog-title a{
	background: url(images/logo2.gif) no-repeat;
	display: block;
	width:351px;
	height:103px;
	text-indent: -999em;
	overflow: hidden;
}

#blog-title{
	float:left;
	margin-top:-5px;
}

p.filters{
	float:right;
}

p.filters a{
	background:none;
	padding-right:5px;
}

#access{
	float:right;
	width:550px;
	margin-top:20px;
	background: none;
}


.meta-sep{margin:0 10px; }

small{
	font-size: 90%;
}


strong{color:#fff; text-transform: uppercase;}

a{
	color:#ff9900;
	text-decoration: none;
	padding:2px;
}

a.selected{
	background-position: bottom !important;
}

a:hover{
	background:#89c7f6;
	color:#333;
}


.clear{
	height:1px;
	margin-top:-1px;
	clear: both;
}



#footer a{background:none;}
#footer a:hover{color:#ff9900;}


/*******************************
Navigation
*******************************/

#menu{
	background: none;
	padding:0;
	margin-top:20px;
}

#menu a{
	background: none;
	padding:0;
	font-size:12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color:#3ec7e0;
}


#menu a:hover{
	color:#ff9900 !important;
}



/*******************************
Home Page
*******************************/

#homeVid{
	background: #000;
	padding:10px;
	clear:both;
}

#homeInfo{
	background:url(images/wwd.jpg) no-repeat 10px center #000;
	padding:10px;
	width:920px;
	height:229px;
	margin:20px 0 00px 0;
	clear:both;
}

#latestWork{
	width:280px;
	height:500px;
	float:left;
	margin:20px 20px 0px 0;
	background: #090909;
	padding:10px;
}


div.scroll{overflow: hidden !important;}

#latestBlog{
	width:280px;
	height:500px;
	float:left;
	margin:20px 20px 0px 0;
	background: #090909;
	padding:10px;
}

#latestBlog blockquote{
	display: none !important;
}

#latestBlog .postExcerpt{
	min-height: 175px;
	}

 #latestWork .postExcerpt{
	min-height: 170px;
}


#latestBlog img,
#latestWork img,{
	max-width: 280px;
	min-width: 280px;
}

#latestBlog .postThumb{
	height: 195px;
	overflow: hidden;
}

#latestPoster{
	width:280px;
	height:500px;
	float:left;
	margin:20px 0px 0px 0;
	background: #000;
	padding:10px;
}

#latestPoster a, #latestPoster a img{
	background: none;
	padding:0;
	border:none;
}


#latestPoster a:hover, #latestPoster a img:hover{
	background: none;
	padding:0;
	border:none;
}

#latestPoster p{
	padding:0;
	margin:0;
}



#SeeAllBlog a{
	display: block;
	background: url(images/read.gif) no-repeat;
	width:185px;
	height:39px;
	text-indent: -999em;
	overflow: hidden;
	margin: 5px 0 0 0;
	padding: 0;
}

#SeeAllWork a{
	display: block;
	background: url(images/seeall1.gif) no-repeat;
	width:185px;
	height:39px;
	text-indent: -999em;
	overflow: hidden;
	margin: 15px 0 0 0;
	padding: 0;
}

#SeeAllBlog,
#SeeAllWork{
	margin: 0;
	padding: 0;
	/*position: absolute;
	bottom: -310px;*/
}



.postThumb a img{border:1px solid #333; margin-bottom:10px;}
.postThumb a{background: none; border:none; padding:0 !important;}
.postExcerpt img{display: none;}
.sectionHead{margin-bottom:-15px !important;}
.postTitle{margin-bottom:-5px !important;}

.postMeta{
	clear:none;
}


.singlePostMeta .left{width:270px;}
.singlePostMeta .right{width:270px;}

.singlePostMeta a{
	background: none;
}

.singlePostMeta a:hover{color:#ff9900;}

.singlePostMeta{
	padding:0 0 20px 0;
	border-top:1px solid #1e1e1e;
	margin:40px 0 0 0 !important;
	clear:both !important;
}

.singlePostMeta p{
	margin:0; padding:0;
}


.postMeta{
	padding:0 ;
	margin-bottom:20px;
}

.single .postMeta{
	padding-top:5px;
}

.postMeta a{
	background: none;
}

.postMeta a:hover{
	color:#ff9900;
}

.blog .post{
	/*border-bottom:1px solid #333;*/
	margin-bottom:70px;
	background:#000;
	padding:10px 20px  10px 20px;
}

.single .post{
	/*border-bottom:1px solid #333;*/
	margin-bottom:30px;
	background:#000;
	padding:15px 20px  10px 20px;
}

.category .post,
.tag .post{
	margin-bottom:30px;
	background:#000;
	padding:15px 20px  10px 20px;

}


#lightbox-image{
	z-index: 10 !important;
	display: block !important;
}

.pageid-418 #lightbox-loading img{
	z-index: -1 !important;
	display: none;
}

#lightbox-nav{
	z-index: 11 !important;
	display: block !important;
}

#lightbox-nav-btnPrev{display: block !important;}
#lightbox-nav-btnPrev{display: block !important;}

.blog .post img,
.tag .post img,
.category .post img,
.single .post img{
	max-width: 568px;
}

.postExcerpt a{
	background:none;
}


#footer{
	clear: both;
	margin:15px 0 0 0;
	font-size: 10px;
	height:250px;
	background:url(images/footer.png) repeat-x #111;
}

#footWrapper{
	width:940px;
	margin:0 auto 0;
	padding:20px;
}

.footItem{
	float:left;
	width:280px;
	margin:0 40px 0 0 !important;
	
}

.footItem2{
	float:left;
	width:130px;
	margin:0 20px 0 0 !important;
}


.footItem ul li, .footItem2 ul li{
	margin:0;
	list-style: none;
	padding:0 0 3px 0;
	font-size: 12px;
}

.footItem ul, .footItem2 ul{
	margin:0;
	list-style: none;
	padding:0;
	font-size: 12px;
}

.footItem p,.footItem2 p{
	margin-top:2px;
}

#content .postThumb{
/*	float:left;
	margin-right:10px;
	width:200px;*/
}

.postMeta{
	font-size: 11px;
	margin-top:-10px;
	color:#666;
}

/*#content .postExcerpt{margin-left:300px;}*/

.postExcerpt .postThumb {display: block !important;}

.post{
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px solid #121212;
}

h2.porTitle{
	margin:0;
	padding:0; 
 }


#portfolioWrapper{
	padding-top:30px;
	border-top:1px solid #333;
}


.singlePost .entry-content img{
	display:block;
	margin-bottom:15px !important;
}


/************************************/
/*			Leaderboard				*/
/************************************/

.leaderboard {  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
} 
 
.leaderboard img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0 
} 

/************************************/
/*			Newsletter Form			*/
/************************************/

#respond input{
	border:1px solid #333;
	background:#1e1e1e;
	width:300px !important;
	height:20px;
	padding:5px 5px 0 5px;
	margin-bottom:10px;
	color:#666;
	}

#respond .form-submit input{
	width:130px !important;
	height:35px;
	margin-left:70px;
	background:#666;
	text-transform: uppercase;
	color:#000;
}


.fbc_connect_button_area{
	padding:0 !important;
	float:none;
	margin:0 !important;
	display: block;
	width:610px;
	margin-bottom:20px;
}



a.fbconnect_login_button {
	background:url(images/connect.jpg) no-repeat;
	display: block;
	height:27px;
	width:107px;
	text-indent: -999em;
	overflow: none;
	margin:10px 0 !important;
}

a.fbconnect_login_button:hover {	
background:url(images/connect.jpg) no-repeat;
	
}

div.form-label{
	clear:both;
	float:left;
	height:20px;
	text-transform: uppercase;
	font-size:12px;
}

div.form-input{
	margin-top:10px;
	margin-left:70px;
}

div.form-textarea textarea#comment{
	margin-top:10px;
	margin-left:10px;
	border:1px solid #333;
	color:#666;
	background:#1e1e1e;
	width:300px !important;
	height:200px;
	padding:5px 5px 0 5px;
	margin-bottom:10px;
}

input#submit{
	width:100px !important;
	height:30px;
	margin-left:70px;
	background:#666;
	text-transform: uppercase;
color:#000;
}

/*****************************
Polaroids
******************************/
 


.poloroidItem a:link,
.poloroidItem a:active,
.poloroidItem a:visited{
	opacity:.5;
	width:184px;
	display: block;
	background: none;
	border: none !important;
	
}

.poloroidItem a img{
	border:none !important;
}

.poloroidItem a:hover{
	opacity:1;
	border: none;
	background: none;
}

.poloroidItem {
	display: block;
	float:left;
	margin-bottom: 6px;
}


/*****************************
Image Widgets
******************************/

.widget_sp_image a:link,
.widget_sp_image a:active,
.widget_sp_image a:visited,
.widget_sp_image a:hover,
.widget_sp_image a img,
.widget_sp_image a img:hover,
.widget_sp_image a:hover img{
	border:none !important;
	background: none !important;
}


.widget_sp_image{
margin: -30px 0 10px 0;

}


/************************************/
/*			Newsletter Form			*/
/************************************/




.textwidget input{
	border:1px solid #333;
	background:#1e1e1e;
	width:100%;
	height:20px;
	padding:5px 5px 0 5px;
	margin-bottom:10px;
}


input.submit{
	width:80px !important;
	margin:10px 0;
	height:30px;
	text-transform: uppercase;
	background:#666;
}

.textwidget label{
	font-weight: bold;
	text-transform: uppercase;
	margin-top:5px;
}

.fbc_profile_header{
	background: #000 !important;
	font-size: 10px;
	color:#999;
}

.fbc_profile_header a{
	background:none;
}

/************************************/
/*				Portfolio			*/
/************************************/

.portfolioItem{
	width:215px;
	min-height: 305px;
	float:left;
	margin:0 10px 35px 10px;
	border-bottom:1px solid #444;
	padding-bottom: 30px;
}

.portfolioItem .postThumb img{
	width:209px;
	padding:3px;
	border:1px solid #333;
	margin:0;
}


.portfolioItem .postExcerpt2 img{
	display:none;
}

.portfolioItem .postExcerpt2{
	margin-top:-20px;
	font-size: 12px;
	line-height: 18px;

}

.single h3{
	/*margin-bottom:-10px;
	margin-top:-5px;*/
}

.details h3{
}

.details h4{
	font-size: 13px;
	font-weight: normal;
	margin:0 0 8px 0;
}

.details h4 span{
	color:#fff;
}

/*** Single Portfolio Item ***/

#nextPrevious{
	font-size: 11px;
	margin-top:30px;
	padding-top:30px;
	border-top:1px solid #333;	
}

.nav-previous{
	float:left;
	width:100px;
}

.nav-next{
	float:right;
	width:100px;
}


#lightbox-loading a{
	border:none !important;
	background:none !important;
}

#address{
	width:280px;
	float:right;
	font-size: 12px;
	
}

#address h3{
	width:150px;
}


 #contactForm h3{
 	width:200px;
}

 
 
#contactForm{
	margin:0 0 0 0;
}

#contactForm input,
#contactForm textarea{
	border:1px solid #000;
color:#ddd;
padding:3px;
margin:3px 0 10px 0;
width:290px; 
background: url(images/formbg.jpg);
}

#submitButton input{
	width:100px;
	padding:8px;
}

.desc{
/*	width:390px;
	float:left;
	border-right:1px solid #333;
	padding-right:30px;
	margin-right:30px;
	margin-top:15px;*/
	padding-bottom:20px;
	margin-bottom:30px;
	border-bottom:1px solid #333;
}

.details{
	/*width:200px;
	float:right;
	margin-top:15px;*/
	}
	
.single{
	margin-bottom:50px;
}	

.category-work a{
	background:none !important;
	border:none !important;
}

.category-work  a:hover{
	background:none !important;
	border:none !important;
}

a.img:hover{
	background: none;
}

.category-work a img{
	background:none !important;
	border:1px solid #000 !important;
}

.category-work a:hover img{
	background:none !important;
	border:1px solid #000 !important;
	opacity:.5;
}

.entry-content a .alignnone{background: none;}
.entry-content a:hover .alignnone{background: none;}

.entry-content a img{
	background:none !important;
	border:1px solid #ff9900 !important;
}

.entry-content a:hover img{
	background:none !important;
	border:1px solid #89c7f6 !important;
	opacity:.5;
}


blockquote{
	background:url(images/bquote.jpg) no-repeat top left;
	padding:20px;
	margin:0;
}


.post blockquote{
	background:#101010;
	background-image: none;

}

/************************************/
/*				Slider Code			*/
/************************************/


.panel img {
	float: left;
	margin:0 30px 0 0;
}

.panel{
	font-size: 13px;
	line-height: 24px;
}

li.tabber{
	display:block;
	float:left !important;
	width:300px;
	text-align: center;
	
	margin:20px 0 0 0;
}


a#link_wwd{
	display: block;
	background: url(images/txt_wwd.gif) no-repeat top center;
	width:300px;
	height:35px;
	text-indent: -999em;
	overflow: hidden;
}

a#link_hwd{
	display: block;
	background: url(images/txt_hwd.gif) no-repeat top center;;
	width:300px;
	height:35px;
	text-indent: -999em;
	overflow: hidden;
}

a#link_get{
	display: block;
	background: url(images/txt_ge.gif) no-repeat top center;;
	width:300px;
	height:35px;
	text-indent: -999em;
	overflow: hidden;
}

a#link_wwd:hover{background: url(images/txt_wwd.gif) no-repeat bottom center;}
a#link_hwd:hover{background: url(images/txt_hwd.gif) no-repeat bottom center;}
a#link_get:hover{background: url(images/txt_ge.gif) no-repeat bottom center;}


ul.navigation {
	padding:0;
	margin:0;
	width:920px;
	}

#slider {
  width: 920px;
  margin: 0 auto;
  position: relative;
}

.scroll {
  height: 250px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
 
}

.scrollContainer div.panel {
  padding: 20px;
  height: 210px;
  width: 890px; /* change to 560px if not using JS to remove rh.scroll */
}

/************************************/

#lightbox-infoBox{display:none;}








/* Just some example content */
div.skip-link {
position:absolute;
right:1em;
top:1em;
}



div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a {
display:block;
margin-right:1em;
padding:0.2em 0.7em;
text-decoration:none;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}

.entry-title,.entry-meta {
clear:both;
}

div#container,div#primary {
margin-top:2em;
}


#primary{
	margin-top:86px !important;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

/*
.pageid-3 img{
	float:left;
}
*/
.pageid-3 h3{
	width:200px;
}



div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}


.sidebar {
	font-size: 11px;
	line-height: 16px;
}

div.sidebar h3 {
}

div.sidebar a { 
	background: none;
	color:#666;
	background:000;
}

div.sidebar a:hover{
	background:#ff9900;
	color:#fff;
}

div.sidebar input {
border:1px solid #000;
color:#ddd;
padding:3px;
margin:3px 0 10px 0;
width:290px; 
background: url(images/formbg.jpg);
}

div.sidebar li {
list-style:none;
margin:0 0 45px;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 0;
}

div.sidebar ul ul li {
list-style:none;
margin:0;
margin:0 0 7px 0;
background: url(images/bullet.gif) no-repeat 0 5px ;
padding:0 0 0px 12px;
}

div.sidebar ul ul ul {
margin:0 0 0 0;
}

div.sidebar ul ul ul li {
list-style:none;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}


.wiget_categories ul li a{
	font-size:14px;
	text-transform: uppercase;
	line-height: 18px;
	letter-spacing: 3px;
}


input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}

div.sidebar h3{
	width:280px;
}


div.comment-meta{
	font-size: 9px !important;
	text-transform: uppercase !important;
}




tr.comment a{
	background: none !important;
}


tr.comment p{
	margin-top:-0px;
}

.alt{
	background:#1f1f1f;
	width:100px;
	padding:20px 0;
}

#comments-list table{
	border-collapse: collapse;
	width: 100%;
}

#comments-list table tr td{
	padding:10px;
}



#comments-list small{
	font-size:9px !important;
	text-transform: uppercase !important;
	margin:-12px 0 10px 0 !important;
	display: block;
}


/** Subscribe **/

#commentform .subscribe-to-comments input{
	width:20px !important;
}

.subscribe-to-comments label{
	text-align: left;
	width:500px !important;
	}