/*
Theme Name: prakash
Author: BWD
Description: A theme for Prakash Loungani
Version: 1.0
*/

html, body
{
	margin : 0px;
	padding : 0px;

	font-family : Arial,Tahoma,Helvetica,FreeSans,sans-serif;

	color : #222222; /* Black */

	background : url("images/site_bkgd.png") top center repeat-y;
}

a
{
	text-decoration : none;

	color : #C61; /* Orange */
}

.clear
{
	width : 0px;
	height : 0px;

	clear : both;
}

#site_container
{
	max-width : 950px;
	width : 100%;

	margin : 0px auto;

	background : white;
}

#header_container
{
	border-top : 10px solid white;
	border-left : 10px solid white;
	border-right : 10px solid white;

	margin-bottom : 30px;
}

#page_title_container_basic
{
	height : 149px;

	background : url("images/header_bkgd_blue.png") repeat-x;
}

#page_title_container_landing
{
	height : 149px;
}

#page_title_subcontainer
{
	max-width : 168px;
	width : 100%;
	height : 149px;

	background : url("images/title_bkgd.png") bottom right;

	float : left;

	position : relative;
	z-index : 100;
}

#page_title_subcontainer h1
{
	font-family : 'Oswald';

	font-size : 24px;

	font-weight : 100;

	text-transform : uppercase;

	text-align : center;
}

#landing_image_container
{
	max-width : 762px;
	width : 100%;

	float : right;

	background : url("images/header_bkgd_blue.png") repeat-x;

	overflow : hidden;
}

#landing_image_container img
{
	float : right;
}

#landing_subtitle_container
{
	max-width : 762px;
	width : 100%;

	float : right;

	margin-top : -149px;

	position : relative;
	z-index : 100;
}

#landing_subtitle_container h2
{
	margin : 37px 0px 0px 0px;

	padding : 0px 35px;

	font-family : 'Oswald';

	font-size : 50px;

	text-transform : uppercase;

	color : white;
}

#page_title_container_basic h1
{
	margin : 0px;
	padding : 22px 30px;

	color : white;

	font-size : 60px;
	font-weight : 500;

	text-shadow : 1px 2px 3px rgba(0, 0, 0, 0.2);
}

#page_title_container_basic h1 a
{
	color : white;

	text-decoration : none;
}

#nav_container
{
	height : 34px;

	background : url("images/nav_bkgd.png") repeat-x;

	border-bottom : 1px solid #EEEEEE; /* Gray */
}

#nav_container ul
{
	height : 34px;

	padding : 0px;
	margin : 0px;

	list-style-type : none;
}

#nav_container li
{
	height : 34px;

	float : left;

	position : relative;
}

#nav_container a
{
	display : block;

	padding : 8.5px 14px;

	border-left : 1px solid #FFFFFF; /* Gray */
	border-right : 1px solid #EEEEEE; /* Gray */

	color : #999999; /* Gray */

	font-size : 14px;

	text-decoration : none;
}

#nav_container a:hover, #nav_container a.active
{
	color : black;

	background-color : #EEEEEE; /* Gray */
}

#mobile_nav_container
{
	display : none;

	width : 100%;

	background : #F6F6F6; /* Light gray */
}

#mobile_nav_container ul
{
	display : none;

	width : 100%;

	margin : 0px;
	padding : 0px;

	list-style-type : none;
}

#mobile_nav_container a
{
	display : block;

	width : auto;

	padding : 8px 0px 8px 30px;

	color : #999999; /* Gray */
}

#mobile_nav_container a:hover, #mobile_nav_container a.active
{
	color : black;

	background-color : #EEEEEE; /* Gray */
}

#mobile_nav_container a#pull
{
	border-bottom : 1px solid #EEEEEE; /* Gray */
}

#highlighted_container
{
	min-height : 106px;

	margin : -19px 10px 27px 10px;
}

.highlighted_box
{
	max-width : 224px;
	width : 100%;

	height : 106px;

	margin-right : 11.33px;

	float : left;

	background : #C61; /* Orange */
}

#highlighted_container a:nth-child(4) .highlighted_box
{
	margin-right : 0px;
}

.highlighted_box img
{
	max-width : 224px;
	width : 100%;

	max-height : 106px;
	height : 100%;
}

.highlighted_box h3
{
	margin : -40px 0px 0px 0px;

	font-family : 'Oswald';

	font-size : 16px;

	text-transform : uppercase;

	text-align : center;

	color : white;
}

#content_container
{
	max-width : 644px;
	width : 100%;

	float : left;

	padding : 0px 38px;

	border-right : 1px solid #EEE; /* Gray */
}

.post_container .post_date
{
	margin : 27px 0px 11px 0px;

	font-size : 11px;
	font-weight : bold;
}

.post_container:first-child .post_date
{
	margin-top : 0px;
}

h3.post_title
{
	margin : 16.5px 0px 16.5px 0px;

	font-size : 22px;
	font-weight : 400;
}

h3.post_title a
{
	color : #C61; /* Orange */

	text-decoration : none;
}

