/* @override 
	http://www.azarask.in/blog/wp-content/themes/aza/css/aza.css */

body{
	margin: 0; padding: 0;
	background-color: white;
	background-image: url(../gfx/mast_big.jpg);
	//background-position: center top;
	background-position: 46% top;
	background-repeat: no-repeat;
	color: #333;
	overflow-x:hidden;	
}

.home-link{
	width: 300px;
	height: 100px;
	text-align: center;
	line-height: 100px;
	font-size: 24pt;
	color: white;
	background-color: rgba(0,0,0,.2);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
}

/* ---------------	HEAD --------------- */

#masthead{height: 254px;}

#subhead-bg{
	position: absolute;
	top: 254px;
	height: 125px;
	background-color: #E5E5E5;
	width: 100%;
	z-index: -100;
}

#subhead{ padding-top: 5px; text-align:center; }

#subhead>div{height: 130px;}
#subhead a{ color: #333; font-weight:bold;}
#subhead h1{ font-weight: normal; font-size:22px; }

#heart{ position: relative; top: 8px; }

.feature{
	width: 220px;
	height: 100px;
	background-color: rgba(0,0,0,.2);
	opacity:  .4;
}

.feature:hover{
	opacity: 1.0;
}

.feature a{
	border: none;
	text-decoration: none;
}

.feature img{
	border: none;
}

.feature span{
	position: absolute;
	background-color: rgba(0,0,0,.5);
	color: white;
	display: block;
	width: 210px;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	margin-top: 70px;
	font-size: 14pt;
}

/* ---------------	NAV --------------- */

#nav{
	background-color: #F3f3f3;
	display: none;
}
#nav>div{
	font-family: Baskerville;
	background-color: #F3f3f3;
	
}
#nav>div>strong{
	font-size: 20pt;
	font-weight: normal;
	-moz-text-shadow: 1px 1px white;
	text-shadow: 1px 1px white;
}

/* ---------------	FOOTER --------------- */

.footer{
  padding-top: 20px;
	color: #999 !important;
	border-top: 1px solid #DDD;
	font-family: Helvetica !important;
	font-size: 9pt !important;
	background-color: white;
}

.footer a{
	color: #999 !important;
}

.footer>div{
	padding-bottom: 20px;
}

.footer #more{
	 display: none;
}

/* ---------------	ADS --------------- */

.carbonad{
	background-color: #ffffff !important;
	border: none !important;
}

.ad{
	width: 130px;
	font-variant: small-caps;
}


/* ---------------	CONTENT --------------- */


/*	CONTENT FONTS */

#content{
	padding-top: 20px;
	font-family: Baskerville;
	font-size: 12pt;
}
.entry>p, .entry>ol, .entry>ul, .entry>pre {margin: 0 120px 30px 250px; }
.entry>p{ width: 550px;}
#content h1,h2,h3{
	padding-left: 250px;
	font-variant: small-caps;
	font-weight: normal;
	font-family: Helvetica;
	padding-right: 120px;
}

.entry>pre{
	font-size: 9pt;
}

#content h1{font-weight: bold;}
#content h1{
	background-image: url(../gfx/lightup.png);
	background-position: 200px 2px;
	background-repeat: no-repeat;	
}

#content .entry{
  border-bottom: 1px dotted #DADADA;
  margin-bottom: 55px;
}

#content .single{
	border: none;
	margin-bottom:  0px;
}

//#content ol, #content ul{ margin: 0 120px 30px 230px; }

#content code {
	color: #08c;
	font-family: Monaco, "Andale Mono", "Courier New", monospace;
	font-size: 11px;
	}
	
#content a { color: #5C371B; }
#content a:hover { color: #75A331; } //#08c


/*	CONTENT IMAGES  and  CAPTIONS */

#content .pic p, #content .caption {
	font-size: 11px;
	line-height: 16px;
	font-family: Verdana, Arial, sans-serif;
	color: #666;
	margin: 4px 0 10px;
	}

.caption {
	font-size: 11px;
	line-height: 16px;
	font-family: Verdana, Arial, sans-serif;
	color: #666;
	margin: 4px 0 10px;
	}

	
#content a img { border: none; border-bottom: 1px solid transparent; }
/*#content a img:hover { border-bottom: 1px dotted rgba(143, 0, 0, 1);}	*/


/* CONTENT PLACEMENT */

#content .left {float: left; margin-right: 20px;}
#content .right {float: right; margin-left: 20px;}
#content .right.inset {margin: 0 120px 0 20px;} /* img floated right within text */
#content .left.inset {margin-left: 230px;} /* img floated left within text */

