/* @group Apollo */
/*The Apollo reset CSS customized by Athena Emily*/
body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}/*p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}*/.c{clear: both;}.right{float:right;}.left{float:left}.empty{text-indent:-9999px}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 20px 2px 0;
	display: inline;
}

.alignright {float: right;}
.alignleft {float: left}	
.aligncenter{text-align: center;}
/* @end */

/*6d6274*/
/* @group Rumi */

body{
	background: #eee url(images/bg.png) repeat-x scroll 0 0;
	color: #393939;
	font: normal 12px/160% 'Lucida Grande', Helvetica, Arial, sans-serif ;
	text-shadow: 1px 1px 1px #fff;
	overflow: hidden;
	width: 100%;
}


#outer{
	height: 1px;
	position: absolute;
	top: 50%;
	left: 0;
	overflow: visible;
	width: 8000px;
}

#container{
	font-size: 1em;
	height: 600px;
	margin-left: -4000px;
	left: 50%;
	position: absolute;
	top: -300px;
	width: 8000px;
}

h1{text-indent: -9999px;}
h2{ font-size: 1.1em; font-weight: bold;}

#a_sep{ background: url(images/frame1a.gif) no-repeat scroll 0 0; height: 600px ;width: 1040px;}

#b_sep{ background: url(images/frame2a.gif) no-repeat scroll 0 0; height: 600px ;width: 1040px;}

#c_sep{ background: url(images/frame3a.gif) no-repeat scroll 0 0; height: 600px ;width: 1040px;}

.frames{float: left;}

.header{
	height: 99px;
	position: relative;
	width: 960px;
}

.section{
	height: 400px;
	padding-top: 28px;
	padding-left: 120px;
	overflow: hidden;
	width: 840px;
}

#A_copyright{
	color: #707070;
	float: right;
	font-size: .8em;
	line-height: 130%;
	position: absolute;
	right: 0;
	text-align: right;
	top: 143px;
	width: 291px;
}

.footer{ clear: both; color: #707070;font-size: .8em; line-height: 130%; padding-left: 120px;}

/* @end */


/* @group menu */

.frames .nav a {
	border: none;
	float: left;
	height: 69px;
	display: block;
	text-indent: -9999px;
	width: 83px;
}

.top{
	height: 43px;
	left: 20px;
	position: absolute;
	top: 42px;
	width: 51px;}

.header .top a{
	background: url(images/menu.png) no-repeat scroll -166px -13px;
	border: none;
	display: block;
	height: 43px;
	text-indent: -9999px;
	width: 51px;
}

.header .top a:hover{
	background: url(images/menu.png) no-repeat scroll -166px -82px;
}
.header .top a:active{
	background: url(images/menu.png) no-repeat scroll -166px -151px;
}
a.portfolio_g{ background: url(images/menu.png) no-repeat scroll 0 0; margin-right: 20px;}
a.portfolio_g:hover{ background: url(images/menu.png) no-repeat scroll 0 -69px; }
a.portfolio_g:active{ background: url(images/menu.png) no-repeat scroll 0 -138px; }

a.about_g{ background: url(images/menu.png) no-repeat scroll -83px 0; margin-right: 20px;}
a.about_g:hover{ background: url(images/menu.png) no-repeat scroll -83px -69px; }
a.about_g:active{ background: url(images/menu.png) no-repeat scroll -83px -138px; }

a.contact_g{ background: url(images/menu.png) no-repeat scroll -370px 0; }
a.contact_g:hover{ background: url(images/menu.png) no-repeat scroll -370px -69px; }
a.contact_g:active{ background: url(images/menu.png) no-repeat scroll -370px -138px; }

a.portfolio_b{ background: url(images/menu.png) no-repeat scroll -217px 0; margin-right: 20px;}
a.portfolio_b:hover{ background: url(images/menu.png) no-repeat scroll -217px -69px; }
a.portfolio_b:active{ background: url(images/menu.png) no-repeat scroll -217px -138px; }

a.about_b{ background: url(images/menu.png) no-repeat scroll -453px 0; margin-right: 20px;}
a.about_b:hover{ background: url(images/menu.png) no-repeat scroll -453px -69px; }
a.about_b:active{ background: url(images/menu.png) no-repeat scroll -453px -138px; }

/* @end */

/* @group h1 titles */

.header	h1{
	height: 69px;
	left: 120px;
	position: absolute;
	top: 30px;
	width: 70px;
}

#portfolio h1 a{background: url(images/menu.png) no-repeat scroll -300px 0; display: block;height: 69px;width: 70px;}
#about h1 a{background: url(images/menu.png) no-repeat scroll -300px -69px; display: block;height: 69px;width: 70px;}
#contact h1 a{background: url(images/menu.png) no-repeat scroll -300px -138px; display: block;height: 69px;width: 70px;}

/* @end */

/* @group Permalinks */

#self a{ color: #393939; border-bottom: 1px solid #bfa2e0; text-decoration: none;}
#self a:visited{ color: #393939; border-bottom: 1px solid #bfa2e0; text-decoration: none;}
#self a:hover{ color: #292929;border-bottom: 1px solid #ccc;}
#self a:active{ color: #000;}

#A_copyright a, .footer a {color: #979797; border-bottom: 1px solid #ccc; text-decoration: none;}
#A_copyright a:hover, .footer a:hover {color: #292929; border: none;}

/* @end */

/* @group #Top */

#top{
	background: url(images/frame1.gif) no-repeat scroll 0 0;
	height: 419px;
	padding: 181px 0 0 60px;
	width: 900px;
}

#main{ 
	height: 208px;
	position: relative;
	width: 900px;}

