/*

	Theme Name:		Shanmugan
	Version:		0.1
	Author:			Your Neighbours
	Author URI:		http://yourneighbours.de

*/

/* GOBAL STYLES */

* { 
	padding: 0px;
	margin: 0px;
}

body {
	background: #fffffa url('img/top_bg.gif') top left repeat-x scroll;
	color: #333;
	font: 57.5%;
	text-align: left;
	font-family: Georgia, serif;
}

a {
	color: #0066cc;
}
	a:visited {
		color: #0066cc;
	}

	a:hover {
		color: #0066cc;
		text-decoration: underline;
	}

	a img {
		border: none;
	}

.left {
	position: relative;
	float: left;
}

.right {
	position: relative;
	float: right;
}

.alignright {
	float: right;
}

img.alignright {
	margin-left: 8px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.clearboth {
	clear: both;
}

.clearnone {
	clear: none;
}

blockquote {
	font-style: italic;
	color: #666;
	line-height: 1.5;
	background: url('img/p_quote.gif') 0px 5px no-repeat;
	margin-top: 5px;
	padding-left: 60px;
}

.entry p {
	margin-bottom: 30px;
}

p.center {
	text-align: center !important;
}

p.bottom {
	margin: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

h6, h6 a, h6 a:hover {
	color: #0066cc !important;
	font-size: 1em;
	padding: 5px;
}

h1 a, h2 a, h3 a, h4 a {
	text-decoration: none;
}

h1 {
	font-size: 3.5em;
	letter-spacing: -0.03em;
	color: #333333;
}
	
h2 {
	font-size: 2.1em;
	color: #333333;
	line-height: 1.5;
	margin: 0px 0px 5px 0px;
}

.blogtitle h2 a, .pagetitle h2 a {
	color: #333333 !important;
}

h3 {
	font-size: 1.4em;
	color: #333333;
}

h4 {
	font-size: 1.5em;
	color: #333333;
}

h5 {
	font-size: 0.9em;
	color: #333333;
}

/* ------ Main grid styles ------ */

#wrapper {
	width: 960px;
	margin: 0px auto 0 auto;
}

#header {
	width: 960px;
	height: 236px;
	margin: auto;
}

	#logo {
		height: 172px;
		width: 425px;
		vertical-align: bottom;
		text-indent: -3000px;
		background: url('img/logo.png') top left no-repeat;
		margin-top: 63px;
		position: relative;
		float: left;
	}

	#logo a {
		height: 172px;
		width: 425px;
		display: block;
	}

	#mugshot {
		height: 236px;
		width: 400px;
		background: url('img/mugshot.png') bottom right no-repeat;
		text-align: left;
		color: #333;
		padding-left: 135px;
		position: relative;
		float: left;
	}

	#mugshot span {
		position: absolute;
		top: 55px;
		color: #0066cc;
		width: 190px;
		line-height: 1.5;
	}

	#mugshot span a, #mugshot span a:hover {
		text-decoration: none;
	}

	#mugshot small {
		display: block;
		margin-top: 173px;
		text-transform: uppercase;
		font-size: 0.75em;
	}

	#navigation {
		border-top: 1px solid #ababab;
		width: 100%;
		position: relative;
		float: left;
		margin-bottom: 40px;
	}

	#menu {
		width: 960px;
		margin: auto;
	}

	#menu li a, #menu li a:visited {
		color: #666;
		text-decoration: none;
	}

	#menu li a:hover {
		text-decoration: none;
	}

	#menu li {
		list-style: 			none;
		height: 				37px;
		position: 				relative;
		display: 				block;
		float:					left;
		padding:				0px 15px;
		text-transform: 		uppercase;
		font-size:				1em;
		line-height:			2.5em;
	}

	#menu li.current_page_item {
		border-left:			1px solid #bdbdbd;
		border-right:			1px solid #bdbdbd;
		border-bottom:			1px solid #bdbdbd;
	}

	#menu li:hover {
		background: #f5f5f5;
	}


