/*   
Theme Name: Heretical Ideas - Magazine
Theme URI: hereticalideas.com/blog
Description: Theme for the main Magazine
Author: Alex Knapp
Author URI: hereticalideas.com
.
NOT FOR PUBLIC USE
.
*/


/* Begin Typography and Colors */

body {
font-family: Georgia, Times New Roman, Courier;
font-size: 12px;
text-align: left;
vertical-align: top;
background: #636363;
color: #000;
}

blockquote {
border-left: 1px dashed #C9C9C9;
border-right: 1px dashed #C9C9C9;
padding: 10px;
background: #E8E8E8;
}

a:visited {
text-decoration: none;
}


/* Header */

#header{
float: left;
margin-left: auto;
margin-right: auto;
padding-bottom: 10px;
background: #120A8F;
width: 960px;
border: 1px solid #000;
}

.headerleft{
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
float: left;
}

.headerleft a:link, a:visited{
text-decoration: none;
border: none;
color: #120A8F;
}

.headerleft img {
border: none;
}

.headerdesc{
float: left;
margin-top: 80px;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
vertical-align: bottom;
font-family: Garamond, Georgia, Courier;
font-size: 24px;
font-weight: bold;
text-align: left;
color: #fff;
width: 350px;
}

.headerright{
margin-right: 10px;
margin-top: 50px;
margin-bottom: auto;
float: right;
font-family: Verdana, Arial, Sans Serif;
font-size: 12px;
}

.headerright a:link {
text-decoration: none;
color: #fff;
}

.headerright a:visited {
text-decoration: none;
color: #fff;
}

.headerright a:hover {
text-decoration: none;
color: #ff0000;
}

.headerright img {
float: left;
margin-right: 5px;
}

/* Navigation Bar */

#navbar {
clear: both;
margin-left: auto;
margin-right: auto;
width: 960px;
background:  #2F2F4F;
Font-family: Bookman, Georgia, Times New Roman, Courier;
font-size: 18px;
color: #fff;
overflow: auto;
text-align: center;
border: 1px solid #000;
}

#navbar a {
float: left;
display: block;
margin: auto;
padding: 0 10px 0 10px;
border-right:1px solid #000;
}

#navbar a:link {
text-decoration: none;
color: #fff;
}

#navbar a:visited {
text-decoration: none;
color: #fff;
}

#navbar a:hover {
background: #fff;
color: #2F2F4F;
}

#navbar ul{
margin: auto;
padding: 0;
list-style-type: none;
}

#navbar ul li {
float: left;
margin: auto;
padding: 0;
}

/*wrappers*/

#headwrapper{
margin-left: auto;
margin-right: auto;
width: 960px;
}

#contentwrapper{
margin-left: auto;
margin-right: auto;
width: 960px;
}

/*posts and sidebar content*/

#content{
float: left;
width:960px;
background: #F5F5F5;	
border: 1px solid #000;
}

/*posts*/

#posts{
float: left;
width: 600px;
background: #fff;
border-right: 1px solid;
border-left: 1px solid;
background: #fff;
color: #000;
}

#posts a:link {
text-decoration: none;
color: #2F2F4F;
}

#posts a:visited {
text-decoration: none;
color: #2F2F4F;
}

#posts a:hover {
text-decoration: none;
color: #B22222;
}	

/*Featured Post*/


.featuredpost {
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
background: #f9f9f9;
width: 548px;
height: 172px;
border: 1px solid #000;
}

.firstposttitle {
text-decoration: bold;
font-family: Bookman, Book Antiqua, Courier;
font-size: 20px;
text-align: left;
padding-left: 20px;
padding-top: 10px;
line-height: 1;
}

.firstauthor {
font-family: Georgia, Bookman, Times New Roman, Courier;
font-size: 12px;
text-align: left;
margin-top: 5px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 10px;
}

