@import url("reset.css");

/* SITE */

body {background-color: #fff; color: #3f3f3f; font-family: "Arial Narrow", Arial, sans-serif; word-spacing: 4px; }

#canvas {width: 960px; margin: 0 auto;}
#canvas.mainpage {width: 570px; margin: 0 auto; padding: 100px 0 0 0;}

#bow {background: url(/img/behnaz_sarafpour_home_bow.jpg) no-repeat; height: 275px; margin: 0 auto; width: 453px;}
#wordmark {background: url(/img/behnaz_sarafpour_home_wordmark.gif) no-repeat; height: 65px; width: 570px;}

a:link {color: #3f3f3f;}
a:visited {color: #3f3f3f;}
a:hover {color: #8c8c8c; text-decoration: none;}

/* COLLECTIONS */

#season {float: left; height: 480px; width: 320px;}
#season img {border: 0;}
#season p {font-size: 0.85em; padding: 0 20px 0 0; text-align: right;}

#large {float: left; height: 480px; width: 320px; border: 0;}
#thumbnails {float: left; width: 600px; padding: 0 0 0 40px;}
#thumbnails img {border: 1px solid #3f3f3f; margin: 5px; padding: 4px;}

.links {padding: 0 0 10px 10px; text-align: right; width: 360px;}

a.collection:link {font-size: 0.8em; color: #3f3f3f; padding: 4px; text-decoration: none;}
a.collection:visited {font-size: 0.8em; color: #3f3f3f; padding: 4px; text-decoration: none;}
a.collection:hover {font-size: 0.8em; color: #fff; padding: 4px; text-decoration: none;}

/* ABOUT */

#bio-content {float: right; width: 480px;}
#bio-content p {font-size: 0.85em; line-height: 1.1em; margin: 0 10px 10px 24px;}
#bio-photo {float: left; width: 480px;}

/* CONTACT */

.contact-card {float: left; margin: 20px 0 50px 0; height: 213px; width: 320px;}
#contact-address {clear: both; font-size: 0.75em; letter-spacing: 1px; line-height: 24px; text-align: center; width: 960px;}

/* STORES */

#stores {float: left; height: 188px; width: 295px; padding: 25px 0 0 25px;}
#stores.usa {background: url(/img/behnaz_sarafpour_store_blank1.jpg) no-repeat;} 
#stores.intl {background: url(/img/behnaz_sarafpour_store_blank2.jpg) no-repeat;}
#stores.online {background: url(/img/behnaz_sarafpour_store_blank1.jpg) no-repeat;} 
#stores h2 {font-size: 0.8em; margin: 0 0 5px 0;}
#stores p {font-size: 0.8em; line-height: 17px;}