/*  

Theme Name: Get Grok Blog

Theme URI: http://www.getgrok.com

Description: This is my theme for a tutorial.

Version: 1.0

Author: Shyam Patel

Author URI: http://www.getgrok.com/



*/

/* Reset default browser styles */
@import url('reset.css');

.centersite {width:970px; margin:0px;}


#punctuationyellow 
{
color: #ffde00;
}

#punctuationred
{
color: #ed1c24;
}

#punctuationblue {
color: #0b81c5;
}

#punctuationgreen {
color: #00a651;
}

#punctuationorange {
color: #f47321;
}

#punctuationpink {
color: #ec008c;
}


.header {
	width:970px;
	height:60px;
}

.logo {
	float:left; 
	align:center;
	padding:5px;
	width:210px;
}



.navtab1 {
	float:left;
	margin:30px 0 0 100px;
	border-color: transparent #0b81c5 #0b81c5 transparent;
	border-style:solid;
	border-width:0 30px 30px;
	height:0;
	width:0;
}

.navtablink1 {
	float:left;
	background-color: #0b81c5;
	padding:5px 0 0 0; 
	height:25px;
	width:145px;
	font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
}

.navtablink1 a {
	color: #FFFFFF;
}

.navtablink1 a:hover {
	color: #ffde00;
}

.navtab2 {
	float:left;
	margin:30px 0 0 100px;
	border-color: transparent #666666 #666666 transparent;
	border-style:solid;
	border-width:0 30px 30px;
	height:0;
	width:0;
}

.navtablink2 {
	float:left;
	background-color: #666666;
	padding:5px 0 0 0; 
	height:25px;
	width:100px;
	font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	font-color: white;
}

.navtablink2 a {
	color: #FFFFFF;
}

.navtablink2 a:hover {
	color: #ed1c24;
}


.navtab3 {
	float:left;
	margin:60px 0 0 130px;
	border-color: transparent #0b81c5 #0b81c5 transparent;
	border-style:solid;
	border-width:0 30px 30px;
	height:0;
	width:0;
}

.navtablink3 {
	float:left;
	background-color: #0b81c5;
	padding:5px 0 0 0; 
	height:25px;
	width:225px;
	font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
}

.navtablink3 a {
	color: #FFFFFF;
}

.navtablink3 a:hover {
	color: #ffde00;
}
.chapterheader {
	float:left;
	background:url(images/blog_header.png);
	background-repeat:no-repeat;
	width:970px;
	height:272px;
}


.chaptertitle {
    margin:50px 0 0 100px;
	max-width:725px;
}

h1 {

	font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
	font-size: 100px;
	font-color: white;
	font-weight: bold;
	color: #FFFFFF;
	line-height:110%;
}

h1 a {
	text-decoration: none;
	color: #FFFFFF;
}

h1 a:hover {
	text-decoration: none;
	color: #00a651;
}

h1 span {
		background-color: #231f20;
		padding: 0 10px 0 10px;
}

.subtitle {
	float:left;
	margin:15px 0 0 0px;
	padding:10px;
	font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
	background-color: #ffffff;
	font-size: 36px;
	text-decoration: none;
	text-align: left;
	font-color: white;
	font-weight:bold;
	color: #000000;
	line-height:100%;
}

.wrapper {
width: 870px;
margin:0px 0 0 100px;
}

#container {
float: left;
margin:50px 0 0 0px;
width: 620px;
}

p {
font-family: Verdana, sans-serif;
font-size: 12px;
text-align: justify;
line-height: 1.5em;

color: #666;
}

p a {
	  color: #0b81c5;	
}
p a:hover {
	  color: #00a651;	
}

p::selection {
        background: #00a651;
		color: #ffffff;
}
p::-moz-selection {
        background: #00a651;
		color: #ffffff;
}

h2 {
	font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
	font-size: 30px;
	text-align: left;
	font-weight: bold;
	color: #000000;
}

h2 a {
   text-decoration: none;
   color: #000000;
}

h2 a:hover {
   text-decoration: none;
   color: #0b81c5;
}



.postmetadata {
	padding:10px 0 10 0px;

}

.postmetadata p {
	font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
	font-size: 14px;
	text-align: left;
	color: #666666;
	line-height:100%;
}

.postmetadata a {
	color: #0b81c5;
}

.entry p {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	text-align: justify;
	line-height: 1.5em;
	margin:20px 0 0 0px;
	color: #666666;	
}

.more-link {
	font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
	font-size: 12px;
	text-align: justify;
	line-height: 1.5em;
	font-weight:bold;
	color: #0b81c5;
}

.more-link a:hover {
	color: #ffffff;
}

.navigation {
	float:left;
	width:620px;
	max-height:32px;
	
}



.alignleft {
		float:left;
		width:230px;
		height:32px;
		background:url(images/previous.png) no-repeat 0px 0px;
		max-width:310px;
}

