/* MINIMAL RESET + UNRESET */

html, 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, 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; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; } /* need cellspacing="0" */
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: 0; }
body { 
/*font-size: 62.5%;*/
 }
b, strong { font-weight: bold; }
i, em { font-style: italic; }
u, ins { text-decoration: underline; }
s, strike, del { text-decoration: line-through; }

/* DESIGN */

body { background: #777; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; }
#page { width: 100%; height: 100%; color: #bbb; }
#content { position: fixed; right: 0; width: 250px; height: 100%; padding: 60px 0 0 50px; background: url(../images/logo.png) 0 0 no-repeat; }

h1 { display: block; height: 170px; text-indent: -9999px; overflow: hidden; background: url(alimoeenyNastaligh240.png) no-repeat top right;}
h2 { color:#AA3333; font:150% Verdana,Helvetica; font-weight:bold; /* text-transform: uppercase; */ margin-top:25px; margin-left:15px; margin-bottom:10px}
ul { line-height: 24px; margin-left: 50px; list-style-type: square;}
a { color: #bc0085; text-decoration: none; }
ul a { /*display: block;*/ padding-left: 0px; }
p {color:#121314; font:85% Monaco,Courier New,DejaVu Sans Mono,Bitstream Vera Sans Mono,monospace;*font-size:100%; margin-left:30px; margin-right:30px; margin-bottom:15px;}
p.farsi {font:Tahoma, Koodak; color:#131618;}
li {color:#232399; font:85% Monaco,Courier New,DejaVu Sans Mono,Bitstream Vera Sans Mono,monospace;*font-size:100%;}


#pages { font-size: 1.4em; line-height: 28px; text-transform: uppercase; margin: 28px 0 0 0; }
#contacts #vcard a { text-transform: uppercase; color: #333; font-size: 10px; }
#social { text-transform: lowercase; }
#contacts a, #social a, #contacts, #social { color: #777; }

#quote { position: absolute; top: 50%; left: 50%; width: 500px; height: 500px; margin: -250px -400px; }
#quote p { width: 500px; height: 500px; display: table-cell; vertical-align: middle; color: #e6e6e6; }
#quote q { font-family: Helvetica, Arial, sans-serif; font-weight: bold; letter-spacing: -0.05em; font-size: 5em; line-height: 0.9em; }
#quote cite { font-family: "Hoefler Text", Garamond, Baskerville, Georgia; font-size: 3em; font-style: italic; display: block; margin: 30px 0 0 0; }

#alt { position: absolute; top: 0; left: 0; width: 340px; height: 16px; padding: 10px; color: #ddd; background: #111; background: rgba(16,16,16,0.5); font-size: 1.2em; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-bottomright: 15px; }
#alt a { color: #eee; border-bottom: 1px dotted #999; }

.bezel { position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; margin: -60px -210px; background: 0 0 no-repeat; }
#bezel-photo { background-image: url(../images/bezels/photo.png); width: 282px; height: 540px; top: auto; left: 150px; bottom: 0; margin: 0; }
#bezel-blog { background-image: url(../images/bezels/blog.png); }
#bezel-portfolio { background-image: url(../images/bezels/portfolio.png); }
#bezel-projects { background-image: url(../images/bezels/projects.png); }
#bezel-about { background-image: url(../images/bezels/about.png); }
#bezel-email { background-image: url(../images/bezels/email.png); }
#bezel-tel { background-image: url(../images/bezels/tel.png); }
#bezel-location { background-image: url(../images/bezels/location.png); }
#bezel-vcard { background-image: url(../images/bezels/vcard.png); }
#bezel-tumblr { background-image: url(../images/bezels/tumblr.png); }
#bezel-twitter { background-image: url(../images/bezels/twitter.png); }
#bezel-behance { background-image: url(../images/bezels/behance.png); }
#bezel-facebook { background-image: url(../images/bezels/facebook.png); }
#bezel-linkedin { background-image: url(../images/bezels/linkedin.png); }

/* code is poetry */