/* CSS Document */

/* www.thewellchapelhill.com */

/* General Tags **************************************************/
*{
  margin:0;
  padding:0;
}
body{
  text-align:center;
  font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Sans-Serif;
  font-size:.75em;
  color:#666;
  background:#84d4ed;
  font-size:.8em;
}
h1{
  position:absolute;
  width:233px;
  height:144px;
  background:url(../images/uploads/well-logo.gif) no-repeat top left;
  text-indent:-5000px;
  top:0;
  right:100px;
}
h2{
  font-size:2em;
        margin:0;
}
h3{
  font-size:1.5em;
  font-weight:normal;
}
h4{
  font-size:1.4em;
  font-weight:normal;
}
h5{
  font-size:1.2em;
}
h6{
  font-size:1em;
}
p, ul{
  margin:0 0 15px 0;
  line-height:1.3em;
}
blockquote{
}
.nospace{
  margin-bottom:0;
}

dt,dl,dd{
}

a{
  outline:none;
}

a:link{
  color:#a7d051;
  text-decoration:underline;
  padding:3px;
}

a:visited{
  color:#a7d051;
}

a:hover{
  background-color:#a7d051;
  color:#fff;
}
a img{
  border:none;
}
hr{
  height:1px;
  border:none;
  border-top:1px solid #CCC;
  margin:10px 0;
}
ul{
  margin-left:20px;
	}
/* Generic Styles **************************************************/
.break {
  clear: both;
  font-size: 1px;
}
.hide {
  display: none;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}



/* Global layout styles **************************************************/
#header{
  background:#fff;
  border-bottom:5px solid #26beff;
}
#headerWrapper, #subheaderWrapper, #mainWrapper, #footer{
  margin:0 auto;
  position:relative;
  text-align:left;
}
#headerWrapper{
  width:940px;
  height:144px;
  padding:0 10px;
  background:url(../images/well-logo.gif) no-repeat;
}
#subheader{
  background:#70ceea url(../images/bg-subheader.gif) repeat-x bottom left;
}
#subheaderWrapper, #mainWrapper{
  width:940px;
  padding:25px 10px;
}
.section{
  background:#fff;
	padding:20px;
	width:600px;
	float:left;
}
.sectionTop{
  background:#fff;
	padding:10px 20px 40px 20px;
	width:900px;
	float:left;
}
.sectionTopSecondary{
  background:#fff;
	padding:20px;
	width:900px;
	float:left;
}
#introThirst{
  width:225px;
  float:left;
  padding:50px 20px 0 55px;
  background:url(../images/icon-thirst.gif) no-repeat top left;
}
h3.thirstHeading{
  background:url(../images/icon-thirst.gif) no-repeat top left;
  height:90px;
  text-indent:-5000px;
}
h3.heartHeading{
  background:url(../images/icon-heart.gif) no-repeat top left;
  height:90px;
  text-indent:-5000px;
}
h3.questHeading{
  background:url(../images/icon-quest.gif) no-repeat top left;
  height:90px;
  text-indent:-5000px;
}

#introHeart{
  width:215px;
  float:left;
  padding:50px 0 0 65px;
  background:url(../images/icon-heart.gif) no-repeat top left;
}
#introQuest{
  width:220px;
  float:right;
  padding:50px 0 0 40px;
  background:url(../images/icon-quest.gif) no-repeat top left;
}
#introThirst h3, #introHeart h3, #introQuest h3{
  text-indent:-5000px;
}
.entry{
  padding-bottom:25px;
  margin-bottom:25px;
  border-bottom:2px solid #bce5f5;
}
#right{
  background:#fff;
	width:210px;
	padding:20px;
	float:right;
}
#footer{
  width:944px;
	padding:10px 20px;
	text-align:center;
	color:#fff;
	font-size:.9em;
}
#footer a{
  color:#fff;
}
  
/*Nav *******************************************************************/
ul#navMain{
  background:url(../images/bg-nav.gif) no-repeat;
  list-style-type:none;
  width:300px;
  height:85px;
}
ul#navMain li{float:left;}
ul#navMain li a{
  display:block;
  background-repeat:no-repeat;
  text-indent:-5000px;
  height:85px;
}  
ul#navMain li a:hover{background-position:left -86px;}  
ul#navMain li a.current{background-position:left -171px;}  
a#blog{width:97px;background:url(../images/bg-nav-blog.gif);margin-right:70px;}
a#about{width:133px;background:url(../images/bg-nav-about.gif);}