.alignleft:hover {
		background:url(images/previous.png) no-repeat 0px -32px;
}


.alignright {
	float:right;
	width:230px;
	height:32px;
	background:url(images/next.png) no-repeat;
	max-width:310px;
}

.alignright:hover {
	background:url(images/next.png) no-repeat 0px -32px;
}

.alignpostleft {
		float:left;
		width:230px;
		height:32px;
		background:url(images/previous.png) no-repeat 0px 0px;
		max-width:310px;
}

.alignpostleft:hover {
		background:url(images/previous.png) no-repeat 0px -32px;
}

.alignpostright {
	float:right;
	width:230px;
	height:32px;
	background:url(images/next.png) no-repeat;
	max-width:310px;
}

.alignpostright:hover {
	background:url(images/next.png) no-repeat 0px -32px;
}


.line {
	float:left; 
	width:620px; 
	height:1px; 
	font-size:0; 
	line-height:0; 
	background:#000000; 
	margin:30px 0px 30px 0px;
}

.sidebar{
float: left;
width: 210px;
margin: 50px 0 0 40px;
}

.linesidefirst {
	float:left;
	margin:30px 0 30px 0px;
	width:210px; 
	height:1px; 
	font-size:0; 
	line-height:0; 
	background:#000000; 
}


.about li {
	font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
	font-size: 16px;
	margin: 5px 0 5px 0;
	font-weight: bold;
	text-align: center;
	background:#000000;
	line-height:1.8em;
	list-style-type: none;
}

.about li a:hover {
	font-color: #000000;
}

.lineside {
	float:left;
	margin:30px 0 30px 0px;
	width:210px; 
	height:1px; 
	font-size:0; 
	line-height:0; 
	background:#000000; 
}

.category {
	float:left;
	margin:0px 0 0px 0px;
	width:210px; 
}

.category li a {
	font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
	font-size: 16px;
	text-align: left;
	color: #0b81c5;
	line-height:1.8em;
	list-style-type: none;
}

.catnames a:hover {
   text-decoration: none;
   color: #00a651;
}

h3 {
	font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
	margin:0px 0 10px 0px;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	color: #000000;
}

h3 a {
   text-decoration: none;
   color: #000000;
}

h3 a:hover {
   text-decoration: none;
   color: #00a651;
}

h4 {
	font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
	margin:20px 0 10px 0px;
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	color: #ffffff;
}

h4 span {
		background-color: #231f20;
		padding: 5px 5px 5px 5px;
}

h5 {
	font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
	margin:20px 0 10px 0px;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	color: #000000;
}

.post ul {
	list-style-type: square;
	margin: 20px;
}

.post li {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	text-align: justify;
	line-height: 1.5em;
	color: #666;
}

.post blockquote {
	margin: 20px 0 0 0px;
	background:url(images/blockqoute.png) no-repeat;	  
 }

.post blockquote p {
		font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
		font-size: 24px;
		font-weight: bold;
		color: #ffffff;
		line-height:100%;
		margin: 10px 5px 5px 80px;
		padding:5px;
}

.post blockquote span {
		padding:5px;
		background-color: #231f20;
		text-align:left;	  
 }


cite {
	text-align: right;
	font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
	font-size: 14px;
	font-weight: bold;
	background-color:#00a651;
	color: #ffffff;
	margin: 0px 5px 5px 0px;
	padding:5px;	
}


cite a {
	color: #FFFFFF;
}

cite a:hover {
	color: #0b81c5;
}

sup {
	font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
	height: 0;
	line-height: 1;
	position: relative;
	font-weight: bold;
	
}


ol.footnotes {
	font-family: Verdana, sans-serif;
	list-style-type: lower-greek;
	font-size: 10px;

}

ol.footnotes li {
		margin: 0 0 0 40px;
}

ol.footnotes p {
	font-family: Verdana, sans-serif;
	font-size: 10px;
}

img.article_image {  
	margin: 5px;
    text-align: center;
	display: block;  
    background: #ecebeb;  
    padding: 6px;  
    border: solid 1px #ecebeb;  
}

.ads {
	margin:10px 0 10px 0px;
}



.footer { 
float:left;
clear:both;
margin: 25px 0 0 0px;
	width:870px; 
background-color:#FFFFFF;
}

.line2 {
	float:left; 
	width:870px; 
	height:1px; 
	font-size:0; 
	line-height:0; 
	background:#000000; 
	position:absolute; 
	margin:0px 0 0 0px;
}

.copyright {
float:left;
max-width:450px;
margin:10px 0 0 0px;
font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
font-size: 14px;
text-decoration: none;
text-align: left;
font-weight: bold;
color: #666666;
}


/*Styles for JavaScript generated mailto link*/
.mailto a:link { color: #00a651; text-decoration: none;}
.mailto a:hover { color: #0b81c5; text-decoration: none;}


.corpsfooter {
	float:right;
	padding:15px;
	max-height: 110px;
}