/*  R E S E T  */

* { margin:0; padding:0; outline:0; }
body { background:#FFF; color:#000; line-height:1; }
html, body, img, fieldset, abbr, acronym { border:0; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
em, strong, th, code, cite, caption { font-weight:normal; font-style:normal; text-align:left; }
ol, ul { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }   /*  still need cellspacing=0 in markup  */
q:before, q:after { content:""; }


/*  C O M M O N  &  O V E R R I D E   R E S E T  */

body { background:url(../img/layout/header.jpg) 50% 0 no-repeat #000; }
body, button, input, select, table, textarea { font-family:"Lucida Grande", Verdana, Arial, sans-serif; color:#D0D0D0; font-size:11px; }

/*  link stack advice -- http://www.456bereastreet.com/archive/200811/the_order_of_link_pseudo-classes_matters/  */
a { color:#499555; text-decoration:none; }
a:link {}
a:visited { color:#499555; }
a:hover { color:#9E79C4; }
a:focus {}
a:active { color:#499555; }

em { font-style:italic; }
strong { font-weight:bold; }

dl dd, form, h2, p, ul.bullet
	{ margin-bottom:18px; }

dl dd, dl dt, p, ul.bullet li 
	{ line-height:18px; }


/*  F O R M  */
	
form input[type=text],
form textarea
	{ padding:7px; border:none; border-bottom:1px solid #212121; border-bottom-color:rgba(255,255,255, 0.04); background:#181818; background:rgba(255,255,255,0.04); -moz-border-radius:4px; -webkit-border-radius:4px; }

form input[type=text]:hover,
form textarea:hover,
form label:hover + input[type=text],
form label:hover + textarea
	{ border-bottom-color:#262626; border-bottom-color:rgba(255,255,255, 0.05); background:#1B1B1B; background:rgba(255,255,255,0.05); }

form input[type=text]:focus,
form input[type=text]:focus:hover,
form textarea:focus,
form textarea:focus:hover,
form label:hover + input[type=text]:focus,
form label:hover + textarea:focus
	{ border-bottom-color:#2A2A2A; border-bottom-color:rgba(255,255,255, 0.06); background:#1D1D1D; background:rgba(255,255,255,0.06); }


/*  T Y P O G R A P H Y  */

h1, h2, h3 { font-family:inherit; font-weight:normal; font-style:normal; }

h1 { float:left; margin:0 15px 30px; color:#FFF; font-size:36px; line-height:36px; }
h2 { color:#9E79C4; font-size:20px; line-height:25px; }
h3 { color:#9E79C4; font-size:11px; line-height:18px; }

h1 span.tagline { padding-left:15px; font-size:20px; line-height:36px; }


/*  L A Y O U T  */

#wrapper { width:984px; margin:0 auto; }
#wrapper #header { position:relative; height:210px; padding:0 132px; }
#wrapper #matter { position:relative; width:720px; margin:0 auto 20px; }
#wrapper #footer { overflow:hidden; padding:0 132px; background:url(../img/layout/footer.jpg) 50% 0 no-repeat; }


/*  H E A D E R  */

#logo { position:absolute; top:20px; left:240px; display:block; width:510px; height:100px; text-indent:-9999px; }

#nav { position:absolute; top:132px; left:132px; width:720px; height:43px; }
#nav li { float:left; text-align:center; }
#nav li a { display:block; height:43px; background:url(../img/layout/nav.png) no-repeat; text-indent:-9999px; }

#nav a.home      { width:79px; background-position:0 0; }
#nav a.members   { width:110px; background-position:-79px 0; }
#nav a.events    { width:88px; background-position:-189px 0; }
#nav a.music     { width:85px; background-position:-277px 0; }
#nav a.photos    { width:89px; background-position:-362px 0; }
#nav a.videos    { width:92px; background-position:-451px 0; }
#nav a.about     { width:86px; background-position:-543px 0; }
#nav a.contact   { width:91px; background-position:-629px 0; }

#nav a.home:hover      { background-position:0 -43px; }
#nav a.members:hover   { background-position:-79px -43px; }
#nav a.events:hover    { background-position:-189px -43px; }
#nav a.music:hover     { background-position:-277px -43px; }
#nav a.photos:hover    { background-position:-362px -43px; }
#nav a.videos:hover    { background-position:-451px -43px; }
#nav a.about:hover     { background-position:-543px -43px; }
#nav a.contact:hover   { background-position:-629px -43px; }

#nav a.current.home      { background-position:0 -86px; }
#nav a.current.members   { background-position:-79px -86px; }
#nav a.current.events    { background-position:-189px -86px; }
#nav a.current.music     { background-position:-277px -86px; }
#nav a.current.photos    { background-position:-362px -86px; }
#nav a.current.videos    { background-position:-451px -86px; }
#nav a.current.about     { background-position:-543px -86px; }
#nav a.current.contact   { background-position:-629px -86px; }

#nav a.current.home:hover      { background-position:0 -129px; }
#nav a.current.members:hover   { background-position:-79px -129px; }
#nav a.current.events:hover    { background-position:-189px -129px; }
#nav a.current.music:hover     { background-position:-277px -129px; }
#nav a.current.photos:hover    { background-position:-362px -129px; }
#nav a.current.videos:hover    { background-position:-451px -129px; }
#nav a.current.about:hover     { background-position:-543px -129px; }
#nav a.current.contact:hover   { background-position:-629px -129px; }


/*  F O O T E R  */

#footer ul.follow { position:relative; float:left; width:690px; margin:26px 15px 9px; }
#footer ul.follow li { float:left; margin-right:15px; }
#footer ul.follow li a { display:block; height:18px; padding-left:23px; background:url(../img/icon/komodo-media.png) no-repeat; color:#000; line-height:18px; text-shadow:#375631 0 1px 0; }
#footer ul.follow li a:hover { color:#FFF; text-shadow:#202020 0 -1px 0; }
#footer ul.follow li.subscribe { float:right; margin-right:0; }

#footer ul.follow .facebook { background-position:0 0; }
#footer ul.follow .myspace { background-position:0 -40px; }
#footer ul.follow .flickr { background-position:0 -80px; }
#footer ul.follow .vimeo { background-position:0 -120px; }
#footer ul.follow .twitter { background-position:0 -160px; }
#footer ul.follow .feed { background-position:0 -200px; }

#footer ul.follow .facebook:hover { background-position:0 -20px; }
#footer ul.follow .myspace:hover { background-position:0 -60px; }
#footer ul.follow .flickr:hover { background-position:0 -100px; }
#footer ul.follow .vimeo:hover { background-position:0 -140px; }
#footer ul.follow .twitter:hover { background-position:0 -180px; }
#footer ul.follow .feed:hover { background-position:0 -220px; }

#footer p { margin:0; padding:20px 15px 30px; color:#282828; line-height:15px; }
#footer p.copyright { float:left; }
#footer p.made-by { float:right; text-align:right; }
#footer p.made-by a { color:#383838; text-decoration:none; }
#footer p.made-by a:hover { color:#9E79C4; }


/*  R E C Y C L E D  */

a.ui-more { position:absolute; left:0; top:0; display:block; height:100px; width:13px; padding:0 15px; background:url(../img/elem/ui-more.png) 15px 50% no-repeat; }
a.ui-more span { display:none; }
a.ui-more:hover span { position:absolute; left:28px; top:0; display:block; padding:0 20px 0 10px; color:#499555; line-height:100px; white-space:nowrap; }

dl.term dt { color:#9E79C4; }

ul.bullet { margin-left:10px; }
ul.bullet li { padding-left:20px; background:url(../img/icon/star.png) 0 3px no-repeat; }

ul.photos-list { overflow:hidden; margin-bottom:10px; }
ul.photos-list li { float:left; width:150px; padding:10px 0 20px 30px; text-align:center; }
ul.photos-list li.clearleft { clear:left; padding-left:0; }
ul.photos-list li a { border-bottom:0; }
ul.photos-list li a img { max-width:142px; max-height:142px; border:4px solid #FFF; }

.thumbnail:hover { box-shadow:0 0 15px rgba(128,0,255,0.8); -moz-box-shadow:0 0 15px rgba(128,0,255,0.8); -webkit-box-shadow:0 0 15px rgba(128,0,255,0.8); }


/*  H O M E  */

.page-home h1 { margin:0 0 30px; font-size:25px; }

.in-events,
.in-members,
.in-photos,
.in-videos
	{ margin-bottom:30px; }

.in-events ol { list-style:none; margin-bottom:10px; }
.in-events ol li { margin-bottom:5px; line-height:15px; }
.in-events ol li span.separator { padding:0 5px; color:#606060; }

.in-members { position:relative; height:102px; }
.in-members a.avatar.m { position:absolute; z-index:2; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; }
.in-members a.avatar.m:hover { box-shadow:0 0 15px rgba(128,0,255,0.8); -moz-box-shadow:0 0 15px rgba(128,0,255,0.8); -webkit-box-shadow:0 0 15px rgba(128,0,255,0.8); }
.in-members a.avatar.m.behind { position:absolute; z-index:1; right:0; top:9px; width:117px; height:78px; }
.in-members a.avatar.m.behind span { padding:24px 0; }
.in-members a.ui-more { left:270px; height:102px; }
.in-members a.ui-more:hover span { line-height:102px; }

.in-music { position:relative; margin-top:16px; padding-top:1px; background:url(../img/elem/dotted-line.png) left top repeat-x; }
.in-music .liner { padding-bottom:1px; background:url(../img/elem/dotted-line.png) left bottom repeat-x; }
.in-music .liner:hover {  }
.in-music a.listen { display:block; padding:19px 0 19px 78px; background:url(../img/music/player-large.png) 10px 10px no-repeat; color:#D0D0D0; line-height:18px; }
.in-music a.listen:hover { color:#499555; background-color:#100C14; background-color:rgba(128,0,255,0.08); background-position:10px -70px; }
.in-music a.listen:active { color:#9E79C4; background-position:10px -150px; }
.in-music a.listen.sm2_playing { color:#9E79C4; background-position:10px -310px; }
.in-music a.listen.sm2_playing:hover { color:#499555; background-position:10px -230px; }
.in-music a.listen.sm2_playing:active { color:#9E79C4; background-position:10px -310px; }
.in-music a.listen.sm2_paused { background-position:10px -150px; }
.in-music a.listen.sm2_paused:hover { color:#499555; background-position:10px -70px; }
.in-music a.listen.sm2_paused:active { color:#9E79C4; background-position:10px -150px; }
.in-music a.listen span.by { color:#606060; }
.in-music a.listen:hover span.by { color:#606060; }
.in-music a.ui-more { left:330px; height:76px; }
.in-music a.ui-more:hover span { line-height:76px; }
.in-music h2 { margin-bottom:0; padding-top:14px; padding-left:10px; }  /* if no featured song */
.in-music p { padding-left:10px; }  /* if no featured song */

.in-videos { float:left; }
.in-videos a.video { float:left; }
.in-videos a.video img { width:150px; height:100px; border:3px solid #FFF; }
.in-videos a.title { float:right; width:219px; line-height:18px; }
.in-videos p { float:right; width:219px; }

.promote { margin:0 15px; padding-top:21px; background:url(../img/elem/dotted-line.png) left top repeat-x; }
.promote .grid_6 { margin:0 0 0 30px; }
.promote .grid_6:first-child { margin-left:0; }
.promote p { margin-bottom:30px; }


/*  M E M B E R S  */

a.avatar { position:relative; display:block; border-style:solid; border-color:#FFF; }
a.avatar img { position:absolute; left:0; top:0; width:100%; height:100%; }
a.avatar span { display:block; overflow:hidden; color:#FFF; line-height:15px; text-align:center; }

a.avatar:hover { box-shadow:0 0 15px rgba(128,0,255,0.8); -moz-box-shadow:0 0 15px rgba(128,0,255,0.8); -webkit-box-shadow:0 0 15px rgba(128,0,255,0.8); }
a.avatar:hover img { display:none; }

a.avatar.m { width:144px; height:96px; border-width:3px; background:url(../img/media/default_m.jpg) no-repeat; }
a.avatar.s { width:90px; height:60px; border-width:2px; background:url(../img/media/default_s.jpg) no-repeat; }

a.avatar.m span { padding:33px 0; }
a.avatar.s span { padding:15px 0; }

ul.current-members { margin-bottom:20px; }  /* has clearfix */
ul.current-members li { float:left; margin:0 15px 30px; background:none; }

ol.alumni-years { margin-bottom:30px; padding-bottom:1px; background:url(../img/elem/dotted-line.png) left bottom repeat-x; }
ol.alumni-years > li { overflow:hidden; padding-top:16px; background:url(../img/elem/dotted-line.png) left top repeat-x; }
ol.alumni-years > li:hover { background-color:#100C14; background-color:rgba(128,0,255,0.08); }
ol.alumni-years li h3 { float:left; width:85px; margin:14px 15px 0; color:#FFF; font-size:15px; }
ol.alumni-years li ul.alumni-members { float:left; width:575px; }
ol.alumni-years li ul.alumni-members li { float:left; margin:0 15px 15px 0; background:none; }


/*  M E M B E R S   P R O F I L E  */

img.member-portrait { float:right; max-width:200px; margin:0 0 18px 30px; border:5px solid #FFF; }

#member-media { margin-top:12px; margin-bottom:10px; padding-top:21px; background:url(../img/elem/dotted-line.png) left top repeat-x; }

ul.member-photos { }  /* has clearfix */
ul.member-photos li { float:left; margin:0 20px 20px 0; }
ul.member-photos li a img { display:block; width:75px; height:75px; border:3px solid #FFF; }

ol.member-videos { list-style:none; margin-bottom:18px; }
ol.member-videos li { margin-bottom:20px; }
ol.member-videos li a { display:block; }
ol.member-videos li a img { display:block; width:144px; height:96px; margin-bottom:3px; border:3px solid #FFF; }
ol.member-videos li a span { display:block; line-height:15px; }
ol.member-videos li a span.date { color:#D0D0D0; }


/*  E V E N T S  */

a.events-subscribe { position:absolute; right:15px; top:0; display:block; width:92px; height:31px; border:none; background:url(../img/button/subscribe.png) no-repeat; text-indent:-9999px; }
a.events-subscribe:hover { cursor:pointer; background-position:0 -40px; }
a.events-subscribe:active { background-position:0 -80px; opacity:0.6; }

ol.upcoming-events { list-style:none; margin-bottom:50px; padding-top:1px; background:url(../img/elem/dotted-line.png) left top repeat-x; }
ol.upcoming-events li { position:relative; padding:15px 15px 16px; background:url(../img/elem/dotted-line.png) left bottom repeat-x; }
ol.upcoming-events li:hover { background-color:#100C14; background-color:rgba(128,0,255,0.08); }

ol.upcoming-events li h2 { float:left; margin-bottom:2px; line-height:100%; }
ol.upcoming-events li span.date { float:left; width:95px; color:#FFF; font-size:20px; line-height:100%; }
ol.upcoming-events li span.start-time { float:right; width:105px; color:#FFF; font-size:20px; line-height:100%; text-align:right; }
ol.upcoming-events li .details { clear:both; line-height:18px; }
ol.upcoming-events li .details p.description { clear:both; margin:0 105px 0 95px; padding-top:9px; }
ol.upcoming-events li .details span.day { float:left; width:95px; color:#606060; }
ol.upcoming-events li .details span.location { float:left; color:#606060; }
ol.upcoming-events li .details span.end-time { float:right; width:105px; color:#606060; text-align:right; }

ol.past-events { margin-bottom:30px; padding-bottom:1px; background:url(../img/elem/dotted-line.png) left bottom repeat-x; }
ol.past-events > li { overflow:hidden; padding-top:1px; background:url(../img/elem/dotted-line.png) left top repeat-x; }
ol.past-events li h3 { float:left; width:65px; margin:10px 15px; color:#FFF; font-size:20px; }

ol.past-events ol { list-style:none; float:left; width:595px; }
ol.past-events ol li { padding:10px 0 10px 15px; background:url(../img/elem/dotted-line.png) left bottom repeat-x; line-height:18px; }
ol.past-events ol li:hover { background-color:#100C14; background-color:rgba(128,0,255,0.08); }
ol.past-events ol li:last-child { background-image:none; }
ol.past-events ol li a { padding-right:15px; }
ol.past-events ol li span.date { display:inline-block; width:55px; }


/*  P A S T   E V E N T  */

.past-event { margin-bottom:30px; padding-top:16px; background:url(../img/elem/dotted-line.png) left top repeat-x; }
.past-event h2 { margin-bottom:2px; line-height:100%; }
.past-event p.description { margin-bottom:0; }
.past-event p.location { color:#606060; }
.past-event span.date { float:right; color:#FFF; font-size:20px; line-height:100%; text-align:right;}
.past-event span.time { float:right; color:#606060; line-height:18px; text-align:right; }


/*  E V E N T S   S U B S C R I B E  */

.subscribe-options { margin-bottom:30px; border-top:1px solid #121212; border-top:1px solid rgba(255,255,255, 0.06); background:#101010; background:rgba(255,255,255,0.06); -moz-border-radius:4px; -webkit-border-radius:4px; }
.subscribe-options h2 { margin-bottom:0; padding:10px 15px 15px; }
.subscribe-options form input { width:310px; }

.ui-accordion-header { padding:10px 15px; border-top:1px solid #121212; border-top:1px solid rgba(255,255,255, 0.06); }
.ui-accordion-header span.ui-icon { display:inline-block; width:30px; height:18px; background:url(../img/icon/expand-collapse.png) 4px 9px no-repeat; }
.ui-accordion-header span.ui-icon-south { background-position:2px -9px; }

.ui-accordion-header.ui-state-default.ui-state-hover { background:#202020; background:rgba(255,255,255,0.06); cursor:pointer; }

.ui-accordion-content { padding:0 15px 10px 45px; }


/*  M U S I C  */

ol.setlist { list-style:none; overflow:hidden; margin-bottom:15px; }
ol.setlist li { position:relative; float:left; width:190px; height:65px; margin:0 15px 15px; padding:10px; border-top:1px solid #121212; border-top:1px solid rgba(255,255,255, 0.07); background:#101010; background:rgba(255,255,255,0.06); -moz-border-radius:4px; -webkit-border-radius:4px; }
ol.setlist li.simple { height:30px; }
ol.setlist li:hover { background:#100C14; background:rgba(128,0,255,0.12); }
ol.setlist li.active { background:rgba(0,255,38,0.10); } /* not used, green */

ol.setlist li a { position:absolute; bottom:10px; display:block; width:68px; height:22px; padding-left:27px; background-repeat:no-repeat; color:#D0D0D0; line-height:22px; }
ol.setlist li a:hover { color:#499555; }
ol.setlist li span { display:block; line-height:15px; text-transform:capitalize; }
ol.setlist li span.arrangement { display:none; }
ol.setlist li span span { display:inline; color:#606060; text-transform:none; }

ol.setlist li:hover span.arrangement { display:block; }
ol.setlist li:hover span.selection { display:none; }

ol.setlist li a.download { left:105px; background-image:url(../img/music/download.png); }
ol.setlist li a.download:hover { background-position:0 -30px; }
ol.setlist li a.download:active { color:#9E79C4; background-position:0 -60px; }

ol.setlist li a.listen { left:10px; background-image:url(../img/music/player.png); }
ol.setlist li a.listen:hover { background-position:0 -30px; }
ol.setlist li a.listen:active { color:#9E79C4; background-position:0 -60px; }
ol.setlist li a.listen.sm2_playing { color:#9E79C4; background-position:0 -120px; }
ol.setlist li a.listen.sm2_playing:hover { color:#499555; background-position:0 -90px; }
ol.setlist li a.listen.sm2_playing:active { color:#9E79C4; background-position:0 -120px; }
ol.setlist li a.listen.sm2_paused { background-position:0 -60px; }
ol.setlist li a.listen.sm2_paused:hover { color:#499555; background-position:0 -30px; }
ol.setlist li a.listen.sm2_paused:active { color:#9E79C4; background-position:0 -60px; }

#retired-repertoire h2 { margin-bottom:10px; padding-top:21px; background:url(../img/elem/dotted-line.png) left top repeat-x; }
#retired-repertoire p { margin-bottom:30px; }


/*  P H O T O S  */

a.featured-photo { position:relative; display:block; color:#D0D0D0; }
a.featured-photo img { border:5px solid #FFF; }
a.featured-photo .meta { display:none; overflow:hidden; }
a.featured-photo .meta .title { display:block; color:#FFF; font-size:20px; line-height:24px; }
a.featured-photo .meta .date { display:block; margin-bottom:18px; color:#606060; }

a.featured-photo.l img { width:680px; height:290px; }
a.featured-photo.l .meta { width:600px; height:230px; padding:40px 60px 20px 20px; }
a.featured-photo.l .meta h2 { float:left; width:100px; height:230px; margin-bottom:0; padding-right:25px; color:#9E79C4; }
a.featured-photo.l .meta .title { margin-bottom:5px; font-size:36px; }

a.featured-photo.m img { width:380px; height:162px; }
a.featured-photo.m .meta { width:350px; height:132px; padding:15px; }
a.featured-photo.m .meta .title { margin-bottom:5px; }

a.featured-photo:hover .meta { position:absolute; left:5px; top:5px; display:block; background:#000; background:rgba(0,0,0,0.85); }

#featured-photo { position:relative; height:300px; margin-bottom:30px; }
#featured-photo a.ui-more { left:690px; height:300px; }
#featured-photo a.ui-more:hover span { line-height:300px; }

#new-photos { position:relative; margin-bottom:20px; padding-bottom:31px; background:url(../img/elem/dotted-line.png) left bottom repeat-x; }
#new-photos h2 { float:left; width:90px; margin:12px 0 0; }
#new-photos ul { float:right; }
#new-photos ul li { float:left; margin-left:20px; }
#new-photos ul li:first-child { margin-left:0; }
#new-photos ul li a { border-bottom:0; }
#new-photos ul li a img { width:75px; height:75px; border:3px solid #FFF; }

#new-photos a.ui-more { left:690px; height:81px; }
#new-photos a.ui-more:hover span { line-height:81px; }

ul.photos-sets { overflow:hidden; margin-bottom:10px; }
ul.photos-sets li { float:left; width:210px; padding:10px 0 20px 30px; }
ul.photos-sets li.clearleft { clear:left; padding-left:0; }
ul.photos-sets li a { border-bottom:0; }
ul.photos-sets li a img { max-width:202px; max-height:202px; margin-bottom:3px; border:4px solid #FFF; }
ul.photos-sets li a span { display:block; line-height:15px; }
ul.photos-sets li a span.count { color:#D0D0D0; }


/*  P H O T O S   F E A T U R E D  */

ol.featured-photos { list-style:none; }
ol.featured-photos li { margin-bottom:36px; }
ol.featured-photos li:last-child { margin-bottom:30px; }
ol.featured-photos li img { margin-bottom:15px; border:5px solid #FFF; }
ol.featured-photos li h2 { margin-bottom:5px; }
ol.featured-photos li p { margin-bottom:0; }


/*  P H O T O S   S E T  */

#set-description { background:url(../img/elem/dotted-line.png) left top repeat-x; }
#set-description p { margin-bottom:40px; padding:15px 0; background:url(../img/elem/dotted-line.png) left bottom repeat-x; }


/*  P H O T O S   P A G I N A T I O N  */

#pager { margin-bottom:30px; padding-top:21px; background:url(../img/elem/dotted-line.png) left top repeat-x; }
#pager a { display:block; height:29px; background:#181818; border-bottom:1px solid #000; color:#D0D0D0; line-height:29px; }
#pager a:hover { background:#499555; }

#pager ol { list-style:none; float:left; width:450px; }
#pager ol li { float:left; }
#pager ol li a { width:29px; border-right:1px solid #000; text-align:center; }
#pager ol li.current a { background:#282828; }
#pager ol li.current a:hover { background:#499555; }

#pager a.pager-prev,
#pager a.pager-next
	{ float:right; padding:0 10px; border-left:1px solid #000; }


/*  V I D E O  */

.main-video { margin-bottom:30px; }
.main-video .player object { display:block; width:440px; height:330px; border:5px solid #FFF; }
.main-video .player object embed { display:block; width:440px; height:330px; }

.main-video .info { margin-bottom:30px; }
.main-video .info h3 { margin-bottom:5px; font-size:20px; line-height:25px; }
.main-video .info h4 { margin-top:18px; color:#9E79C4; font-size:11px; line-height:18px; }
.main-video .info p.date { margin-bottom:9px; color:#606060; }
.main-video .info p.description { margin-bottom:0; }
.main-video .info ul.featuring { overflow:hidden; }
.main-video .info ul.featuring li { float:left; margin:10px 10px 0 0; }

.page-videos .main-video .player object { width:320px; height:240px; }
.page-videos .main-video .player object embed { width:320px; height:240px; }

.page-videos-watch .main-video .info h3 { margin-top:18px; color:#9E79C4; font-size:11px; line-height:18px; }

#videos-archive h2 { margin:0 15px 20px; padding-top:21px; background:url(../img/elem/dotted-line.png) left top repeat-x; }

ol.video-list { list-style:none; }
ol.video-list li { float:left; width:150px; margin:0 15px 30px; }
/*ol.video-list li:nth-child(4n+1) { clear:left; }*/
ol.video-list li.clearleft { clear:left; }
ol.video-list li a { display:block; }
ol.video-list li a img { display:block; width:144px; margin-bottom:3px; border:3px solid #FFF; }
ol.video-list li a span { display:block; line-height:15px; }
ol.video-list li a span.date { color:#D0D0D0; }


/*  A B O U T  */

.history { -moz-column-count:2; -webkit-column-count:2; -moz-column-gap:30px; -webkit-column-gap:30px; }
.history p:last-child { margin-bottom:0; }

#etymology { margin-top:30px; padding-top:21px; background:url(../img/elem/dotted-line.png) left top repeat-x; }
#etymology h2 { margin:5px 0 4px; }
#etymology p.pronunciation { color:#606060; }

#etymology dl { overflow:hidden; margin-bottom:18px; }
#etymology dl dt { float:left; clear:left; width:50px; }
#etymology dl dd { float:left; margin-bottom:0; }

#etymology ol { list-style:decimal; margin-bottom:18px; }
#etymology ol li { margin-left:18px; line-height:18px; }


/*  C O N T A C T  */

#contact-form { margin-bottom:30px; padding:10px 15px 15px; border-top:1px solid #121212; border-top:1px solid rgba(255,255,255, 0.06); background:#101010; background:rgba(255,255,255,0.06); -moz-border-radius:4px; -webkit-border-radius:4px; }
#contact-form label { float:left; padding:10px 5px 0 0; }
#contact-form ul li { overflow:hidden; margin-bottom:15px; }

#contact-form .form-action { margin-left:76px; }
#contact-form button { display:block; width:60px; height:31px; border:none; background:url(../img/button/send.png) no-repeat; text-indent:-9999px; }
#contact-form button:hover { cursor:pointer; background-position:0 -40px; }
#contact-form button:active { background-position:0 -80px; opacity:0.6; }

#contact-form input[type=text],
#contact-form textarea
	{ float:right; width:330px; }

.flag { margin-bottom:18px; padding:10px 15px 15px; border-top:1px solid #121212; border-top:1px solid rgba(255,255,255,0.07); background:#101010; background:rgba(255,255,255,0.06); -moz-border-radius:4px; -webkit-border-radius:4px; }
.flag.error { border-top-color:#231235; border-top-color:rgba(255,255,255,0.07); background:#100C14; background:rgba(128,0,255,0.12); } /* purple */
.flag.success { border-top-color:#122A15; border-top-color:rgba(255,255,255,0.07); background:#001A04; background:rgba(0,255,38,0.10); } /* green */

.flag h2 { margin-bottom:10px; color:#FFF; }
.flag p { margin-bottom:0; }
.flag ul { margin-top:10px; margin-bottom:0; }