.latestpost {
clear: both;
width: 550px;
font-family: Georgia, Bookman, Times New Roman, Courier;
font-size: 18px;
text-align: center;
color: #696969;
/*border-top: 2px solid #696969;*/
border-bottom: 1px solid #696969;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
background: #fff;
}

 .firstpostcontent {
font-family: Georgia, Bookman, Times New Roman, Courier;
font-size: 13px;
text-align: left;
line-height: 1.5;
color: #000;
padding-right: 5px;
margin-bottom: 10px;
} 

.featuredpost img {
float: left;
margin: 10px;
max-width: 152px;
max-height: 152px;
width: expression(this.width > 152 ? 152: true);
height: expression(this.height >152 ? 152: true);
border: 1px solid #000;
}

.firstpostclear {
clear: both;
}

/* Recent Posts */

.recentarticles {
clear: both;
width: 550px;
font-family: Georgia, Bookman, Times New Roman, Courier;
font-size: 18px;
text-align: center;
color: #696969;
/*border-top: 2px solid #696969;*/
border-bottom: 1px solid #696969;
margin-bottom: 20px;
margin-right: auto;
margin-left: auto;
}

.posttitle{
clear: both;
text-decoration: bold;
font-family: Bookman, Book Antiqua, Courier;
font-size: 16px;
text-align: left;
padding-left: 5px;
}

.author {
font-family: Georgia, Bookman, Times New Roman, Courier;
font-size: 10px;
text-align: left;
padding-left: 5px;
}

.category {
clear: both;
margin-top: 7px;
font-family: Verdana, Arial, Sans Serif;
font-size: 10px;
text-align: left;
border-bottom: 1px solid #696969;
}

.postcontent {
font-family: Georgia, Bookman, Times New Roman, Courier;
font-size: 12px;
text-align: left;
line-height: 1.5;
}

.postcontent img {
float: left;
margin: 5px;
max-width: 100px;
max-height: 100px;
width: expression(this.width > 100 ? 100: true);
height: expression(this.height >100 ? 100: true);
border: none;
}

.row { 
clear: both; 
}

.col1 { 
width: 280px; 
float: left; 
padding: 0 10px; 
}

.col2 { 
width: 280px; 
float: right; 
padding: 0 10px; 
}

.bannerad {
clear: both;
margin-top: 10px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

.postmetadata {
text-align: right;
font-size: 10px;
border-bottom: 1px dashed #C9C9C9;
padding-bottom: 5px;
}

.navigation {
text-align: center;
clear: both;
padding-top: 7px;
border-top: 1px solid #000;
}

/*404*/

.notfound {
margin: 30px;
font-family: Book Antiqua, Bookman, Courier;
font-size: 24px;
text-align: center;
}

/*Single Page*/

#article{
float: left;
width: 600px;
background: #fff;
border-right: 1px solid;
border-left: 1px solid;
background: #fff;
color: #000;

}

#article a:link, a:visited {
text-decoration: none;
color: #00009C;
}

#article a:hover {
text-de3coration: bold;
color: #B22222;
}	

.artimgright {
float: right;
max-width: 300px;
font-family: Georgia, Bookman, Times New Roman, Courier;
font-size: 10px;
font-style: italic;
margin: 15px;
}

.artimgleft {
float: left;
max-width: 300px;
font-family: Georgia, Bookman, Times New Roman, Courier;
font-size: 10px;
font-style: italic;
margin: 15px;
}

.artimgright img {
max-width: 280px;
}

.artimgleft img {
max-width: 280px;
}

.titlebar {
padding-top:10px;
padding-left: 5px;
padding-right: 5px;
}

.title {
text-align: left;
font-family: Georgia, Bookman, Times New Roman, Courier;
font-size: 24px;
font-weight: bold;
margin: 5px;
}

.articleexcerpt {
padding: 5px;
text-align: left;
font-family: Georgia, Bookman, Times New Roman, Courier;
font-size: 12px;
font-style: italic;
border-bottom: 1px dashed #C9C9C9;
}

.authorname {
margin: 5px;
text-align: left;
font-family: Georgia, Bookman, Times New Roman, Courier;
font-size: 12px;
}

.printlink {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 10px;
float: left;
}

.sharethislink {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 10px;
float: right;
}

