/*========================================================
		RESET HERE
========================================================*/
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, img, 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;}

/*========================================================
	HTML5 Elements
========================================================*/

header, footer, nav {
  display: block;
  margin: 0; padding: 0;
}

/*========================================================
	BASIC HTML STYLE
========================================================*/
html {
  height:100%;
  padding-top:1px;
}

body{
  font-size: 62.5%;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #F5F5F5;
}

br.clear {
  clear: both;
  height: 0;
  line-height: 0;
  visibility: none;
}

h2 {
  font-size: 3em;
  line-height: 1em;
}

h3 {
  font-size: 2em;
  color:#283F6F;
  font-weight: normal;
  line-height: 1.675em;
}

p {
  margin-bottom: 0.8em;
  font-size:1.2em;
  line-height:1.25em;
}

a:link, a:visited {
  color:#0069aa;
  text-decoration: none;
}

a:hover, a:active {
  text-decoration: underline;
}

/*========================================================
	color details
========================================================*/

.bluebkg {
  background-color: #cbdcfe;
}
.greenbkg {
  background-color: #c8eda3;  
}
.yellowbkg {
  background-color: #fdf0b5;
}

.greenbrdr {
   border-bottom: 5px solid #c8eda3;
   padding-bottom:2px;
}
.bluebrdr {
   border-bottom: 5px solid #cbdcfe;
   padding-bottom:2px;
}
.yellowbrdr {
   border-bottom: 5px solid #fdf0b5;
   padding-bottom:2px;
}
/*========================================================
	Structure
========================================================*/

.content {
  width: 940px;
  margin: 0 auto;
  position: relative;
}

.floatleft {
  float:left;
}

/*========================================================
	Clojure/Core Logo
========================================================*/

.logo {
  display: block;
  width: 123px;
  height: 23px;
  background: transparent url(images/logo.png) 0 0 no-repeat;
  text-indent: -5000em;
}


/*========================================================
	Header
========================================================*/
header {
  height: 52px;
  padding: 0 10px;
  background: #FCFCFC url(images/header-bg.png) left bottom  repeat-x;
}

header h1 {
  width: 123px;
  height: 23px;
  position: absolute;
  left: 0;
  top: 16px;
}

header nav {
  padding-right: 2px;
  position: absolute;
  right: 0;
  top: 0;
  background: transparent url(images/header-divider.png) right bottom no-repeat;
}

header nav span {
  display: block;
  height: 52px;
  padding-left: 2px;
  float: left;
  background: transparent url(images/header-divider.png) left bottom no-repeat;
}

header nav span:hover {
  border-bottom: 1px solid #bbb;
  height:51px;
  background-color:#ebebeb;
}

header nav a:link,
header nav a:visited {
  display: block;
  padding: 0 35px;
  color: #555;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 52px;
  text-decoration: none;
}
header nav a:hover {
  text-decoration: none;
}

header nav a.active {
  background: #EFEFEF url(images/header-bg-active.png) left bottom repeat-x;
}

header nav a.active:hover {
  border:none;
}

/*header a#convince-your-boss {
  display: inline-block;
  padding: 0 21px 0 42px;
  position: absolute;
  right: 0;
  top: 15px;
  color: #555;
  background: #F8F8F8 url(images/pdf.png) 15px 4px no-repeat;
  -moz-border-radius: 12px; 
  -webkit-border-radius: 12px; 
  border-radius: 12px;
  border: 1px solid #D3D3D3;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 24px;
  text-decoration: none;
}

header a#convince-your-boss:hover {
  background-color:#fff;
  -moz-box-shadow: 0px 2px 2px #333;
  -webkit-box-shadow: 0px 0px 1px #666;
}*/

/*========================================================
	Main Content
========================================================*/
#main {
  padding: 43px 10px;
  color: #666;
  background: #E4EAF7 url(images/background.png) 0 0 repeat-x;
  font-size: 1.2em;
  line-height: 1.2em;
}

#main .col.left {
  float: left;
  width: 430px;
}

#main .col.right {
  float: right;
  width: 460px;
}

#main h2 {
  margin: 5px 0 10px;
  color: #283F6F;
  font-weight: normal;
}

#main p.under-slide-title {
  margin-bottom:20px;
}

#main h5 {
  margin: 10px 0;
  color: #283F6F;
  font-size: 1.5em;
  line-height: 1em;
  font-weight: normal;
}

#main hr {
  height: 12px;
  padding: 0;
  margin: 18px 0;
  border: none;
  background: transparent url(images/rule-blue.png) -2px 0 repeat;
}

