/*Created by Alphan Gunaydin (http://www.iAlphan.com, iAlphan@iAlphan.com) hush 1.1 05/02/2010*/

/*reset.css*/
a,aside,b,body,code,div,em,fieldset,footer,form,h1,h2,h3,h4,h5,h6,header,html,img,i,label,legend,li,nav,object,ol,p,section,span,strong,sub,sup,ul{background:transparent;border:0;font-size:100%;margin:0;outline:none;padding:0;text-decoration:none;vertical-align:baseline}article,aside,figcaption,figure,footer,header,nav,section,summary{display:block}input,select{vertical-align:middle}nav ol ul{list-style:none}
/*end Reset.css*/

html{background:#333}body{color:#AAA;cursor:default;font:11px/1.5em metaWebPro,'Lucida Grande',Verdana,sans-serif;text-shadow:0 1px 0 #000}::selection{background:#858585;color:#FFF}::-moz-selection{color:#FFF}a:active,a:link,a:visited,#ialphanCreditsTrigger,#hush,#ialphanCreditsDeviantArt a,#ialphanCreditsFacebook a,#ialphanCreditsLastFm a,#ialphanCreditsLinkedIn a,#ialphanCreditsTwitter a,#ialphanCreditsEmail a{color:#7E7E7E;cursor:pointer;-webkit-transition:color .5s linear}a:hover,#ialphanCreditsTrigger:hover{color:#EFA313;-webkit-transition:color .5s linear}

#preLoader{margin:0 auto;text-align:center}
/* #preLoaderSpinner{background:url(http://img.ialphan.com/preLoaderSpinnerDarkBig.gif) no-repeat 0 0;display:block;height:32px;left:50%;margin-left:-16px;margin-top:-50px;position:absolute;top:50%;width:32px} */
#preLoaderSpinner{background:url(http://img.ialphan.com/preLoaderSpinnerDarkBig.gif) no-repeat 0 0;display:block;height:32px;margin:200px auto 0;padding-bottom:20px;width:32px}

#preLoaderTexts{margin:0 auto;width:250px}
#preLoaderTextA{float:left;padding-right:5px;text-align:right;width:120px}
#preLoaderTextB{float:right;padding-left:5px;text-align:left;width:120px}
#preLoaderTextA,#preLoaderTextB,header,#containerDim,#containerHud,footer,#hush{display:none}

header{background:#3C3C3C;border-bottom-style:solid;border-bottom-width:2px;border-color:#2E2E2E;

border-top-style:solid;border-top-width:2px;height:50px;margin:0px 0 30px;


-moz-box-shadow:0 0 3px #222;-webkit-box-shadow:0 0 3px #222;
}






nav{
margin:0 auto;
width:350px;
}

nav ul {
	margin-top: 10px;
	text-align: center;
	padding-top: 10px;
}

nav ul li {
/* 	background:#efa313; */
display:inline;
  list-style-type: none;
  background-image: none;
	
	padding: 10px;
	
	
	font:18px metaWebPro,'Lucida Grande',Verdana,sans-serif;
	
}

nav li a{
	

}

/*
nav #selected {

	background: #efa313;
}
*/


#containerHud{background:#3C3C3C;border:solid 2px #2E2E2E;margin:0 auto;min-height:190px;padding:10px;width:350px;-moz-border-radius:10px;-moz-box-shadow:0 0 3px #222;-webkit-border-radius:10px;-webkit-box-shadow:0 0 3px #222}


	
	
	
	

#main{}
#main p{text-align:justify;text-indent:15px;word-wrap:break-word}
#mainNote{font-size:9px;padding-top:24px;text-align:center}






#ialphanSectionError p{padding-top:50px;text-align:center}

#socialMediaMessageTip,#socialMediaDeviantArt a,#socialMediaFacebook a,#socialMediaLastFm a,#socialMediaLinkedIn a,#socialMediaTwitter a,#socialMediaEmail a,#hushMessageTip,.contactFormValidateAcceptName,.contactFormValidateAcceptEmail,.contactFormValidateAcceptMessage,.contactFormValidateDenyName,.contactFormValidateDenyEmail,.contactFormValidateDenyMessage{background:url(http://img.ialphan.com/hush.png) no-repeat}



#ialphanCreditsDim{background:#2E2E2E;display:none;height:26px;margin:10px auto 0;padding:2px;position:static;width:131px;-moz-border-radius:5px;-webkit-border-radius:5px}
#ialphanCreditsHud{background:#3C3C3C;display:none;height:15px;padding:5px 5px 6px 5px;width:121px;-moz-border-radius:5px;-webkit-border-radius:5px}





#contact{}
#contact p{margin-top:-10px;padding-bottom:10px;text-align:justify;text-indent:15px;width:350px;word-wrap:break-word}
#contactForm{position:relative;margin:10px 0 0;width:370px}


.contactFormValidateAccept,.contactFormValidateAcceptName,.contactFormValidateAcceptEmail,.contactFormValidateAcceptMessage,.contactFormValidateAcceptAll,.contactFormValidateDeny,.contactFormValidateDenyName,.contactFormValidateDenyEmail,.contactFormValidateDenyMessage,.contactFormValidateDenyAll{height:16px;position:absolute;width:16px}

.contactFormValidateAcceptName,.contactFormValidateAcceptEmail,.contactFormValidateAcceptMessage{background-position:0 0;margin-left:-20px;margin-top:1px}
.contactFormValidateDenyName,.contactFormValidateDenyEmail,.contactFormValidateDenyMessage{background-position:-16px 0;margin-left:-20px;margin-top:1px}






input,textarea,button{/* background:#3c3c3c;border:1px solid #2e2e2e;color:#aaa;outline:none; */-moz-border-radius:4px;-webkit-border-radius:4px}


#contactForm input,#contactForm textarea,#contactSubmitButton{background:#333;border:1px solid #2E2E2E;color:#AAA;font:11px/1.5em metaWebPro,'Lucida Grande',Verdana,sans-serif;outline:none;text-shadow:0 1px 0 #000}

#contactForm input{height:14px;padding-left:2px}
#contactForm textarea{resize:none}
#contactInputName,#contactInputEmail{margin-bottom:10px;width:346px}
#contactTextAreaMessage{height:48px;margin-bottom:4px;width:345px}
#contactForm label{padding:3px 0 0 4px; position:absolute}
#contactForm input:focus,#contactForm textarea:focus{background:#3C3C3C;border:1px solid #EFA313}

#contactSubmitButton{background:#3C3C3C;cursor:pointer;display:inline-block;line-height:1;margin-top:2px;text-align:left;width:85px}
#contactSubmitButton:hover{background:#333}
#contactFormProcessing{background:url(http://img.ialphan.com/preLoaderSpinnerBig.gif) no-repeat;display:none;height:32px;margin:74px auto 0;position:static;width:32px}
#contactFormResponse{margin-top:62px}
#contactFormResponse p{text-align:center}
#contactFormResponseImage{background:url(http://img.ialphan.com/peace.png) no-repeat;height:48px;margin:10px auto 0;width:48px}







#error{
	margin:74px auto 0;
	text-align:center;
}

