/* General */
body {font-family:'Lucida Sans Unicode','Lucida Grande',sans-serif}
html {background-image:url('../images/green-stripes-blue-white.gif')} 
h1,h2,h3,h4,h5 {line-height:150%;margin: 10px 0}
h1 {font-size:250%}
h2 {font-size:150%}
ul {padding-left:20px}
li {padding:5px 2px}
img {border-style:none}
p {margin: 10px 0}

/* introduction */
div#introduction {background-color:#fff;padding:30px 30px;margin:30px auto;width:900px;border-radius:20px;-moz-border-radius:20px;border:2px solid #009999;line-height:180%;font-size:85%;display:none;}
div#introduction p:first-letter {font-size:120%;}
.play {text-align:center}
#play {cursor:pointer;border:2px solid #fff}
#play:hover {border:2px solid #eee}



/* admin and logo */
/*
.admin-row {width:312px;margin:0 auto;}
.admin-row ul li{margin:0 10px;}
*/
.admin-create-account {width:120px;display:block;}
.admin-about {width:120px;display:block;}
.admin-sign-in {width:120px;display:block;}

/* find people */
#find-people {width: 420px;margin:0 20px;}
aside {width:400px;float:left;font-size:90%;}
aside>section {border:2px solid #009999;padding:5px;margin:10px;border-radius:5px;-moz-border-radius:5px;background-color:#fff}
section#content {width:600px;float:left;border:2px solid #009999;padding:10px;margin:10px;border-radius:5px;-moz-border-radius:5px;background-color:#fff}

/* search */
#search-box {width:400px;}
.search-row {display:block;margin:5px;}

/* search titles */
#title-location {width:75px;display:inline-block;}
#title-tags {width:75px;display:inline-block;}
#title-group {width:75px;display:inline-block;}
#title-person {width:75px;display:inline-block;}

/* search inputs */
#search-location {width:250px}
#search-tags {width:250px}
#search-group {width:250px}
#search-person {width:250px}


/* results people*/
#results-people-box {width:400px;}
.results-row {display:block;margin:5px 5px 5px 0;}

/* results people rows */
section#results-people-box {color:#ccc;}
#results-people-box ul {display:inline-block;padding-left:0px;}
#results-people-box li {list-style-type:none;float:left;margin-left:2px;}
.person-thumb {width:20px;padding:2px;}
.person-thumb img {width:20px;height:20px;}
.person-name {width:100px;}
.person-tag {width:115px;}
.person-score {width:50px;}
.person-fee {width:25px;}


/* results person*/
#results-person-box {width:400px;}
.results-row {display:block;margin:5px 5px 5px 0;}

/* results person rows */
section#results-person-box {color:#ccc;}
#results-person-box ul {display:inline-block;padding-left:0px;}
#results-person-box li {list-style-type:none;float:left;margin-left:2px;}
.person-thumb-100 {width:100px;padding:2px;}
.person-thumb-100 img {width:100px;height:100px;}
.person-name {width:100px;display:block;}
.person-category {width:100px;display:block;}
.person-tag {width:115px;}
.person-score {width:50px;}
.person-fee {width:25px;}

.person-contact {width:280px;float;left;display:block;}
.person-contact-name {width:150px;float:left;clear:both;margin-top:20px;margin-bottom:10px;}
.person-contact-email {width:50px;float:left;clear:both;margin-bottom:5px;}
.person-contact-email-id {width:100px;float:left;}
.person-contact-im {width:50px;float:left;clear:both;margin-bottom:5px;}
.person-contact-im-id {width:100px;float:left;}



/* reviews person*/
#reviews-person-box {width:400px;}
.results-row {display:block;margin:5px 5px 5px 0;}
.self {color:#a9a9a9;}

/* reviews person rows */
section#reviews-person-box {color:#ccc;}
#reviews-person-box ul {display:inline-block;padding-left:0px;}
#reviews-person-box li {list-style-type:none;float:left;margin-left:2px;}
.review-reviewer {width:100px;display:block;}
.review-category {width:100px;display:block;}
.review-tag {width:115px;}
.review-score {width:50px;}

/* reviews review person*/
.review-reviewed-person {width:250px;float:left;margin-top:10px;margin-bottom:10px;color:#a9a9a9;}
.review-text {width:250px;float:left;clear:both;}

/* item-nav */
#item-list {padding-left:0}
#item-list li {list-style:none}
#item-list li {padding:5px;border:1px solid #fff}
#item-list li.selected {border:1px solid #333;background-color:#aaa}
#item-list li:hover {border:1px solid #000;cursor:pointer}

/* tags */
ul#selected-tags {list-style-type:none}
input.delete-tag, input.select-tag {background-color:#eee;border:1px solid #777;margin-left:10px;padding:0;cursor:pointer;font-weight:bold}
input.delete-tag {color:red}
input.select-tag {color:#006633}
.tags li:hover {background-color:#ddd}
li.matched {background-color:#009999}