#main a.button:link,
#main a.button:visited {
  display: inline-block;
  height: 24px;
  padding: 0 20px;
  margin: 20px 0 40px;
  color: #283F6F;
  background-color: #C3F097;
  -moz-border-radius: 12px; 
  -webkit-border-radius: 12px; 
  border-radius: 12px;
  border: 1px solid #FFF;
  line-height: 24px;
  text-decoration: none;
}

#main a.button:hover {
  background-color:#d4f9b0;
}

#main .col img {
  display: block;
  margin: 0 auto;
}

a.back-to-top:link,
a.back-to-top:visited {
  margin:0 auto;
  padding:3px 5px;
  background:#d3d9e9;
  color:#283f6f;
  text-decoration:none;
  -moz-border-radius:25px;
  -webkit-border-radius:25px;
  display:block;
  width:30px;
  text-align:center;
  margin-top:10px;
}

a.back-to-top:hover {
  background:#c0c9dc;
}

/*========================================================
	Footer
========================================================*/
footer {
  padding: 26px 10px 60px;
  background: #F5F5F5 url(images/footer-bg.png) 0 0 repeat-x;
}

footer nav a:link,
footer nav a:visited {
  display: block;
  float: left;
  padding: 0 10px;
  color: #283F6F;
  font-size: 1.8em;
  text-decoration: none;
}

footer nav a:hover {
  text-decoration: underline;
}

footer .logo {
  position: absolute;
  right: 5px;
  top: 0;
}

footer .copyright {
  position: absolute;
  right: 5px;
  top: 29px;
  color: #999;
  font-size: 1.1em;
  text-align: right;
}


/*========================================================
	Section Specific Styling
========================================================*/

/* Why Clojure? / Why Us? 
==========================*/
#main h5 {
  padding-left: 29px;
  height: 19px;
  line-height: 19px;
  background-color: transparent;
  background-position: 1px 50%;
  background-repeat: no-repeat;
}

#main h5.simplicity {
  background-image: url(images/bullet-simplicity.png);
}

#main h5.empowerment {
  background-image: url(images/bullet-empowerment.png);
}

#main h5.joy {
  background-image: url(images/bullet-joy.png);
}

/* Main Interface Content Area (formerly slides)
=================================================*/
#slides {
  position: relative;
  padding-left: 724px;
  margin-bottom: 25px;
  background: #F5F5F5 url(images/slides-bg.png) 724px 0 repeat-y;
  border: 1px solid #999;
  min-height:443px;
}

#slides li#landing-slide h2 {
  color:#666;
  font-size: 3.5em;
  font-weight: normal;
  line-height:1.2em;
  margin-top:10px;
}

p.index-about-clojure-core {
  font-size:1.125em;
  line-height:1.26em;
  margin:15px 0 0 0;
  padding:5px 0 0 0;
  color:#999;
  border-top:1px solid #ccc;
  width:320px;
  font-style: italic;
}

a.box-button:link,
#slides li#landing-slide a.box-button:visited {
  display:block;
  position:absolute;
  width:314px;
  height:81px;
  background:url(images/box-button-bkg.png) 0 0 no-repeat;
  margin: 80px 0 0 -50px;
  z-index: 1000;
  text-decoration: none;
  color:#666;
  font-size: 1.5em;
}

#slides li#landing-slide a.box-button:hover {
  color:#333;
}

#slides li#landing-slide a.box-button span {
  text-decoration: none;
  padding: 30px 0 0 50px;
  display:block;
}

#slides li#landing-slide h3 {
  color:#666;
  line-height: 1.4em;
}

#slides li#landing-slide h2 a:link,
#slides li#landing-slide h2 a:visited {
  color:#666;
  text-decoration:none;
}

#slides li#landing-slide h2 a:hover,
#slides li#landing-slide h2 a:active {
  color:#333;
}

#slides li#landing-slide h3 a:link,
#slides li#landing-slide h3 a:visited {
  color:#666;
  text-decoration:none;
}

#slides li#landing-slide h3 a:hover,
#slides li#landing-slide h3 a:active {
  color:#333;
}

#slides #slides-sidebar {
  padding-top: 20px;
}

#slides nav {
  margin: 0 0 35px;
  border-top: 1px solid #C7C7C7;
}

#slides nav a {
  display: block;
  padding-left: 38px;
  color: #666;
  border-left: 1px solid #ACACAC;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #C7C7C7;
  font-size: 1.083em;
  line-height: 38px;
}

#slides nav a:hover {
  background:#ebebeb;
}

