/*	==========	RESET & COMMON CLASSES	==========	*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

input, textarea, select, option { font:normal 14px arial, sans-serif; margin:0; padding:0; }
a, a:active, a:visited { color:#58595b; } a:hover { color:#000; text-decoration:none; }
.left { float:left; display:inline; }
.right { float:right; display:inline; }
.clear { clear:both; }

/*	========== GROUPED ELEMENTS	==========	*/

body { color:#58595b; font:normal 16px/22px georgia, verdana, arial, sans-serif; }

#container { margin:0 auto; position:relative; width:1000px; min-height:630px; padding:59px 0; }

#main { width:884px; margin:0 auto; font-size:14px; line-height:17px; position:relative; }
#main-in { padding:85px 0 20px 62px; }

.side-pattern { width:100px; height:750px; position:absolute; top:0; left:0; z-index:2; }

.right-logo { width:205px; height:165px; background:url(logo1.png) left top no-repeat; position:absolute; top:18px; right:0; z-index:3; }

.big-title {  border-bottom:1px solid #b8292f; margin:0 0 15px; font-size:100px; }

#droplet-nav { text-indent:-9999px; width:189px; height:212px; position:absolute; top:-58px; right:215px; }
#droplet-nav a { position:absolute; }

body#home { background:#ffca05 url(bg_home.png) center top no-repeat; }
body#home #container { min-height:750px; padding:0; }

body#home #droplet-nav {  top:160px; right:9px; width:316px; height:294px; }
body#home #droplet-nav .about { width:90px; height:70px; top:90px; right:160px; }
body#home #droplet-nav .whoswho { width:138px; height:100px; top:65px; right:0; }
body#home #droplet-nav .panels  { width:90px; height:70px; top:163px; right:225px; }
body#home #droplet-nav .showcase { width:115px; height:90px; top:193px; right:90px; }

body#about { background:#98c93c; }
body#about #main { background:#fff url(maintop1.png) left top no-repeat; }
body#about #main-in { background:url(mainbot1.png) left bottom no-repeat; }
body#about .side-pattern { background:url(side-pattern1.png) left top no-repeat; }

body#about #droplet-nav { background:url(dropletnav1.png) left top no-repeat; }
body#about #droplet-nav .home { width:54px; height:40px; top:98px; left:0; }
body#about #droplet-nav .whoswho { width:82px; height:62px; top:29px; left:108px; }
body#about #droplet-nav .showcase { width:54px; height:42px; top:52px; left:39px; }
body#about #droplet-nav .register { width:68px; height:54px; top:112px; left:69px; }
body#about #droplet-nav .panels { width:55px; height:36px; top:169px; left:125px; }

body#panels { background:#ffca05; }
body#panels #main { background:#fff url(maintop2.png) left top no-repeat; }
body#panels #main-in { background:url(mainbot2.png) left bottom no-repeat; }
body#panels .side-pattern { background:url(side-pattern2.png) left top no-repeat; }
body#panels .big-title { border:0; background:url(bigtitle1.png) right bottom no-repeat; padding:0 0 10px 30px; }

body#panels #droplet-nav { background:url(dropletnav2.png) left top no-repeat; }
body#panels #droplet-nav .home { width:54px; height:40px; top:98px; left:0; }
body#panels #droplet-nav .whoswho { width:82px; height:62px; top:29px; left:108px; }
body#panels #droplet-nav .showcase { width:54px; height:42px; top:52px; left:39px; }
body#panels #droplet-nav .register { width:68px; height:54px; top:112px; left:69px; }
body#panels #droplet-nav .about { width:55px; height:36px; top:169px; left:125px; }

body#whoswho { background:#f48120; }
body#whoswho #main { background:#fff url(maintop3.png) left top no-repeat; }
body#whoswho #main-in { background:url(mainbot3.png) left bottom no-repeat; }
body#whoswho .side-pattern { background:url(side-pattern3.png) left top no-repeat; }
body#whoswho .big-title { margin:8px 0 15px 40px; }

body#whoswho #droplet-nav { background:url(dropletnav3.png) left top no-repeat; z-index:2; }
body#whoswho #droplet-nav .home { width:54px; height:40px; top:98px; left:0; }
body#whoswho #droplet-nav .showcase { height:62px; left:108px; top:29px; width:82px; }
body#whoswho #droplet-nav .panels { height:42px; left:39px; top:52px; width:54px; }
body#whoswho #droplet-nav .register { height:54px; left:69px; top:112px; width:68px; }
body#whoswho #droplet-nav .about { height:36px; left:125px; top:169px; width:55px; }

body#showcase #main { background:#fff url(maintop4.png) left top no-repeat; }
body#showcase #main-in { background:url(mainbot4.png) left bottom no-repeat; min-height:525px; }
body#showcase .side-pattern { background:url(side-pattern4.png) left top no-repeat; }
body#showcase .big-title { border:0; background:url(red-dash.png) right bottom repeat-x; padding:0 0 0 40px; margin:10px 0 15px; width:575px; }

body#showcase { background:#54c0ac; }
body#showcase #droplet-nav { background:url(dropletnav4.png) left top no-repeat; }
body#showcase #droplet-nav .home { width:54px; height:40px; top:98px; left:0; }
body#showcase #droplet-nav .whoswho { height:62px; left:108px; top:29px; width:82px; }
body#showcase #droplet-nav .about { height:42px; left:39px; top:52px; width:54px; }
body#showcase #droplet-nav .register { height:54px; left:69px; top:112px; width:68px; }
body#showcase #droplet-nav .panels { height:36px; left:125px; top:169px; width:55px; }

body#entryform { background:#98c93c; }
body#entryform .side-pattern { background:url(side-pattern5.png) left top no-repeat; }
body#entryform .big-title { color:#fff; border:0; padding:0 0 0 30px; }
body#entryform .dio { width:196px; height:12px; background:url(dio.png) left top no-repeat; position:absolute; bottom:5px; right:680px; cursor:pointer; z-index:4; }
body#entryform .footer { left:600px; width:auto; }
body#entryform .footer .oml { width:65px; height:44px; background:url(oml2.png) left top no-repeat; margin:-12px 35px 0 0; }

body#entryform #droplet-nav { background:url(dropletnav5.png) left top no-repeat; height:174px; z-index:2; }
body#entryform #droplet-nav .home { width:54px; height:40px; top:98px; left:0; }
body#entryform #droplet-nav .showcase { height:62px; left:108px; top:29px; width:82px; } 
body#entryform #droplet-nav .whoswho { height:54px; left:69px; top:112px; width:68px; }
body#entryform #droplet-nav .about { height:42px; left:39px; top:52px; width:54px; }

body#postpage #main { background:#fff url(maintop4.png) left top no-repeat; }
body#postpage #main-in { background:url(mainbot4.png) left bottom no-repeat; min-height:525px; }
body#postpage .side-pattern { background:url(side-pattern4.png) left top no-repeat; }
body#postpage .big-title { border:0; background:url(red-dash.png) right bottom repeat-x; padding:0 0 5px 20px; margin:73px 0 0; width:595px; font-size:30px; }

body#postpage { background:#54c0ac; }
body#postpage #droplet-nav { background:url(dropletnav4.png) left top no-repeat; }
body#postpage #droplet-nav .home { width:54px; height:40px; top:98px; left:0; }
body#postpage #droplet-nav .whoswho { height:62px; left:108px; top:29px; width:82px; }
body#postpage #droplet-nav .about { height:42px; left:39px; top:52px; width:54px; }
body#postpage #droplet-nav .register { height:54px; left:69px; top:112px; width:68px; }
body#postpage #droplet-nav .panels { height:36px; left:125px; top:169px; width:55px; }

#twit-updates { width:264px; float:left; display:inline; margin:140px 0 5px; background:url(twit_bot.png) left bottom no-repeat; padding:0 0 23px; }
.twit_top { background:url(twit_top.png) left top no-repeat; height:31px; }
#twit-updates .twtr-hd, #twit-updates .twtr-ft { display:none; }
#twit-updates .twtr-doc { -moz-border-radius:0; -webkit-border-radius:0; }
#twit-updates .twtr-widget { background:url(twit_mid.png) left top repeat-y; padding:8px 0 0 7px; }
#twit-updates .twtr-widget .twtr-tweet { border:0; }

#getcloser { width:171px; padding:0 0 0 92px; height:29px; background:url(getcloser.png) left top no-repeat; float:left; clear:left; }
#getcloser a { float:left; display:inline; height:29px; }
#getcloser .twitter { width:29px; margin:0 6px 0 0; }
#getcloser .facebook { width:27px; margin:0 5px 0 0; }
#getcloser .blog { width:27px; margin:0 4px 0 0; }
#getcloser .flickr { width:65px; }

#intro { position:absolute; top:480px; right:0; width:442px; font-size:14px; background:url(intro_bot.png) left bottom no-repeat; padding:0 0 14px; }
#intro_top { height:16px; background:url(intro_top.png) left top no-repeat; font-size:0; }
#intro_mid { background:url(intro_mid.png) left top repeat-y; }
#intro_mid .in { position:relative; top:-6px; padding:0 2px 0 10px; height:100%; }

.dio { width:196px; height:12px; background:url(dio.png) left top no-repeat; position:absolute; bottom:5px; right:5px; cursor:pointer; }

.gramophone { position:absolute; left:0; bottom:55px; z-index:3; }
#red_gramophone { background:url(gramophone_red.png) left top no-repeat; width:208px; height:189px; }
#orange_gramophone { background:url(gramophone_orange.png) left top no-repeat; width:200px; height:192px; }
#blue_gramophone { background:url(gramophone_blue.png) left top no-repeat; width:200px; height:192px; }
#yellow_gramophone { background:url(gramophone_yellow.png) left top no-repeat; width:210px; height:203px; bottom:0; }

#obj1 { width:24px; height:23px; background:url(obj1.png); position:absolute; top:175px; left:38px; }
#obj2 { width:240px; height:53px; background:url(obj2.png); position:absolute; right:0; top:154px; z-index:2; }
#obj3 { width:207px; height:24px; background:url(obj3.png) left top no-repeat; position:absolute; right:0; top:190px; z-index:2; }
#obj4 { width:20px; height:49px; background:url(obj4.png) left top no-repeat; position:absolute; left:60px; top:143px; z-index:2; }
#obj5 { width:82px; height:101px; background:url(obj5.png) left top no-repeat; position:absolute; left:15px; top:95px; }
#obj6 { width:55px; height:38px; background:url(obj6.png) left top no-repeat; position:absolute; left:46px; top:169px; }

#odd-line { width:176px; height:450px; background:url(odd-line.png) left top no-repeat; position:absolute; top:185px; right:205px; }
#odd-line2 { width:176px; height:452px; background:url(odd-line2.png) left top no-repeat; position:absolute; top:193px; right:205px; }
#odd-line3 { width:177px; height:455px; background:url(odd-line3.png) left top no-repeat; position:absolute; top:193px; right:205px; }

/*	==========	HOME	==========	*/

body#home #logo { position:absolute; top:130px; left:428px; width:143px; height:143px; }

#fellows { position:absolute; width:224px; height:39px; top:119px; right:10px; }

#simple-nav { float:right; display:inline; margin:165px 88px 0 0; position:relative; z-index:2; }
#simple-nav li { float:left; padding:0 5px; }
#simple-nav a { color:#fff; }

/*	==========	ABOUT	==========	*/

.page-contentL { width:615px; float:left; display:inline; }

.page-contentL p { width:380px; text-align:right; padding:0 0 18px 55px; }

.page-contentR { position:absolute; top:235px; right:10px; width:340px; }

/*	==========	PANELS	==========	*/

.title2 { font-size:30px; color:#00bbc2; border-bottom:1px solid #b8292f; height:35px; margin:0 0 8px; }

.wide-one { width:560px; }
.wide-one ul { padding:0 135px 0 0; }

.wide-two { width:435px; }
.wide-two ul { padding:0 55px 0 0; }

.wide-one, .wide-two { padding:5px 0 0; }
.wide-one ul, .wide-two ul { text-align:right; }
.wide-one li, .wide-two li { padding:0 0 2px; }
.wide-one ul span, .wide-two ul span { padding:0 0 0 10px; }

.evntlist a.active { background:#ffca05; text-decoration:none; }

.evntdesc, .textlist { text-align:right; }

.evntdesc li { display:none; }
.evntdesc li img, .textlist li img { float:right; }
.evntdesc li h3, .textlist li h3 { text-transform:uppercase; margin:5px 0; padding:0 2px; background:#ffca05; float:right; clear:both; display:inline; }
.evntdesc li p, .textlist li p { clear:both; }

/*	==========	WHO'S WHO	==========	*/

.people-list { padding:0 0 5px; border-bottom:1px solid #b8292f; overflow:hidden; position:relative; z-index:2; }
.people-list img { float:left; width:83px; height:83px; border:1px solid #000; display:inline; margin:0 4px 0 0; cursor:pointer; }

.pplist1 { width:480px; margin:0 0 20px 30px; }
.pplist2 { width:445px; margin:0 0 20px -10px; }
.pplist3 { width:275px; margin:0 0 10px 120px; }
.pplist4 { width:370px; margin:0 0 0 110px; }

.people-desc li { display:none; }
.people-desc li img { float:right; display:inline; margin:0 60px 10px 0; width:119px; height:119px; border:1px solid #000; }
.people-desc li p { clear:both; padding:10px 0 0; text-align:right; }

/*	==========	SHOWCASE / REGULAR BLOG POST/PAGE CONTENTS	==========	*/

.page-contents { }
.page-contents .big-title { width:615px; }
.page-contents p { padding:0 0 20px; }

#noContent { width:666px; margin:50px auto; font:normal 17px/25px verdana, arial, sans-serif; }

#post-contents { margin:30px 20px 0 95px; }
#post-contents h1 { font-size:24px; padding:0 0 20px; }
#post-contents h2 { font-size:22px; padding:0 0 20px; }
#post-contents h3 { font-size:20px; padding:0 0 15px; }
#post-contents h4 { font-size:18px; padding:0 0 15px; }
#post-contents h5 { font-size:16px; padding:0 0 15px; }
#post-contents h6 { font-size:14px; padding:0 0 15px; }

#post-contents img { padding:2px; border:1px solid #54C0AC; }
#post-contents img.alignleft { float:left; display:inline; margin:0 10px 5px 0; }
#post-contents img.alignright { float:right; display:inline; margin:0 0 5px 10px; }
#post-contents img.aligncenter { display:block; margin:10px auto 15px; }
#post-contents img.wp-smiley { border:0; padding:0; vertical-align:middle; }

#respond, #post-contents h3#comments { margin:20px 0 0; padding:20px 0 0; border-top:1px solid #ccc; }

#commentform input#author, #commentform input#email, #commentform input#url { padding:5px; width:300px; margin:0 10px 0 0; }
#commentform p label { font-size:13px; line-height:20px; }
#commentform textarea#comment { padding:5px; width:90%; }
#commentform input#submit { font-weight:bold; padding:8px 10px; background:#CC3333; cursor:pointer; color:#fff; }
#commentform input#submit:hover { background:#54C0AC; }

.commentlist { padding:20px 0 0; }

.commentlist li { padding:10px 10px 0; }

.commentlist li.even { background:#f9f9f9; }

.commentlist .comment-author { padding:0 0 10px; }

.commentlist .comment-author .avatar { vertical-align:middle; margin:0 3px 0 0; }

.commentlist .comment-meta { display:none; }

.post-title a { text-decoration:none; }

.read-more { height:25px; margin:0 0 25px; border-bottom:1px solid #ccc; }
.read-more a { float:right; display:block; text-decoration:none; background:url(read-more.png) right center no-repeat; padding:0 25px 0 0; font-weight:bold; }

/*	=========	ENTRY FORM	==========	*/

.wpcf7 { width:525px; margin:0 auto; padding:50px 0 0; }

.page-contents .wpcf7 p { padding:0 0 15px; height:100%; overflow:hidden; }

.wpcf7 p label { float:left; width:150px; color:#000; font-size:16px; line-height:22px; }
.wpcf7 p input.txt, .wpcf7 textarea { float:left; padding:5px; width:333px; border:1px solid #000; }
.wpcf7 input.btn { border:0; height:21px; cursor:pointer; }
.wpcf7 input.reset { margin:20px 30px 0 150px; width:41px; background:url(reset.png) left top no-repeat; }
.wpcf7 input.submit { margin:20px 0 0; width:24px; background:url(submit.png) left top no-repeat; }
.normalsubmit { padding:2px 5px; margin:10px 0 0 150px; font-weight:bold; cursor:pointer; } 

/*	==========	FOOTER	==========	*/

.footer { width:518px; height:40px; padding:19px 0 0 18px; position:absolute; bottom:0; left:0; z-index:4; }

#orange_footer { background:url(orange_footer.png) left top no-repeat; }
#red_footer { background:url(red_footer.png) left top no-repeat; }
#blue_footer { background:url(blue_footer.png) left top no-repeat; }

.footer a { float:left; height:28px; display:inline; margin:0 35px 0 0; cursor:pointer; }

.footer .bc { width:96px; background:url(bc.png) left top no-repeat; }
.footer .yp { width:109px; background:url(yp.png) left top no-repeat; }
.footer .oml { width:41px; background:url(oml.png) left top no-repeat; }