/*

General
---------------------------------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body, input, textarea {
  font: 11px 'Helvetica Neue', Helvetica, 'Lucida Grande', Verdana, Arial, sans-serif;
	line-height: 24px;
	color: #000;
}

a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	border: none;
	outline: none;
	color: #000;
}

a:hover, a:active {
	color: #333;
}

ul, ol { list-style-type: none; }
img { border: none; }

p { padding: 0 0 10px 0; }

h1 { font-size: 20px; padding: 12px; }
h2 { font-size: 19px; padding: 11px; }
h3 { font-size: 18px; padding: 10px; }
h4 { font-size: 17px; padding: 9px; }
h5 { font-size: 16px; padding: 8px; }
/* h6 is being used in content items for subtitles */
/*h6 { font-size: 15px; padding: 7px; }*/
h6 {
  font-size: 11px;
  font-weight: normal;
  padding: 0 0 10px 0;
}

label {	font-weight: bold;}
input[type='text'], input[type='password'], 
input[type='checkbox'], select, textarea {
  border: 1px solid #ddd;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
  font-size: 100%;
  padding: 2px;
}

.date {
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #666;
}

.clear {
	clear: both;
}


/*

Layout
---------------------------------------------------------------------------------------------------*/

/*

Container
-------------------------------------------------*/

html {}

body {}

#container {
  position: relative;
  width: 900px;
}

/*

Site Branding
-------------------------------------------------*/

#branding {
  margin-left: 180px;
  margin-top: 100px;
}

#title {
  padding: 0;
  padding-bottom: 6px;
}

#title a {
	font-weight: bold;
	font-size: 24px;
	letter-spacing: 0.025em;
}

/*

Nav Main
-------------------------------------------------*/

#nav-main {
  font-size: 14px;
  color: #898788;
  margin-left: 180px;
  height: 30px;
}

#nav-main ul {}

#nav-main ul li {
	float: left;
	margin-right: 10px;
}

#nav-main ul li a {
  display: block;
	text-align: center;
	line-height: 16px;
	color: #898788;
}

#nav-main ul li a:hover {}

#nav-main li .active {
	color: #000;
}

/*

Content
-------------------------------------------------*/

#content-container {
  clear: both;
  position: relative;
}

#content {
  height: 470px;
}

#content-container.alone #content {}

#content-items, #content-item {}

#content-item {
  margin-left: 180px;
  width: 700px;
}

#content-item h2 {
  font-size: 18px;
  padding: 0;
}

.content-item {
  margin-left: 180px;
  width: 700px;
}

.content-item h2 {
  font-size: 18px;
  padding: 0;
}

.content-item img {}

/*

Content Defaults Return
------------------------*/

.content-item ul, menu, dir {
    display: block;
    list-style-type: disc;
    margin: 1em 0 1em 0;
    padding-left: 40px
}

.content-item ol {
    display: block;
    list-style-type: decimal;
    margin: 1em 0 1em 0;
    padding-left: 40px
}

.content-item li {
    display: list-item
}

.content-item ul ul, .content-item ol ul {
    list-style-type: circle
}

.content-item ol ol ul, .content-item ol ul ul, .content-item ul ol ul, .content-item ul ul ul {
    list-style-type: square
}

.content-item dd {
    display: block;
    margin-left: 40px
}

.content-item dl {
    display: block;
    margin: 1em 0 1em 0
} 

.content-item dt {
    display: block
}

.content-item ol ul, .content-item ul ol, .content-item ul ul, .content-item ol ol {
    margin-top: 0;
    margin-bottom: 0
}

/*

Pagination
-------------------------------------------------*/

#pagination {
  width: 700px;
  margin: auto;
  background-color: #eee;
}

#pagination-info {}

#nav-pagination {
  width: 200px;
  margin: auto;
}

#nav-pagination, #nav-pagination a {}

#nav-pagination a.next, #nav-pagination a.previous {}

#nav-pagination ul li{
  float: left;
  padding: 10px;
}


/*

Themes
---------------------------------------------------------------------------------------------------*/

/*

Media Theme
-------------------------------------------------*/

#content-container.media #content.media-file {
  margin-left: 180px;
}

body.media #container .link-back {
  padding-bottom: 4px;
  margin-left: 180px;
  margin-top: 100px;
}

body.media #container .link-back a {
  font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.025em;
	color: #898788;
}

/*

Nav Media Series
------------------------*/

#nav-media-series {
  clear:both;
  float: left;
  width: 180px;
  text-align: right;
}

#nav-media-series li {
  margin-right: 18px;
  margin-left: 44px;
  border-bottom: 1px dashed #898788;
}

#nav-media-series li.active a {
  color: #000;
}

#nav-media-series li a {
  font-size: 14px;
  line-height: 34px;
  color: #898788;
}

#archive-link {
  clear:both;
  text-align: right;
  float: left;
  width: 180px;
}

#archive-link a {
  display: block;
  padding-top: 20px;
  margin-right: 18px;
}
/*

Nav Media
------------------------*/

#nav-media {
  clear: both;
	text-align: left;
	padding: 10px 0 80px 0;
}

#nav-media-controls {
  clear: both;
  margin-left: 180px;
  font-size: 14px;
  line-height: 30px;
  width: 700px;
}

#mediafiles .active a {
  color: #ccc;
}

.previous, .next, .mediafiles{
  float:left;
  letter-spacing: .2em;
	padding-left: 6px;
}

.previous, .next{
}

.link-to-text {
  float: right;
}

#nav-media-controls ul li {
  letter-spacing: .2em;
	float: left;
	padding-left: 6px;
}

#nav-media-icons {
	float: left;
}

#nav-media-icons ul li {
	float: left;
	margin: 0 10px 0 10px;
}

#nav-media-icons ul li.active {
	border: 3px double #CC0000;
}

#nav-media-icons ul li a img {
	display: block;
}

#nav-media .link-back {
  padding-left: 20px;
}

/*

Nav-Locale
-------------------------------------------------*/

#nav-locale {
  position: absolute;
  top: 448px;
  left: 128px;
  height: 20px;
}

#nav-locale a {
  color: #898788;
}

/*

Contact Theme
-------------------------------------------------*/

#contact-form {
  border-left: 1px dashed #898788;
  width: 400px;
  float: left;
  padding: 20px;
}

#content-container.contact #content #content-items {
  width: 400px;
  float: left;
}

#content-container.contact #content #content-items .content-item {
  margin-left: 180px;
  width: 200px;
}