#slides nav a.active {
  background: #E1F0D2 url(images/slides-active-bg.png) -1px 0 repeat-y;
  border-left: 1px solid #a7b698;
}

#slides nav a.last {
  height: 0;
  border-bottom: none;
}

#slides #slides-sidebar h2 {
  margin-left: 20px;
  color: #283F6F;
  font-size: 1.66em;
  font-weight: normal;
}

#slides #slides-sidebar p {
  padding: 0 38px;
  color: #555;
}

#slides a#contact-button,
#blog-sidebar a#contact-button {
  display: inline-block;
  height: 46px;
  padding: 0 30px 0 50px;
  margin: 5px 23px;
  color: #666;
  background: #FFF url(images/arrow.png) 12px 50% no-repeat;
  -moz-border-radius: 23px; 
  -webkit-border-radius: 23px; 
  border-radius: 23px;
  border: 1px solid #999;
  font-size: 1.167em;
  line-height: 46px;
  text-decoration: none;
  -moz-box-shadow: 0px 0px 3px #fff;
  -webkit-box-shadow: 0px 0px 3px #fff;
  box-shadow: 0px 0px 3px #fff;
  width:88px;
}

#slides a#contact-button:hover,
#blog-sidebar a#contact-button:hover {
  -moz-box-shadow: 0px 0px 3px #bbb;
  -webkit-box-shadow: 0px 0px 3px #bbb;
  box-shadow: 0px 0px 3px #bbb;
  background-color:#fff;
  color:#333;
}

#slides ol {
  position: absolute;
  top: 0;
  left: 0;
  width: 724px;
  height: 100%;
  background-color: #FFF;
  min-height:443px;
}

#slides ol > li {
  display:none;
  width: 664px;
  padding: 20px 30px;
  position: absolute;
  top: 0;
  left: 0;
}

#slides ol > li.active {
  display: block;
}

#slides ol h2 {
  color: #283F6F;
  font-size: 2.66em;
  font-weight: normal;
}

#slides hr {
  height: 12px;
  padding: 0;
  margin: 18px 0;
  border: none;
  background: transparent url(images/rule.png) -2px 0 repeat; 
}

#slides .panel {
  padding-bottom: 12px;
  color: #666;
  background-color: #E4EAF7;
  border: 1px solid #CCC;
  font-size: 0.916em;
}

#slides .panel ul {
  border-top: 1px solid #FFF;
  padding: 12px 0 12px 23px;
}

#slides .panel ul li {
  float: left;
  width: 215px;
  padding: 5px 15px 0 80px;
}

#slides .panel h5 {
  padding: 0;
  margin: 0 0 5px;
  color: #283F6F;
  font-size: 1.5em;
  font-weight: normal;
}

#slides .panel li.pair {
  background: transparent url(images/icons/pair.png) 0 0 no-repeat;
}
#slides .panel li.enroll {
  background: transparent url(images/icons/enroll.png) 0 0 no-repeat;
}
#slides .panel li.init {
  background: transparent url(images/icons/init.png) 0 0 no-repeat;
}
#slides .panel li.train {
  background: transparent url(images/icons/train.png) 0 0 no-repeat;
}

#slides .panel ul li.big-slide-icon {
  padding: 10px 0 0px 180px;
  min-height:130px;
  width:340px;
}

#slides .panel ul li.big-slide-icon h3 {
  margin-top:15px;
}

#slides .panel ul li.big-slide-icon span {
  background-color: #E4EAF7;
  position:absolute;
  display:block;
  width:125px;
  height:125px;
  left:60px;
}
span#iteration-zero {
  background: url(images/icons/slide-two-icons.png) 0 0 no-repeat;
}
span.iteration-1-n {
  background: url(images/icons/slide-two-icons.png) -125px 0 no-repeat;
}
span#iteration-last {
  background: url(images/icons/slide-two-icons.png) 0 -125px no-repeat;
}
span#support{
  background: url(images/icons/slide-two-icons.png) -125px -125px no-repeat;
}

#slides div.panel.sustain ul li {
  background-color: #E4EAF7;
  width:300px;
  min-height:200px;
  padding: 15px 0 15px 280px;
  background:url(images/icons/support-clojure-2.png) 0 0 no-repeat;
}

#slides div.projectcontent h3 {
font-size: 2.25em;
color: #283F6F;
margin: 0;
letter-spacing: 0px;
margin-top: 5px;
}

ul.OSProjectLink li a{
border-top: 1px dotted #ccc;
display: block;
width: 500px;
padding: 10px 3px 2px 10px;
font-size: 16px;
}

