/*  
Theme Name: PanjPani
*/


/* GLOBAL SETTINGS 
############################################################################################################################# */
@charset "utf-8";
* { margin: 0; padding: 0; }
html, body { border:0; margin:0; padding:0;}
body { font: normal 12px Arial, Helvetica, sans-serif; background: #9a9282; }

/* Links
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
a, a:link, a:visited, a:hover {}
a:link { text-decoration: none; color : #820202; font-weight: bold; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: none; color : #820202; font-weight: bold; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #820202; font-weight: bold; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: none; color : #000033; font-weight: bold; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}
 
/* Forms 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
input, button, textarea, select { font: normal 12px/12px 'Arial', sans-serif; color:#2d3538; vertical-align: middle; }
form { margin:0; padding:0; display:inline; }
input, select, textarea { font:1em Arial, Helvetica, sans-serif; }
textarea { width:100%; line-height:1.25; }
label { cursor:pointer; }
 
/* Headings 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif;}

 
/* Common Formatting 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
ul, ol, li { list-style: none; list-style-type: none; padding: 0px; margin: 0px;}
blockquote { margin:1.25em; padding:1.25em 1.25em 0 1.25em; }
small { font-size:0.85em; }
img { border: none; }
sup { position:relative; bottom:0.3em; vertical-align:baseline; }
sub { position:relative; bottom:-0.2em; vertical-align:baseline; }
acronym, abbr { cursor:help; letter-spacing: 1px; border-bottom: 1px dashed; }
legend { display: none; padding: 0px; margin: 0px;}
fieldset { border: none; padding: 0px; margin: 0px;}
hr { display: none; }
 
 /* Tables 
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
table { border:0; margin:0 0 1.25em 0; padding:0; border-collapse: collapse; width: 100%; }
table tr td { padding:2px; }
  
  
  
/* GLOBAL CLASSES 
############################################################################################################################# */
  
/* Header 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#head { 
	width: 988px;
	background: #fff;
	border-right: solid 1px #5f533a;
	border-bottom: solid 1px #5f533a;
	border-left: solid 1px #5f533a;
	height: 90px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}


.logo-txt { padding: 0px; margin: 5px 0px 0px 0px;}
.logo-txt h1 { float: left; padding: 0px; margin: 0px; color: #333; font: bold 50px/50px 'Arial Black'; margin-right: 15px;}
.logo-txt h1 a, .logo-txt h1 a:visited, .logo-txt h1 a:hover  { color: #750101; text-decoration: none; text-transform: lowercase;}
.logo-txt .date { padding-top: 5px;}
.logo-txt .date span.day { font: normal 21px/19px 'Arial'; display: block; text-transform: uppercase; letter-spacing: -1px; color:#4F4F4F;}
.logo-txt .date span.time { font: normal 11px/10px 'Arial'; color:#999; }


.logo-img { padding: 0px 0px 15px 7px;}
.logo-img img { float: left; margin-right: 15px; }
.logo-img .date { padding-top: 15px;}
.logo-img .date span.day { font: normal 21px/19px 'Arial'; display: block; text-transform: uppercase; letter-spacing: -1px;}
.logo-img .date span.time { font: normal 11px/10px 'Arial'; color:#999; }


/* Container 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#container-all { 
	width:968px;
	margin:6px auto;
	background: #e7e7e7 url(images/bg-top.gif) top repeat-x;
	border: solid 1px #5f533a;
	padding: 0px 10px 6px 10px;
	overflow: hidden;
}
#container { 
	background:#fff;
	border: dotted 1px #bab89f;
	float:left;
}
#warp { background:#fff url(images/bg-container.jpg) repeat-y left; float: left;}


/* Sidebars
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s1 { width:140px; float: left; padding: 10px; color:#fff;}
.s2 { width: 314px; float: left; padding: 15px 0 0 0; color:#666;}
.sc { float: left; width: 465px; margin: 10px 13px 0px 13px; }

/* Footer
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#footer { padding: 10px 10px 10px 0px; float: left;}



/* INDIVIDUAL CLASSES 
############################################################################################################################# */

/* Subheader 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.search { position: absolute; top: 10px; right: 0px; width: 294px; padding: 10px;}
.search input { float: left; margin-right: 4px; background: url(images/search-input.png) no-repeat; border: none; padding: 6px 5px; }
.search button { float: left; background: url(images/search-button.png) no-repeat; width: 58px; height: 26px; border: none; cursor: pointer; text-indent: -1000em; }


/* Subheader 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.subheader { background: #4F4F4F; position: relative; overflow: hidden; padding: 10px 10px; margin-bottom: 10px; width: 947px; float: left;}
.menu li { display: inline; font: bold 14px/14px 'Arial'; letter-spacing: -1px; border-right: solid 1px #b0b0b0; padding: 0px 7px; float: left;}
.menu li a, .menu li a:visited { color:#fff; }
.menu li a:hover { color:#fff; text-decoration: none;}
.menu .current_page_item a, .menu .current_page_item a:visited { color:#317dc9;}

.syn { position: absolute; top: 17px; left: 640px;}
.syn li { display: inline; }
.syn li a, .syn li a:visited, .syn li a:hover { font-size: 11px; color:#7e7e9b; font-weight: bold;}
.syn .feed { background: url(images/syn-feed-ico.png) no-repeat left 0px; padding: 6px 0px 6px 32px; margin-right: 10px; line-height: 25px; }
.syn .email { background: url(images/syn-mail-ico.png) no-repeat left 0px; padding: 6px 0px 6px 32px; }

.title { font: normal 28px/27px 'Arial'; letter-spacing: -1px; color:#000033; padding: 10px 0px; }


/* Top Menu Begin */
#nav-menu ul { margin:0; padding:10px 0 0 5px; clear:both; width: 980px; margin:0 auto;}
#nav-menu li { float:left; display:inline; color: #820202; }
#nav-menu ul li a { color: #820202; display:block; margin:0; padding:0 50px 13px 0px;}
#nav-menu a span {color: #7F7F7F;}
#nav-menu a:hover span {color:#4a4949;}
#nav-menu h2.long {padding-bottom: 14px; cursor:hand;}

#nav li ul li a{
	background: #464637;
	padding: 4px 5px 5px 10px;
	margin: 0 0 0 -10px; 
	text-transform:capitalize;
	border-right: 1px solid #291f1b;
	border-bottom: 1px dotted #291f1b;
	border-left: 1px solid #291f1b;
	color: #fff;
}

