/*

	CSS Author: Hyun Lee 
	pdim.net

*/


/* GLOBALS */

html { background: #fff; }
body { font-size: 62.5%; color: #eee; font-family: Georgia, "Times New Roman", Times, serif; }
p { font-size: 1.6em; line-height: 1.4em; color: #959595; margin-bottom: 15px; letter-spacing: -.25px; }
.clearboth { clear: both; }


/* LAYOUT */

#container { width: 980px; margin: 0 auto; background: #fff; }
#header_container {	width: 100%; float: left; margin: 0 0 40px 0; clear: both; }
#header_container h1 { float: left; margin: 50px 0 10px 0; width: 369px; height: 53px; background: url(http://superkonductor.com/imgs/logo.gif) no-repeat top center; text-indent: -9999px; }
.sprite { background: url(http://superkonductor.com/imgs/home_page_sprite.gif); margin: 80px 0 0 0; }
.shopping_cart { float: right; width: 40px; }
.addthis_button { float: right; width: 86px; margin: 5px 0 0 0; }
.add_to_cart_butt { float: right; width: 86px; margin: -35px 0 0 0; }	
.bio_title { float: left; font-size: 220%; font-weight: normal; color: #454545; }
.bio_title_link p { font-size: 100%; }
.previous {float: left; width:17px; margin: 20px 0 0 0; }
.next { float: right; width:17px; margin: 20px 40px 0 0; }
.paginate { clear: both; color: #666; font-size: small; margin-top: 0; float: right; }
.wFormContainer { padding: 0; }
.wForm form .errMsg { color: red; }
.primaryAction { margin: 0 0 0 -15px; }

/* TYPOGRAPHY */

a { color: #e7706e; text-decoration: none; }
a:hover { color: #a84f4e; }
#title h2 { font-size: 240%; font-weight: normal; margin: 10px 0 10px 0; float: left; width: 575px; color:#454545; }
#title p { float: left; width: 575px; font-size: 130%; margin: 10px 0 0 0; }
.preField { color: #666; font-size: small; margin: 0 0 10px 0; } 
input#contactfield { font-family: Georgia, "Times New Roman", Times, serif; font-size: small; color: #454545; height: 15px; padding: 3px; margin-top: 5px; }
.required { font-family: Georgia, "Times New Roman", Times, serif; font-size: small; color: #454545;}
textarea#tfa_YourMessage { padding: 3px; margin-top: 5px; }


/* PRIMARY NAVIGATION */

ul#primary_nav { float: left; width: 645px; clear: both; }
ul#primary_nav li { display: inline; }
ul#primary_nav li a { border:0; text-transform: capitalize; display:block; background:transparent url(http://superkonductor.com/imgs/home_page_sprite.gif) no-repeat top left; float:left; text-indent: -9999px; }

body#home_page ul#primary_nav li#home_nav a { background-position: 0 -40px; }
body#design_illustrations_page ul#primary_nav li#design_illustrations_nav a { background-position: -77px -40px; }
body#posters_page ul#primary_nav li#posters_nav a { background-position: -245px -40px; }
body#blog_page ul#primary_nav li#blog_nav a { background-position: -333px -40px; }
body#press_page ul#primary_nav li#press_nav a { background-position: -403px -40px; }
body#about_page ul#primary_nav li#about_nav a { background-position: -477px -40px; }
body#contact_page ul#primary_nav li#contact_page a { background-position: -555px -40px; }

li#home_nav a { width:77px; height:40px; }
li#home_nav a:link, li#home_nav a:visited { background-position:0 0; }
li#home_nav a:hover, li#home_nav a:focus { background-position: 0 -40px; }

li#design_illustrations_nav a { width:168px; height:40px; }
li#design_illustrations_nav a:link, li#design_illustrations_nav a:visited { background-position:-77px 0; }
li#design_illustrations_nav a:hover, li#design_illustrations_nav a:focus { background-position: -77px -40px; }

li#posters_nav a { width:88px; height:40px; }
li#posters_nav a:link, li#posters_nav a:visited { background-position:-245px 0; }
li#posters_nav a:hover, li#posters_nav a:focus { background-position: -245px -40px; }

li#blog_nav a { width:70px; height:40px; }
li#blog_nav a:link, li#blog_nav a:visited { background-position:-333px 0; }
li#blog_nav a:hover, li#blog_nav a:focus { background-position: -333px -40px; }

li#press_nav a { width:74px; height:40px; }
li#press_nav a:link, li#press_nav a:visited { background-position:-403px 0; }
li#press_nav a:hover, li#press_nav a:focus { background-position: -403px -40px; }

li#about_nav a { width:78px; height:40px; }
li#about_nav a:link, li#about_nav a:visited { background-position:-477px 0; }
li#about_nav a:hover, li#about_nav a:focus { background-position: -477px -40px; }

li#contact_nav a { width:90px; height:40px; }
li#contact_nav a:link, li#contact_nav a:visited { background-position:-555px 0; }
li#contact_nav a:hover, li#contact_nav a:focus { background-position: -555px -40px; }


/* HOME FEATURE SLIDER */

.slidenav {  margin-top: -35px; }
#prev1 { position: relative; top: 33px; z-index:2; }
#next1 { position: relative; top: 33px; left: 586px; z-index:2; }
.slideshow { width: 722px; z-index: 1; }

.featured_container h2 { color:#959595; width: 600px; font-size: 2em; font-weight: normal; margin: 15px 0 10px 0; }
.featured_copy { float: left;}
.featured_copy p { font-size: 1.4em; margin: 0 0 10px 0; width: 600px; }

/* MAIN BODY CONTENTS */

#main_body_content { clear: both; width: 720px; float: left; }
.thumbnail{ width: 209px; }

/* THUMB SIDE CONTENTS */

#side_content { float: right; width: 209px; }
#side_content .thumbnail { margin: 0 0 10px 0; }
#side_content h3 { font-size: 1.8em; color: #737373; font-weight: normal; margin: 5px 0 5px 0; }
#side_content h3 a:hover { color: #a84f4e; }
#side_content p { font-size: 1.1em; }
#side_content p a { text-decoration: none; text-transform: capitalize; }
#side_content p a:hover { color: #a84f4e; }


/* THUMB BIO CONTENTS */

#bio_thumbs { width: 600px; }
#bio_thumbs .thumbnail { margin-left: 0; margin-bottom: 0; margin-right: 50px; margin-top: 10px; float: left; }
#bio_thumbs h3 { font-size: 1.8em; color: #737373; font-weight: normal; margin: 5px 0 5px 0; }
#bio_thumbs h3 a:hover { color: #a84f4e; }
#bio_thumbs p { font-size: 1.1em; }
#bio_thumbs p a { text-transform: capitalize; }


/* THUMB OVERVIEW CONTENTS */

#thumb_overview_content { width: 100%; }
#thumb_overview_content .thumbnail { width: 210px; margin-left: 0; margin-bottom: 0; margin-right: 46px; margin-top: 0; float: left; }
#thumb_overview_content .thumbnail_last { width: 210px; margin-left: 0; margin-bottom: 0; margin-right: 0; margin-top: 0; float: right; }
#thumb_overview_content h3 { font-size: 1.8em; color: #737373; font-weight: normal; margin: 10px 0 20px 0; height: 50px; }
#thumb_overview_content h3 a { text-decoration: none; }
#thumb_overview_content h3 a:hover { color: #a84f4e; text-decoration: none; }
#thumb_overview_content p { font-size: 1.1em; }
#thumb_overview_content p a { text-decoration: none; text-transform: capitalize; }
#thumb_overview_content p a:hover { color: #a84f4e; text-decoration: none; }



/* MAILING LIST CONTENT */

.join_mailing_list { width: 88px; height:24px; background-position: -245px -80px; }
.mailistfield { width: 150px; background: #f5f5f5; border: #d8d8d8 solid 1px; font-size: 12px; color: #898989; font-family: Georgia, "Times New Roman", Times, serif; padding: 5px; }
.mailing_list_submit { width: 53px; height: 23px; background-position: -77px -80px; vertical-align: bottom; padding-bottom: 2px; margin-left: 15px; }


/* SOCIAL MEDIA CONTENT */
.facebook { width: 60px; height: 40px; background-position: -333px -80px; margin-top: 0; }
.twitter { width: 60px; height: 40px; background-position: -393px -80px; margin-top: 0; }
.rss { width: 40px; height: 40px; background-position: -451px -80px; margin-top: 0; }
.share_button { float: right; margin: -25px 0 0 0; }

/* FOOTER CONTENTS */

#footer { clear: both; text-align: right; margin: 10px 0 50px 0; }
#footer p { font-size: 110%; color: #999; font-family: Arial, Helvetica, sans-serif; }