/*
Theme Name: KNR Decorous
Description: An elegant theme with extensive use of white
Author: k_nitin_r
Author URI: http://www.nitinkatkam.com/
Theme URI: http://www.n4express.com/blog/?page_id=853
Version: 0.7
License: GNU General Public License
License URI: http://www.gnu.org/copyleft/gpl.html
Tags: flexible-width, white, gray, right-sidebar

Version History
0.4: Fixed PHP warning notice
0.3: Added styling for tables, handled other overflow related styling issues
0.2: Handled sub-menus
0.1: Initial release
*/

body {
	color: #777; /* was #999 */
	font-family: Arial;
	font-size: 10pt;
}

a {
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #f33;
	text-decoration: none;
}

h1#logo {
	font-size: 14pt;
}

a#logo_href {
	color: #666;
	text-decoration: none;
}

a#logo_href:hover {
	color: #f33;
	text-decoration: none;
}

ul.menu {
	/*text-overflow: hidden;
	border-bottom: solid 1px #666;
	min-height: 25px;*/
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

ul.menu li.menu-item {
	float: left;
	margin-right: 60px;
	padding-bottom: 5px;
	font-weight: bold;
}

ul.menu li.menu-item a {
	color: #999;
	text-decoration: none;
}

ul.menu li.menu-item a:hover {
	color: #f33;
}

ul.menu li.menu-item ul.sub-menu { display: none; }
ul.menu li.menu-item:hover ul.sub-menu { position: absolute; background-color: #eee; list-style: none; display: block; z-index: 1; }

div#body-wrapper {
	clear: left;
	border-top: solid 1px #ccc;
}

label.screen-reader-text[for~=s] { display: none; }
input#s[type~=text] { border: solid 1px #ccc; }
input#searchsubmit[type~=submit] {
	border: none;
	width: 16px; 
	height: 16px; 
	overflow: hidden; 
	text-indent: 20px;
	background: url(images/search-icon.png) no-repeat 0 0;
	line-height: 16px; /* Safari folks, this is for you */
	padding: 0;
	margin-left: -22px;	
}

ul#right-sidebar {
	margin-right: 0;
	padding-right: 0;
	list-style: none;
	position: absolute;
	right: 0;
	width: 180px;
}

ul#right-sidebar > li.widget {
	border-top: solid 4px #ccc;
	margin-bottom: 20px;
}

ul#right-sidebar > li.widget > h2.widgettitle {
	text-align: center;
	margin: 0 0 5px 0;
	padding-top: 5px;
	font-size: 10pt;
}

ul#right-sidebar > li.widget a {
	text-decoration: none;
}

ul#right-sidebar > li.widget ul {
	padding-left: 0;
	list-style: none;
}

ul#right-sidebar > li.widget_search {
	border-top: none;
}

ul#right-sidebar > li.widget_search > h2.widgettitle {
	margin: 0 0 5px 0;
}

h2.post-title {
	color: #666;
}

h2.post-title a {
	text-decoration: none;
}

p.post-categories a {
	color: #999;
	text-decoration: none;
}

p.post-categories a:hover {
	color: #f33;
	text-decoration: none;
}

p.post-tags a {
	color: #999;
	text-decoration: none;
}

p.post-tags a:hover {
	color: #f33;
	text-decoration: none;
}

.alignleft { float: left; margin-right: 5px; }
.alignright { float: right; margin-left: 5px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignnone { margin-left: 5px; margin-right: 5px; }

div.post-content a {
	color: #666;
	text-decoration: underline;
}

div.post-content a:hover {
	color: #f33;
	text-decoration: underline;
}

p.navlinks {
	text-align: center;
	clear: left;
}

ol.commentlist { /* Needed when paging comments */
	margin-top: 35px;
}

.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}

div.multi > div.post {
	overflow: hidden;
	width: 380px; /* 450px for 2 col under 1000 width; 330px for 3 col under 1220 width */
	float: left;
	padding-right: 10px;
}

@media screen and (device-width: 1024px) {
	div.multi > div.post {
		overflow: hidden;
		width: 380px; /* 450px for 2 col under 1000 width; 330px for 3 col under 1220 width */
		float: left;
		padding-right: 10px;
	}
}

@media screen and (device-width: 1280px) {
	div.multi > div.post {
		overflow: hidden;
		width: 380px; /* 450px for 2 col under 1000 width; 330px for 3 col under 1220 width */
		float: left;
		padding-left: 70px;
		padding-right: 70px;
		padding-bottom: 40px;
	}
}

div#posts-wrapper {
	margin-right: 180px;
}

div.post-content { overflow: hidden; }
div.end-post-content { clear: both; }
div.end-posts { clear: left; }

table > tbody > tr > th { padding: 8px; margin: 10px; border: 1px solid #ccc; background-color: #777; color: white; }
table > tbody > tr > td { padding: 8px; margin: 10px; border: 1px solid #ccc; }
table { border-collapse: collapse;  border-spacing: 0px; }

div#respond > form#commentform > p.comment-form-comment > label[for~=comment] { padding-right: 5px; vertical-align: top; }

h2#error-404 { text-align: center; }
p#error-404-message { width: 50%; margin: 0 auto; }
div.multi-odd { clear: left; }