/* CONTENT SIZE */
#content .one {width: 100px;}
#content .onePointFive {width: 160px;}
#content .two {width: 210px;}
#content .three {width: 320px;}
#content .four {width: 430px;}
#content .five {width: 540px;}
#content .six {width: 650px;}
#content .seven {width: 760px;}

/* CONTENT ADDITIONS */
#content .frame {border: 1px solid #999;}
#content .solo {margin-bottom: 20px;}

/* ---------------	RELATED --------------- */

.relateds{
	//margin: 0 100px 30px 250px;
	margin-left: 250px;
}

.relateds a{
	text-decoration: none;
}

.related{
	background-color: #AAA;
	color: white;
	width: 147px;
	height: 130px;
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
	padding: 12px;
	overflow: hidden;
}

.related:hover{
	background-color: #94CC3D;
}

.related>.container{
	max-height: 128px;
	overflow: hidden;
}

.related h3{
	color: white;
	padding: 0; margin: 0;
	text-decoration: none;
	font-variant: normal;
	font-size: 13pt;
	line-height: 13pt;
}

.related .excerpt{
  margin-top: 10px;
	color: white;
	padding: 0;
	font-size: 11pt;
	line-height: 12pt;
	font-style: italic;
}

.related p{
	padding: 0;
	margin: 0;
}


/* ---------------	COMMENTS --------------- */

.comment-viz{
	margin-left: 250px;
	margin-right: 150px;
	cursor: pointer;	
	margin-top: 8px;
}

.comment-count{
	background-image: url(../gfx/comment.png);
	background-repeat: no-repeat;
	border-right: 2.5px solid white;
	width: 30px;
	height: 26px;
	background-color: #94CC3D;
	float: left;
}
.comment-viz>h2{
  padding: 0; margin: 0;
	font-family: Baskerville;
	font-weight: normal;
	font-style: italic;
	color:  #94CC3D;
}

.comment-more{
	background-image:url(../gfx/comment-more.png);
	width: 550px;
	height: 60px;
	margin-top: 5px;
}

.commentlist{display: none; margin-top:40px;}
.commentlist p{margin-left:250px}

#comments{margin-top: 50px;}

#respond{margin-left: 250px;}
#respond>h3{margin:0;padding:0;margin-top:30px;}
.comment #commentform p{
	margin: 0 !important;
}

.comment{
	 margin-bottom: 0px;
	 padding-bottom: 0px;
}


.comment-author{
	font-size: 16pt;
	line-height: 14pt;
	color: #666;
	margin: 4px 0 10px;
	float:  left; margin-right: 20px;	
	width:  230px;
	text-align: right;
	position: relative; top: -20px;	
}

.comment-author a{
	color:  #666 !important;
}

.comment-text{
	border-left:  1px solid #EEE;
	margin-left:  250px;
	
}

.comment-text p{
	margin: 0;
	margin-bottom: 1em;
	padding-left: 10px;
	width:550px;
}

.comment-reply-link{
color: #333 !important; margin-left: 10px; font-size: 10pt;
  background-image: url(../gfx/reply.png);
  background-repeat: no-repeat;
  background-position: 100% 0px;
  padding-right: 25px;
}

.comment-reply-link:hover{ color: #43A52A !important;}


/* ---------------	ACTIONS & RETWEET --------------- */

a.retweet { font: 12px Helvetica,Arial; color: #000; text-decoration: none; border: 0px; }
a.retweet span { color: #FFF; background: #94CC3D; margin-left: 2px; border: 1px solid #43A52A; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 3px; }
a.vert { display: block; text-align: center; font-size: 16px; float: left; margin: 4px; }
a.retweet strong.vert { display: block; margin-bottom: 4px; background: #F5F5F5; border: 1px solid #EEE; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 3px; }
a.retweet span.vert { display: block; font-size: 12px; margin-left: 0px; }

.border{
  border-top: 1px dotted #DADADA;
  padding-top: 30px;	
}

.actions .sep{
	color: #999;
	margin-left: 5px;
	margin-right: 5px;
}

.actions .more{
	text-decoration: none;
	font-weight: bold;
	font-size: 12pt;
	color: black;
  font-variant: small-caps;
}

.mytwitter { font: 12px Helvetica,Arial; color: #444 !important; text-decoration: none; border: 0px; background-color:rgba(0,0,0,.1); margin-left: 2px; border: 1px solid #888; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 3px; padding-right: 3px;position:relative;top:-2.5px; font-weight:normal !important;text-decoration:none !important;}

.mytwitter:hover { background-color:rgba(0,0,0,.25); }

/* ---------------	NAVIGATION --------------- */

.navigation>div{
	visibility:  hidden;
}