/* Global Resets */
* { margin: 0; padding: 0; }
body { height: 100%; color: #666; font-size: 68%; font-family:'Helvetica Neue',helvetica,arial,sans-serif; line-height: 18px; direction: ltr; background-image: url('../img/bg_repeat.jpg'); background-position: 0 0 ;  }
html > body { font-size: 11px; }

h1 { font-size: 14px; }
h2 { font-size: 13px; }
h3 { font-size: 12px; }
h1, h2, h3 { color: #333; }
em { font-style: normal;}
a { text-decoration: none; color: #666; outline: none; cursor: pointer; }
a:hover { text-decoration: none; color: #222; }
a img,img { border:0 none; }
ul,ol,li { list-style: none; }
p { margin-bottom: 10px; }
em { color: #999; font-size: 10px; }

input, textarea, select { border: 1px solid #999999; padding: 3px; font-size: 11px; font-family:'Helvetica Neue',helvetica,arial,sans-serif; color: #999; }
select { padding: 2px; }
option { padding: 0 5px; }
textarea { resize: none; }

.clear { clear: both; display: block; }

.last { border: 0 none!important; margin: 0; }
.sectionSpacer { margin-top: 10px!important; }

/* Input Fields Globals */
.inputlabel { display: block; padding: 0 0 3px 3px; }
.inputtext { width: 150px; }
.inputsearch { width: 318px; }
.submit_btn { color: #fff; background-color: #999999; padding: 0; height: 22px; width: 90px; cursor: pointer;  border-style: solid; border-width: 1px; border-color: #a9a8a8 #797979 #797979 #a9a8a8; }
.btnSpacer { margin-left: 10px; }

/* Global Loading/No Results/Successful */
.loading { margin: 0 auto; display: block; }
.error { width: auto; text-align: center; border: 1px solid #D83845; background-color: #E9848C; color: #fff; }
.success { width: auto; text-align: center; border: 1px solid #88DD00; background-color: #DDFFBB; color: #666; }
.noResults { width: auto; text-align: center; border: 1px solid #ddd; color: #666; }
.message span { padding: 10px 0; display: block; font-weight: bold;  }

/* Basic Form Layouts */
.basicInputTable fieldset { border: 0 none; padding: 0px 20px; overflow: hidden; clear: both; }
.basicInputTable .inputWrapper { float: left; margin: 0 10px 10px 0; width: 310px; }
.basicInputTable .descriptionWrapper, basicInputTable .categories { margin: 0 10px 10px 0; width: 645px; }
.basicInputTable .categories { overflow: hidden; margin-bottom: 5px; }
.basicInputTable label { display: block; padding: 5px 0 5px; width:100%; }
.basicInputTable select { width: 307px; float: left; margin-right: 10px; }
.basicInputTable input {width: 300px; }
.basicInputTable textarea { min-height: 100px !important; overflow: hidden; width:620px; }
.basicInputTable .city { width: 210px; }
.basicInputTable .state { width: 30px; }
.basicInputTable .zip { width: 50px; }
.basicInputTable .city input { width: 200px; }
.basicInputTable .state input { width: 20px; text-align: center; }
.basicInputTable .zip input { width: 40px; }
.send_btn { float: right; margin: 5px 17px 0px 0px; }
.legal { width: auto; margin: 20px auto 0; }
.legal .checkbox { width: auto; margin-left: 10px; }

.addCart_btn, .checkOut_btn, .send_btn { width: 79px!important; padding: 8px; cursor: pointer; color: #fff; background-color: #666; border: 0 none; }
.checkOut_btn { background-color: #444; }

/* Global Structures */
#main, #footer { width: 910px; height: 100%; min-height: 600px; margin: 0 auto; background-color: #fff; padding: 10px; }
.left_column { width: 205px; padding-left: 10px; float: left; clear: left; margin-right: 10px; }
.right_column { width: 685px; float: left; }

/* Footer */
#footer { min-height: 10px; }
#footer h1 { text-indent: -9999px; overflow: hidden; }
#footer ul { overflow: hidden; padding: 10px 0 0; } 
#footer ul li { float: left; display: block; margin-right: 10px; text-transform: uppercase; }

/* Global Structures - Headers */
.header_grad { background: url('../img/header_gradient.png') repeat-x 0 -13px; padding: 5px 0; text-transform: uppercase; padding: 0 10px; }
.header_grad h1 { font-size: 11px; text-transform: uppercase; padding: 0 10px; }
.header_grad.subheaders { margin: 2px 0 10px 10px; padding-top: 2px; padding-bottom: 2px; }
.header_grad.subheaders h2 { font-size: 11px; font-weight: normal; color: #333; }

.header_grad.color { padding: 2px 0; }
.header_grad.color h1 { color: #fff; }
.header_grad.red { background-color: #e30000; }
.header_grad.green { background-color: #1bb118; }
.header_grad.blue { background-color: #11bbee; }
.header_grad.orange { background-color: #f79100; }
.header_grad.yellow { background-color: #f4c100; }
.header_grad.purple { background-color: #8e28c1; }
.header_grad.pink { background-color: #e3008b; }
.header_grad.darkgrey { background-color: #666; }
.header_grad.lightgrey { background-color: #999; }

/* Global Structures - Masthead */
.masthead { overflow: hidden; display: block; }
.masthead a.logo { float: left; display: block; width: auto; height: 100%; }
.masthead .wrapper { float: right; }

/* Global Structures - Search, Login, Logout */
ul.login, ul.search, ul.logout { overflow: hidden; float: right; clear: both; }
ul.login li, ul.search li, ul.logout li { display: block; float: left; padding: 0 5px; overflow: hidden; }
ul.login .submit_btn { margin-top: 17px; }
ul.logout { height: 10px; padding: 15px 0; font-size: 12px; }
ul.logout li { border-right: 1px solid #999999; }
.masthead ul.search { margin-top: 10px; }

/* Main Navigation */
#main_navigation { margin-top: 10px; background-color: #fff; overflow: hidden; padding: 5px 0; }
#main_navigation ul { overflow: hidden; border-right: 1px solid #999; float: left; }
#main_navigation ul li { padding: 0px 10px; display: block; float: left; }
#main_navigation ul li a { font-size: 12px; font-weight: bold; text-transform: uppercase;  }
#main_navigation ul.viewCart { float: right; }
/* Sub Navigation */
#sub_navigation ul {  padding-top: 3px; }
#sub_navigation ul li { display: block; margin: 5px 0 5px 0; }
#sub_navigation ul li a { text-transform: uppercase; font-weight: bold; }
div.link_description { color: #999; }

/* Sub Navigation Linkable */
#sub_navigation_linkable ul {  padding-top: 3px; }
#sub_navigation_linkable ul li { display: block; margin: 5px 0 5px 0; }
#sub_navigation_linkable ul li a { text-transform: uppercase; font-weight: bold; }
div.link_description_linkable { color: #999; }

/* Paging */
.viewMore { overflow: hidden; width: 100%; }
.pagination { float: right; font-size: 12px; }

/* UL LI Listings */
ul.listings { width: 100%; overflow: hidden; }
ul.listings li { display: block; float: left; margin: 0 0 20px 10px; }
.singleImage, .singleVideo, .singleAudio { float: left; clear: left; }

/* Basic Table Layout */
table.basicTable { text-align: left; width: 100%; }
table.basicTable td { border-bottom: 1px solid #ddd; padding: 5px; }
table.basicTable th { width: 80%; background-color: #ddd; padding: 2px 5px; } 
table.basicTable th.total, table.basicTable td.total { width: 20%; text-align: center; }


/* Page Content Structure */
.individualItem { padding-top: 10px; }
.individualItem .wrapper { padding-left: 15px; }
.individualItem .wrapper h2, .individualItem .wrapper h3 { font-weight: normal; }
.individualItem .wrapper h2 { font-size: 14px; }
.individualItem span.itemPrice { display: block; }
.individualItem p { margin-bottom: 0; }
.individualItem .itemSelection, .individualItem .itemAction, .individualItem .itemMeta { padding: 15px 0 0; }

#page_content { border-top: 1px solid #ddd; margin-top: 10px; padding-top: 10px; }
#page_content .wrapper { overflow: hidden; height: 100%; }

/*Static Content Pages */
.static_content .right_column .wrapper { padding: 0 20px;  }
.static_content .right_column .wrapper h3 { margin-bottom: 10px; }

/* List Items with Dashes */
ul.dashList { margin-bottom: 10px; }
ul.dashList li { list-style-position: inside; list-style-type: disc; }

/* Globals to Handle Type Color Links, Titles for Art and Descriptions for Art */
h3.art_title { font-size: 12px; padding: 5px 0 0; }
p.art_description { color: #999; }
small.art_type { margin-left: 5px; }
small.art_type.red a { color: #e30000; }
small.art_type.green a { color: #1bb118; }
small.art_type.blue a { color: #11bbee; }
small.art_type.orange a { color: #f79100; }
small.art_type.yellow a { color: #f4c100; }
small.art_type.purple a { color: #8e28c1; }
small.art_type.pink a { color: #e3008b; }

/* Page Content Structure - Home Page */
#featured_artist_large.left_column, #new_fresh.right_column { width: 680px; padding: 0; }
#recent_news.left_column, #about_snippet.left_column, #featured_artist_small.right_column { width: 220px; padding: 0; }
#connect.right_column, #help.middle_column { width: 335px; }
#help.middle_column { margin-right: 10px; float: left; }

/* About Widget */
#about_snippet .wrapper { position: relative; min-height: 325px; background: url('../img/bg_huh.gif') no-repeat top center; }
#about_snippet p { position: absolute; top: 70px; left: 0px; padding: 0 5px 0 10px; color: #999; }
/* Fresh Listings */
#new_fresh ul.listings { overflow: hidden; }
#new_fresh ul.listings li { width: 161px; min-height: 325px; margin-left: 12px; }
#new_fresh ul.listings li.first { margin-left: 0; }
/* Articles */
ul.article_listing { padding: 10px; }
ul.article_listing li { overflow: hidden; display: block; min-height: 80px; }
ul.article_listing h4 { text-transform: uppercase; }
ul.article_listing span.article_date { color: #999; }
ul.article_listing img { float: left; clear: left; margin: 4px 10px 0 0; }
/* Connect Area */
.connect_link { width: 105px; height: 142px; display: block; text-indent: -999px; float: left; background-image: url('../img/connect_buttons.png'); background-repeat: no-repeat; overflow: hidden; }
.connect_link.artist { background-position: 0 0; }
.connect_link.artist:hover {  background-position: 0 -143px; }
.connect_link.weDo { margin: 0 10px; background-position: -105px 0; }
.connect_link.weDo:hover {  background-position: -105px -143px; } 
.connect_link.blog { background-position: -210px 0; }
.connect_link.blog:hover {  background-position: -210px -143px; }
#connect .inputWrapper { width: 100%; margin: 0; }
#connect input.inputtext { width: 250px; margin-right: 5px; }
#connect input.submit_btn { width: 68px; }

/* Page Content Structure - images */
#images ul.listings li { width: 161px; min-height: 325px; }

/* Page Content Structure - video */
#videos ul.listings li { width: 332px; min-height: 275px; }

/* Page Content Structure - audio */
#audios ul.listings { padding-top: 5px; }
#audios ul.listings li { width: 332px; min-height: 120px; }

/* Page Content Structure - resources */
#resources ul.listings { padding-top: 5px; }
#resources ul.listings li { width: 332px; min-height: 120px; }

/* Page Content Structure - about */
#about #faqContent h3 { border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 7px; margin-top: 20px; }
#about #faqContent .first { margin-top: 0; }

/* Page Content Structure - Artist */
#all_artists ul.listings li.first { margin-left: 0; clear: both; }
#all_artists ul.listings li { margin-left: 14px; width: 140px; text-align: center; min-height: 220px; }
/* Artists Profiles */
#artists .artistsProfile .wrapper { padding-left: 10px; }
#artists .artistsProfile h1 { padding-left: 10px; }
#artists img.artists_image { margin-right: 10px; float: left; border: 6px solid #ebebeb; }
#artists .artistsProfile span.artists_name { font-size: 14px; font-weight: bold; display: block; }
#artists .artistsProfile p.artists_url, #artists .artistsProfile p.artists_bio { background-color: #EBEBEB; padding: 10px; float: right; clear: right; width: 483px; }
#artists .artistsProfile p.artists_bio { height: 91px; }
#artists .artistsProfile .header_grad.color { margin: 0 0 10px 10px; }
#artists #artistWorks li { width: 332px; }
#artists #artistWorks ul.images li { width: 161px; }
/* Artists Account - Basic Layouts */
.artistsAccount h2 { margin-bottom: 7px; border-bottom: 1px solid #ddd; padding-bottom: 5px; }
.artistsAccount .left_column { width: 159px; }
.artistsAccount .right_column { width: 480px; }
.artistsAccount .inputWrapper, .artistsAccount .descriptionWrapper, .artistsAccount .sendMessage { width: 410px; float: none; }
.artistsAccount input, .artistsAccount textarea { width: 400px; float: none; }
.artistsAccount .basicInputTable fieldset { padding: 0; }
.artistsAccount .header_grad.color { margin: 0 0 10px 10px; }
.artistsAccount .wrapper { padding-left: 10px; }
/* Artists Account - Dashboard */
.artistsAccount #dashboard .left_column { width: 340px; }
.artistsAccount #dashboard .right_column {  width: 310px; }
.artistsAccount #dashboard ul.article_listing { padding: 0; }
/* Artists Account - Submit New Work */
.artistsAccount #submitNew .basicInputTable { width: 410px; margin: 0 auto; border: 1px solid #ddd; padding: 25px 60px; }
.artistsAccount #submitNew .descriptionWrapper { margin: 0 auto; width: 417px; } 
.artistsAccount #submitNew input { margin-left: 70px; width: auto; }
.artistsAccount #submitNew h2 { margin: 0px 0 20px; padding-bottom: 10px; }
.artistsAccount #submitNew small { font-weight: normal; }
/* Artists Account - Create New Series */
.artistsAccount #createNew .basicInputTable { width: 410px; margin: 0 auto; border: 1px solid #ddd; padding: 25px 60px; }
/* Artists Account - Accounting */
.artistsAccount #accounting table th, .artistsAccount #accounting table td { width: 16%; text-align: center; }
.artistsAccount #accounting table th.title, .artistsAccount #accounting table td.title { width: 40%; text-align: left; }
/* Artists Account - Pending Uploads */
.artistsAccount #pendingUploads .noResults, .artistsAccount #editPast .noResults { margin-left: 10px; }

.artistsAccount #editPast .basicInputTable { width: 410px; margin: 0 auto; border: 1px solid #ddd; padding: 25px 60px; }
.artistsAccount #createNew select, .artistsAccount #editPast select { width: 410px; float: none; }
.crop_area { border: 1px solid #ddd; margin: 20px 12px 0 0; } 

/* Page Content Structure - Login/Sign Up */
#sessions .basicInputTable, #users .basicInputTable { width: 450px; padding: 25px 30px; border: 1px solid #ddd; margin: 20px auto 0; }
#sessions .basicInputTable .inputWrapper, #users .basicInputTable .inputWrapper { margin-right: 0; }
#sessions .basicInputTable input, #users .basicInputTable input { float: none; }
#sessions .basicInputTable fieldset, #users .basicInputTable fieldset { width: 310px; margin: 0 auto; }
#sessions .send_btn, #users .send_btn { margin-right: 5px; }
#sessions .basicInputTable h2, #users .basicInputTable h2 { border-bottom: 1px solid #ddd; padding-bottom: 10px; width: 100%; }


/* 
Error Page 
****************************/

#error .message { width: 360px; margin: 20px auto 0; }
#error .message p { margin: 6px 0; }

/* 
Check Out
****************************/

#cart .left_column { width:685px; margin: 0 auto; display: block; float: none; padding-left: 0; }
#cart a.removeItem { display: inline-block; vertical-align: middle; }

/* Items in Cart */
#cartList table th, #cartList table td { width: 10%; text-align: center; }
#cartList table th.mediatype, #cartList table td.mediatype { text-align: left; }
#cartList table th.title, #cartList table td.title { width: 40%; text-align: left; }

#cartList table td.total { text-align: right; width: 40%; }

.checkout_btn { width: 150px; float: right; }
.checkout_btn input.submit_btn { width: 150px; margin-top: 15px; }

/* 
Billing
****************************/
#billing .left_column { width: 205px; margin: 0; padding-left: 0; }
#billing .right_column { width: 685px; padding-left: 10px; margin-right: 10px; }

#billing .basicInputTable { padding-top: 10px; }
.basicInputTable .securitycode, .basicInputTable .securitycode input { width: 80px; }
#billing .basicInputTable .expdate { margin-left: 10px; }
#billing .basicInputTable .expdate select { width: 40px; }
#billing .send_btn { float: none; }

/* 
Thank You
****************************/

#thankyou .message { width: 360px; margin: 20px auto 0; text-align: center; }
#thankyou .message p { margin: 6px 0; }

/* 
Search results
****************************/
#search .searchresults { width: 700px; margin: 0 auto; display: block; }

#search .wrapper { padding-left: 10px; }
#search .results p.results_title { background-color: #EBEBEB; padding: 10px; float: right; clear: right; width: 483px; }


#search .searchresults .wrapper { padding-left: 10px; }
#search .searchresults p.resultstitle { background-color: #EBEBEB; padding: 10px; width: 700px; }
#search .searchresults p.resultstitle span { display: block; font-weight: bold; } 
#search .searchresults .header_grad.color { margin: 0 0 10px 10px; }

#search ul.listings li.first { margin-left: 0; clear: both; }
#search ul.listings li { margin-left: 14px; width: 140px; text-align: center; }

#search #artistWorks li { width: 332px; }
#search #artistWorks ul.images li { width: 161px; }

/* 
Shipping
****************************/
#shipping .left_column { width: 205px; margin: 0; padding-left: 0; }
#shipping .right_column { width: 685px; padding-left: 10px; margin-right: 10px; }

#shipping .basicInputTable { padding-top: 10px; }
.basicInputTable .securitycode, .basicInputTable .securitycode input { width: 80px; }
#shipping .basicInputTable .expdate { margin-left: 10px; }
#shipping .basicInputTable .expdate select { width: 40px; }
#shipping .send_btn { float: none; }