/* v1.0 | 20080212 */

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, 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;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear{ clear:both; }
.hide{ outline:0; text-indent:-9999px; display:block; }

.col0{ width:968px; margin:0 auto; position:relative; }
.col1{ width:500px; float:left; }
.col2{ width:448px; float:left; padding:10px; }

body{ font:normal 62.5% Verdana, Arial, sans-serif; background:#971233 url(/images/bubbles.png) repeat-x 50% 0; position:relative; z-index:1; height:100%; }
#header{ position:relative; z-index:400; height:415px; border-top:14px solid #000; background:url(/images/header-bg.gif) no-repeat 50% -14px; }
#middle{ background:#e87f0f url(/images/middle-waves.gif) repeat-x; height:360px; padding-top:10px; }
#bottom{ background:#4c235d; color:#fefdff; font-size:1.1em; line-height:1.4em;  padding-bottom:20px; }

h1#logo{ width:82px; height:107px; background:url(/images/logo.gif) no-repeat; margin:6px 0 0 27px; }
h2#tagline{ width:299px; height:69px; float:left; background:url(/images/tagline-bg.gif) no-repeat; margin:31px 0 0 152px; }
h3#friends{ width:162px; height:75px; background:url(/images/b-friends-bg.png) no-repeat; position:absolute; top:-14px; left:194px; }
#disco{ position:absolute; top:107px; left:20px; }

#social-list{ width:551px; height:44px; position:absolute; top:-10px; right:50px; }
#social-list li{ float:left; }
#social-list a{ height:44px; background-image:url(/images/social-list-bg.gif); float:left; background-repeat:no-repeat; }
a#bob-blog{ width:92px; background-position:0 0; }
a#bob-blog:hover{ background-position:0 -45px; height:45px; }
a#facebook{ width:88px; background-position:-88px 0; }
a#facebook:hover{ background-position:-88px -45px; }
a#youtube{ width:87px; background-position:-180px 0; }
a#youtube:hover{ background-position:-180px -45px; }
a#twitter{ width:109px; background-position:-267px 0; }
a#twitter:hover{ background-position:-267px -45px; }
a#flickr{ width:82px; background-position:-376px 0; }
a#flickr:hover{ background-position:-376px -45px; }
a#linkedin{ width:93px; background-position:-458px 0; }
a#linkedin:hover{ background-position:-458px -45px; }


#photo-gallery{ margin:-10px 0 0 70px; float:left; height:255px; width:402px; background:url(/images/photo-gallery-bg.png) no-repeat; padding:45px 20px 10px; color:#fefdff; font-size:1.1em; position:relative; z-index:500; }
#photo-gallery strong{ color:#000; }
#photo-gallery img{ border:4px solid #fff; }

#featured-photo, #contest-info{ width:180px; height: 237px; float:left; position: relative; }
#contest-info{ width:220px; }
#featured-photo p{ margin:2px 0; }

#contest-info div a:link, #contest-info div a:visited{ color:#ebe97e; text-decoration:none; font-size:0.9em; }
#contest-info div a:hover{ text-decoration:underline; }

a#btnUpload{ width:184px; height:48px; background:url(/images/btnUpload-bg.gif) no-repeat; margin:31px auto; }
a#btnUpload:hover{ background-position:0 -48px; }

#photo-uploader{ display:none; width:406px; position:absolute; top:393px; right:23px; background:#dd3068 url(/images/photo-uploader-bg.gif) repeat-x; color:#000; font-size:1.2em; z-index:400; border:3px solid #000; }
#photo-uploader h2{ font-size:1.4em; color:#fff; margin:5px; }
#photo-uploader div{ margin:5px; }
#photo-uploader label{ font-weight:bold; }
#btnSubmit{ position:absolute; bottom:5px; right:10px; }
input.uploader-field{ width:244px; height:29px; line-height:29px; font-size:1.6em; background:#fff; border:2px solid #a9a4a4; }
#fileBrowse{ font-size:1em; }
#lnkCancel{ position:absolute; top:9px; right:5px; width:68px; height:21px !important; background:url(/images/close-bg.gif) no-repeat; z-index:600; }
.upload-form{ background:#e2e0e0; padding:10px 10px 40px; }

#overlay{ display:none; background:#333; position:absolute; top:0; left:0; height:100%; width:100%; z-index:2; }

#middle .col1{ margin-left:10px; }
#swag{ margin-left: -10px;
	margin-right: 0;
	margin-top: 7px;
}

#b-hive{ margin:10px 0 0 10px; height:254px; width:402px; background:url(/images/b-hive-bg.png) no-repeat; padding:90px 20px 10px; color:#fff; font-size:1.2em; position: relative; }
#b-hive p{ margin:10px; }

#lnkTwitter:link, #lnkTwitter:visited{ color:#ebe97e; text-decoration:none; position:absolute; bottom:50px; right:50px; }
#lnkTwitter:hover{ text-decoration:underline; }
#twitter-feed { position: relative; }

.half{ height:231px; width:201px; padding:10px 20px; background:#000 url(/images/half-bg.gif) no-repeat; float:left; color:#fff; margin:15px 5px 0 0; font-size:1.1em; line-height:1.2em; }
.half img{vertical-align: middle; }
.half h4{ font:bold 1.2em "Trebuchet MS", sans-serif; color:#8c8a25; text-transform:uppercase; }
.half h3{ font-size:1.3em; line-height: 1.2em; }

#bottom .col0{ background:#000 url(/images/bottom-bg.gif) no-repeat 1px 0; min-height:370px; }
#bottom .col1{ width:450px; padding:10px 25px; position: relative; }
#bottom img{ border:2px solid #e87f0f !important; margin:0 10px 10px 0; }
#bottom img.no-border{ border:0; }
a.rss{ float:right; color:#8c8a25 !important; font-weight:bold; text-decoration:none; height:37px; background:url(/images/rss.gif) no-repeat right; padding-right:32px; }
a.rss:hover{ text-decoration:underline; }


#bottom h4{ color:#e87f0f; font-size:1.2em; }
.date{ font-weight:bold; font-size:0.9em; color:#8c8a25; }
#bottom a{ color:#8c8a25; text-decoration:none; }
#bottom a:hover{ text-decoration:underline; }
.post, .post a{ color:#e87f0f !important; margin:10px 0;  clear:both; font-size:1.1em; font-weight:bold; }
#bottom h3{ margin:10px 0; width:268px; height:29px; }
#bottom .col1 h3{ background:url(/images/where-is-biggby-bob.gif) no-repeat; }
#bottom .col2 h3{ background:url(/images/b-known-around-town.gif) no-repeat; }


#footer{ background:url(/images/footer-bg.gif) no-repeat bottom; height:97px; }
#footer-inner{ margin:0 20px; border-top:1px solid #f28f0e; }
#copyright{ padding-left:100px; background:url(/images/b.gif) no-repeat 70px 0; height:34px; line-height:34px; margin:10px; float:left; }
#footer-links{ margin:10px; float:left; height:34px; line-height:34px; color:#73559d; }
#footer-links a, .half a{ color:#73559d !important; text-decoration:none; }
#footer-links a:hover, .half a:hover{ text-decoration:underline; }
#footer-right{ margin:10px; float:left; height:34px; line-height:34px; }

#facebox ol{ margin:10px 20px; list-style-type:upper-alpha; font-size:1.2em; }
#facebox ol li{ margin:10px; }
#facebox ol ol{ list-style-type:lower-alpha; font-size:1em; }
#facebox h1{ font-size:1.4em; margin:10px; }

a.rightLink { float: right; }

#contest-thanks{ font-size:1.8em; line-height:2em; }

#artist img{ background:url(images/artist-photo-bg.gif) no-repeat; width:115px; height:90px; padding:17px; }

div.itemLoad { width: 100%; height: 100%; position: absolute; z-index: 700; top: -4px; left: -4px; background: #fff url(../images/loader.gif) no-repeat center; opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); }
#twitterLoader { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: url(../images/twitterloader.gif) no-repeat center; z-index: 8000; }
#bloggerLoader { width: 100%; height: 300px; position: absolute; top: 0px; left: 0px; background: url(../images/bloggerloader.gif) no-repeat center; }
#flickrLoader { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: url(../images/flickrloader.gif) no-repeat center; }