#search {
	width: 235px;
	height: 16px;
	margin-top: 1px;
}

	#search input[type="text"] {
		font-family: Arial, Sans-Serif;
		font-size: 13px;
		display: block;
		border: 0px;
		border-bottom: 1px solid #ababab;
		width: 170px;
		margin-right: 3px;
		padding-left: 3px;
	}

#contentwrapper {
	float: left;
	position: relative;
	width: 700px;
	height: auto;
	padding: 0px 20px 0px 0px;
	background: url('img/sidebar.gif') right top repeat-y;
	margin-bottom: 130px;
}

#sidebar {
	width: 224px;
	height: auto;
	float: left;
	position: relative;
	font-size: 1em;
	line-height: 1.3;
	padding: 0px 0px 0px 15px;
	list-style-type: none;
}

li.widget {
	background: url('img/side_deco.gif') left bottom no-repeat;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#sidebar p {
	margin: 10px 0px;
	line-height: 1.4;
}

.aboutblock a {
	line-height: 2;
}

.firstpost .entrybody {
	height: 414px;
}

.categorydescription {
	margin-top: 0px;
	margin-bottom: 30px;
}

		.comment_flag_single {
			margin: 0px;
			background: #00aeef;
			text-decoration: none;
			color: #fff;
			font-family: Arial, Helvetica, sans-serif;
			font-size: .9em;
			font-weight: bold;
			padding: 5px;
		}

		.navposts {
			width: 42%;
		}

		.navposts a {
			display: block;
			padding-top: 2px;
			color: #0066cc !important;
		}

		.navposts a:hover {
			text-decoration: underline;
		}

		.textright {
			text-align: right;
		}

/* ----[ Blogposts / entry ]---- */
	.entry {
		margin-bottom: 35px;
		float: left;
	}

	.single .entrytitle {
		border-bottom: 1px solid #ccc;
	}

	.single .entrytitle h3 {
		margin-bottom: 10px;
	}

	.single .entrydetails {
		margin-top: 5px;
	}

	.single .entrydetails span {
		padding-top: 3px;
		float: left;
	}

	.linkupdate {
		border-top: 1px solid #0066cc;
		border-bottom: 1px solid #0066cc;
		width: 100%;
		color: #bdbdbd;
	}

	.linkupdate .entrytitle {
		margin-bottom: 0px !important;
	}

	.linkupdateh3, .linkupdateh3 a {
		color: #0066cc !important;
		text-decoration: none;
		font-size: 80%;
		margin-top: 5px;
		margin-bottom: 0px;
	}

	.linkupdateh3 a:hover {
		text-decoration: underline;
	}

	.entryfooter {
		border-top: 1px solid #bdbdbd;
		border-bottom: 1px solid #bdbdbd;
		height: 30px;
		float: left;
		line-height: 1.9;
		font-size: 90%;
		color: #bdbdbd;
		width: 100%;
		margin-top: 20px;
	}

	.entryfooter a {
		color: #bdbdbd;
		text-decoration: none;
	}

	.entryfooter a:hover, .readmorelink a:hover, .entrydetails a:hover, .entrytitle a:hover {
		text-decoration: underline;
	}

	.entrydetails {
		width: 100%;
		float: left;
		color: #666;
		margin-bottom: 15px;
		font-size: 85%;
	}

	.entrydetails a {
		text-decoration: none;
	}

	.entrytitle {
		width: 100%;
		float: left;
		margin-bottom: 5px;
	}

	.entrytitle h3 {
		font-size: 190%;
		line-height: 1.3;
	}

	.entrytitle a {
		color: #333;
	}

	.entrytags {
		float: left;
		width: 84%;
	}

	.entrynavigation {
		width: 100%;
		float: left;
	}

	.sharethiswrapper {
		width: 110px;
		margin: auto;
		display: block;
		padding-top: 3px;
		text-align: center;
	}

	.entrybody ul {
		clear: both;
		float: left;
		margin-left: 30px;
	}

	.navposts {
		text-transform: uppercase;
	}

	.firstpost .entrytags {
		width: 76% !important;
	}

	.readmorelink {
		border-left: 1px solid #bdbdbd;
		float: left;
		height: 100%;
		padding: 0px 10px;
		line-height: 2.1;
		text-transform: uppercase;
		color: #0066CC;
	}

	.readmorelink a {
		color: #0066CC;
		text-decoration: none;
	}

