/*



Theme Name: Horizontal



Description: Horizontal scrolling theme with tiny scrolling animation



Version: 1.0



Author: Gabe Shaughnessy



Author URI: http://gabesimagination.com/



*/

.single{



	margin:0;



	padding:0;



	width: 6350px;



	height: 700px;



	color:#000; 


	font: 62.5%/150% Helvetica, Sans-Serif; 


	background: #FFFFFF url(img/imaginationPanSingle.jpg) no-repeat left top;

}

body {



	margin:0;



	padding:0;



	width: 6350px;



	height: 700px;



	color:#000; 



	font: 62.5%/150% Helvetica, Sans-Serif; 



	background: #FFFFFF url(img/imaginationPan.jpg) no-repeat left top;



}





a {



text-decoration: none;



color: #666644;



}



h2 {font-size: 1.1em}



h3 {font-size: 1.4em}







hr, .hide {



	position:absolute; 



	top:0;



    left:-9000px;



}	



#blog-title {



text-indent: -900%;



}



#page {



	height: 509px; 



}



#page {



	height: 509px; 



}









#leftsider {



	padding: 125px 0 0 25px;



        margin: 0 150px 0 0;



	float: left;



	width:200px; 



height: 509px;



}



#blog-description {



text-indent: -900%;



padding: 5px 0 0 0;



}



#blimp {



background: url(img/blimp.png) no-repeat top;



position: fixed;



top: 5px;



left:175px;



height: 100px;



width: 200px;



z-index:3;



display:block;



padding: 22px 0px 0px 230px;



}



#blimp a{



text-indent:-900%;



color: #000000;



text-decoration: none;



font-size: 5pt;



font-family: helvetica trebuchet arial sans;



}



#twitter_div{



background: url(img/twitterbox.png) no-repeat;



padding: 37px;



position: absolute;



top: 320px;



left: 450px;



width: 300px;



height: 204px;



}



#twitter_update_list li{



  list-style: none;



border-bottom: 1px dotted #000;



}



#leftsider h1 {font-size: 2.0em;



}







#menu {



  list-style: none;



  padding: 0;



  margin: 0;



  width: 774px;



  height: 210px;



  position: relative;



}



#menu span {



  display: none;



  position: absolute;



}



#menu a {



  display: block;



  text-indent: -900%;



  position: absolute;



  outline: none;



}



#menu a:hover {



  background-position: left bottom;



}



#menu a:hover span {



  display: block;



}



#menu .webgallery_btn {



  width: 109px;



  height: 25px;



  background: url(img/webgallery.png) no-repeat;



  left: 5px;



  top: 98px;



}



#menu .webprocess_btn {



  width: 61px;



  height: 23px;



  background: url(img/webinfo.png) no-repeat;



  left: 30px;



  top: 130px;



}



#menu .illustrationgallery_btn {



  width: 120px;



  height: 33px;



  background: url(img/illustrationgallery.png) no-repeat;



  left: 30px;



  top: 185px;



}



#menu .illustrationprocess_btn {



  width: 88px;



  height: 30px;



  background: url(img/illustrationtools.png) no-repeat;



  left: 40px;



  top: 225px;



}



#menu .artgallery_btn {



  width: 60px;



  height: 15px;



  background: url(img/artgallery.png) no-repeat;



  left: 4px;



  top: 325px;



}



#menu .contact_btn {



  width: 42px;



  height: 35px;



  background: url(img/contact.png) no-repeat;



  left: 109px;



  top: 340px;



}



#content {



	margin: 75px 0 0 40px; 



	float: left;



	font-size: 1.1em; 



}







#content h4 {font-size: 1.2em;}







.postcontainer {



	margin: 0px 30px 0 0px; 



padding: 0 0px 0 30px;



	float: left; 



	width: 550px;



height: 325px;	



overflow: visible;



}







.singlePost {

float:right
height: 550px;



width: 100%;



overflow: visible;



	float: left; 



	margin: 0px 30px 0 0px; 



	padding-left: 30px; 



}







.alignleft {



background: #FFFFFF;



float: left;



padding: 5px;



margin: 2px;



}



.alt {



margin: 0px 30px 0 0px; 



	padding-left: 30px; 



	float: left; 



	width: 315px;	



	height: 300px;



}







#note { 



	margin-top:10px;



}







p.secbot a{



	margin-top: -5px;



	padding-left: 15px;



	border-bottom:none;



	color: #22b1e1;



	background: url(img/leftsmall.png) no-repeat scroll left center;



	text-decoration:none;



	font-size:0.9em;



}







p.secbot a:hover {



	border-bottom:1px solid #22b1e1;



}







#arrows {



	position: fixed;



	top: 5px;



	left: 650px; 



	width: 400px;



	height: 70px;



	cursor: pointer;



}







#arrows ul {	



	margin: 0;



	padding: 0px;



	list-style:none;



}







#arrows ul li {



	margin: 0;



	padding: 0;



	display:inline;



	width: 150px;



	height: 70px;



}







#arrows ul li a{



	margin-right: 0px;



	float: left;



	display: block;



	width: 150px;



	height: 70px;



	overflow: hidden;



	cursor: pointer;



	font-size: 50em;



	text-indent: -9000px;



}







#arrows ul #left a {background:url(img/leftbig.png) no-repeat;}



#arrows ul #right a{background:  url(img/rightbig.png) no-repeat;}











#rightsider {



position: absolute;



left:4700px;



top: 510px;



padding: 0 0 0 50px;



width: 300px;



}	







#rightsider a{



	color: #22b1e1;



	text-decoration: none;



}







#footer {



background: #000000;



height:100px;



width: 100%;



}