/*Nav for Categories *****************************/
ul#navCategories{
  list-style-type:none;
  width:982px;
  height:60px;
}
ul#navCategories li{float:left;}
ul#navCategories li a{
  display:block;
  background-repeat:no-repeat;
  text-indent:-5000px;
  height:60px;
}
ul#navCategories li a:hover{background-position:left -60px;}  
ul#navCategories li a.current{background-position:left -120px;}  
a#accessibility{width:88px;background:url(../images/bg-nav-accessibility.gif);}
a#branding{width:72px;background:url(../images/bg-nav-branding.gif);}
a#careers{width:62px;background:url(../images/bg-nav-careers.gif);}
a#cms{width:35px;background:url(../images/bg-nav-cms.gif);}
a#creativity{width:73px;background:url(../images/bg-nav-creativity.gif);}
a#css{width:31px;background:url(../images/bg-nav-css.gif);}
a#flash{width:45px;background:url(../images/bg-nav-flash.gif);}
a#ia{width:20px;background:url(../images/bg-nav-ia.gif);}
a#js{width:22px;background:url(../images/bg-nav-js.gif);}
a#marketing{width:80px;background:url(../images/bg-nav-marketing.gif);}
a#process{width:62px;background:url(../images/bg-nav-process.gif);}
a#standards{width:82px;background:url(../images/bg-nav-standards.gif);}
a#toolstips{width:76px;background:url(../images/bg-nav-toolstips.gif);}
a#trends{width:56px;background:url(../images/bg-nav-trends.gif);}
a#usabilityux{width:88px;background:url(../images/bg-nav-usabilityux.gif);}









