/* @group General Text Elements
===================================== */

body {
	font-size: 15px;
	line-height: 22px;
	color: #434343;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
		}

p, li, table, blockquote {
	margin-bottom: 12px;
	line-height: 22px;
	}

blockquote, q { padding: 0 4em; quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
blockquote p {} /* Reminder to always include blockquote content in a <p> */
blockquote div cite { font-style: italic; }

strong, b { font-weight: 700; }
em, i { font-style: italic; }

ins { text-decoration: none; }
del { text-decoration: line-through; }

abbr, acronym { border-bottom: 1px dotted; cursor: help; }

pre, code { margin: 12px 0; white-space: pre; }
pre, code, tt { font-size: 14px; font-family: 'andale mono', 'lucida console', monospace; line-height: 18px; }

/* @end General Text Elements
-------------------------------- */

/* Default Classes */

h1 {
	font-size:24px;
}

h2, .pageno, h3, td.headerbig, .title {
	font-size: 20px;
	}

dt {
	font-weight: 700;
	font-size: 15px;
	}

h2 {text-align: left;padding: 0px;}
h3 {text-align: left; padding-bottom:3px; padding-top:5px;}
h4 {font-weight: 700; text-align: left; padding: 10px 0px 0px 10px; letter-spacing: .25em;}
	
.indent, h4, .leftindent, #content, #content2, #content3, .arthead {
	line-height:18px; background: #FFF;
	}
#content {border-left:1px; border-right: 1px;}

p, ul, ol, li, .deck, deckblack, td, th, table, .sm, desc, td, tr, .textsimple, #leftsidebar, #rightsidebar, .boxleft span, .boxbig span, .box span, .hanging, .blank, #navprimary, #navsecondary, .description, dd {
	font-size: 15px; line-height:22px;
	}

.boxleft, .box, .boxbig, .contributorname, #crumbList li,.svIndex dt.releaseDate, .credits {
	font-size: 14px; line-height:20px;
	}
h1, h2, h3, .boxleft span, .box span, .boxbig span, .boxleft span,  .title,.arthead, #quotation, .quotemarkl, .quotemarkr  {font-family:  'Noto Serif', serif; font-weight:400;}

body, p, .pageno, .description, h4, .maroontext2, #navprimary, #navsecondary, #header li, .sm, .indent, .deck, .deckblack, desc, dt, dd, td, tr, .textbig, .textsimple, .redtext, .maroontext, .rtalign, .box, .boxleft, #leftsidebar, #rightsidebar, .contributor, ul, ol, li, a.box, a.boxbig, a.boxleft, span.box, span.boxbig, span.boxleft, .feedTitle, releasedate, .twitter, #crumbList li {font-family: 'Open Sans', sans-serif; font-weight:300;}

 
.releasedate { 
	text-transform: uppercase;
	}

p, body {
	color: #000}
	
.deck, h2, h3, h4, .box, .boxleft, .boxbig, .pageno, .author {
	color: #336;
	}

a:link, a:visited, a.sm:link, .textbig, .arthead, .department, .releasedate  {
	color: #369;
	}

h1, tr.header, .leftindent, #quotation, .reviewschtenia p  {
	 color:  #306;
	}
	
.maroontext, .redtext, .maroontext2 {
	color: #903;
	}

.quotemarkl, .quotemarkr {color:#09C;}

.center {text-align: center; padding: 0px 10px 0px 10px;}
.right {text-align: right; padding: 0px 10px 0px 0px;}
.indent {text-decoration: none; text-indent:10px; padding: 0px 10px 0px 10px;}
.deck {text-align: left; padding: 0; font-style:italic;}
.deckblack {text-align: left; padding: 0px 10px 0px 10px; font-style:italic;}
.sm {text-align: left; padding: 0px 10px 0px 10px;}
.pageEnd {page-break-before: always;}
.desc {text-align: left;}
.hanging { text-indent: -3em; margin-left: 3em;} 
.graphindent { margin-left: 2em; margin-right: 2em;}

.quotemarkl {font-size:80px; margin-left: 40px; line-height: 40px;}
.quotemarkr {font-size:80px; margin-right: 60px;}

#quotation { 
	font-size: 15px;
	padding-left:40px;
	padding-right:40px;
	}

dl { padding: 0px 0px 0px 5px;}
dt {font-style: bold;}
dd {font-style: normal;}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration:underline;}
a.sm:link {text-decoration: none;}