.post_body_container
{
	font-size : 13px;

	line-height : 1.4;
}

.post_body_container .the_excerpt
{
	display : none;
}

.post_body_container img
{
	max-width : 90%;

	height : auto;

	padding : 5px;

	border : 1px solid #EEE; /* Gray */

	box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.1);
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.post_details_container
{
	margin : 0px -2px 0px -2px;

	padding : 5px 10px;

	border-bottom : 1px solid #EEE; /* Gray */

	background-color : #F9F9F9; /* Light gray */

	color : #666; /* Gray */

	line-height : 1.6;

	font-size : 11px;
}

.post_details_container p
{
	margin : 0px;
}

.social_buttons_container
{
	margin : 3px 0px;
}

#post_pager_container
{
	margin : 28px 0px 12px 0px;

	text-align : center;

	font-size : 12px;
}

#post_pager_container #previous_posts
{
	float : left;
}

#post_pager_container #next_posts
{
	float : right;
}

#content_container #subscribe
{
	font-size : 12px;
}

#category_message_container
{
	max-width : 581px;
	width : 100%;

	background-color : #EFEFEF; /* Light gray */

	border : 1px solid #999999; /* Mid gray */

	margin : 10px auto;

	text-align : center;

	font-size : 13px;
}

#category_message_container p
{
	margin : 7px 30px;
}

#sidebar_container
{
	max-width : 160px;
	width : 100%;

	padding : 0px 34.5px;

	float : right;

	line-height : 1.2;

	font-size : 12px;
}

#sidebar_container h2
{
	color : black;

	font-size : 11px;

	text-transform : uppercase;
}

#sidebar_container ul
{
	padding : 0px;
}

#sidebar_container li
{
	padding : 3px 0px;
}

/* jQuery Archive List Widget styles */

#sidebar_container .jaw_widget, #sidebar_container .jaw_widget ul
{
	list-style-type : none;
}

#sidebar_container .jaw_widget ul
{
	padding-left : 15px;
}

#sidebar_container .jaw_years, #sidebar_container .jaw_months
{
	padding : 0px;
}

#footer_container
{
	width : 100%;

	padding : 90px 0px 41px 0px;
}

#footer_container p
{
	font-size : 12px;

	margin : 0px;

	text-align : center;
}

#footer_background
{
	height : 41px;

	background : url("images/footer_bkgd.png") center no-repeat;
}

@media screen and (max-width : 1000px)
{

	#page_title_container_basic
	{
		height : 125px;
	}

	#page_title_container_basic h1
	{
		padding : 15px 30px
	}

	#highlighted_container
	{
		max-width : 459.33px;
		width : 100%;

		margin-left : auto;
		margin-right : auto;
	}

	.highlighted_box
	{
		margin-bottom : 25px;
	}

	#highlighted_container a:nth-child(2) .highlighted_box
	{
		margin-right : 0px;
	}

	#nav_container
	{
		display : none;
	}

	#mobile_nav_container
	{
		display : block;
	}

	#content_container
	{
		max-width : none;
		width : auto;

		float : none;
	}

	#sidebar_container
	{
		max-width : none;
		width : auto;

		float : none;

		padding : 20px 50px 0px 50px;
	}

	#footer_container
	{
		padding : 40px 0px;
	}

	#footer_background
	{
		display : none;
	}
}

@media screen and (max-width : 972px)
{
	#landing_image_container
	{
		max-width : 747px;
	}
}

@media screen and (max-width : 950px)
{
	#header_container
	{
		border : none;
	}

	#page_title_subcontainer
	{
		max-width : none;

		height : auto;

		background : none;

		float : none;
	}

	#landing_image_container
	{
		max-width : 950px;

		margin-top : 0px;
	}

	#landing_image_container img
	{
		width : 100%;

		height : auto;
	}

	#landing_subtitle_container
	{
		max-width : 950px;
	}
}

@media screen and (max-width : 860px)
{
	#page_title_container_basic h1
	{
		font-size : 45px;
	}
}

@media screen and (max-width : 800px)
{
	#landing_subtitle_container
	{
		margin-top : -125px;
	}

	#landing_subtitle_container h2
	{
		font-size : 35px;
	}
}

@media screen and (max-width : 750px)
{
	.postlisting .post_body_container .the_content
	{
		display : none;
	}

	.post_body_container .the_excerpt
	{
		display : block;
	}
}

@media screen and (max-width : 700px)
{
	#landing_image_container img
	{
		width : auto;

		max-height : 112px;
	}
}

@media screen and (max-width : 630px)
{
	#page_title_container_basic
	{
		height : auto;
		min-height : 81px;
	}

	#highlighted_container
	{
		max-width : 224px;
	}
}

@media screen and (max-width : 470px)
{
	#page_title_container_basic h1
	{
		font-size : 25px;
	}

	#mobile_nav_container
	{
		font-size : 14px;
	}

	#landing_subtitle_container
	{
		margin-top : -110px;
	}

	#landing_subtitle_container h2
	{
		margin : 0px;
	}
}