* { padding:0; margin:0; }
img { border:none; }
ul, ol { padding:0 0 1em 2em; }
p, h1, h2, h3, h4, h5 { padding:0 0 1em; }
a { color:#000; }
a:visited { color:#222; }
:focus { outline:0; }
h1 { font-size:22px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4, h5 { font-size:14px; }
textarea { font-family:inherit; }
blockquote { padding: 0 1em 1em; font-style:italic; }
input.empty { color:#666; }
input.error, textarea.error { background-color:#fdd3d3; }
hr { border:none; background:url(art/hrule.gif) no-repeat top; height:15px; }

.clearme { clear:both; }
.doc-list { list-style-type:none; padding: 0; }

body { font-size:14px; font-family: Arial, Helvetica, sans-serif; color:#000; background:#fff; }

#top-container { width:1224px; margin:0 auto; }
#top-container.home { background: url(art/home-bg.jpg) no-repeat; height:820px; margin:0 auto 30px; }
#top-container.home .flash-content { width:437px; height:466px; float:left; position:relative; top:21px; }

#top-container.secondary { background: url(art/sec-repeat-bg.jpg) repeat-y; }
#top-container.secondary .content { background: url(art/sec-main-bg.jpg) no-repeat; width:1224px; }
#top-container.secondary .content .fern-wrapper { background: url(art/sec-fixed-bg.jpg) no-repeat 48px bottom; clear:both; }
#top-container.secondary .content .side-toc { width:168px; margin:63px 5px 0 159px; float:left; padding:0 0 315px; }
#top-container.secondary .content .text-content { width: 680px; float:right; margin:80px 190px 20px 0; }
#top-container.secondary .content .tip-top-toc { margin:30px 144px 0 0; }
#top-container.secondary .content .top-toc { margin:20px 144px 0 0; }
#top-container.secondary .content h1 { background:url(art/hrule.gif) no-repeat 0 bottom; margin:0 0 20px; width:630px; height:58px; padding:0 0 10px 0; }
#top-container.secondary .content .user-content .author { font-weight:bold; }
#top-container.secondary .content .user-content .summary { font-style:italic; margin:0 0 10px 0;}

#top-container.home .content { width:936px; margin:0 auto; }
#top-container .content .tip-top-toc { float:right; margin:30px 0 0; }
#top-container .content .top-toc { float:right; clear:right; margin:20px 0 0; }
#top-container.home .content .text-content { float:right; clear:right; margin:215px 150px 0 0; width:300px; text-align:left; line-height:22px; }

#btm-container { background:#000; color:#fff; }
#btm-container a { color:#fff; font-weight:bold; }
#btm-container .content { width:936px; margin:0 auto; padding:0 144px; }
#btm-container .content .column { float:left; }
#btm-container .content .column h1 { text-align:center; }

#btm-container .content .column.news { width:243px; margin:0 50px 0 36px; }
#btm-container .content .column.art-quest { width:243px; margin:0 36px 0 54px; }
#btm-container .content .column.art-quest .doc-list li { clear:both; height:74px; padding:0 0 15px; }
#btm-container .content .column.art-quest .doc-list .thumb { width:70px; height:70px; float:left; border:4px solid #fff; margin:0 15px 0; }

#btm-container .content .column.latest-art h1 { text-align:left; }
#btm-container .content .column.latest-art .front-video { width:600px; border:1px solid #fff; padding:2px; }
#btm-container .content .column.latest-art .doc-list li { height:108px; padding:0 0 15px; }
#btm-container .content .column.latest-art .doc-list img { width:262px; height:100px; float:left; border:4px solid #fff; }

#btm-container .footer { clear:both; font-size:12px; text-align:center; width:1224px; margin:0 auto; background: url(art/blk-hr.jpg) no-repeat center 20px; padding:55px 0; }
#btm-container .footer .copyright { display:block; }

/* posters */
#slide { clear:both; padding:60px 0; }
.posters-container { float:left; width:848px; height:130px; overflow:hidden; position:relative;}
.posters { position:relative; left:0px;}
.posters .poster { float:left; margin:0; }
.posters .poster img { height:98px; width:178px; background: url(art/poster-bg.jpg) no-repeat; padding:16px 17px; }
#slide-left { float:right; background: url(art/arrows.jpg) no-repeat -29px 0; clear:right; margin:40px 10px 0 5px; }
#slide-right { float:left; background: url(art/arrows.jpg) no-repeat 0 0; clear:left; margin:40px 5px 0 10px; }
#slide-left:hover { background-position: -29px -33px; }
#slide-right:hover { background-position: 0 -33px; }
#slide-right, #slide-left { width:29px; height:33px; clear:none; padding:0; }

/* drop down menus */
.top-toc ul.toc { list-style-type:none; padding:0; margin:0; }
.top-toc ul.toc li { float:left; padding:0; }
.top-toc ul.toc li .sub-menu { position:absolute; z-index:1000; }
.top-toc ul.toc li .sub-menu a { display:block; color:#fff; background:#000; font-family: "Comic Sans MS", Arial, Helvetica, sans-serif; text-decoration:none; width:150px; padding:5px 8px; border-top:2px solid #fff; }
.top-toc ul.toc li .sub-menu a:hover { background-color:#222; }

/* tabs */
.tab-container { margin:20px 0; }
.tab-container .tab-top { background:url(art/tab-header.gif) no-repeat; height:10px; z-index:2; position:absolute; width:680px; margin:35px 0 0 0; }
.tab-container .tab-footer { background:url(art/tab-footer.gif) no-repeat; height:10px; }
.tab-container .tab-body { background:url(art/tab-bg.gif) repeat-y; }
.tab-container .tab { background-color:#95b74c; padding:10px; margin:0 12px 0 10px; }
.tab-container .tab-header { height:45px; }
.tab-container .tab-control { float:left; z-index:3; position:relative; background:url(art/tab.gif) no-repeat 0px 0px; height:45px; font-family: "Comic Sans MS", Arial, Helvetica, sans-serif; font-weight:bold; margin:0 5px 0 0; }
.tab-container .tab-control span { background:url(art/tab.gif) no-repeat right top; margin:0 0 0 10px; padding:10px 10px 0 0; height:35px; display:block; }
.tab-container .tab-control.hidden { z-index:1; background-position:0 -49px; color:#fff; cursor:pointer; }
.tab-container .tab-control.hidden span { background-position:right -49px; }
.tab-container .tab-control.hidden:hover { background-position:0 -98px; }
.tab-container .tab-control.hidden:hover span { background-position:right -98px; }
.tab.hidden { display:none; }

/* media types */
.media-chooser { margin:0 0 10px 0; }
.media-type.hidden { display:none; }

/* forms */
.form dd { margin:0 0 5px 0; }
.form .text { width:400px; padding:2px;}
.form .status.error { color:#6f0202; background-color:#f39e9e; }
.form .textarea { width:630px; padding:2px; height:100px; }
.form .textarea.comment { height: 300px; }
.form div.chars { text-align:right; font-size:12px; padding:0 5px; }
.form .video-preview { padding:5px; border:1px solid #ccc; background-color:#444; margin:5px 0; width:320px; color:#fff; }
.status.success, .status.error { padding: 5px; border: 1px solid; margin:5px 0; }
.status.success { color:#026f05; background-color:#a0dca2; }
.contact-form { margin:0 0 20px; }
.contact-form input[type="text"], .contact-form textarea { width:400px; }
.contact-form textarea { height:75px; }

/* links */
ul.links li { margin:5px 0; }
ul.links li a { font-weight:bold; }

/* galleries and art lessons*/
ul.gallery { list-style-type:none; padding:0; background:#b7db69; float:left; width:615px; padding:10px; }
ul.gallery li { width:280px; float:left; height: 120px; margin:0 5px 5px 0; border:1px solid #95b74c; padding:10px; }
ul.gallery li img.thumb, .art-lesson img.thumb { float:left; border:1px solid #222; }
ul.gallery li .text { float:right; width:180px; }
ul.gallery li .text .title, .art-lesson .text .title, .art-lesson-category .header .title { font-weight:bold; font-family:"Comic Sans MS", Arial, Helvetica, sans-serif; font-size:14px; }
ul.gallery textarea.hidden, .art-lesson textarea.hidden { display:none; }
ul.gallery span.name { display:block; font-style:italic; margin:0 0 5px 0; }
ul.gallery span.name .user { font-weight:bold; }
ul.gallery.user .text { font-size:12px; }
ul.gallery.user .audio .text, ul.gallery.user .text .text { width:280px; }

.art-lesson-category { width:635px; clear:both; background:#b7db69; float:left; margin:0 0 5px; border:1px solid #888; border-bottom:none; }
.art-lesson-category .header { cursor:pointer; padding:5px 8px; border-bottom:1px solid #888; }
.art-lesson-category .header .title:after { content:":"; }
.art-lesson-category .header p { padding:0 0 0 10px; display:inline; }
.art-lesson-category.open .header { background-color:#fff; color:#000; }
.art-lesson-category .header:hover { background-color:#8d3fbe; color:#fff; }
.art-lesson-category .lessons { float:left; width:615px; padding:0 10px; margin:5px 0 0; border-bottom:1px solid #888; }
.art-lesson-category .lessons .art-lesson { width:280px; float:left; height:100px; margin:0 5px 5px 0; border:1px solid #95b74c; padding:10px; }
.art-lesson-category .lessons .art-lesson img.thumb { float:left; border:1px solid #222; }
.art-lesson-category .lessons .art-lesson .text { float:right; width:180px; }

/* popups */
#popup { position:absolute; z-index:1001; width:680px; }
#popup .header { background:url(art/pop-top.gif) no-repeat center bottom; height:28px; width:680px; }
#popup .header .close { width:29px; height:26px; position:absolute; margin-left:-10px; cursor:pointer; }
#popup .body { background:url(art/pop-bg.gif) repeat-y; width:660px; padding:0 10px; }
#popup .footer { background:url(art/pop-btm.gif) no-repeat; height:19px; width:804px; }
#popup object { display:block; width:640px; margin:0 auto 20px auto; border:1px solid #000; }
#popup .popup-image { display:block; margin:0 auto 20px auto; }
#popup .video-summary { width:640px; margin:0 auto; }

/* preview */
dl.user-information { margin:0 0 20px 0; }
dl.user-information dt { font-weight:bold; }
dl.user-information dt:after { content: ":"; }
dl.user-information dd { padding:5px; background:#eee; border:1px solid #ccc; margin:0 0 5px 0; }

/* vd admin */
.virtual-dragon-admin .count { font-weight:bold; }
.vd-messages { border-collapse:collapse; font-size:13px; margin:0 0 20px 0; width:680px; }
.vd-messages th { background-color:#ddd; }
.vd-messages td, .vd-messages th { padding:3px; vertical-align:top; border:1px solid #ccc; }
.vd-messages tr.even { background-color:#fff; }
.vd-messages tr.odd { background-color:#eee; }
.vd-messages tr.deleting { text-decoration:line-through; }
.vd-messages tr.approving { background-color:#ffe6a1; }
.vd-messages .actions { width: 40px; }
.vd-messages .date { width:100px; }
.vd-messages .msg-date { display:block; }

.vd-messages span.button { font-size:12px; background-color:#000; border:2px solid #444; color:#fff; padding:2px; display:block; margin:2px 0; text-align:center; cursor:pointer; }
.vd-messages span.button:hover { background-color:#222; }

/* vd front */
#wop-message-holder { display:block; width:550px; height:463px; background:url(assets/images/virtual-dragon.jpg) no-repeat; padding:300px 50px 0; }
#wop-message-holder .message { background:#fff; color:#000; border:1px solid #888; width:500px; padding:10px; }
#wop-message-holder .body { font-style:italic; }
#wop-message-holder .author { font-weight:bold; }