ul.OSProjectLink li a span.projdesc{
color: #666;
display: block;
font-size: 14px;
padding: 10px 10px 10px 0px;}

ul.OSProjectLink li a:hover{
background-color: #F5F5F5;
}

ul.OSProjectLink li.last a{
border-bottom: 1px dotted #ccc;
}



div.landing-slide-bkg {
  width:693px;
  height:307px;
  background-color:#fff;
  background:url(images/landing-slide-bkg2.png) 0 0 no-repeat;
  position:absolute;
  top:137px;
  left:32px;
  opacity:.7;
}

a.outbound-link {
  background: url(images/out-bound-link.png) top right no-repeat;
  padding-right: 10px;
}

#slides li#dev a.button:link,
#slides li#dev a.button:visited {
  margin:10px 0 0 0;
}

/* Dev
=========================*/

div.quote {
  background: transparent url(images/quote-bullet.png) 0 0 no-repeat;
  padding:0 20px 0 30px;
  margin:20px;
}

div.quote h4.quote {
  font-family: georgia, serif;
  font-size: 1.6em;
  font-weight: normal;
  line-height:1.6em;
}

#slides .panel h5.quoted {
  margin:10px 0 0 0;
}
#slides .panel h5.quoted span {
  font-size: .675em;
  font-style: italic;
  color:#999;
}

/* About Clojure/core
=========================*/

img.relevance-logo,
img.clojure-logo {
  margin:10px 0 0 5px;
}

.team-member img {
  background:#e3e3e3;
  padding:7px;
  border: 1px solid #ccc;
  margin-right:20px;
}

div.team-member {
  margin-bottom:10px;
  height:150px;
}

.team-member span {
  display:block;
  color:#666;
  font-style:italic;
}
.team-member p{
  margin-top:10px;
  padding-left:120px;
}

.team-member p.small {
  font-size:1.1em;
}

.team-member h3 {
  font-size:1.7em;
  margin-top:0px;
  line-height:1.2em;
  padding-top:0px;
}

/*========================================================
  contact us sidebar
========================================================*/

#company-affiliations {
  padding: 0 0 20px 10px;
}

#company-affiliations a {
  border: none;
}

#company-affiliations img {
  padding-left:14px;
}

a#twitter-button {
  display: inline-block;
  height: 46px;
  padding: 0 30px 0 54px;
  margin: 10px 23px;
  color: #666;
  background: #FFF url(images/icons/twitter-bullet.png) 12px 50% no-repeat;
  -moz-border-radius: 23px; 
  -webkit-border-radius: 23px; 
  border-radius: 23px;
  border: 1px solid #999;
  font-size: 1.167em;
  line-height: 46px;
  text-decoration: none;
  -moz-box-shadow: 0px 0px 3px #888;
  -webkit-box-shadow: 0px 0px 3px #888;
  box-shadow: 0px 0px 3px #888;
}

a#twitter-button:hover {
  -moz-box-shadow: 0px 0px 3px #666;
  -webkit-box-shadow: 0px 0px 3px #666;
  box-shadow: 0px 0px 3px #666;
  background-color:#eee;
}

div.contact-content {
padding: 0 20px;
margin-top:20px;
}

div.contact-content h4 {
  margin-bottom:5px;
  font-weight: normal;
}

div.contact-content a:link,
div.contact-content a:visited {
  color:#0069aa;
  text-decoration: none;
}

div.contact-content a:hover,
div.contact-content a:active {
  text-decoration: underline;
}

div.white-box-links {
  background:#fff;
  border: 1px solid #ccc;
  margin:20px;
  padding:10px 20px;
}

div.white-box-links ul li{
  margin:10px 0;
}

div.white-box-links a:link,
div.white-box-links a:visited {
  color:#3d5a96;
  text-decoration: none;
}

div.white-box-links a:hover {
  text-decoration: underline;
}

h3.contact-title {
  border-bottom: 1px solid #999;
  font-size: 1em;
}

/* Blog Styles 
===================================*/
.blog-content {
  background: #F5F5F5 url(images/slides-bg.png) 724px 0 repeat-y;
  border: 1px solid #ccc;
  position: relative;
  margin-bottom: 30px;
}

