@charset "utf-8";
/* CSS Document */
/*
Theme Name: Sean Akers RESPONSIVE Theme
Description: Custom Theme
Author: SeanAkers.com
General comments and license statement: this theme is exclusively the property of Sean Akers.  Use is by permission only.
*/


/* General
--------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,p,form,fieldset {margin:0;padding:0;}
.low {display:none;}

/* body
--------------------------------------------------*/

body {
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-weight:300;
  font-size:14px; 
  background: url(images/GopalBackground.jpg) top center no-repeat #fff;
  height:100%;
}

body#commentspopup {padding:0;}

/* headings
--------------------------------------------------*/
h1 { font-family: 'Source Sans Pro', arial, serif; font-size:30px; font-weight:300;}
h2 { font-family: 'Source Sans Pro', arial, serif; font-size:18px; font-weight:600; text-transform:uppercase;}
h3 { font-family: 'Source Sans Pro', arial, serif; font-size:17px; font-weight:300;}
h4 { font-family: 'Source Sans Pro', arial, serif; font-size:15px; font-weight:300; text-transform:uppercase;padding:9px 0 7px 0; }
h5 { font-family: 'Source Sans Pro', arial, serif; font-size:13px; font-weight:300;}

/* links */
a {	
   text-decoration:none; 
   color:#900;
   font-weight: normal; }
   
.hometitle {
	border-bottom:2px dashed #F40F12;
	font-weight:600;
	font-size:24px;
	margin:20px 0;
}

.title {
	font-size:36px;
}
/* paragraphs
--------------------------------------------------*/

p {
  margin:0;
  padding:0 0 9px 0;
  text-align:justify;
   }

strong {
	font-weight:600;
}

/* images
--------------------------------------------------*/
.alignleft {
  float:left;
  margin:0 0px 0 0; }

.alignright {
  float:right;
  margin:0 0 0 0px; }

.aligncenter {
  display: block;
  margin:0 auto; }
  
img{
	max-width:100%;
	width:auto;
	height:auto;
	border:none;
}

/* wrapper
--------------------------------------------------*/

#wrapper {
	width:1000px;
	margin-left: auto;
    margin-right: auto;
	background:#fff;
}

/* header
--------------------------------------------------*/

#header {
	width:100%;
	float:left;
	background:url(images/anandheaderbackground.jpg) bottom center no-repeat #000;
	min-height:180px;
	font-weight:600;
}

.headerleft {
	width:30%;
	float:left;
	padding:30px 0 10px 0;
	text-align:center;
	color:#fff;
	font-size:18px;
}

.headercenter {
	width:40%;
	float:left;
	padding:10px 0;
	text-align:center;
}

.headercenter a {
	color:#fff;
	text-transform:uppercase;
	font-size:42px;
	font-weight:300;
	letter-spacing:5px;
}

.headerright {
	width:30%;
	float:left;
	padding:30px 0 10px 0;
	text-align:center;
	color:#fff;
	font-size:18px;
}

#banner {
	width:100%;
	background:;
	float:left;
}


/* top navigation
--------------------------------------------------*/

#navigation {
	width:100%;
	padding: 10px 0;
	font-size: 18px;
	color:#fff;
	overflow:hidden;
	float:left;
	border-bottom:2px dashed #F40F12;
}


#navigation h3 { font-family: 'Source Sans Pro', arial, serif; font-size:14px; font-weight:300;}

#navigation ul {
  margin:0;
  padding:0; 
}

#navigation .page_item {
  float:left;
  margin:0;
  padding:0;
  list-style-type:none;
  border-right:0px solid;
  white-space:nowrap; 
  width:10.5%;
  padding:5px 1%;
}

#navigation .page_item a {
  display:block;
  text-align:center;
  color:#fff;
  text-transform:uppercase;
}
  
#navigation .page_item a:hover { 
	color:#Ffc; 
}

#navigation .current_page_item a { 
	color:#F40F12; 
}

#navigation .current_page_item a:hover { 
	color:#ffc;
}