.commentlist {
	border-top: 1px solid #ccc;
	font-size: 90%;
	list-style-type: none;
}


.commentlist .comment {
	float: left;
	position: relative;
	clear: both;
	border-bottom: 1px solid #ccc;
	width: 100%;
}

.commentlist .avatar {
	padding: 20px 20px 0px 20px;
	position: relative;
	float: left;
	clear: both;
}

.bypostauthor {
	background: #f5f5f5;
}

.commentauthor {
	padding-top: 15px;
	color: #666;
}

.commenttext {
	padding: 0px 20px;

}

ul.sidebar_list { 
	list-style: none;
}

li.widget h2 {
	font-size: 1.4em;
}

ul.sidebar_list a {
	text-decoration: none;
}


#ss-form label {
	display: block;
	width: 180px;
	float: left;
	text-align: right;
	padding: 5px;
}

#ss-form input {
	margin: 5px;
	padding: 1px;
}




#footerwrapper {
	width: 100%;
	height: auto;
	padding-top: 40px;
	background: #f5f5f5;
	clear: both;
}

#footer {
	width: 960px;
	margin: auto;
	height: auto;
}

#footerlinks {
	border-top: 1px solid #999999;
	padding: 15px 10px;
	width: 940px;
	margin: auto;
	font-size: 0.9em;
	padding-bottom: 150px;
}

#footer a, #footerlinks a, #syndication a {
	color: #333;
	text-decoration: none;
}

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

#networkslist {
	width: 176px;
	height: auto;
}

	#networkslist ul, #syndication ul {
		list-style-type: none;
		margin: 20px 0px;
	}

	#networkslist li, #syndication li {
		padding: 5px 0px;
	}

	#networkslist li img, #syndication li img {
		margin-right: 8px;
		margin-bottom: -3px;
	}

#deliciouslist, #twitterlist {
	width: 319px;
	color: #666;
}

	#deliciouslist ul, #twitterlist ul {
		margin: 20px 0px 80px 15px;
	}

	#deliciouslist li, #twitterlist li {
		width: 260px;
		line-height: 1;
		margin-bottom: 10px;
	}

	#deliciouslist li a, #deliciouslist li a:hover, #twitterlist li a, #twitterlist li a:hover {
		color: #0066cc;
	}

.widget_categories ul, .widget_recent_entries ul {
	list-style-type: disc;
	padding-left: 15px;
	padding-bottom: 15px;
}

.widget_categories li a, .widget_recent_entries li a {
	text-decoration: none;
	color: #0066cc;
}

widget_categories li a:hover, .widget_recent_entries li a:hover, .widget_categories li a:hover, .inlineblockfront a:hover, .entrybody a:hover, .aboutblock a:hover {
	text-decoration: underline;
}

.firstpost {
	width: 450px;
	margin-right: 30px;
}

.inlineblockfront a, .entrybody a, .aboutblock a {
	text-decoration: none;
}

#popularposts, #featuredposts {
	float: left;
	width: 220px;
	margin-bottom: 25px;
}

#single_inlineblock {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	margin-top: 70px;
}

#single_inlineblock fieldset {
	border: 1px solid #bdbdbd;
	height: auto;
}


#popularposts fieldset, #featuredposts fieldset {
	border: 1px solid #bdbdbd;
	height: 219px;
}

.inlineblockfront legend {
	color: #666;
	text-transform: uppercase;
	font-size: 90%;
	margin-left: 10px;
	padding: 0px 7px;
}