/*OLD STYLES--------------------------------------------------
body
{
	margin: 0 auto;
	padding: 0;
	color: #333;
	background: #585756 url("./themes/site_themes/default/bg.gif") repeat;
	font-size: 80%
}

h1, h2, h3 {
font-family: georgia, times new roman, times, serif;
letter-spacing: 0.09em;
}

h4 {
font-family: lucida grande, verdana, arial, helvetica, sans-serif;
margin-bottom: 4px;
}

p {
font-family: times new roman, times, serif;
}

ol {
	margin-bottom: 10px;
}

.center {
text-align: center;
}

blockquote {
font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
}

ul {
list-style: square;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 1em;
padding-left: 1em;
}

img {
margin: 0;
padding: 0;
border: 0;
}

a:link { background-color: transparent; text-decoration: none; color: #663300; }
a:hover { background-color: #663300; text-decoration: none; color: #fff; }
a:visited { background-color: transparent; text-decoration: none; color: #663300; }

#topbar {
margin:0 auto;
padding:0;
height: 45px;
background: #FBFAF4;
border-top: 8px solid #232863;
border-bottom: 1px solid #333;
}

.secondbar {
margin:0 1px 0 0;
padding:0;
height: 1px;
background: #3C3B3A;
border-top: 1px solid #31302F;
border-bottom: 1px solid #50504E;
}

#wrapper {
margin: -57px auto 0 auto;
padding-bottom: 10px;
width: 740px;
border-top: 8px solid #232863;
background: #585756 url("./themes/site_themes/default/bg.gif") repeat;
color: #333;
}

#navbar {
margin:0 0 0 125px;
padding:3px 0 3px 0;
background: #FBFAF4;
font: 16px lucida grande, verdana, arial, helvetica, sans-serif;
text-align: center;
}

#navbar ul {
list-style: none;
}

#navbar li {
float: left;
padding: 0 23px 0 23px;
margin-right: 5px;
list-style: none;
}

#navbar li a {	display: block; 
padding: 0.75em 0 0.25em; 
text-transform: uppercase; 
color: #000;}

#navbar a:hover {background: transparent;}

#header {
margin: 0 0 0 0;
padding: 0 10px 5px 20px;
border-bottom: 1px solid #ccc;
background: #FBFAF4;
border-left: 1px solid #333;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
}

#blogtitle {
font-size: 1.25em;
color: #2F4C12;
float: left;
margin: 7px 0 0 0;
padding: 8px 4px 4px 4px;
width: 700px;
border-top: 1px solid #333;
}

#blogtitle h1 {
margin: 0;
padding-top: 5px;
font: 160% Georgia, Times, serif;
letter-spacing: 0.1em;
text-align: left;
}

#nav {
float: left;
margin: 0;
padding: 0;
width: 350px;
text-align: right;
background: transparent;
color: #333;
font-size: 70%;
font-variant: small-caps;
letter-spacing: 0.09em;
}

#content {
float: left;
margin: 15px 0 10px 0;
padding: 10px 10px 0 10px;
background: #FfFfFa;
border-left: 1px solid #000;
border-top: 1px solid #000;
border-right: 1px solid #000;
}

#blog {
float: left;
margin-right: 5px;
padding: 0 10px 10px 10px;
width: 440px;
color: #333;
text-align: left;
}

.entry {
margin-top: 10px;
padding: 0 10px 10px 10px;
border: 1px solid #ccc;
background: #F9F8F2;
color: #333;
}

#sidebar {
float: left;
margin-left: 5px;
padding: 10px 10px 10px 15px;
border: 1px solid #ccc;
width: 219px;
background: #F9F8F2;
color: #333;
text-align: left;
}

#footer {
margin: 0;
padding: 5px 10px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #fff;
color: #333;
font-size: 70%;
letter-spacing: 0.09em;
}

.date {
font-size: 120%;
background: transparent;
color: #000;
}

.title {
font-size: 130%;
font-weight: normal;
background: transparent;
color: #336600;
border-bottom: 1px solid #ddd;
}

.posted {
margin-bottom: 10px;
font: 10px lucida grande, verdana, arial, helvetica, sans-serif;
background: transparent;
color: #666;
}

.sidetitle {
margin: 18px 0 7px 0;
font-size: 115%;
letter-spacing: 0.09em;
font-weight: normal;
background: transparent;
color: #666600;
border-bottom: 1px dotted #ccc;
}

.spacer {
clear: both;
}

.paginate {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			12px;
 font-weight: 		normal;
 letter-spacing:	.1em;
 padding:			10px 6px 10px 4px;
 margin:			0;
 background-color:	transparent;
}

.pagecount {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			10px;
 color:				#666;
 font-weight:		normal;
 background-color: transparent;
}

.calendarBG {
 background-color: #000;
}

.calendarBlank {
 background-color: #9DB7A7;
}

.calendarHeader {
 font-weight: bold;
 color: #fff;
 text-align: center;
 background-color: #000;
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold;
 font-size:	11px;
 color: #fff;
 background-color: #195337;
 text-align:  center;
 vertical-align: middle;
}

.calendarToday {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#ccc;
}

.calendarCell {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

.calendarCell a {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:visited {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.input {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
height:            1.6em;
padding:           .3em 0 0 2px;
margin-top:        6px;
margin-bottom:     3px;
}

.textarea {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
margin-top:        3px;
margin-bottom:     3px;
}

.checkbox {
background-color:  transparent;
margin:            3px;
padding:           0;
border:            0;
}

.submit {
background-color:  #fff;
font-family:       Arial, Verdana, Sans-serif;
font-size:         11px;
font-weight:       normal;
letter-spacing:    .1em;
padding:           1px 3px 1px 3px;
margin-top:        6px;
margin-bottom:     4px;
text-transform:    uppercase;
color:             #000;
}
*/


#nav{
  position:absolute;
  top:110px;
  left:300px;
}
#nav li{
  display:inline;
  float:left;
  margin-right:1px;
}
#nav li a{
  text-align:center;
  display:block;
  background:#84d4ed;
  padding:8px 12px;
  color:#fff;
  text-decoration:none;
}
#nav li a.current, #nav li a:hover{
  background:#26beff;
}
a#logo{
  display:block;
  text-indent:-5000px;
  width:300px;
  height:140px;
  position:absolute;
}
a#logo:hover{
  background:none;
}