/* Standby.org stylesheet */

body { margin: 0; padding: 0; color: #708090; background-color: #ffffff; font-family: Verdana, sans-serif; font-size: 11px; line-height: 1.27em; }
a img { border: 0; }
/* a { color: #66c4de; } */
a { color: #3399CC; }
div.whitespace { clear: both; }
h1 { font-weight: normal; margin: 1em 0 0.5em 0; }
h2 { font-weight: normal; text-transform: uppercase; margin: 1em 0 0.5em 0; }
h3 { font-size: 1.17em; margin: 0.8em 0 0.2em 0; }
h4 { font-size: 1.17em; margin: 2em 0 0.5em 0; color: #d60e8c; font-style: normal; border: 1px solid #cccccc; border-style: none none solid none; padding-bottom: 4px; }
p { margin: 0; }
li { margin-bottom: 0.5em; }
td { vertical-align: top; }
.left { float: left; display: inline-block; margin-right: 4px; }
.right { float: right; display: inline-block; margin-left: 4px; }

#User { width: 658px; margin: 0px auto; text-align: right; }
#Canvas { width: 658px; margin: 6px auto; border: 1px solid #000000; }
#Canvas p { margin-bottom: 1em; }

#Logo { height: 88px; }
#Logo a { display: block; float: left; padding-right: 18px; }
#Logo span.tagline { display: block; padding: 21px 0 0 0; font-family: Calibri, Arial Narrow; font-size: 18px; line-height: normal; color: #cc0000; }
#SiteNav { background-color: #cc0000; color: #ffffff; padding: 10px; font-size: 10px; font-weight: bold; text-align: center; }
#SiteNav a { color: #ffffff; text-decoration: none; padding: 0px 8px; }
#SiteNav span.divider { margin: 0px 9px; }
#Banner { clear: both; }
#Portal { background-color: #808080; color: #ffffff; font-size: 10px; margin-bottom: 1em; }
#Portal a { color: #ffffff; text-decoration: none; }
#Search { float: right; text-align: right; margin: 5px 4px 0 0; }
#Search input { border: 0; background-color: #ffffff; padding: 2px; font-size: 9px; }
#Search input.tempvalue { color: #808080; }
#Search input.button { padding: 1px; }
#Crumbs { padding: 5px 0px 5px 8px; text-transform: uppercase; }
#Crumbs a { margin-right: 1em; }
#Crumbs a.active { font-weight: bold; }
#Crumbs a.section.active { font-weight: normal; }
#Crumbs a.private { color: #d60e8c; }

#Editor { padding: 0 8px 4px 8px; margin: -0.5em 0 0.5em 0; font-size: 10px; border: 1px solid #cccccc; border-style: none none solid none; }
#Editor a { color: #808080; text-decoration: none; }
#Editor a:hover { color: #d60e8c; }
#Editor span { margin-right: 1em; }
p.editor a { color: #808080; text-decoration: none; }
p.editor a:hover { color: #d60e8c; }
sup.editor { vertical-align: text-top; font-weight: normal; text-transform: lowercase; }
sup.editor a { color: #808080; text-decoration: none; }
sup.editor a:hover { color: #d60e8c; }

#Object { padding: 0 8px; float: left; }
#Object.withsidebar { width: 65%; float: right; }
#Sidebar { padding: 0 8px; width: 28%; float: left; } 

#Footer { width: 658px; margin: 0px auto 2em auto; }

#HomeLeft { width: 48%; float: left; }
#HomeRight { width: 48%; float: right; }
div.homecolumn h3 { font-size: 1em; margin: 0 0 8px 0; padding: 0 0 8px 0; border: 1px solid #cccccc; border-style: none none solid none; }
div.homecolumn span.marker { font-size: 1.17em; color: #d60e8c; }
div.homecolumn div.feature { margin-bottom: 2em; }

#TabNav { margin: 0 0 1em 0; }
#TabNav a.active { font-weight: bold; }
#TabNav p a { color: #708090; }
#Clients { width: 100%; }
#Clients tr.private { background-color: #ffc0c0; }
#Clients td.artist { font-weight: bold; }
#Clients td.project { text-transform: uppercase; }
#Clients td.year { width: 12px; }

#Portfolio { position: relative; min-height: 300px; }
#Portfolio td.thumbnail { padding-right: 5px; }
#Portfolio h3 { margin: 0; font-size: 1em; }
#Portfolio div.slide { display: none; position: absolute; top: 0px; left: 0px; padding: 20px 160px; background-color: #808080; color: #ffffff; }
#Portfolio table.project { cursor: pointer; border: 1px solid #ffffff; }
#Portfolio table.project.active { border-color: #d60e8c; }
#Portfolio div.close { position: absolute; top: 20px; left: 488px; font-size: 24px; font-weight: bold; cursor: pointer; }

#Subscribe { margin: 2px 0 12px 0; }
#Subscribe input { margin: 2px 0px; }

table.form tr td { padding: 5px; }
table.form input { border: 1px solid #808080; padding: 4px 0 3px 2px; }
table.form textarea { border: 1px solid #808080; padding: 3px 0 2px 2px; width: 320px; }
table.form textarea.markup { padding: 0; width: 604px; height: 240px; }
table.form textarea.markup.content { height: 416px; }
table.form input.button { background-color: #808080; color: #FFF; padding: 2px 0 1px 0; }
table.mceEditor tr td { padding-top: 0px; }

div.sortable { margin-right: 1em; }
div.sortable div { margin: 2px 0; padding: 3px; border: 1px solid #ccc; width: 280px; }
div.sortable div.divider { padding: 9px 3px; background-color: #999; color: #fff; }

#Form { clear: both; padding: 8px; }
#Form div.section { margin-left: 48px; padding: 16px 0 8px 0; position: relative;  border: 1px solid #cccccc; border-style: dotted none none none; }
#Form div.section h1 { position: absolute; top: -23px; left: -48px; border: 1px solid #cccccc; border-style: dotted none none none; padding: 19px 0 0 0; width: 48px; text-align: center; }

table.responses td { padding: 3px 5px; }