/*
Theme Name: Visual-Society
Theme URI: http://graphpaperpress.com/
Description: A multimedia theme framework for Wordpress by <a href="http://graphpaperpress.com">Graph Paper Press</a>
Version: 1.0
Tags: photography, one-column, two-column, theme options, minimal, widgets, white, portfolio, video, framework
Author: Thad Allender
Author URI: http://graphpaperpress.com/
License: All Rights Reserved
*/

@import url("library/styles/screen.css"); 

/************************* CUSTOM STYLES ***************************/
body { color:#111; background:#fff url(images/bg.jpg) repeat-x; font-family:HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", sans-serif; }
.container { width:990px; margin:0 auto; }
.container-inner { width:950px; margin:2em auto; padding:1.75em 0 1em; }
.home .container-inner { margin:0 auto; padding:0 0 1em; }
h1,h2,h3,h4,h5,h6 { color:#222; font-weight:bold; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color:#222; }
h3.sub,h2.sub { margin:0 0 10px; padding:0 0 5px; font-size:1.1em; font-weight:thin; line-height:1em; text-transform:uppercase; letter-spacing:2px; color:#515151; border-bottom:1px solid #eee; }
a { color:#ea5087; text-decoration:none; }
a:hover,a:focus { color:#000; text-decoration:underline; }
p { color:#111; }
#theme-section { background:#fff; }
.underline { border-bottom:1px solid #eee; }
b,strong { color:#222; }
p.fancy { font-size:1.5em; color:#fff; font-style:thin; }
h2.fancy { background:url(images/line.gif) repeat-x 50% 50%; text-align:center; font-style:italic; }
h2.fancy a { padding:0 12px; background:#fff; }
.box h2.fancy a { background:#E5ECF9; }
h6.top { color:#ccc; }
.login { float:left; }
form#loginform { text-align:left; }
input #wp-submit { background:#000; }
hr { height:1px; }
.feed { margin-left:3px; padding:0 0 0 19px; background:url(images/rss.png) no-repeat 0 50%; }
img.screenshot { padding:10px; border:1px solid #ccc; background:#eee; margin:0 2em 1em 0; float:left; }
img.screenshot:hover { border:1px solid #000; background:#fff; }
img.screenshot-home { border:1px solid #eee; }
.theme-grid { height:385px; }
table strong { color:#fff; }
h2.icon { padding-left:42px; }
.icon-designs { background:url(images/icons/designs.png) no-repeat center left; }
.icon-plugins { background:url(images/icons/plugins.png) no-repeat center left; }
.icon-updates { background:url(images/icons/updates.png) no-repeat center left; }
.icon-integration { background:url(images/icons/integration.png) no-repeat center left; }

/* Masthead */
#top { width:990px; margin:0 auto 1em; padding:0 0 .5em; color:#666; height:100px; position:relative; z-index:50; }
#top #masthead { margin-left:20px; padding-top:8px; clear:both; display:block; }
#top #masthead h4,#masthead span { margin:0; padding:10px 0 0; line-height:2em; }
#top #masthead h4 span.bold-title { color:#fff; font-weight:bold; }
#top #masthead h4,#footer h4 { font-weight:normal; letter-spacing:1px; text-transform:uppercase; }
#top #masthead h4 a { color:#fff; text-decoration:none; }
#top #masthead h4 a:hover { color:#ea5087; }
#top #masthead h4 sup,#footer h4 sup { color:#ea5087; font-size:9px; }
#top #masthead span.description { text-indent:-9999px; display:none; position:absolute; top:20px; color:#999; text-transform:lowercase; font-size:12px; padding:0 3em; }
#top #masthead span.login { position:absolute; top:12px; right:20px; }
#top #masthead span.login a { color:#999; }
#top #masthead span.login a:hover { color:#fff; }
#top ul.mainnav { border-top:1px solid #999; position:absolute; top:36px; left:20px; display:block; list-style:none; margin:1.5em 0; padding:0; color:#ccc; width:950px; }
#top ul.mainnav li { float:left; margin:12px 24px 0 0; width:120px; }
#top ul.mainnav li a { color:#999; padding:14px 100px 6px 0; border-top:1px solid transparent; }
#top ul.mainnav li a:hover { text-decoration:none; color:#fff; border-top:1px solid #fff; cursor:pointer; }
#top ul.mainnav li.subscribe-right { float:right; margin:16px 0 0; width:74px; }
#top ul.mainnav li.subscribe-right a { padding:0 0 0 18px; }
#top ul.mainnav li.subscribe-right a:hover { border:none; }

/* Home promo */
#promo { height:400px; position:relative; }
#promo #theme-screenshots { position:absolute; right:0; bottom:-35px; width:700px; height:400px; z-index:-1; background:url(images/theme-screenshots.jpg) no-repeat; }
#promo #photoshelter-promo { position:absolute; top:-90px; right:240px; width:100px; height:100px; background:url(images/photoshelter-promo.png) no-repeat; z-index:100; }
#promo h1 { position:absolute; top:48px; color:#1a1a1a; }
#promo #chatter { position:absolute; top:120px; font-size:1.4em; color:#999; width:370px; z-index:1; font-weight:300; }
#promo .signup { position:absolute; top:264px; }
#promo .signup a { color:#fff; }
#promo .info { position:absolute; bottom:20px; left:0; font-weight:bold; }
#promo .info li { margin:0 4px 0 0; padding:0; }
#promo .info a { color:#111; }

/* Features */
#features { margin:2em 0; }

/* Posts */
.content { display:block; clear:both; }
.post { display:block; clear:both; }
.postmetadata { background:#eee; padding:1em; color:#999; font-size:11px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.postmetadata a { color:#515151; }
.postmetadata a:hover { color:#222; }
.underlined { border-bottom:1px solid #222; }
.welcomebox { padding:1.5em; margin-bottom:1.5em; background:#eee; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

/* Nav */
ul.info { list-style:none; margin:0; padding:0; }
ul.info li { float:left; margin:0 30px 10px 0; }
ul.info li.last { margin:0 0 10px; }
.nav { float:left; margin-bottom:25px; width:100%; }
.navi { float:left; margin-bottom:15px; }
.nav a,.navi a { background:#eee; color:#222; font:bold 12px/1 helvetica,arial,sans-serif; padding:8px 10px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:block; }
.nav a:hover,.navi a:hover { background:#222; color:#fff; }
.prev a,.next a { color:#222; text-decoration:none; padding:4px 10px 6px; font-size:14px; display:block; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.byline { font-size:11px; margin:0; color:#bbb; }
.byline a { color:#bbb; }

/* Sidebar */
#sidebar { margin:0; }
#sidebar h2 { margin:0; padding:0; border-bottom:1px solid #ccc; }
#sidebar #create-site h2 { margin:0 0 2em; border:none; }
#sidebar .item { margin:0 0 4em; }
#sidebar ul { list-style:none; margin:0 0 1.6em; font-size:1em; }
#sidebar li { list-style:none; }
#sidebar ul li a,ul.txt li { color:#222; height:1%; line-height:1.2em; display:block; padding:6px 0 6px 8px; }
#sidebar ul li a:hover,ul.txt li:hover { color:#fff; background-position:1px .8em; background:#222; text-decoration:none; }
#sidebar ul li a span,ul.txt li,h4 a span { color:#696455; }
#sidebar ul li.active a { cursor:default; color:white; }
#sidebar ul ul { margin:0; list-style:none; }
#sidebar input { display:block; }
#sidebar input.button-small { background:#999; padding:5px 6px; margin:1em 1em 1em 0; border:none; -moz-border-radius:4px; -webkit-border-radius:4px; color:#fff; width:54px; }
#sidebar input.button-small:hover { background:#000; cursor:pointer; }
#sidebar ul#recentcomments,#footer ul#recentcomments { list-style:none; margin:0 0 1.6em; font-size:1em; }
#sidebar ul#recentcomments li.recentcomments,#footer ul#recentcomments li.recentcomments { display:block; padding:4px 0 4px 8px; }
#sidebar ul#recentcomments li.recentcomments a,#footer ul#recentcomments li.recentcomments a { border:0; background-image:none; }
#sidebar ul#recentcomments li.recentcomments a:hover,#footer ul#recentcomments li.recentcomments a:hover { color:#fff; background-position:1px .8em; background:#111; }
#sidebar ul#recentcomments li.recentcomments a span,#footer ul#recentcomments li.recentcomments a span { color:#696455; }

/* Footer */
#footer-wrap { background:#000; margin-top:2em; padding-top:24px; }
#footer { width:950px; padding:1.5em 0; margin:0 auto; color:#999; text-align:left; }
#footer p { color:#444; }
#footer a { color:#ccc; }
#footer h3 { margin:0; padding:0 0 .6em; border-bottom:1px solid #444; color:#E5ECF9; text-transform:uppercase; }
#footer .item { margin:0 0 4em; }
#footer ul { list-style:none; margin:0 0 1.6em; font-size:1em; }
#footer ul li a,ul.txt li { height:1%; line-height:1.2em; display:block; padding:6px 0 6px 8px; }
#footer ul li a:hover,ul.txt li:hover { color:#fff; background-position:1px .8em; background:#111; text-decoration:none; }
#footer ul li a span,ul.txt li,h4 a span { color:#444; }
#footer ul li.active a { cursor:default; color:white; }
#footer ul ul { margin:0; list-style:none; }
#footer ul.info { margin-top:6px; }
#footer ul.info a { color:#444; padding:0; }
#footer ul.info a:hover { background:none; text-decoration:underline; }
#footer hr { color:#444; background:#444; }
#footer .textwidget,#footer .subscribe,#footer #search #searchform { margin:1em 0; }

/* Floats & Images */
.right { float:right; }
.left { float:left; }
.middle { margin:0 auto; float:left; }
.center {text-align: center}
.clear { clear:both; }
img.centered { display:block; margin-left:auto; margin-right:auto; max-width:950px; }
img.alignright { padding:4px 0 4px 4px; margin:3px 0 2px 10px; display:inline; max-width:950px; }
img.alignleft { padding:4px 4px 4px 0; margin:3px 10px 2px 0; display:inline; max-width:950px; }
img.alignnone { padding:4px 4px 4px 0; margin:3px 10px 2px 0; display:block; max-width:950px; }
.textleft { text-align:left; }
.textright { text-align:right; }
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter,div.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.theme-grid img.alignleft { padding:10px; border:1px solid #ccc; background:#eee; }
.theme-grid img.alignleft:hover { border:1px solid #000; }
.thumbnail,.attachment-thumbnail { margin:0 1.5em 1.5em 0; float:left; }
.alignright .attachment-thumbnail { margin-right:0; }
.attachment-medium { max-width:950px; overflow:hidden; display:inline; }
.attachment-large { max-width:950px; overflow:hidden; display:inline; }
.content .size-medium,content size-large { margin:0 1.5em 1.5em 0; }
.home .size-medium,.home .size-large { max-width:590px; height:auto; overflow:hidden; margin:0 .5em .5em 0; }
.gallery { display:block; clear:both; overflow:hidden; margin:0 auto; }
.gallery .gallery-row { display:block; clear:both; overflow:hidden; margin:0; }
.gallery .gallery-item { overflow:hidden; text-align:center; list-style:none; padding:0; margin:0 auto; }
.gallery .gallery-item img,.gallery .gallery-item img.thumbnail { max-width:100%; height:auto; padding:0; border:5px solid #ccc!important; }
.gallery .gallery-item img:hover,.gallery .gallery-item img.thumbnail:hover { border:5px solid #aaa!important; }
.gallery-caption { margin-left:0; }
.gallery-item .attachment-thumbnail { float:none!important; margin:0 auto; }
.gallery-item dd { clear:both; }

/* Image sizes depending on the number of columns */
.col-0 { width:100%; }
.col-1 { width:100%; }
.col-2 { width:50%; }
.col-3 { width:33%; }
.col-4 { width:25%; }
.col-5 { width:20%; }
.col-6 { width:16.5%; }
.col-7 { width:14%; }
.col-8 { width:12.4%; }
.col-9 { width:11%; }
.col-10 { width:10%; }
.col-11 { width:9%; }
.col-12 { width:8.33%; }
.col-13 { width:7.6%; }
.col-14 { width:7.1%; }
.col-15 { width:6.66%; }
.col-16 { width:6.25%; }
.col-17 { width:5.83%; }
.col-18 { width:5.55%; }
.col-19 { width:5.25%; }
.col-20 { width:4.95%; }

/* Captions */
.wp-caption p.wp-caption-text { font-size:11px; line-height:30px; margin:0; padding:10px; text-align:center; font-style:italic; }

/* End captions */

/* Etc */
#filters { clear:both; height:2em; margin-bottom:1em; }
#filters li { float:left; margin-right:2em; }
.prev { }
.next { }
:focus { outline:0; }
.sticky { font-size:24px; border:1px solid #bbb; border-width:1px 0; background:#eee; padding:15px; }
.double-border { background:url(images/double-border.png) repeat-x bottom; height:8px; width:100%; clear:both; float:none; border:none; margin:1em 0; }
.ad-main,.ad-sidebar { display:block; clear:both; }

/* Search */
#search { margin:0; padding:0; }
#search #s { background:#ddd url(images/search.png) 0 center no-repeat; color:#222; font-size:1em; margin:0; padding:4px 0 4px 17px; width:150px; border:1px solid #333; }
#search input { border:0; }
#search #s:hover { color:#000; background:#fff url(images/search_hover.png) 0 center no-repeat; }
.search-excerpt { margin:0; }

/* Comments */
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { border-top:5px solid #eee; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; height:1%; }
ol.commentlist li:hover { background:#f7f7f7; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { border-top:5px solid #222; }
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold; color:#222; }
ol.commentlist li div.vcard a { color:#222; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#333; }
ol.commentlist li div.vcard img.avatar { left:0; position:absolute; top:5px; }
ol.commentlist li div.vcard img.avatar-32 { }
ol.commentlist li div.vcard img.photo { }
ol.commentlist li div.vcard span.says { }
ol.commentlist li div.commentmetadata { }
ol.commentlist li div.comment-meta { font:11px helvetica,arial,sans-serif; position:absolute; right:0; text-align:right; top:0; background:#eee; padding:6px 4px 4px; }
ol.commentlist li div.comment-meta a { color:#bbb; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li.comment-author-admin div.comment-meta { background:#222; }
ol.commentlist li.comment-author-admin div.comment-meta a:hover { color:#fff; }
ol.commentlist li p { }
ol.commentlist li ul { }
ol.commentlist li div.reply { text-align:center; width:36px; }
ol.commentlist li div.reply a { background:#eee; color:#222; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 10px 3px; color:#222; text-decoration:none; text-transform:uppercase; }
ol.commentlist li div.reply a:hover { color:#fff; background:#222; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li { }
ol.commentlist li ul.children li.alt { }
ol.commentlist li ul.children li.bypostauthor { }
ol.commentlist li ul.children li.byuser { }
ol.commentlist li ul.children li.comment { }
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 { }
ol.commentlist li ul.children li.odd { }
ol.commentlist li.even { }
ol.commentlist li.odd { }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }
ol.commentlist li.comment-author-admin { }
h3#comments { margin:2em 0; }
#respond { margin:30px 0; padding:10px 0; }
#commentform { margin-bottom:60px; }
#commentform input { width:170px; padding:2px; margin:5px 5px 1px 0; font-size:1.2em; }
#commentform textarea { margin-top:5px; width:95%; padding:2px; border:5px #eee solid; font-size:1.2em; }
#commentform textarea:hover { border:5px solid #222; }
#commentform #submit { margin-top:5px; padding:5px; font-weight:bold; font-size:1.3em; background:#111 none repeat scroll 0 0; border:1px solid #222; color:#BBBBBB; font-size:1.3em; font-weight:bold; margin-top:5px; padding:5px; }
legend { font-size:1.2em; font-weight:bold; padding:2px 10px; }
#commentform #submit:hover { background:#000; color:#fff; }
#wp-submit { font-weight:bold; font-size:1em; background:#111 none repeat scroll 0 0; border:1px solid #222; color:#BBBBBB; font-weight:bold; padding:5px; }
#wp-submit:hover { background:#000; color:#fff; }

/* Buttons & Inputs */
#sidebar a.button { color:#fff; }
.home a.button { display:block; width:260px; height:50px; padding:20px 0 5px 40px; color:#000; text-decoration:none; background:url(images/button.png) no-repeat 0 0; font-size:22px; }
.home .button:hover,#promo h2 a.button:hover { color:#fff; background:url(images/button.png) no-repeat 0 -75px; }
a.button-small,input.button-small { border:2px solid #eee; padding:8px 6px; color:#fff; text-decoration:none; background:#999; -moz-border-radius:4px; -webkit-border-radius:4px; margin-bottom:1em; }
input.button-small { text-align:left; }
input.button-small:hover { background:#000; cursor:pointer; }
a:hover.button-small { background:#000; }
#footer #search input#s,.subscribe input { background:#eee; padding:5px 6px; margin:0 8px 0 0; border:none; -moz-border-radius:4px; -webkit-border-radius:4px; color:#000; }
#footer #search input#s:hover,.subscribe input:hover { background:#fff; cursor:pointer; }
.button-small-black { background:#000; font-size:24px; text-transform:uppercase; padding:15px 35px; letter-spacing: 4px; text-align:center; font-weight:bold; color:#fff; -webkit-border-radius:30px; width:auto; -moz-border-radius:30px; -khtml-border-radius:30px; border-radius:30px; -moz-box-shadow:1px 1px 1px #ccc; -webkit-box-shadow:1px 1px 1px #ccc; box-shadow:1px 1px 1px #ccc; text-shadow:rgba(0,0,0,.5) 0 -1px 0; }
.button-small-black:hover { background:#ea5087; color: #fff; text-shadow:rgba(0,0,0,.5) 0 1px 0; }

.button,.button:visited,#submit,input.button, #resolvedformsub, #newsletter input.button { font-family: Helvetica, Arial; font-style: normal; background:#4D596A url(images/btn-overlay.png) repeat-x; color:#ededed; display:inline-block; color:#fff; text-decoration:none; font-weight:bold; line-height:1; padding:12px 24px; -moz-border-radius:10px; -webkit-border-radius:10px; text-shadow:0 -1px 1px rgba(0,0,0,0.25); border:none; font-size:18px; cursor:pointer; }
fieldset#login-form input.button:hover, .button:hover,#submit:hover,input.button:hover, #loginsearch input.button:hover, #resolvedformsub:hover, #newsletter input.button:hover { background-color:#111; color:#fff; }
#pricing .button:hover {background:#EA5087}
.button:active,#submit { top:1px; }
.small.button,.small.button:visited, #resolvedformsub { font-size:12px; padding: 5px 7px 3px; -moz-border-radius:5px; -webkit-border-radius:5px; margin: 0}
.medium.button {font-size:16px;padding: 8px 16px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.large.button,.large.button:visited { font-size:24px; padding:18px 36px; margin:0 }
.black { background-color:#000; }
.pink { background-color:#EA5087; }
.slate { background-color:#4D596A; }

/* users */
.box .green { background:#beddd6; }
#user-list { margin:2em 0 0; }
ul#users { padding:0; list-style:none; margin:0 0 1em; overflow:hidden; max-height:150px; }
ul#users li { list-style:none; padding:0; margin:0; text-align:center; }
ul#users li .user { float:left; margin:0 24px 0 0; }
ul#users li .user-last { float:left; margin:0; }
ul#users li img { float:none; max-width:100px; max-height:100px; margin:0 10px 0 0; padding:10px; background:#eee; border:1px solid #ccc; }
ul#users li img:hover { border:1px solid #333; background:#fff; }
ul#users a { color:#666; }

/* default span */
span.more-info { float:right; }
span.more-info a { color:#999; }
span.more-info a:hover { color:#000; text-decoration:none; }

/* Gallery Page */
h4.imagetitle { margin-bottom:5px; clear:both; }
div.galleryitem { margin-bottom:15px; }

/* Contact form */
input#wpsf_contact_submit { background:#000; padding:10px; border:none; color:#ccc; font-weight:bold; }
input#wpsf_contact_submit:hover { background:#222; padding:10px; border:none; color:#fff; cursor:pointer; }

/* Pricing page */
#pricing { text-align:center; background: url(images/pricing-page/pricing.jpg) no-repeat; height:390px; position: relative; margin:0; padding:0}
#pricing #signup-free {position: absolute; top: 225px; left: 104px}
#pricing #signup-pro {position: absolute; top: 225px; left: 750px}
#pricing #signup-elite {position: absolute; top: 235px; left: 430px}
body.page-template-page-pricing-php table th {border-top:none; border-bottom: 1px solid #eee}

/* About Page */

.aboutpage {background: transparent url(images/about-images/map.png) no-repeat 50% 75px; position: relative;width: 950px; height: 512px}

#about-thad {position: absolute; top:275px; left: 340px; width: 235px; padding: 20px; background: transparent url(images/about-images/map-box-bg.png) repeat; color:#111; text-shadow: 1px 1px 1px #eee;}
#about-chandra {position: absolute; top:275px; right: 0px; width: 235px; padding: 20px; background: transparent url(images/about-images/map-box-bg.png) repeat; color:#111; text-shadow: 1px 1px 1px #eee;}
#about-philip {position: absolute; top:275px; left: 0px; width: 235px; padding: 20px; background: transparent url(images/about-images/map-box-bg.png) repeat; color:#111; text-shadow: 1px 1px 1px #eee;}
#about-thad a, #about-chandra a, #about-philip a {color:#222}
#about-thad a:hover, #about-chandra a:hover, #about-philip a:hover {color:#000; text-decoration: underline}
#about-thad ul,#about-philip ul,#about-chandra ul {list-style: none; margin: 0; padding:0}
#about-thad ul li,#about-philip ul li,#about-chandra ul li {display:inline; margin: 0 0 0 8px}
#about-thad ul li a.twitter,#about-philip ul li a.twitter,#about-chandra ul li a.twitter {padding: 8px 0 8px 20px; background: transparent url(images/about-images/twitter-t.png) no-repeat 0 center;}
#about-thad ul li a.website,#about-philip ul li a.website,#about-chandra ul li a.website {padding: 8px 0 8px 28px; background: transparent url(images/about-images/website.png) no-repeat 0 center;}
#about-thad ul li a.link,#about-philip ul li a.link,#about-chandra ul li a.link {padding: 8px 0 8px 20px; background: transparent url(images/link.png) no-repeat 0 center;}
#about-thad ul li a.flickr,#about-philip ul li a.flickr,#about-chandra ul li a.flickr {padding: 8px 0 8px 24px; background: transparent url(images/about-images/flickr.png) no-repeat 0 center;}

img.thad {position: absolute; top: 195px; left: 280px; padding: 2px; background: transparent url(images/about-images/map-box-bg.png) repeat;}
img.philip {position: absolute; top: 185px; left: 120px; padding: 2px; background: transparent url(images/about-images/map-box-bg.png) repeat;}
img.chandra {position: absolute; top: 195px; left: 660px; padding: 2px; background: transparent url(images/about-images/map-box-bg.png) repeat;}
img.thad:hover, img.philip:hover, img.chandra:hover {background:#4d596a}

img.map-marker-philip {position: absolute; top: 243px; left: 20px}
img.map-marker-thad {position: absolute; top: 243px; left: 340px}
img.map-marker-chandra {position: absolute; top: 243px; left: 720px}

#about-gpp {position: absolute; top: 0; right: 0; width: 650px; }
#about-gpp h3 {font-style: italic; line-height: 1.4em; font-weight: normal; margin-bottom:.5em}
#about-gpp p {}