/*body { background: #E1E1E1 url(images/bg-maps1.gif) no-repeat top center;  }*/

.error { color:#D42669; } /*red for errors*/

/*//////// some type styles */

body { background-color:#C2C2C2; margin:0; padding:0; font: 11px/1.5em "Lucida Grande", "Lucida Sans Unicode", Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif; }

form, fieldset, input, textarea { font: 11px/1.5em "Lucida Grande", "Lucida Sans Unicode", Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif; }

p, h1, h2, h3 { margin:0; color:#333333; } /*#1A1A1A*/
p { font-size: 100%; line-height: 150%; padding:0 0 0.7em 0;}
h1 { font-size: 180%; line-height: 130%; padding:0 0 0.2em 0; margin:-0.2em 0 0 0;}
h2 { font-size: 120%; line-height: 130%; padding:0 0 0.3em 0; margin:-0.2em 0 0 0;}/*font-size: 135%;*/
.boxbody h2, .boxbody h2 a { padding:0 0 7px 0; }
h3 { font-size: 100%; line-height: 100%; font-weight:bold; padding:0.8em 0 0.5em 0; color:#000000;}

/*.box4 h1 { padding:0;}*/ /*was to adjust the how the date sits in the events-single page*/
h1 span.event-date { padding:0 0 0 10px; color:#A3A3A3; font-weight:normal; font-size:80%; } /*for dates in the events-single page*/

a + h2 { margin:0; }

.floatright { float:right; }
.boxbody .floatright { padding:0.2em 0.3em 0 0; color:#ccc; } /*used for the "Back to ..." links at the top of single pages*/
.boxbody .floatright a { color:#C4C4C4; }

a { text-decoration:none; }
p a, .boxbody a { color:#676C92; } /*Crazy Blue: #0F8DDB*/ /*Darker Blue: #434FB0*/ /*Dull Grey-blue: #5E6A72*/
h1 a, h2 a, h3 a { color:#554741; } /*556572*/
p a:hover { background-color:#0F8DDB; color:#FFFFFF; }
/*h3.date, h3.date a { color:#B3B3B3; }*/
.date, .date a { color:#B3B3B3; }

img, a img { padding:0; margin:0; border:none; }
.box1wrap .boxbody img { margin:0 0 0.5em 0; }






/*//////// lists */

ul { margin:0; padding:0 0 0.7em 2em; list-style:circle; list-style-image:url("../images/listdash1.jpg"); }
ol { margin:0; padding:0 0 0.7em 2em; }

/*.linkbox ul { list-style:none; padding:0 0 10px 0; }*/
/*.linkbox ul li { display:inline; padding:0 4px 0 0; height:23px; }*/

/*.linkbox { vertical-align:center; }*/
.linkstrip h2, .linkstrip p { padding:5px 13px 7px 2px; }
.linkstrip ul { list-style:none; padding:0; }
/*.linkstrip ul li { display:inline; padding:0 2px 0 11px; height:23px; }*/
/*.linkbox ul li a {}*/

.linkstrip h2 { float:left; }
.linkstrip ul, .linkstrip form { float:right; }
/*.boxbody h2.floatleft { float:left; }*/


p object embed { padding:20px 0;}


blockquote { margin:0; padding:0 2em 0.5em 2em; background: transparent url(../images/blockquote-wide.jpg) no-repeat 4px 4px; }
/*blockquote p { background: transparent url(../images/blockquote2.jpg) no-repeat 100% 4px; }*/



/*.linkstrip * { float:left; }*/
/*still need to make the hover states for icons*/

#wrapper { margin: 0 auto; width:980px; /*max-width:981px; min-width:740px;*/ /*border:1px solid red;*/ }

#col1, #col2 { width:490px; float:left; }

#col1top, #col2top { float:none;}
#col1under, #col2under { float:none;}

.leader { padding:0 0 20px 0; }





#footer { clear:both; /*margin:0 20px 0 0;*/ color:#fff; }

#footer #logo { float:right;/* width:110px;*/ /*margin:0 10px 0 0;*/ }

#footer #menu { /*float: left;*/ margin:0; /*width:785px;*/}
#footer #menu ul { margin:0; padding:0; list-style: none; }
#footer #menu ul li { float:left; padding:0 14px 0 0;}
#footer #menu ul li.menu1 { padding:0 8px 0 0; }
#footer #menu ul li.menu5 { padding:0; }



/*//////// nav as text */

#nav a * { display: none; }
#nav a, #nav a .jhover {
	height: 53px; /*all items the same size*/
	position: relative;
	display: block;
	background: url(../images/menuall.png) 0 0 no-repeat;
}
/* normal */
#nav a.menu1 { width: 167px; background-position: 0 0; }
#nav a.menu2 { width: 198px; background-position: -167px 0; }
#nav a.menu3 { width: 192px; background-position: -365px 0; } /*167 + 198*/
#nav a.menu4 { width: 159px; background-position: -557px 0; } /*167 + 198 + 192*/
#nav a.menu5 { width: 194px; background-position: -716px 0; } /*167 + 198 + 192 + 159*/
/* css hover, jquery hover */
#nav .csshover a.menu1:hover, #nav a.menu1 .jhover { background-position: 0 -53px; }
#nav .csshover a.menu2:hover, #nav a.menu2 .jhover { background-position: -167px -53px; }
#nav .csshover a.menu3:hover, #nav a.menu3 .jhover { background-position: -365px -53px; }
#nav .csshover a.menu4:hover, #nav a.menu4 .jhover { background-position: -557px -53px; }
#nav .csshover a.menu5:hover, #nav a.menu5 .jhover { background-position: -716px -53px; }


/*//////// icons as text */

#icons { /*width:100%; */height:24px; list-style:none; padding:0 0 20px 0; }
#icons li { float:left; padding:0 10px 0 0; }

#icons.details { padding:0; }
#icons.details li { padding:0 0 0 10px; }

#icons a * { display: none; }
#icons a, #icons a .jhover {
	height: 24px; /*all items the same size*/
	position: relative;
	display: block;
	background: url(../images/icons.jpg) 0 0 no-repeat;
}
/* normal */
#icons a.twit { width: 23px; background-position: 0 0; }
#icons a.face { width: 23px; background-position: -23px 0; } /*23 x 1*/
#icons a.mixi { width: 23px; background-position: -46px 0; } /*23 x 2*/
#icons a.mixc { width: 23px; background-position: -69px 0; } /*23 x 3*/
#icons a.mysp { width: 23px; background-position: -92px 0; } /*23 x 4*/
#icons a.rss2 { width: 23px; background-position: -115px 0; } /*23 x 5*/
/* css hover, jquery hover */
#icons .csshover a.twit:hover, #icons a.twit .jhover { background-position: 0 -24px; }
#icons .csshover a.face:hover, #icons a.face .jhover { background-position: -23px -24px; }
#icons .csshover a.mixi:hover, #icons a.mixi .jhover { background-position: -46px -24px; }
#icons .csshover a.mixc:hover, #icons a.mixc .jhover { background-position: -69px -24px; }
#icons .csshover a.mysp:hover, #icons a.mysp .jhover { background-position: -92px -24px; }
#icons .csshover a.rss2:hover, #icons a.rss2 .jhover { background-position: -115px -24px; }



/*#nav .highlight a.work:hover, #nav a.work .hover, #nav a.work.selected { background-position: 0 -40px; width: 90px; }
#nav .highlight a.profile:hover, #nav a.profile .hover, #nav a.profile.selected { background-position: -90px -40px; width: 100px; }
#nav .highlight a.journal:hover,#nav a.journal .hover, #nav a.journal.selected { background-position: -190px -40px; width: 130px; }

#nav a.selected { cursor:default; }*/






/*#footer #menu ul li a { margin:0; padding:0; border:none; float:left;}*/
/*#footer #menu ul li a img { margin:0; padding:0; border:1px solid black; float:left;}*/

/*#footer #menu a { margin:0; padding:0; border:none; }*/
/*#footer #menu a img { margin:0; padding:0; border:none; }*/

#footer #under { padding:10px 20px 60px 0; height:40px; clear:both; /*background-color:#fff;*/ }
#adminbar, #adminbar a, #footer #under p, #footer #under p a { padding:0; color:#fff !important;}
#footer #under p a:hover { background-color:transparent !important; color:#999999 !important;}

#adminbar { float:left; padding:10px 0 0 0; height:20px; }
/*#adminbar.hideable a { opacity:0; filter:alpha(opacity=0); }*/
/*#adminbar.hideable a:hover { opacity:1; filter:alpha(opacity=1); }*/
/*#adminbar.hideable a { display:none; }*/
/*#adminbar.hideable a:hover { display:block; }*/

#header { /*padding: 70px 0 0 0; */padding:100px 0 20px 0; }
#header .logo { float:left; margin:-40px 0 0 0; z-index:100; }
/*#header .logo img { width:100%; height:auto; }*/ /*awesome image resizing with simple css*/
#header .feed { float:right; margin:0 16px 0 0; z-index:0; }
#header .clearme { clear:both; }

.feed a * { display:none; }
.feed a, .feed a .jhover {
	width:40px; height: 40px;
	position: relative;
	display: block;
	background: url(../images/feed.png) 0 0 no-repeat;
}
.feed a.csshover:hover, .feed a .jhover { background-position: 0 -40px; }


/*.box1wrap img { width:100%; height:auto; }*/
/*.boxbody a img { height:255px; }*/

/*.boxbody img, .boxbody object { margin:0 0 0.4em 0; }*/ /*add this to the text under it instead*/

/*.boxbody { border:1px solid red; }*/

/*////// the floating box code */

.box1wrap { float:left; width:225px; margin:0 20px 20px 0; } /*one column*/
.box2wrap { /*float:left;*/ width:470px; margin:0 20px 20px 0; /*clear:right;*/} /*two columns*/
.box4wrap { /*float:left;*/ width:960px; margin:0 20px 20px 0; /*clear:right;*/} /*two columns*/


/*////// shaw's attempt at round corners */

.box1wrap .box1, .box2wrap .box2, .box4wrap .box4 { padding: 0 0 5px 0; /*margin: 0 20px 20px 0;*/} /* for all boxes */

.box1wrap .box1 { width:225px; background: transparent url(../images/box1-b.gif) no-repeat bottom right; } /* 225 = one column */
.box2wrap .box2 { width:470px; background: transparent url(../images/box2-b.gif) no-repeat bottom right; } /* 225 + 20 + 225 = 470 (two colums) */
.box4wrap .box4 { width:960px; background: transparent url(../images/box4-b.gif) no-repeat bottom right; } /* 225 + 20 + 225 + 20 + 225 + 20 + 225 = 960 (four columns) */

.boxtop { padding:10px 0 0 0; }
.box1 .boxtop { background: transparent url(../images/box1-t.gif) no-repeat top right; }
.box2 .boxtop { background: transparent url(../images/box2-t.gif) no-repeat top right; }
.box4 .boxtop { background: transparent url(../images/box4-t.gif) no-repeat top right; }

.box1wrap .box1 .boxbody, .box2wrap .box2 .boxbody, .box4wrap .box4 .boxbody {
	background-color:#fff;
	padding: 1px 10px 1px 10px; /*for some reason, 1px padding at top and bottom stops the 'gaps' in Safari & FF - dunno about IE */
	overflow: hidden;
}

/*.boxbody *:first-child { margin-top:0 !important; padding-top:0 !important; }*/ /* :first-child not supported by IE6 */





.mclink, .dllink { color:#B3B3B3; } /*links in 'mixes' pages*/
.box2 .boxbody .popup { float:right; }


/*//////// admin bits on the front end */
.editbox { float:right; }
.editbox a { color:#CCCCCC; }
.editbox a:hover { background-color:transparent !important; color:#0F8DDB !important;}


/*//////// forms*/

/*general*/
form, input, textarea { color:#666; }
form, fieldset { margin:0; padding:0; border:none; }
form input[type=text] { border:1px solid #C2C2C2; height:13px; padding:4px; }

/*mailing list form*/
form.mailinglist { display:block;  height:17px; padding:0; }
form.mailinglist input { margin:0; padding:0; display:block; float:left; color:#666; }
form.mailinglist input[type=text] { border:1px solid #C2C2C2; width:145px; height:13px; padding:4px; }

body.index form.mailinglist { height:25px; padding:0 0 10px 0;}
body.details form.mailinglist { height:16px; }
body.details form.mailinglist input[type=text] { width:160px; }


/*contact form*/
form.contactform { padding:10px 0 0 3px;}
form.contactform label { padding:4px 10px 0 0; float:left; text-align:right; width:4em;} /* IMPORTANT BITS: float & width */
form.contactform input[type=text] { margin:0 0 12px; display:block; width:377px; } /* IMPORTANT BIT: display */

form.contactform input[type=text], form textarea { padding:5px; border:1px solid #C2C2C2; }
form.contactform textarea { width:377px; }
form.contactform input[type=image] { float:right; padding:10px 3px; }

p.error, p.success { margin:0 2em 0 5em; }
p.error { color:#D42669; } /*red for errors*/
p.success { color:#0F8DDB; }form.contactform input.missing, form.contactform input.invalid, form textarea.missing { border:1px solid #D42669; }