@charset "UTF-8";

/*
Schahryar Fekri's Homepage
http://www.schahryar.com
*/


* {
padding:0; margin:0;
}

html {
font-size:100.01%;
}

img {border:0;}

table, td, div, img {
border:0; border-collapse:collapse;
}

div, span, p {overflow:hidden;}

ul, li {
list-style: none;
}

a {
color:#cb3434;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

.tags {
color:#2e75ab;
}
.tags a {
color:#2e75ab;
}
.tags a:hover {
color:#2e75ab;
text-decoration:underline;
}

.caption {
font-size:0.7em;
}

.path {
font-size:0.7em;
color:#999;
margin-bottom:15px;
}

.path a {
text-decoration:underline;
color:#999;
}

p {
padding:3px 0 3px 0;
}



.hr {
height:31px; width:100%;
}

/* Layout | Start */

.container {
margin: 0 auto;
width:1052px; height:auto;
/* min-height:300px; */
text-align:left;
}

/* Layout | End */


/* Navigation | Start */

#nav {
width:100%; height:40px;
clear:both;
}

#nav .left {
width:31px; height:100%;
float:left;
}

#nav .right {
width:31px; height:100%;
float:left;
}

#nav .center {
background:#1c1e1c url(../images/bg/nav.gif) repeat-x;
width:990px; height:100%;
float:left;
}

#nav ul {
width:100%; height:100%;
/* background:url(../images/nav/buttons.png) no-repeat 0 0; */
float:left;
overflow:hidden;
}

#nav ul li {
margin:0px 0px 0px 0;
/* background:url(images/ver.gif) no-repeat 0 0px; */
float:left;
text-align:center;
}

#nav ul li a {
width:103px; height:40px;
display:block;
float:left;
overflow:hidden;
text-align:center;
text-indent:-1000em;
cursor:pointer;
text-decoration:none;
}

#nav ul li a.home {
width:104px;
background:url(../images/nav/buttons.png) 0px 0 no-repeat;
}
#nav ul li a.home_s {
width:104px;
background:url(../images/nav/buttons.png) 0px -80px no-repeat;
}
#nav ul li a.home:hover {
width:104px;
background:url(../images/nav/buttons.png) 0 -40px no-repeat;
}

#nav ul li a.about {
width:103px;
background:url(../images/nav/buttons.png) -104px 0 no-repeat;
}
#nav ul li a.about_s {
width:103px;
background:url(../images/nav/buttons.png) -104px -80px no-repeat;
}
#nav ul li a.about:hover {
width:103px;
background:url(../images/nav/buttons.png) -104px -40px no-repeat;
}

#nav ul li a.folio {
width:103px;
background:url(../images/nav/buttons.png) -207px 0 no-repeat;
}
#nav ul li a.folio_s {
width:103px;
background:url(../images/nav/buttons.png) -207px -80px no-repeat;
}
#nav ul li a.folio:hover {
width:103px;
background:url(../images/nav/buttons.png) -207px -40px no-repeat;
}

#nav ul li a.projects {
width:103px;
background:url(../images/nav/buttons.png) -310px 0 no-repeat;
}
#nav ul li a.projects_s {
width:103px;
background:url(../images/nav/buttons.png) -310px -80px no-repeat;
}
#nav ul li a.projects:hover {
width:103px;
background:url(../images/nav/buttons.png) -310px -40px no-repeat;
}

#nav ul li a.links {
width:103px;
background:url(../images/nav/buttons.png) -413px 0 no-repeat;
}
#nav ul li a.links_s {
width:103px;
background:url(../images/nav/buttons.png) -413px -80px no-repeat;
}
#nav ul li a.links:hover {
width:103px;
background:url(../images/nav/buttons.png) -413px -40px no-repeat;
}

#nav ul li a.contact {
width:103px;
background:url(../images/nav/buttons.png) -516px 0 no-repeat;
}
#nav ul li a.contact_s {
width:103px;
background:url(../images/nav/buttons.png) -516px -80px no-repeat;
}
#nav ul li a.contact:hover {
width:103px;
background:url(../images/nav/buttons.png) -516px -40px no-repeat;
}

/* Navigation | End */





/* Body | Start */
#body {
background:url(../images/bg/content.gif) repeat-y center;
width:100%; height:100%;
min-height:310px;
float:left;
overflow:hidden;
}

#body .left {
background:url(../images/bg/content_l.gif) no-repeat right top;
width:31px; height:15px;
float:left;
}

#body .center {
background:white;
width:990px; height:100%;
float:left;
}

#body .right {
background:url(../images/bg/content_r.gif) no-repeat left top;
width:31px; height:15px;
float:left;
}

#body .top {
background:url(../images/bg/content_t.gif) repeat-x;
width:990px; height:62px;
}

#body .logoref {
background:url(../images/bg/logoref.gif) repeat-x;
width:310px; height:35px;
}

#body .bottom {
background:url(../images/bg/content_b.gif) repeat-x bottom;
width:100%; height:62px;
}

