body { background: #dfdfdf url(../images/background-repeat.gif) repeat; font-family: Verdana, Tahoma, sans-serif; color: #666; }
body, html { height: 100%; }
html { font-size: 62.5%; }

.clear { clear: both; }
.hidden { display: none; }

#wrap { width: 1024px; min-height: 100%; margin: 0 auto; padding: 0 19px 0 19px; background: url(../images/background.gif) repeat-y;; }

#content { padding: 30px 25px 30px 45px; background: url(../images/content.gif) repeat-x; }

.alert { display: none; }

#home-detail { padding: 0 0 20px 0; }
#home-detail .column1 { float: left; width: 700px; }
#home-detail .date { display: block; padding: 10px 0 5px 0;  font-size: 1.1em; color: #333; }
#home-detail h1 { display: block; font-size: 2.5em; color: #ed008c; font-weight: normal; }
#home-detail .back { display: block; padding: 8px 0 8px 30px; background: url(../images/home-detail-back.gif) center left no-repeat; font-size: 1.2em; color: #333; text-decoration: none; }
#home-detail .back:hover { text-decoration: underline; }
#home-detail h2 { float: left; display: block; width: 650px; padding: 0 0 10px 0; font-size: 1.6em; color: #333; font-weight: normal; } 
#home-detail .buttons { float: right; width: 50px; padding: 0 0 10px 0; }
#home-detail .buttons a { display: block; width: 50px; text-indent: -9000px; }
#home-detail .buttons a.retweet { height: 16px; padding: 0; background: url(../images/home-list-twitter.gif); }
#home-detail .buttons a.facebook { height: 18px; margin: 7px 0 0 0; background: url(../images/home-list-facebook.gif); }
#home-detail .description { padding: 20px 0 13px 0; font-size: 1.1em; color: #333; background: url(../images/home-items-item-description.gif) no-repeat; } 
#home-detail .description p { line-height: 1.2em; }
#home-detail .items li { margin: 0 0 30px 0; }
#home-detail .items li .media { float: left; width: 520px; }
#home-detail .items li .media img { display: block; width: 520px; }
#home-detail .items li .media textarea { display: none; }
#home-detail .items li .media.full { width: 700px; }
#home-detail .items li .media.full img { width: 700px; }
#home-detail .items li .info { float: left; display: block; width: 160px; padding: 0 0 0 20px; font-size: 1.1em; color: #333; line-height: 1.2em; }
#home-detail .comments { padding: 0 0 30px 0; }
#home-detail .comments ul li { margin: 0 0 18px 0; }
#home-detail .comments ul li { padding: 20px 15px 15px 15px; border: 1px solid #dedede; }
#home-detail .comments ul li .name { display: block; padding: 0 0 15px 0; color: #ed008c; font-size: 1.1em; line-height: 1.2em; font-weight: bold; }
#home-detail .comments ul li .description { padding: 0; background: none; font-size: 1.1em; color: #595959; line-height: 1.2em; }
#home-detail .comments ul li .date { display: block; text-align: right; font-size: 1.1em; color: #595959; line-height: 1.2em; }
#home-detail .comments form .text { width: 250px; margin: 0 0 15px 0; border: 1px solid #dfdfdf; }
#home-detail .comments form .text label { display: block; padding: 4px 6px 4px 6px; font-size: 1.1em; color: #595959; text-align: right; background: #f8f8f8; border-bottom: 1px solid #dfdfdf; }
#home-detail .comments form .text input { width: 238px; padding: 4px 6px 4px 6px; background: #fff; border: 0; font-size: 1.2em; font-family: Verdana, Tahoma, sans-serif; outline: none; }
#home-detail .comments form .textarea { width: 500px; margin: 0 0 15px 0; border: 1px solid #dfdfdf; }
#home-detail .comments form .textarea label { display: block; padding: 4px 6px 4px 6px; font-size: 1.1em; color: #595959; text-align: right; background: #f8f8f8; border-bottom: 1px solid #dfdfdf; }
#home-detail .comments form .textarea textarea { width: 488px; max-width: 488px; padding: 4px 6px 4px 6px; background: #fff; border: 0; font-size: 1.2em; font-family: Verdana, Tahoma, sans-serif; outline: none; }
#home-detail .comments form button { width: 190px; height: 40px; background: url(../images/home-detail-comments-button.gif); text-indent: -9000px; outline: none; }
#home-detail .comments form button:hover { background-position: 0 -40px; }
#home-detail .comments form .checkbox { margin: 18px 0 18px 0; }
#home-detail .comments form .checkbox label { font-size: 1.2em; color: #595959; }
#home-detail .comments form .error { color: #f00; }
#home-detail .comments form .captcha { width: 310px; padding: 10px 10px 10px 10px; border: 1px solid #dfdfdf; }
#home-detail .comments form .captcha .links { padding: 0 0 0 3px; font-size: 1.2em; color: #000; }
#home-detail .comments form .captcha .links a { color: #595959; }
#home-detail .comments form .captcha .input { padding: 5px 0 10px 0; }
#home-detail .comments form .captcha .input label { display: block; padding: 0 0 5px 3px; font-size: 1.2em; color: #595959; }
#home-detail .comments form .captcha .input .input { width: 300px; padding: 1px; border: 1px solid #dfdfdf; }
#home-detail .comments form .captcha .input .input input { width: 284px; padding: 4px 7px 4px 7px; background: #f8f8f8; border: 1px solid #dfdfdf; font-size: 1.2em; color: #595959; }
#home-detail .comments form .captcha .recaptcha_only_if_incorrect_sol { display: block; padding: 0 0 0 3px; color: #f00; font-size: 1.2em; }
#home-detail .back { font-size: 1.2em; }
#home-detail .column2 { float: left; width: 189px; margin: 0 0 0 40px; }
#home-detail .videos { padding: 40px 0 0 0; }
#home-detail .videos.first { padding-top: 3px; }
#home-detail .videos strong.title { float: left; display: block; padding: 5px 20px 5px 20px; background: #ed008c; color: #fff; font-size: 1.1em; font-weight: normal; border: 1px solid #fff; -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }
#home-detail .videos ul { padding: 15px 0 0 0; }
#home-detail .videos ul li { padding: 6px 0 6px 0; background: url(../images/home-list-item.gif) bottom left repeat-x; }
#home-detail .videos ul li.last { background: none; }
#home .videos ul li a { text-decoration: none; }
#home-detail .videos ul li a img { float: left; display: block; width: 87px; height: 50px; width: 80px; height: 46px; border: 1px solid #fff; background: #ccc; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
#home-detail .videos ul li a .info { float: left; width: 105px; width: 85px; padding: 0 0 0 15px; }
#home-detail .videos ul li a .info .title { display: block; padding: 0 0 3px 0; font-size: 1.1em; color: #666; font-weight: bold; }
#home-detail .videos ul li a .info .subtitle { display: block; padding: 0 0 3px 0; font-size: 1.1em; color: #666; }
#home-detail .videos ul li a .info .description { display: none; font-size: 1.1em; color: #666; }

#home { padding: 0 0 20px 0; }
#home .column1 { float: left; width: 547px; }
#home .column2 { float: left; width: 179px; }
#home .column3 { float: right; width: 189px; padding: 0 0 0 0; }
#home .items { display: block; width: 510px; }
#home .items li .date { display: block; padding: 0 0 5px 0;  font-size: 1.1em; color: #333; }
#home .items li h1, #home .items li h2 { display: block; padding: 0 0 5px 0; font-size: 2.5em; color: #ed008c; }
#home .items li h1 a, #home .items li h2 a { text-decoration: none; }
#home .items li h1 a:hover, #home .items li h2 a:hover { text-decoration: underline; }
#home .items li .empty { font-size: 1.6em; font-weight: normal; color: #333; }
#home .items li .subtitle { float: left; display: block; width: 450px; padding: 0 0 10px 0; font-size: 1.6em; color: #333; font-weight: normal; } 
#home .items li .buttons { float: right; width: 50px; padding: 0 0 10px 0; }
#home .items li .buttons a { display: block; width: 50px; text-indent: -9000px; }
#home .items li .buttons a.retweet { height: 16px; padding: 0; background: url(../images/home-list-twitter.gif); }
#home .items li .buttons a.facebook { height: 18px; margin: 7px 0 0 0; background: url(../images/home-list-facebook.gif); }
#home .items li .description { display: block; padding: 20px 0 13px 0; font-size: 1.1em; color: #333; background: url(../images/home-items-item-description.gif) no-repeat; } 
#home .items li .description p { line-height: 1.2em; }
#home .items li .link { display: block; width: 200px; padding: 0 0 13px 0; color: #ed008c; font-size: 1.1em; }
#home .items li .media img { display: block; width: 510px; }
#home .items li .media textarea { display: none; }
#home .items li .links { padding: 16px 0 40px 0; background: url(../images/home-items-item-links.gif) repeat-x; }
#home .items li .links .share { float: right;  width: 203px; }
#home .items li .links .share li { float: left; }
#home .items li .links .share li a { display: block; width: 29px; height: 28px; background-position: top center; background-repeat: no-repeat; }
#home .items li .links .share li a.button1 { background-image: url(../images/home-items-item-links-share-button1.gif); }
#home .items li .links .share li a.button2 { background-image: url(../images/home-items-item-links-share-button2.gif); }
#home .items li .links .share li a.button3 { background-image: url(../images/home-items-item-links-share-button3.gif); }
#home .items li .links .share li a.button4 { background-image: url(../images/home-items-item-links-share-button4.gif); }
#home .items li .links .share li a.button5 { background-image: url(../images/home-items-item-links-share-button5.gif); }
#home .items li .links .share li a.button6 { background-image: url(../images/home-items-item-links-share-button6.gif); }
#home .items li .links .share li a.button7 { background-image: url(../images/home-items-item-links-share-button7.gif); }
#home .items li .links .comments { color: #333; font-size: 1.1em; }
#home .items li.last .links { padding-bottom: 0; }
#home .twitter { padding: 40px 0 0 0; }
#home .twitter strong { float: left; display: block; padding: 5px 20px 5px 20px; background: #ed008c; color: #fff; font-size: 1.1em; font-weight: normal; border: 1px solid #fff; -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); }
#home .twitter ul { padding: 5px 0 0 2px; }
#home .twitter ul li { padding: 6px 0 6px 0; background: url(../images/home-list-item.gif) bottom left repeat-x; }
#home .twitter ul li.last { background: none; }
#home .twitter ul li .description { font-size: 1.1em; line-height: 1.2em; color: #666; }
#home .twitter ul li .date { display: block; padding: 5px 0 0 0; font-size: 1.0em; line-height: 1.2em; color: #b3b3b3; }
#home .student-work { padding: 3px 0 0 0; }
#home .student-work strong.title { float: left; display: block; padding: 5px 20px 5px 20px; background: #ed008c; color: #fff; font-size: 1.1em; font-weight: normal; border: 1px solid #fff; -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); }
#home .student-work ul { padding: 15px 0 0 0; }
#home .student-work ul li { float: left; margin: 0 16px 16px 0; }
#home .student-work ul li a img { display: block; width: 95px; height: 73px; border: 1px solid #fff; background: #ccc; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
#home .student-work ul li.last { margin-right: 0; }
#home .videos { padding: 40px 0 0 0; }
#home .videos.first { padding-top: 3px; }
#home .videos strong.title { float: left; display: block; padding: 5px 20px 5px 20px; background: #ed008c; color: #fff; font-size: 1.1em; font-weight: normal; border: 1px solid #fff; -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }
#home .videos ul { padding: 15px 0 0 0; }
#home .videos ul li { padding: 6px 0 6px 0; background: url(../images/home-list-item.gif) bottom left repeat-x; }
#home .videos ul li.last { background: none; }
#home .videos ul li a { text-decoration: none; }
#home .videos ul li a img { float: left; display: block; width: 87px; height: 50px; width: 80px; height: 46px; border: 1px solid #fff; background: #ccc; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
#home .videos ul li a .info { float: left; width: 105px; width: 85px; padding: 0 0 0 15px; }
#home .videos ul li a .info .title { display: block; padding: 0 0 3px 0; font-size: 1.1em; color: #666; font-weight: bold; }
#home .videos ul li a .info .subtitle { display: block; padding: 0 0 3px 0; font-size: 1.1em; color: #666; }
#home .videos ul li a .info .description { display: none; font-size: 1.1em; color: #666; }
#home .pagination .status { float: left; padding: 3px 20px 0 0; font-size: 1.1em; color: #333; }
#home .pagination ul { float: left; }
#home .pagination ul li { float: left; margin: 0 3px 0 0; }
#home .pagination ul li a { display: block; padding: 3px; border: 1px solid #b1b1b1; color: #ed038d; font-size: 1.1em; text-decoration: none; }
#home .pagination ul li a.active { background: #999; color: #fff; border-color: #666; }

#content .list { padding: 40px 0 0 0; }
#content .list.first { padding-top: 3px; }
#content .list strong { float: left; display: block; padding: 5px 20px 5px 20px; background: #ed008c; color: #fff; font-size: 1.1em; font-weight: normal; border: 1px solid #fff; -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); }
#content .list ul { padding: 5px 0 0 2px; }
#content .list ul li { padding: 6px 0 6px 0; background: url(../images/home-list-item.gif) bottom left repeat-x; }
#content .list ul li a { font-size: 1.1em; color: #666; text-decoration: none; }
#content .list ul li a:hover { text-decoration: underline; }
#content .list ul li.last { background: none; }
#content .list .search { padding: 15px 0 0 0; }
#content .list .search input { float: left; width: 100px; margin: 0 5px 0 0; padding: 3px 5px 3px 5px; background: #fff; border: 1px solid #999; color: #999; font-size: 1.2em; }
#content .list .search button { float: left; padding: 1px 5px 2px 5px; background: #ccc; border: 1px solid #999; color: #333; font-size: 1.2em; }

@media screen {
  .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
  .sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
  .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
  .sIFR-replaced div.sIFR-fixfocus {  margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
}

@media print {
  .sIFR-flash { display: none !important; height: 0; width: 0; position: absolute; overflow: hidden; }
  .sIFR-alternate { visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; width: auto !important; height: auto !important; }
}

@media screen {
  .sIFR-active #home-detail h1, .sIFR-active #home .items li h1, .sIFR-active #home .items li h2 { font-size: 3.0em; }
  .sIFR-active #home-detail h1, .sIFR-active #home-detail h2, .sIFR-active #home .items li h1, .sIFR-active #home .items li h2, .sIFR-active #home .items li .subtitle { font-family: Verdana; visibility: hidden; }
}