/*  


Theme Name: 1412 Studio


Theme URI: http://1412-studio.co.cc/


Description: A theme inspired by thehorizontalway.com


Author: hana


Author URI: http://1412-studio.co.cc/


Tags: horizontal


*/





body { margin:0; padding:0; width: 3250px; height: 500px; color:#ccc; font: 62.5%/150% Century Gothic; background: #000000 url(images/bg.png) repeat; background-attachment: fixed; }





a{ text-decoration: none; color: #22b1e1; }


a:hover{text-decoration: underline; color: #22b1e1; }





img {border: 0px;}





h2 {font-size: 1.1em}


h3 {font-size: 1.4em}





hr, .hide { position:absolute; top:0; left:-9000px; }	





#page { height: 500px; background: transparent; z-index: 1; }





#borders { height: 500px; width: 3250px; position: absolute; top: 0px; left: 0px; background: #000000 url(images/page.png) repeat-x; background-attachment: fixed; z-index: -1; }





#geisha { height: 500px; width: 3250px; position: absolute; top: 0px; left: 0px; background: url(images/right.png) no-repeat top right; z-index: -1; }





#leftsider { padding: 50px 0 0 50px; float: left; width:300px; }





#leftsider h1 {font-size: 2.0em;}





#twits ul { list-style: url(images/bullet.png); }





#menu { margin-top: 30px; padding-left: 6px; }


#menu ul { list-style: url(images/bullet.png); }


#menu a { text-decoration: none; color: #22b1e1; }


#menu a:hover { border-bottom: 1px solid #22b1e1; }





#content { margin: 75px 0 0 40px; float: left; font-size: 1.1em; }


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





.par { margin: 0px 30px 0 0px;  padding: 10px;  float: left; width: 315px; }





#first { overflow: auto; height: 350px; border: 1px dashed #ff00aa; background: #2E2E2E;}


#second { overflow: hidden; height: 350px; border: 0px;}


#innersecond { overflow: auto; width: 300px; height: 265px; border: 1px solid #ff00aa; background: #292421;padding: 5px;}


#third { overflow: hidden; height: 350px; border: 0px solid #ccc;}


#innerthird { overflow: auto; width: 300px; height: 245px; border: 1px solid #ff00aa; background: #292421; }


#fourth { overflow: hidden; height: 350px; border: 0px solid #ccc;}


#innerfourth { overflow: auto; width: 300px; height: 235px; border: 1px solid #ff00aa; background: #292421;padding: 5px;}


#fifth { overflow: hidden; height: 350px; border: 0px solid #ccc;}


#innerfifth { overflow: auto; width: 300px; height: 265px; border: 1px solid #ff00aa; background: #292421; padding: 5px;}


#sixth { overflow: hidden; height: 350px; border: 0px solid #ccc;}


#innersixth { overflow: auto; width: 300px; height: 275px; border: 1px solid #ff00aa; background: #292421;}


#seventh { overflow: hidden; height: 350px; border: 0px solid #ccc;}


#innerseventh { overflow: auto; width: 300px; height: 260px; border: 1px solid #ff00aa; background: #292421; padding: 7px;}





.alt {/* modify this to add style to alternate sections*/}





#note { margin-top:10px; }





#arrows { position: fixed; top: 505px; left: 5px; width: 90px; height: 30px; cursor: pointer; }


#arrows ul { margin: 0; padding: 0; list-style:none; }


#arrows ul li { margin: 0; padding: 0; display:inline; width: 40px; height: 30px; }


#arrows ul li a{ margin-right: 5px; float: left; display: block; width: 40px; height: 34px; overflow: hidden; cursor: pointer; font-size: 50em; text-indent: -9000px; }





#arrows ul #left a {background: transparent url(images/leftarrow.png) no-repeat;}


#arrows ul #right a{background: transparent  url(images/rightarrow.png) no-repeat;}





#rightsider { padding: 0 10px 0px 0; }


#rightsider a{ color: #22b1e1; text-decoration: none; }





input, select, textarea { border: 1px dashed #22b1e1; background: #000; font: Century Gothic; color: #ff00aa; padding: 3px; }


td, tr { border: 0px; font: Century Gothic; color: #ccc; padding: 2px; }





#footer { padding: 0 0px 0px 0; }





.friendfeed.widget,


div.friendfeed.widget div, div.friendfeed.widget span, div.friendfeed.widget img, div.friendfeed.widget table, div.friendfeed.widget tr, div.friendfeed.widget td {position: relative; font-family: Century Gothic !important; background-color: transparent !important; font-size: 8pt !important; color: #ccc !important; padding: 0; margin: 0; border: 0; text-align: left; line-height: 1.3em; width: auto; float: none;}





.friendfeed.widget,


p.friendfeed.widget p, p.friendfeed.widget span, p.friendfeed.widget img, p.friendfeed.widget table, p.friendfeed.widget tr, p.friendfeed.widget td {position: relative; font-family: Century Gothic !important; background-color: transparent !important; font-size: 8pt !important; color: #ccc !important; padding: 0; margin: 0; border: 0; text-align: left; line-height: 1.3em; width: auto; float: none;}





.friendfeed.widget {color: #ccc !important; font-family: Century Gothic !important; background-color: transparent !important; font-size: 8pt !important; position: relative; border: 0px solid #437ec7 !important; overflow: hidden;}





.friendfeed.widget a{color: #22b1e1 !important; font-family: Century Gothic !important; background-color: transparent !important; font-size: 8pt !important; position: relative; border: 0px solid #437ec7 !important; overflow: hidden; text-decoration: none !important;}