#nav li ul li a:hover{ text-decoration:none; background: #5b5b4b;}
#nav li ul{ margin:-10px 0 0 0; position:absolute; width:15em; left:-999em; }
#nav li:hover ul, #nav li.sfhover ul{ left:auto; z-index:1000 }
#nav li ul li{ line-height:26px; width:15em; border-width:0 1px 1px 1px; font-weight:bold }
#nav li:hover, #nav li.hover{ position:static }
#nav li ul ul{ margin:-39px 0 0 189px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{ left:-999em; padding:2px 0 0;  }
#nav li:hover ul ul, #nav li.sfhover ul ul, #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul{left:-999em }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul{left:auto }
select, #nav{ padding:0 }
.bot, #header .spacer p, .list2{clear:both }
#nav li a span{font-size:12px; font-weight:normal}
/* Top Menu End */


/* Post 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post { padding: 5px; margin-bottom: 13px;} 
.post .p-head h1 { font: bold 28px/27px 'Arial'; letter-spacing: -1px; color:#352f00; }
.post .p-head h2 { font: bold 24px/24px 'Arial'; letter-spacing: -1px; color:#352f00; }
.post .p-head h3 { font: bold 20px/20px 'Arial'; letter-spacing: -1px; color:#352f00; }
.post .p-head a, .post .p-head a:visited { color:#352f00;}
.post .p-head a:hover { color:#000033; text-decoration: none;}
.post .p-date {  font: bold 11px/11px 'Arial'; color:#b1b1ae; border-bottom: solid 1px #cac8b4; padding: 0px 0px 5px 0px; margin-bottom: 5px; }
.post .p-date span { float: right; }
.post .p-date a { color:#b1b1ae; }

.post .p-con { padding: 10px 0px; }
.post .p-con p { font: normal 13px/16px 'Arial'; padding: 10px 0px;}
.post .p-con img { margin-bottom: 10px; }
.post .p-con ol { padding: 10px 0px 10px 25px; margin: 0px; }
.post .p-con ol li { padding: 2px 0px 2px 0px; font-size: 12px; line-height: 15px; color:#63565f; }
.post .p-con ul { padding: 5px 0px; margin: 0px; }
.post .p-con ul li { padding: 1px 0px 1px 15px; list-style-type: none; background: url(images/p-con-li.png) no-repeat left top; font-size: 12px; line-height: 15px; color:#63565f; }
.post .p-con blockquote { padding: 10px 15px; margin: 10px 0px; color:#666; background: #f4f4f0; }
.post .p-con blockquote p { font: normal 12px/16px "Arial"; color:#666; padding: 0px;}
.post .p-con blockquote li { padding: 1px 0px 1px 13px; list-style-type: none; font-size: 11px; line-height: 15px;}

.post .p-det { padding: 5px 0px;}
.post .p-det li { display: block; padding: 1px 0px; margin-right: 5px; color:#999; font-size: 11px; color:#9a9a97; }

.post .p-det .p-com { background: url(images/p-com-ico.png) no-repeat left 2px; padding-left: 15px; font-weight: bold;}
.post .p-det .p-com a { color:#666; text-decoration: none;}
.post .p-det .p-cat { background: url(images/p-cat-ico.png) no-repeat left 2px; padding-left: 15px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.post .p-det .p-cat a { color:#9a9a97; text-decoration: underline;}
.post .p-det .p-tag { background: url(images/p-tag-ico.png) no-repeat left 2px; padding-left: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.post .p-det .p-tag a { color:#9a9a97; text-decoration: underline;}

/* Posts-List 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.posts-list { border: solid 1px #e6e6e2; padding: 20px 20px 10px 20px; margin-bottom: 13px;} 
.posts-list h1 { font: bold 28px/27px 'Arial'; letter-spacing: -1px; color:#2F2F2F; border-bottom: solid 1px #e6e6e2; padding-bottom: 10px; margin-bottom: 10px; }
.posts-list h2 { font: bold 15px/15px 'Arial'; background: url(images/posts-list-h2-ico.png) no-repeat left 2px; padding: 0px 0px 5px 15px; color:#2F2F2F; letter-spacing: -1px; border-bottom: solid 1px #e6e6e2;}
.posts-list h2 a, .posts-list h2 a:visited, .posts-list h2 a:hover { color:#3F3F3F; text-decoration: none;}
.posts-list ul { padding: 5px 0px 15px 0px;}
.posts-list li { padding: 1px 0px 1px 15px; background:url(images/posts-list-li-ico.png) no-repeat left 5px; color:#999;}

/* Navigation
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.nav { overflow: hidden; margin: 0px 0px 10px 0px; font-size: 11px; line-height: 13px; font-weight: bold; text-align: right;}
.nav .left { float: left; background: url(images/nav-left.png) no-repeat left 1px; padding-left: 15px; }
.nav .right { float: right; background: url(images/nav-right.png) no-repeat right 1px; padding-right: 15px; }
.nav a { cursor: hand; }


/* Comments 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.comments-list { overflow: hidden;}
.comments-list h2 { font: bold 14px/14px "Arial" sans-serif; letter-spacing: -1px; margin: 0px; padding: 5px 0px;}
.comments-list div { overflow: hidden; margin-bottom: 15px; padding: 20px 20px 20px 80px; border: 1px solid #e6e6e2; background: #f4f4f0; position: relative;}
.comments-list div.alt { border: 1px solid #e6e6e2; background: #ffffff; }
.comments-list p.name { font: bold 14px/14px "Arial" sans-serif; letter-spacing: -1px; color:#000;}
.comments-list p.avt { position: absolute; top: 20px; left: 20px; padding: 0px; margin: 0px;}
.comments-list p.avt img { border: solid 1px #ccc;}
* html .comments-list p.avt { left: -60px; }
.comments-list p.date { font-size: 11px; margin-bottom: 5px;}
.comments-list p.date a { color:#999; text-decoration: underline;}

/* Comments Form
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.comments-form { overflow: hidden; border: 1px solid #cac8b4; background: #e2e0cc; margin-bottom: 20px; padding: 20px; color: #3F3F3F; font-size: 11px; }
.comments-form h3 { font: bold 14px/14px "Arial" sans-serif; letter-spacing: -1px; border-bottom: solid 1px #d8d8d8; padding-bottom: 5px; margin-bottom: 5px;}
.comments-form p { padding: 3px 0px; color:#808080;}
.comments-form .required { font-weight: bold; color:#ff9900;}
.comments-form input { border: 1px solid #d8d8d8; background: #ffffff; padding: 3px; width: 186px; margin-right: 5px; }
.comments-form textarea { border: 1px solid #d8d8d8; background: #ffffff; padding: 4px; width: 385px; }
.comments-form button { float: left; cursor: pointer; text-indent: -1000em; width: 97px; height: 24px; border: none; background: url(images/post-button.png) no-repeat;}




/* Images
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; border: solid 1px #333;}
img.alignright { margin: 0 0 5px 15px; display: inline; border: solid 1px #333; }
img.alignleft { margin: 0 15px 5px 0; display: inline; border: solid 1px #333; }
img.aligncenter { border: solid 1px #333; display: block;}
.alignright { float: right; }
.alignleft { float: left }

/* S1 Elements 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s1 .category { margin-bottom: 20px; }
.s1 .category h2 { display: none;}
.s1 .category li { border-bottom: solid 1px #316ea7; padding: 2px 0px; display: block; color:#90c8e9;}
.s1 .category li a, .s1 .category li a:visited { color:#fff; font: bold 14px 'Arial'; padding-left: 1px;}
.s1 .category li a:hover { color:#000033;}
.s1 .category li ul { padding-top: 2px;}
.s1 .category li ul li { border-bottom: none; padding: 0px; display: block; color:#90c8e9;}
.s1 .category li ul li a, .s1 .category li ul li a:visited {color:#90c8e9; font: normal 12px 'Arial'; background: none; padding-left: 7px;}
.s1 .category li ul li a:hover { color:#000033;}
.s1 .ad-space-140 {}



.s1 .widget { margin-bottom: 10px; width: 140px;}
.s1 .widget a, .s1 .widget a:visited { color:#fff; font: normal 11px 'Arial';}
.s1 .widget a:hover { color:#000033;}

.s1 .widget h2 { color:#3F3F3F; font-size: 14px; letter-spacing: -1px; margin-bottom: 5px; border-bottom: solid 1px #90c8e9; }
.s1 .widget li { border-bottom: solid 1px #90c8e9; padding: 1px 0px 2px 1px; font-size: 11px;}

.s1 .widget_flickrRSS { float: left; width: 140px; overflow: hidden}
* html .s1 .widget_flickrRSS { height: 1%;}
.s1 .widget_flickrRSS ul { padding: 0px; margin: 5px 0px 10px 0px; float: left;}
.s1 .widget_flickrRSS li { list-style-type: none; display: inline; padding: 0px; margin: 0px 8px 8px 0px; float: left; }
.s1 .widget_flickrRSS li a img { background: none; border: solid 1px #999; width: 60px; height: 60px; background: none;}
.s1 .widget_flickrRSS li a:visited img { border: solid 1px #999; background: none;}
.s1 .widget_flickrRSS li a:hover img { border: solid 1px #000;  background: none;}

.s1 .widget_tag_cloud { line-height: 20px;}
.s1 .widget_calendar table { width: 100%;}
.s1 .widget_calendar table td { text-align: center; padding: 1px; }
.s1 .widget_calendar caption { background: #f4f4f0; padding: 1px 0px;}
.s1 .widget_calendar #today { background: #f4f4f0;}
.s1 .widget_search #s { border: solid 1px #90c8e9; padding: 3px; margin-bottom: 5px;}





/* S2 Elements 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s2 .ad-space-300 { height: 250px; background: #fff; border: solid 7px #f4f4f0; margin-bottom: 10px; }
.s2 .widget_theme_my_login { margin-top: 10px;}
.s2 .widget_theme_my_login input{ padding: 2px; font-weight: bold;}
.s2 .widget_theme_my_login  p { padding-top: 5px;}
.s2 .widget_theme_my_login  ul { padding-top: 5px;}

/* S1 - Recent
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s2 .recent { background: #fff; border: solid 1px #90c8e9; margin: 0 0 10px 0; float: left; width: 300px; padding: 0px; }
.s2 .recent ul.tabs { overflow: hidden; background: #AFAFAF; float: left; width: 300px;}
.s2 .recent ul.tabs li { float: left; font: bold 11px/11px 'Arial';}
.s2 .recent ul.tabs li a { color:#fff; float: left; background: #AFAFAF; padding: 5px 10px;}
.s2 .recent ul.tabs li a:hover { color:#fff; background: #7F7F7F; text-decoration: none;}
.s2 .recent ul.tabs li a.active { color: #3F3F3F; background: #fff; }

.s2 .recent div.content { background: #fff; padding: 10px; overflow: hidden; display: none; vertical-align: middle;}
.s2 .recent div.content li { padding: 0px 0px 1px 0px;}


#r-posts {}
#r-comments {}
#r-comments a { display: block;}
#r-tags { line-height: 22px; vertical-align: middle;}

/* S1 - Panel
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s2 .panel { background: #c3daf8; border: solid 1px #90c8e9; margin-bottom: 10px; float: left; width: 280px; padding: 10px; }
.s2 .panel h2 { font-size: 14px; letter-spacing: -1px; margin-bottom: 5px; color:#3F3F3F;}
.s2 .panel ul { border-top: solid 1px #e7e7e7;}
.s2 .panel ul li { border-bottom: solid 1px #a8cbf8; padding: 1px 0px 2px 1px;}

.s2 .panel .archives { float: left; width: 135px; margin-right: 10px;}
.s2 .panel .blogroll { float: left; width: 135px; }

.s2 .widget { background: #c3daf8; border: solid 1px #90c8e9; margin-bottom: 10px; float: left; width: 280px; padding: 10px; }
.s2 .widget h2 { font-size: 14px; letter-spacing: -1px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: solid 1px #a8cbf8; }
.s2 .widget li { border-bottom: solid 1px #a8cbf8; padding: 1px 0px 2px 1px;}

.s2 .widget_flickrRSS { background: #fff; border: solid 1px #90c8e9; margin-bottom: 10px; float: left; width: 280px; padding: 10px; overflow: hidden}
* html .s2 .widget_flickrRSS { height: 1%;}
.s2 .widget_flickrRSS ul { padding: 0px; margin: 5px 0px 10px 0px; float: left;}
.s2 .widget_flickrRSS li { list-style-type: none; display: inline; padding: 0px; margin: 0px 8px 8px 0px; float: left; }
.s2 .widget_flickrRSS li a img { background: none; border: solid 1px #999; width: 60px; height: 60px; background: none;}
.s2 .widget_flickrRSS li a:visited img { border: solid 1px #999; background: none;}
.s2 .widget_flickrRSS li a:hover img { border: solid 1px #000;  background: none;}

.s2 .widget_tag_cloud { line-height: 20px;}
.s2 .widget_calendar table { width: 100%;}
.s2 .widget_calendar table td { text-align: center; padding: 3px; }
.s2 .widget_calendar caption { background: #f4f4f0; padding: 5px 0px;}
.s2 .widget_calendar #today { background: #f4f4f0;}
.s2 .widget_search #s { border: solid 1px #e4e2d3; padding: 3px; margin-bottom: 5px;}

/* Footer +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#footer p { padding: 0px; margin: 0px; font-size: 11px;}
#footer .copy { color:#666563; font-weight: bold;}
#footer .copy a { color:#666563;}
#footer .theme { color:#999;}
#footer .theme a { color:#999;}