.inlineblockfront ul {
	margin: 10px 10px 20px 10px;
}

.inlineblockfront li {
	font-size: 90%;
	margin: 0px 0px 15px 20px;
}

.lastblock {
	margin-bottom: 35px;
}

.wp-pagenavi {
	width: 100%;
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
	float: left;
	clear: both;
	height: 30px;
	line-height: 1.9;
	margin-top: 60px;
	font-size: 90%;
	text-align: center;
}

.comment-author {
	width: 100%;
	display: block;
	background: #000;
	color: #fff;
	padding: 3px 0px 3px 3px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal !important;
	margin-bottom: 10px;
}

.comment-author a, .fn {
	font-style: normal !important;
	color: #fff;
	text-decoration: none;
}

.commenttime {
	padding: 3px;
}

.commentwrapper {
	margin-bottom: 30px;
	line-height: 1.5;
}



/*---:[ comment form styles ]:---*/

#respond {
	clear: both;
	padding-top: 60px;
}

	#respond p {
		padding: 0.6em 0;
	}
	
#comment_form {
	width: 100%;
	margin: 0px;
	padding: 1.0em 0;
	float: left;
	clear: both;
} 

.formlabel {
	clear: both;
	width: 100%;
	font-size: 85%;
	padding: 4px 0px;
	float: left;
}

.forminput {
	clear: both;
	width: 100%;
	float: left;
}




	.add-comment { padding: 0.3em 0 0.6em 0; border-bottom: 1px solid #CCC; }
	
		.add-comment label { float: left; width: 120px; font: bold 1.2em Constantia, Calibri, Helvetica, Georgia, serif; line-height: 1.2em; }
		
		.add-comment .text_input { width: 367px; padding: 3px ; color: #444; font: normal 1.1em Helvetica, Georgia, Times, serif; margin: 0 0 0 5px; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
	
	#comment_form p { padding: 0.6em 0; }
	
		#comment_form2 .text_input { width: 352px; padding: 0 3px ; color: #444; font: normal 1.2em Helvetica, Georgia, Times, serif; margin: 0 0 0 99px; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
		
		#comment_form .text_area { width: 367px !important; }
	
			#comment_form .text_input:focus { border-top: 2px solid #666; border-left: 2px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	
		#comment_form .form_submit { padding: 0.3em; background: #C3C3C3; border: 1px solid #000; font: bold 1.4em Constantia, Calibri, Helvetica, Georgia, serif; font-variant: small-caps; cursor: pointer; float: right; }
		
		#comment_form p.subscribe-to-comments { font-size: 1.4em; }
		
			#comment_form p.subscribe-to-comments label { font-size: 1.0em; }


	.forminput input { 
		width: 300px;
		margin: 0 0 10px;
		padding: 3px;
		color: #333;
		font: normal 1.0em Georgia, "Times New Roman", Times, serif;
		border: 1px solid #bdbdbd;
		background: #fffffa;
	}

	.forminput textarea {
		margin: 0 0 10px;
		padding: 3px;
		color: #333;
		font: normal 1.0em Georgia, "Times New Roman", Times, serif;
		border: 1px solid #bdbdbd;
		background: #fffffa;
	}

	.spansubmit {
		display: block;
		float:left;
		margin-top: -11px;
	}

	.categorypagefooter {
		margin-top: 0px !important;
	}


/*---:[ search form styles ]:---*/

	#searchform {
		height: 37px;
	}

	#s, #email_subscribe .email_input { 
		width: 149px;
		margin: 0 0 10px;
		padding: 3px;
		color: #333;
		font: normal 1.0em Georgia, "Times New Roman", Times, serif;
		border: 1px solid #bdbdbd;
		background: #fffffa;
	}

	li.widget .search_input { font-size: 1.1em !important; }
	#s:focus, #email_subscribe .email_input:focus { border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }


#post-11 .entrybody div {
	margin-bottom: 20px;
}

#post-11 .entrybody ul li {
	margin-bottom: 4px;
}