.articledate {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 10px;
text-align: left;
float: left;
font-family: Georgia, Bookman, Times New Roman, Courier;
font-size: 12px;
}

.articlecontent {
clear: both;
font-family: Georgia, Bookman, Times New Roman, Courier;
font-size: 14px;
text-align: justify;
line-height: 1.5;
padding-left: 10px;
padding-right: 10px;
border-top: 1px dashed #C9C9C9;
}

.articleauthor {
padding: 5px;
border-top: 2px solid #000;
border-bottom: 1px solid #000;
font-family: Georgia, Bookman, Times New Roman, Courier;
font-size: 14px;
font-style: italic;
text-align: justify;
}

.pullquoteleft {
width: 200px;
float: left;
border-top: 2px solid #000;
border-bottom: 1px solid #000;
margin-right: 20px;
margin-left: 0px;
margin-top: 5px;
margin-bottom: 5px;
padding: 5px;
font-family: Georgia, Bookman, Times New Roman, Courier;
font-size: 20px;
font-style: italic;
text-align: left;
vertical-align: top;
line-height: 1;
}

.pullquoteright {
width: 200px;
float: right;
border-top: 2px solid #000;
border-bottom: 1px solid #000;
margin-left: 20px;
margin-right: 0px;
margin-top: 5px;
margin-bottom: 5px;
padding: 5px;
font-family: Georgia, Bookman, Times New Roman, Courier;
font-size: 20px;
font-style: italic;
text-align: left;
vertical-align: top;
line-height: 1;
}

/*Comments*/

#comment {
margin-left: 10px;
}

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;

}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px;
	line-height: 18px;
	padding: 10px;
	border-bottom: 1px solid #ccc;
  list-style: none;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}


/*Left sidebar*/

#l-sidebar{
float: left;
width: 170px;
font-family: Verdana, Arial, Sans Serif;
font-size: 12px;
text-align: center;
color: #000;
}

#l-sidebar h2 {
width: 156px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 3px;
margin-right: 3px;
border-top: 2px solid #000;
border-bottom: 1px solid #000;
text-decoration: bold;
font-family: Verdana, Arial, Sans Serif;
font-size: 12px;
text-align: center;
padding: 5px;
}

#l-sidebar h2 a:link {
text-decoration: none;
color: #000;
}

#l-sidebar h2 a:visited {
text-decoration: none;
color: #000;
}

#l-sidebar h2 a:hover {
text-decoration: none;
color: #FF0000;
}

#l-sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 10px 0 10px;
text-align: left;
}

.blogheadlines {
margin-left: auto;
margin-right: auto;
margin-bottom: 8px;
/*font-family: Georiga, Bookman, Times New Roman, Courier New;*/
font-family: Verdana, Arial, Sans Serif;
font-size: 10px;
}

.blogheadlines a:link {
text-decoration: none;
color: #00009C;
font-weight: bold;
/*color: #2F2F4F;*/
}

.blogheadlines a:visited {
text-decoration: none;
color: #00009C;
font-weight: bold;
}

.blogheadlines a:hover {
text-decoration: none;
color: #FF0000;
font-weight: bold;
}

.blogheadlines li {
list-style-type: none;
padding-top: 5px;
}

.sponsors {
margin: auto;
text-align: center;
}

/*Right Sidebar*/

#r-sidebar{
float: right;
width: 178px;
/*background: #D9D9D9;*/
font-family: Verdana, Arial, Sans Serif;
font-size: 12px;
text-align: center;
color: #000;
}

#r-sidebar h2 {
width: 164px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 3px;
margin-right: 3px;
border-top: 2px solid #000;
border-bottom: 1px solid #000;
text-decoration: bold;
font-family: Verdana, Arial, Sans Serif;
font-size: 12px;
padding: 5px;
}

#r-sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 10px 0 10px;
text-align: left;
}



/*footer*/

#footer{
width: 960px;
margin: 0 auto 0 auto;
clear: both;
text-align: center;
background:  #2F2F4F;
font-family: Verdana, Arial, Sans Serif;
font-size: 10px;
color: #fff;
border: 1px solid #000;
}