/* content
--------------------------------------------------*/

#content {
	float:left;
	width:95%;
	padding:10px 2.5%;
	min-height:700px;
}
	
#content img {
	border:none;
}

/* blog entries
--------------------------------------------------*/

#entries {
	width: 58%;
    padding:5px 2%;
    min-height: 250px;
	float: left;
}

.blogentry {
	width:100%;
	min-height:200px;
	padding:0 0 10px 0;
	float:left;
}

.blogentry h3 {
	font-size:20px;
}
.blogentry h4 {
	border-bottom:1px solid #ccc;
	padding:5px 0;
	margin:5px 0;
}

.blogtext p {
}

.publication a{
	color:#F68700;
	letter-spacing:5px;
}


#spacer {
	width:100%;
    height: 25px;
}

.entry {}

.entry img {
	border:0;
	padding: 10px;
}

/* columns
--------------------------------------------------*/
.holder {
	width:100%;
	float:left;
}

.full {
	width:90%;
	padding:0 5%;
	min-height:250px;
	float:left;
}

.half {
	width:45%;
	padding:0 2.5%;
	min-height:250px;
	float:left;
}
	
.third {
	width:28%;
	padding:0 2.5%;
	min-height:250px;
	float:left;
}

.twothirds {
	width:61%;
	padding:0 2.5%;
	min-height:250px;
	float:left;
}

.quarter {
	width:20%;
	padding:0 2.5%;
	float:left;
}

.threequarters {
	width:70%;
	padding:0 2.5%;
	float:left;
}

.fifth {
	width:16%;
	padding:0 2%;
	float:left;
}



/* sidebar
--------------------------------------------------*/
#sidebar {
	width: 34%;
	padding: 0px 2%;
	float: right;
}

.widgetContainer {
	padding:0 0 20px 0;
}

.widget_search .screen-reader-text {
	display:none;
}

.widget {
	padding-bottom:10px;
}

.widget {
	list-style:none;
}


/* footer
--------------------------------------------------*/
#footer {
	width:100%;
	background:url(images/anandfooterbackground.jpg) top center no-repeat #000;
	color:#fff;
	min-height:50px;
	padding:50px 0 0 0;
	text-align:center;
}

#footer a {
	color:#ffc;
}

#footer a:hover {
	text-decoration:underline;
}

/* additions
--------------------------------------------------*/

div.clear {
	clear: both;
}

.liner {
	height:1px;
	width:100%;
	background:#000;
}

a.button {
	width:200px;
	padding:5px 10px;
	margin:5px 0; 
	text-align:center;
	background:#000;
	border:1px solid #000;
}

a.button hover {
	background:#fff;
	border:1px solid #000;
	color:#000;
}

.reddots {
	border-bottom:2px dashed #F40F12;
	width:100%;
	margin:10px 0 0 0;
	float:left;
}

.sales {
	width:10%;
	padding:10px 1%;
	float:left;
}

.salesbook {
	width:46%;
	padding:10px 2%;
	float:left;
}

/* go responsive
--------------------------------------------------*/
@media screen and (max-width:480px) {
#wrapper {
		width:100%;
		float:left;
	}
	
.half, .third, .twothirds,.quarter, .threequarters, .fifth, #entries, #sidebar {
	width:96%;
	padding:0 2%;
	float:left;
}

#navigation .page_item {
  float:left;
  margin:0;
  padding:0;
  list-style-type:none;
  border-right:0px solid;
  white-space:nowrap; 
  width:45%;
  padding:5px 2.5%;
}


}

@media screen and (max-width:770px) and (min-width:481px) {
#wrapper {
		width:100%;
		float:left;
	}

.quarter, .threequarters, .fifth, #entries, #sidebar {	
	width:46%;
	padding:0 2%;
	float:left;
}

#navigation .page_item {
  float:left;
  margin:0;
  padding:0;
  list-style-type:none;
  border-right:0px solid;
  white-space:nowrap; 
  width:21%;
  padding:5px 2%;
}


}