#body .content {
width:990px; height:100%;
min-height:270px;
}

#body .content .l {float:left;}
#body .content .r {float:right;}


/* Body | End   */





/* Footer | Start */

#footer {
width:100%; height:169px;
min-width:1052px;
background:#5c5c5c url(../images/bg/footer.jpg) repeat-x;
}

#footer .center {
margin: 0 auto;
width:990px; height:169px;
min-width:990px;
background:#313131 url(../images/bg/footer_c.jpg) repeat-x;
color:#bfbebe;
font-size:0.8em;
}

#footer .content {
padding:62px 62px 62px 62px;
padding-top:31px;
text-align:left;
}

#footer a {
color:#bfbebe;
text-decoration:underline;
}

#footer a:hover {
	text-decoration:none;
}

#footer .top {
height:97px;
}

#footer .bottom {
height:31px;
}

#footer ul {
}

#footer ul li {
padding-bottom:3px;
}

#footer ul li a {
padding:3px 0 0 28px;
height:17px;
overflow:hidden;
display: inline-block;
color:#bfbebe;
text-decoration:none;
}

#footer ul li a:hover {
color:white;
}

#footer ul li a.folio {
background:url(../images/icon/portfolio.png) no-repeat;
}

#footer ul li a.blog {
background:url(../images/icon/weblog.png) no-repeat;
}

#footer ul li a.photoblog {
background:url(../images/icon/photoblog.png) no-repeat;
}

#footer ul li a.mail {
background:url(../images/icon/mail.png) no-repeat;
}

#footer ul li a.skype {
background:url(../images/icon/skype.png) no-repeat;
}

#footer .hr {
background:url(../images/bg/hr_footer.gif) repeat-x center;
height:19px; width:100%;
border:0;
padding-bottom:7px;
}

#footer .clmn1 {
width:37%; float:left;
}

#footer .clmn2 {
width:30%; float:left;
}

#footer .clmn3 {
width:164px; height:90px;
float:right;
background:url(../images/other/logo_footer.png);
}

#footer .left {
width:auto;
float:left;
}

#footer .right {
width:auto;
float:right;
}



/* Footer | End   */


/* COPY | Start */
#body #copy {
width:540px; height:100%;
float:left;
overflow:hidden;
}

#body #copy_full {
width:100%; height:100%;
}

#body #clmn {
width:265px; height:100%;
font-size:0.8em;
overflow:hidden;
float:right;
}

#body #copy_l {
width:402px; height:100%;
float:left;
overflow:hidden;
}

#body #copy_r {
width:402px; height:100%;
float:right;
overflow:hidden;
}
/* COPY | End    */

/* CLMN | Start  */

#body #clmn h1 {
font-size:1.3em;
color:#968d40;
margin-bottom:4px;
}

#body #clmn h2 {
font-size:1.4em;
color:#968d40;
margin-bottom:4px;
}


#body #clmn .hr {
width:100%; height:auto;
margin-top:14px;
margin-bottom:14px;
border-top: 1px #f0f0f0 solid;
}

#body #clmn .hrx {
width:100%; height:auto;
margin-top:15px;
margin-bottom:16px;
}

#body #clmn ul {
list-style:circle;
padding:7px 7px 7px 16px;
}

#body #clmn li {
list-style:square;
padding:2px;
margin:0;
}

#body #clmn .hilite {
background:url(../images/bg/clmn_hilite.png) no-repeat;
width:265px; height:133px;
overflow:hidden;
text-align:left;
}

#body #clmn .hilite #content {
width:120px;
padding:0px 20px 20px 20px;
float:left;
}

#body #clmn .index {
background:url(../images/bg/clmn_index.png) no-repeat;
width:265px; height:100%;
min-height:240px;
overflow:hidden;
}

#body h1 {
font-size:2em;
font-weight:bold;
margin-bottom:12px;
}

#body h2 {
font-size:1.2em;
font-weight:bold;
}



#body ul {
padding:7px 18px 3px 18px;
}

#body li {
list-style: disc;
margin-bottom:3px;
}

.pad_11 {
padding:11px;
overflow:hidden;
}

.pad_21 {
padding:21px;
overflow:hidden;
}

.pad_31 {
padding:31px;
overflow:hidden;
}

.pad_62 {
padding:62px;
overflow:hidden;
}

#chiclets {
width:100%; height:auto;
font-size:0.8em;
}

#chiclets p {
padding: 16px 15px 15px 15px;
}

#chiclets h {
font-size:1.11em;
font-weight:bold;
margin-bottom:10px;
}

#chiclets .blue {
width:159px; min-height:115px;
background:url(../images/bg/chiclet_blue.gif) repeat-x;
float:left;
margin-right:31px;
}

#chiclets .green {
width:159px; min-height:115px;
background:url(../images/bg/chiclet_green.gif) repeat-x;
float:left;
margin-right:31px;
}

#chiclets .grey {
width:159px; min-height:115px;
background:url(../images/bg/chiclet_grey.gif) repeat-x;
float:left;
}