/* Global CSS Stylesheet
 *
 * Site: nolasaint.netii.net
 * Author: Evan Bailey
 * Date: 4/10/2013
 * 
 * Credits: highlight.js styling:
 *             http://yandex.st/highlightjs/7.3/highlight.min.js
 */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
#wrapper
{ width: 100% }
}

::-webkit-scrollbar-thumb:vertical {
	border-top: solid 1px #afafaf;
	border-right: solid 1px #b5b5b5;
	border-bottom: solid 1px #b6b6b6;
	border-left: solid 1px #969696;
	background-color: #C3C3C3;
	height: 12px;
}
::-webkit-scrollbar-thumb:horizontal {
	border-top: solid 1px #969696;
	border-right: solid 1px #afafaf;
	border-bottom: solid 1px #b5b5b5;
	border-left: solid 1px #b6b6b6;
	background-color: #C3C3C3;
	height: 9px !important;
}
::-webkit-scrollbar {
	border-right: solid 1px #e4e4e4;
	border-left: solid 1px #d2d2d2;
	background-color: #f5f5f5;
	width: 12px;
	height: 9px;
}
::selection
{ background-color: #FFD700 }

::-moz-selection
{ background-color: #FFD700 }

/* Element-level styling */

body
{ background-image: url("../images/background.png");
  background-attachment: fixed;
  margin: 0px;
  font-family: 'Open Sans', sans-serif;
  font-size: 10pt;
}

code
{ border: solid 1px #A9A9A9;
  background-color: #F0F0F0;
}

pre code
{ display: block;
  padding: .5em;
  overflow: auto;
}

pre .comment,
pre .annotation,
pre .template_comment,
pre .diff .header,
pre .chunk,
pre .apache .cbracket
{ color: #008000 }

pre .keyword,
pre .id,
pre .built_in,
pre .smalltalk .class,
pre .winutils,
pre .bash .variable,
pre .tex .command,
pre .request,
pre .status,
pre .nginx .title,
pre .xml .tag,
pre .xml .tag .value
{ color: #0000ff; }

pre .string,
pre .title,
pre .parent,
pre .tag .value,
pre .rules .value,
pre .rules .value .number,
pre .ruby .symbol,
pre .ruby .symbol .string,
pre .aggregate,
pre .template_tag,
pre .django .variable,
pre .addition,
pre .flow,
pre .stream,
pre .apache .tag,
pre .date,
pre .tex .formula
{ color: #a31515 }

pre .ruby .string,
pre .decorator,
pre .filter .argument,
pre .localvars,
pre .array,
pre .attr_selector,
pre .pseudo,
pre .pi,
pre .doctype,
pre .deletion,
pre .envvar,
pre .shebang,
pre .preprocessor,
pre .userType,
pre .apache .sqbracket,
pre .nginx .built_in,
pre .tex .special,
pre .prompt
{ color: #2b91af }

pre .phpdoc,
pre .javadoc,
pre .xmlDocTag
{ color: #808080 }

pre .vhdl .typename
{ font-weight: bold }

pre .vhdl .string
{ color: #666666 }

pre .vhdl .literal
{ color: #a31515 }

pre .vhdl .attribute
{ color: #00b0e8 }

pre .xml .attribute
{ color: #ff0000 }

/* END Element-level styling */

/* Class-level styling */

.monospace
{ font-family: monospace }

.codetitle
{ margin: 0px;
  font-family: monospace;
  font-size: 9pt;
}

/* Page body articles */

.homearticle
{ padding: 10px }

.homearticle h1,
h2,
h3,
h4,
h5,
h6
{ border-top: solid 1px lightgray;
  border-bottom: solid 1px lightgray;
  margin: 0px;
}

.articleinfo
{ width: 75px;
  float: left;
  border-bottom: solid 1px lightgray;
  text-align: center;
}

.articleinfo time
{ font-size: 8pt;
  font-style: italic;
}

.articletext
{ border-left: solid 1px lightgray;
  padding-left: 5px;
  overflow: hidden;
}
/* END Class-level styling*/

/* Id-level styling */
#wrapper
{ width: 1000px;
  min-height: 500px;
  margin: 20px auto;
  background-color: white;
  box-shadow: 0 0 10px 5px lightgray;
}

/* header */
#headerwrap
{ width: 100% }

#header
{ text-align: center;
  background-color: white;
}

#headerimage
{ margin: 10px 0px }

/* END header */

/* navigation bar (in header) */

#navbar
{ width: 1000px;
  border-top: solid 1px lightgray;
  border-bottom: solid 1px lightgray;
  text-align: center;
  word-spacing: -4px;
  font-size: 0px;
  font-family: "century gothic";
  color: white;
  background-color: black;
}

#navbar div
{ display: inline-block;
  border-left: solid 3px white;
  border-right: solid 3px black;
  margin: 0px;
  padding: 0px 15px;
  padding-bottom: 5px;
  text-align: center;
  font-size: 30px;
  background-color: black;
}

#navbar div:first-child
{ border-left: solid 3px black }

#navbar div:last-child
{ border-right: solid 3px black }

#navbar div a
{ text-decoration: none;
  color: white;
}

#navbar div a:hover
{ color: #FFD700 }

/* END navigation bar */

/* footer */

#footerwrap
{ clear: both;
  width: 100%;
  min-height: 50px;
  border-top: solid 1px lightgray;
  background-color: white;
}
/* END footer */
/* END Id-level styling */