/* 404 */
#errorImage{
	background:url(http://img.ialphan.com/cry.png) no-repeat;
	height:48px;
	margin:10px auto 0;
	width:48px;
}

#errorImage2{
	background:url(http://img.ialphan.com/ahem.png) no-repeat;
	height:48px;
	margin:10px auto 0;
	width:48px;
}

#errorImage3{
	background:url(http://img.ialphan.com/confused.png) no-repeat;
	height:48px;
	margin:10px auto 0;
	width:48px;
}




/* microformats */
.geo,.logo,.nickname,.photo,.postal-code,.tel,.type,.url,.value,.work{display:none}



#socialMedia, footer, #hush, #hushMessage {font:9px 'Lucida Grande',Verdana,sans-serif}



#socialMedia{color:#999;cursor:default;margin:10px auto;text-align:center}
#socialMediaTrigger{}
#socialMediaDim{background:#2E2E2E;display:none;height:26px;margin:10px auto 0;padding:2px;position:static;width:131px;-moz-border-radius:5px;-webkit-border-radius:5px}
#socialMediaTip{background:url(http://ialphan.dev/files/img/hush.png) no-repeat 0 -288px;display:none;height:10px;margin:-12px 0 2px 19px;width:19px}
#socialMediaHud{background:#3C3C3C;display:none;height:15px;padding:5px 5px 6px 5px;width:121px;-moz-border-radius:5px;-webkit-border-radius:5px}
#socialMediaList{}
#socialMediaList ul{margin-top:2px}
#socialMediaList li{display:inline}
#socialMediaDeviantArt a,#socialMediaFacebook a,#socialMediaLastFm a,#socialMediaLinkedIn a,#socialMediaTwitter a,#socialMediaEmail a{background:url(http://ialphan.dev/files/img/hush.png);float:left;height:16px;opacity:0.7;width:16px}
#socialMediaDeviantArt a{background-position:-32px 0;margin:-2px 5px 2px 0}
#socialMediaFacebook a{background-position:-48px 0;margin:-2px 5px 2px 0}
#socialMediaLastFm a{background-position:-64px 0;margin:-2px 5px 2px 0}
#socialMediaLinkedIn a{background-position:-80px 0;margin:-2px 5px 2px 0}
#socialMediaTwitter a{background-position:-32px -16px;margin:-2px 5px 2px 0}
#socialMediaEmail a{background-position:-48px -16px;margin:-2px 0 2px 0}








footer{min-height:100px}
footer p{bottom:0px;color:#AAA;left:0px;padding-bottom:10px;position:absolute;text-align:center;width:100%}

#hush{bottom:0;cursor:help;padding:10px;position:fixed;-webkit-transition:color .5s linear}
#hushHud{background:#3C3C3C;border:solid 2px #2E2E2E;display:none;margin-top:-45px;padding:5px;position:absolute;width:66px;-moz-border-radius:5px;-moz-box-shadow:0 0 3px #222;-webkit-border-radius:5px;-webkit-box-shadow:0 0 3px #222}
#hushMessage{height:12px}
#hushMessageTip{background-position:-64px -22px;display:none;height:10px;margin:8px 0 0 -5px;position:absolute;width:19px;-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg)}


@font-face {font-family:'metaWebPro';src:url('http://www.ialphan.com/files/fonts/metaWebPro.eot');src:local('Meta Web Pro'),url('http://www.ialphan.com/files/fonts/metaWebPro.woff') format('woff'),url('http://www.ialphan.com/files/fonts/metaWebPro.ttf') format('truetype'),url('http://www.ialphan.com/files/fonts/metawebpro-webfont.svg') format('svg');font-weight:normal;font-style:normal}