#content a:link {text-decoration: none; font-weight:700;}
#content a:visited {text-decoration: none; font-weight:700;}
#content a:hover {text-decoration:underline;font-weight:700;}
#content a.sm:link {text-decoration: none;font-weight:700;}


#content ul {list-style: square outside; text-decoration: none;}
#content ol {list-style: decimal outside; text-decoration: none;}

.blank {
	text-decoration: none;
	list-style-position:inside;
	list-style:none;
	padding: 0;
	display: block;
	line-height:1;
}

.blankleft {
	text-decoration: none;
	list-style: inside none;
	text-align:left;
	line-height:1;
}

li {color: black; text-decoration: none; padding: 0px 5px 5px 5px; margin:0px;}
li a {text-decoration: none;}
li.link:link {text-decoration: none;}
li.link:visited {text-decoration: none;}
li.link:hover {text-decoration: underline;}
li.nospace {text-decoration: none; padding: 0; }

table {background-color: White;}
table.bg {background-color: #2E1565;}
table.bglt {background-color: #FFFF99;}
tr {text-align: left;}
tr.header {background-color: Silver; font-weight: 700;}

td {text-align: left;}
td.red {color: red;}
td.center {text-align:center;}
td.right {text-align:right;}
td.indent {text-indent:10px;}
td.leftb {font-weight: 700;}
td.centerb {font-weight: 700; text-align:center;}
td.rightb {font-weight: 700; text-align:right;}
td.header {background-color: #900; color: white; font-weight: 700;}
td.header a {color: white; font-weight: 700;}
td.header a:visited {color: white; font-weight: 700;}
td.headerc {text-align: center;}
td.headerbig {background-color: #6D81CC; color: white; font-weight: 700; text-align: center;}
td.headerr {background-color: #330; color: white; font-weight: 700; text-align: right;}
td.headerg {background-color: #6CCAE2; font-weight: 700; text-align: center;}
td.headerx {background-color: #DBD6C4; font-weight: 700; text-align: center;}

.reviews img {border: 1px solid #666; background-color: #FFF; padding: 4px; height:100px;}
.reviews p {text-align:left; margin:10px 0 0 0;}
.reviews {float: left; width: 520px; margin: 0 10px 10px 10px;}
.reviewschtenia p {text-align:left; margin:10px 0 0 0; font-size:14px;}
.textbig {font-weight:bold; font-size:15px;}
.textsimple {padding: 0px 10px 0px 10px;}
.arthead {font-weight: 700;}
.leftindent {text-decoration: none; text-indent:10px;}
.redtext {text-decoration: none; padding: 0px 10px 0px 0px;}
.maroontext {text-decoration: none;}
.maroontext2 {text-decoration: none;}
.rtalign {text-align: right; padding: 0px 10px 0px 10px;}
.title {padding: 0px 5px 0px 0px;}
.author a {text-transform:uppercase; font-size:14px;}
.twitter {font-size:15px; padding: 0 0 5 0;}
.department {font-weight: 700; font-size: 14px;}

/* @group Headings (H1-H6)
===================================== */

h1 {padding-top: 2px;
	margin-bottom: 15px;
	font-weight: 700; 
	text-align: left; 
	padding: 0px 10px 0px 0px;
}


/* BOXES */

.boxleft, .boxbig, .coverboxchtenia, .coverbox, .box, .feedburnerFeedBlock {
	padding: .5em .5em .5em .5em; 
   #padding:.5;
   margin-bottom: 20px;
   border: 1px double #333366;
   text-decoration: none;
   text-align: left;
   background-color: #FFF;
   -webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;
   }
   
.box, .feedburnerFeedBlock {
   }
   
span.box, span.boxbig, span.boxleft, .feedTitle {
   font-weight: 700;
   }

a.box, a.boxbig, a.boxleft {
   text-decoration: none;
   background: #F7F6EC;
   text-decoration: underline;
   }

.contributor {
	padding: .5em .5em .5em .5em; 
   #padding:.5;
   margin-bottom: 20px;
   min-height:150px;
   border:0;
   text-decoration: none;
   text-align: left;
   background-color: #FFF;
   }

.contributor span {text-transform:uppercase;}
      
img.box, img.boxbig, img.boxleft, img.contributor {border: 0px; padding: 6px;}

img.imgMed {margin:10px;} 

.coverbox {
   #width:150px;
   width:150px;
   height:180px;
   border: 0px;
   text-align: center;
   float:left;
   margin-bottom: 60px;
   margin-top: 20px;
   }   
   
.coverboxchtenia {
   #width:180px;
   width:180px;
   height:220px;
   border: 0px;
   text-align: center;
   float:left;
   margin-bottom: 100px;
   margin-right:0px;
   } 
   
.feedbox {
   #width:200px;
   width:200px;
   border: 1px double #333366;
   text-align: left;
   float:left;
   margin-bottom: 10px;
   }   
   
.boxbig {
   #width:350px;
   width:350px;
    }
   
.boxleft {
}

/*IMAGE BOXES */
.picture { background-color: #F9F9F9; 
border: 1px solid #CCCCCC; padding: 3px; 
font: 11px/1.4em Arial, sans-serif; } 
.picture img { border: 1px solid #CCCCCC; 
vertical-align:middle; margin-bottom: 3px; } 
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; } 
.left { margin: 0.5em 0.8em 0.5em 0; float:left; } 
  
#headernew {
	text-align:left;
	padding-top:10;
	background: #FFF;
	margin-left:0;
   }	 
#headerright {
	text-align:right;
	font-size:12px;
	line-height:14px;
	float:right;
	position:relative;
	margin-right:10px;
	margin-top:20px;
	background: #FFF;
}

#headerright img {max-height:100px; margin-top:0px;background: #FFF; margin-left:10px; float:right;
}

#topbar {
width: 100%;
background-color: #600;
color: #CCC;
display: block;
font-family: 'Open Sans', sans-serif;
height: 35px;
min-width: 480px;
z-index:1;
margin:0;
text-align:right;
padding-top: 10px;
padding-right: 20px;
}


/* NEW FEED CSS */

.blog-date {
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
color: #777;
display: block;
float: none;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 300;
height: 12px;
line-height: 12px;
margin-bottom: 3px;
text-transform:uppercase
}

.blog-title {
-webkit-background-clip: border-box;
-webkit-background-origin: padding-box;
-webkit-background-size: auto;
-webkit-font-smoothing: antialiased;
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
background-image: none;
background-origin: padding-box;
background-size: auto;
box-sizing: border-box;
color: rgb(46, 151, 185);
display: inline;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: bold;
height: auto;
line-height: 15px;
outline-color: rgb(46, 151, 185);
outline-style: none;
outline-width: 0px;
text-decoration: none;
width: auto;
}

.blog-text {
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
color: rgb(138, 139, 140);
display: block;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
line-height: 22px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
}

.blog-credit {
	-webkit-font-smoothing: antialiased;
box-sizing: border-box;
color: #777;
float: none;
font-family: 'Open Sans', sans-serif;
display:block;
text-transform:uppercase;
font-size: 12px;
line-height: 16px;
margin-bottom: 6px;
margin-left: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 10px;
padding-top: 0px;
}


.blog-image img {
border-style: none;
border-width: 0px;
box-sizing: border-box;
display: inline;
width:100%;
vertical-align: middle;
margin-bottom:10px;
}


.blog-box {
	height:500px;
	margin: 5px;
	float:left;
	position:relative;
	display:block;
}
.btn-blog {
	border-radius:0;
	background-color:white;
	
}


/*BOOTSTRAP MODS*/

.btn {
    border-radius: 0px;
}

.navbar-inner {
    background-color: #fff;
	box-shadow: none;
	border-radius: 0;
	border-left: 0;
	border-right:0;
	border-bottom: 1px solid #ccc;
	border-top: 2px solid #000;
	background-image: none;
	font-size:14px;
	min-height: 30px;
	}

.navbar .nav>li>a {
    padding: 8px 10px 8px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
 }
 
.dropdown-menu {
	border-radius:0;
}

.dropdown-menu li>a {
	color:#777;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
 }
 
.well, .well-small {
	border: 0;
	border-radius: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color:#FFF;
	font-size:15px;
	line-height:18px;
}

a {
	font-weight:bold;
}

@media (min-width: 800px) {
	.well-vertical {max-width:30%; 
	height:500px; 
	float:left;
	}
}

@media (min-width: 470px) {
	.well-vertical {max-width:50%; 
	height:500px; 
	float:left;
	}
}

@media (max-width: 370px) {
	.well-vertical {max-width:100%; 
	height:500px; 
	float:left;
	}
}

.subnavbar {
	font-family:'Open Sans', sans serif;
	font-size:14px;
	line-height:18px;
	padding:0;
	margin-left:35px;
}