#top h1{
	background: url(images/head.png) no-repeat scroll 0 0;
	height: 101px;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 0;
	width: 528px;
}

#top #A_menu{
	height: 69px;
	position: absolute;
	top: 19px;
	right: 0;
	width: 291px;
}

#top #tweet{
	height: 65px;
	left: 0;
	position: absolute;
	top: 143px;
	width: 609px;
}

#twitter_div{
	font-style: italic;
	float: left;
	margin-right: 70px;
	width: 420px;
}

#twitter_div a{
	border: none;
	color: #5fb3c8;
	font-style: normal;
	text-decoration: none;
}

#twitter_div a:hover{
	color: #4991a3;
}

#top #tweet a.bird{
	border: none;
	background: url(images/bird.png) no-repeat scroll 0 0;
	display: block;
	float: left;
	height: 65px;
	text-indent: -9999px;
	width: 63px;
}

#top #tweet a.bird:hover{
	background: url(images/bird.png) no-repeat scroll 0 -65px;
}


/* @end */

/* @group #portfolio */

#portfolio{
	background: url(images/frame2.gif) no-repeat scroll 0 0;
	height: 600px;
	overflow: hidden;
	width: 960px;
}

#gallery {
	float: left;
	margin-right: 39px;
	overflow: hidden;
	width: 561px;
}

#gallery .placeholder{
	background: url(images/placeholder.png) no-repeat scroll 0 0;
	float: left;
	height: 110px;
	margin: 0 21px 6px 0;
	position: relative;
	width: 166px;
}

#gallery .placeholder img{
	position: absolute;
	top: 1px;
	left: 1px;
}

.tiptip{
	color: #fff;
	display: none;
	font-size: .8em;
	text-shadow: none;
	line-height: 140%;
}

.tiptip p{margin: 0;
	color: #fff;
}

.tiptip p a{ border: none;color: #fef45c; text-decoration: none;}
.tiptip p a:visited{ border: none;color: #fef45c;text-decoration: none;}
.tiptip p a:hover{ border: none;color: #beff8e;text-decoration: none;}

.tooltip-green{
	background: url(images/tooltip-green.png) no-repeat scroll left bottom;
	display: none;
	height: 63px;
	padding: 15px 18px 0;
	width: 260px;}
	
.tooltip-blue{
	background: url(images/tooltip-blue.png) no-repeat scroll left bottom;		
	display: none;
	height: 63px;
	padding: 15px 18px 0;
	width: 260px;}


.tooltip-red{
	background: url(images/tooltip-red.png) no-repeat scroll left bottom;color: #fff;
	display: none;
	height: 63px;
	padding: 15px 18px 0;
	width: 260px;}


.tooltip-purple{background: url(images/tooltip-purple.png) no-repeat scroll left bottom;
	display: none;
	height: 63px;
	padding: 15px 18px 0;
	width: 260px;}
	
.fade{
	cursor: crosshair;
}
	
#series{
	display: none;
}

a.dev{
	cursor: default;
}

#portfolio .sidebar{
	float: left;
	padding-top: 73px;
	width: 240px;
}

#B_menu{
	margin: 0 0 55px 20px;
}

.purple { color: #be23d0; }
.blue { color: #3e4fc7; }
.red { color: #bd5481; }
.green { color: #05675f; }

/* @end */

/* @group #about */

#about{
	background: url(images/frame3.gif) no-repeat scroll 0 0;
	height: 600px;
	overflow: hidden;
	width: 960px;
}

#C_menu{
	height:69px;
	left: 750px;
	position: absolute;
	top: 30px;
	width: 200px;
}

#about .section{
	height: 379px;
	padding-top: 49px;
	padding-right: 76px;
}


#self{
	float: left;
	padding-right: 66px;
	width: 555px;
}
#self p{
	margin-bottom: 15px;
}

#about .sidebar{
	float: left;
	padding-top: 9px;
	width: 219px;
}

#download a{
	background: url(images/download.png) no-repeat scroll 0 0;
	display: block;
	height: 31px;
	margin: 28px 0;
	text-indent: -9999%;
	width: 110px;
}
#download a:hover{
	background: url(images/download.png) no-repeat scroll 0 -31px;
}

ul#social{
	margin-top: 3px;
}

ul#social li{
	padding: 1px 0;
}

ul#social a { color: #6d6d6d; height: 16px; padding-left: 26px; padding-bottom: 1px; text-decoration: none;}
ul#social a:hover { color: #383838;}
ul#social a:active { color: #292929;}

ul#social a.twitter{ background: url(images/twitter_16.png) no-repeat scroll 0 0;}
ul#social a.flickr{ background: url(images/flickr_16.png) no-repeat scroll 0 0;}
ul#social a.deviantart{ background: url(images/deviantart_16.png) no-repeat scroll 0 0;}
ul#social a.lastfm{ background: url(images/lastfm_16.png) no-repeat scroll 0 0;}
ul#social a.linkedin{ background: url(images/linkedin_16.png) no-repeat scroll 0 0;}

/* @end */

/* @group #contact */

#contact{
	background: url(images/frame4.gif) no-repeat scroll 0 0;
	height: 600px;
	overflow: hidden;
	width: 960px;
}

#contact_info{
	margin-top: 21px;
	width: 200px;
}

a.mail {
	border: none;
	background: url(images/email_16.png) no-repeat scroll 0 0;
	color: #e0448d;
	height: 16px;
	padding-left: 26px;
	padding-bottom: 1px;
	text-decoration: none;
}

a.mail:hover {border: none;color: #292929;}

#D_menu{
	margin-top: 55px;
}


/* @end */