#blog-sidebar {
  width: 213px;
  position: absolute;
  right: 0;
  top: 20px;
  padding: 0px;
}
.blog-content .viewBlogArchive {
  background: #ebebeb;
}
#blog-sidebar .viewBlogArchive {
  background: #fff;
}
.viewBlogArchive {
  padding: 15px 20px;
  border: 1px solid #ccc;
  border-radius: 100px;
  margin: 10px 0;
  display: block;
  max-width: 150px;
  text-align: center;
}
.viewBlogArchive:hover {
  text-decoration: none;
  color: #000;
}
.post-content-wrap {
  background: #fff;
  width: 665px;
  padding: 30px;
}
.post-content {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
.post-head {
  margin-bottom: 20px;
  min-height: 120px;
}

.post {
  margin: 10px 10px 50px 10px;
  position: relative;
}

.post ul li {
	list-style-type: square;
	margin: 0.666em 2.5em;
}
.post-author {
  text-transform: capitalize
}

.author-image {
  background: #E3E3E3;
  border: 1px solid #CCC;
  padding: 7px;
  position: absolute;
}
.post-meta {
  padding:20px 30px 0 120px;
}
.post-content p {
  font-size: 1.3em;
  line-height: 1.6em;
  margin-bottom: 20px;
}
.post-content h1,
.post-content h2 {
  color: #283F6F;
  line-height: 1.6em;
  font-weight: normal;
}
.post-content h1 {
  font-size: 2.6em;
  margin-bottom: 10px;
  margin-top: 20px;
  background: transparent url(images/rule-blue.png) 0 bottom repeat-x;
}
.post-content h2 {
  font-size: 2.1em;
}
.post-content h3 {
  margin-top: 20px;
  font-size: 1.8em;
  margin-bottom: 10px;
}
.post-content h4 {
  font-size: 1.6em;
  font-weight: normal;
  color: #333;
  margin-top: 20px;
}
.post-content ul {
  margin-left: 20px;
  margin-bottom: 20px;
}
.post-content ul li {
  list-style-type: none;
  margin: 10px 0;
  padding-left: 20px;
  font-size: 1.3em;
  line-height: 1.6em;
  background: transparent url(images/icons/bullet_black.png) 0 3px no-repeat;
}

.post-content ol {
  margin-left: 45px;
  margin-bottom: 20px;
}

.post-content ol li {
  list-style-type: decimal;
  margin: 10px 0;
  font-size: 1.3em;
  line-height: 1.6em;
}

.post-content ul li > ul li {
  font-size: 1em;
  background: transparent url(images/icons/bullet_black.png) 0 3px no-repeat;
}

.comment_link {
  padding: 10px 0;
  padding-left: 30px;
  background: transparent url(images/comments.png) 10px 8px no-repeat;
}

/* Archive Page Styles
-----------------------------------------------*/

.post-content-wrap.archive {
  min-height: 600px;
}
.post-content-wrap.archive h2.title {
  color: #283F6F;
  font-size: 2.66em;
  font-weight: normal;
}
ul#archive-list li {
  clear: both;
  border-bottom: 1px solid #ccc;
}
ul#archive-list li a {
  padding: 20px;
  display: block;
  -webkit-transition: background .2s ease-in;
}
ul#archive-list li a:hover {
  background: #eee;
  text-decoration: none;
}
ul#archive-list li .title-and-meta {
  width: 545px;
  float: left;
  margin-left: 15px;
  line-height: 1.2em;
  margin-top: 8px;
}

ul#archive-list li .title-and-meta span {
  display: block;
  color: #666;
  font-size: .6em;
}

.author-image.archive {
  background: #E3E3E3;
  border: 1px solid #CCC;
  padding: 7px;
  position: relative;
  float: left;
}
.clear {
  clear: both;
}
/* Syntax Highlighting
-----------------------------------------------*/

p code {
  padding: 3px;
  background: #f7f7f7;
  border: 1px solid #ccc;
}

code {
  font-family: Inconsolata, Monaco, Consolas, 'Lucida Console', 'Courier New', Courier, monospace;
  font-size: 12px;
  line-height: 18px;
}

pre {
  border-left: 1px solid #ccc;
  font-family: Inconsolata, Monaco, Consolas, 'Lucida Console', 'Courier New', Courier, monospace;
  font-size: 12px;
  line-height: 18px;
  width: 640px;
  overflow: auto;
  padding-left: 20px;
  margin-bottom: 20px;
}
pre code {
  font-family: Inconsolata, Monaco, Consolas, 'Lucida Console', 'Courier New', Courier, monospace;
  font-size: 12px;
  line-height: 18px;
}
.comment { color: gray; }
.string {   color: teal; }
.function { color: #00c; }
.macro, .specialops { color: #60c; }
.parens { color: #000; }
.keyword { color: #c09; }
.brackets { color: #006; }
.curlybrackets { color: #906; }

/* Useful Links
-----------------------------------------------*/
div.link-item {
  margin-bottom:25px;
}