/*  
Theme Name: Mrinal Wadhwa's Weblog
Theme URI:
Version: 1.0
Author: Mrinal Wadhwa
Author URI: http://www.mrinalwadhwa.com/

	Valid XHTML 1.0 Transitional

*/

* {
margin: 0;
}

body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
font-size: 13px;
line-height: 19px;
color: #666;
}

h1, h2, h3, h4, h5, h6 {
font-weight: bold;
margin-bottom: 10px;
}

h1 {
font-size: 21px;
color:#54849b;
}

h2 {
font-size: 20px;
color:#54849b;
}

h3 {
font-size: 15px;
color:#8E8E8E;
}

h4 {
font-size: 14px;
color:#54849b;

}

h5 {
font-size: 14px;
color:#444;
}

h6 {
font-size: 14px;
font-weight:normal;
color:#8E8E8E;
font-style:italic;
letter-spacing:0;
}

p {
margin: 0 0 1.5em;
}

blockquote {
background: #F7F7F7;
background-position:20px 20px;
color: #666666;
margin: 15px;
padding: 20px 20px 20px 20px;
}

em {
font-style: italic;
}

strong {
font-weight: 700;
}

pre, code {
font-family: "Courier New", Courier, Monospace;
line-height: 1.5;
}

pre {
background: #f7f7f7;
border-top: 0px solid #ccc;
white-space: pre;
overflow: auto;
margin: 15px;
padding: 15px;
}

.alignleft {
float: left;
}
.alignright {
float: right;
}

img {
border: none;
}
img.alignleft {
float:left;
margin:5px 10px 5px 0;
}
img.alignright {
float:right;
margin:5px 0 5px 10px;
}

hr {
background: #E6E6D2; 
color: #E6E6D2;
clear: both; 
float: none; 
width: 100%; 
height: .1em;
margin: 0 0 1.4em;
border: none; 
}

hr.space {
height: 4em;
}

a:focus, a:hover {
color: #3889B9;
text-decoration: none;
}

a {
color: #52849B;
text-decoration: underline;
outline: none;
}

ul, ol {
margin: 0 0 10px 20px;
font-size:13px;
line-height:17px;
}

ul li, ol li {
margin: 0 0 5px 0;
}

ul {
list-style-type: circle;
}

ol {
list-style-type: decimal;
}

input, textarea {
font-family: Arial, Helvetica, sans-serif;
}

.clear {
float:none;
clear: both;
height:0
}

.container {
width: 960px;
margin: 0 auto;
padding: 0;
}

.maincontainer {
margin: 0 auto;
padding: 0;
text-align: left;
width: 100%;
}

/********************************* HEADER START *********************************/

#header {
width: 966px;
height:170px;
margin:0px auto;
}

#headline {
width:960px;
display:block;
float:left;
padding:0;
margin:0;
}

.logo {
display: block;
float: left;
margin-top: 49px;
}

.topright {
float:right;
width:30px;
height:30px;
margin:0;
padding:0;
}

/********************************* HEADER END *********************************/


/********************************* MAIN MENU START *********************************/
.menupack {
width:960px;
height:30px;
border-bottom:1px solid #F1F1F1;
text-align:right;

}

ul#topmenu.menu {
list-style-type: none;
height:34px;
margin: 0;
padding:0;
font-size: 13px;
float:right;
text-transform:uppercase;
}

ul#topmenu.menu li.link_item {
float: left;
display: inline;
padding: 0;
margin:0;
height: 34px;
line-height:34px;
padding: 0 7px 0 7px;
}
ul#topmenu.menu li.link_item a {
color:#bbb;
display: block;
text-decoration: none;
}

ul#topmenu.menu li.link_item a:hover {
color: #54849b;
}

.rss {
background: transparent url(images/rss_icon.jpg) no-repeat scroll 0 0;
display: block;
height: 30px;
width: 30px;
float: right;
margin-top: 56px;
padding-right: 10px;
}
/********************************* MAIN MENU END *********************************/
 
#leftcolumn, #rightcolumn {
margin:0;
}
#leftcolumn {
float: left;
width: 270px;
margin:0;
}
#rightcolumn {
float: right;
width: 664px;
padding:0;
margin:0;
overflow: hidden;
}

/********************************* POST CONTENT Classes *********************************/

.post {
padding: 0;
margin: 0 0 30px 0;
float:left;
clear:both;
width:100%;
font-size:13px;
line-height:23px;
border-bottom:1px solid #F1F1F1;
}

.title {
margin:0 0 5px 0;
float:left;
clear:both;
width:100%;
}
.title h2 {
line-height: 20px;
float: left;
margin-bottom: 3px;
width: 100%;
}

.title h2 a {
color: #54849b;
text-decoration:none;
}
.title h2 a:hover {
color: #3889B9;
text-decoration:none;
}
 

a.more-link {

text-transform:uppercase;
font-size:11px;
margin:0 0 0 0px;
text-decoration:none;
font-weight: bold;
}
a:hover.more-link {
color:#3889B9;
}

#related h3 {
padding: 8px 15px 5px 0;
}

h3#comments {
padding: 28px 15px 5px 0;
}

.pagers {
width: 98%;
margin: 0 auto;
height: 30px;
}
.pagers a {
color: #666;
}


.date {
float:left;
width:120px;
color:#8E8E8E;
text-transform:uppercase;
padding-left:20px;
background:url(images/date.jpg) left top no-repeat;
font-size:11px;
line-height:15px;
}
.catz {
float:right;
text-align:right;
width:510px;
text-transform:uppercase;
font-size:11px;
line-height:11px;
margin-bottom:12px;
padding-right: 10px;
}
.catz img {
margin-top:-2px;
}

.commentscount {
background:url(images/commentators.jpg) left no-repeat;
padding-left:20px;
text-transform: uppercase;
margin-bottom: 12px;
font-size:10px;
}

/************************* SIDEBAR MAINS START ********************************/

ul.sidebar {
list-style-type: none;
margin: 0;
padding: 0;
float:left;
font-size:11px;
}

.sidebar li {
padding:0;
margin:0;
list-style-type: none;
}
li.widget {
clear:both;
margin-bottom:10px;
padding-bottom:15px;
border-bottom:1px solid #F1F3F2;
padding-left:10px;
}
li.widget ul {
list-style-type: none;
margin: 0;
padding: 0;
font-size:13px;
width:140%;
} 
li.widget1 {
clear:both;
margin-bottom:10px;
padding-bottom:15px;
padding-top: 25px;
border-top:1px solid #F1F3F2;
padding-left:10px;
}

.sidebar ul li {
line-height:24px;
margin:0;
padding: 0;
}
.sidebar ul li ul {
margin:0;
}

.sidebar .children {
margin: 0;
}
.sidebar h2 {
font-weight:normal;
text-transform:uppercase;
padding:0;
color:#52849B;
margin:0 0 25px 0;
font-size:17px;

}
.sidebar a {
color: #8E8E8E;
display:block;
text-decoration:none;
background:url(images/bullet2.gif) left top no-repeat;
background-position:10px 4px;
}
.sidebar a:hover {
color:#3889B9;
}

ul#categories li {
float:left;
margin-left:5px;
margin-right:10px;
width:80px;
}

/*********** About **************/
li.about {
width: 272px;
display:block;
margin-bottom:30px;
float:left;
background-color: #f7f7f7;
font-size:13px;
color:#666;
line-height:16px;
}
.about a {
color:#52849B;
padding:0;
}
.pic {
float: left;
width: 80px;
}
.author {
margin: 12px 12px;
}
.text {
width: 180px;
float: right;
padding: 12px 5px 10px 0px;
}
.info {
width: 180px;
float: right;
padding-right: 0px;
}
/*********** About End **************/

/************************* SIDEBAR MAINS END ********************************/

/* Search */
.searchform {
padding: 0 0 20px 10px;
display:block;
float:left;
margin:7px 0 0 0;
width:214px;
}
input#s {
font-size: 12px;
width: 130px;
height:15px;
line-height:14px;
padding:1px 5px 3px 5px;
float:left;
background:#fff;
border:1px solid #DCDCDC;
margin:0;
color:#666;
}
.newsbutton {
float:left;
background:url(images/lens.jpg) no-repeat;
border:none;
width:21px;
height:21px;
margin:0 0 0 2px;
cursor:pointer;
}


/************************* COMMENTS AREA START ********************************/

.commentlist {
margin: 0;
padding: 0;
width:510px;
list-style-type:none;
clear:both;

}
.commentlist h2, h3 {
font-weight:normal;
}

.komentar {
margin:0;
padding:15px 15px 30px 15px;
border-bottom:1px solid #F1F1F1;
}
.komentar-author {
margin:0;
padding:15px 15px 30px 15px;
background: #F7F7F7;
border-bottom:1px solid #F1F1F1;
}

.commentlist a {
border-bottom:1px dotted;
text-decoration:none;
}
.commentlist a:hover {
text-decoration:none;
border-bottom:none;
}
.body {
padding: 10px 0 0 0;
margin:0;
overflow: hidden;
text-align:left;
display:block;
clear:both;
line-height: 23px;
}

 
.commentlist li {
padding: 0;
margin:0;
clear:both;
display:block;
float:left;
width:100%;
}
.commentlist li .top {
color: #6A7D8B;
padding: 0;
margin:0 0 10px 0;
font-size:13px;
line-height:14px;
width:445px;
float:left;
font-weight: bold;
}
.commentlist li .top a {
color: #54849b;
}
.commentlist li .top span {
color:#8B8B8B;
display:block;
margin-top:3px;
font-size:11px;
font-weight:normal;

}
.alt {	
}

.gravatar {
height:20px;
width:20px;
float:right;
margin:0 15px 0 0;
}

.theform_packer {
margin-top:50px;
padding-left:15px;
}

#respond {
height:30px;
font-weight:normal;
color:#8E8E8E;
}

.theform {
width:454px;
}

.theform label {
font-size: 0.9em;
vertical-align: middle;
}

#remember, #forget, #txpCommentHelpLink {
margin-left: 2em;
}

#commentform {
padding:0;
}

.comment_input {
vertical-align: middle;
width: 156px;
height:19px;
border: 1px solid #EFEFEF;
padding: 3px 5px 0 5px;
margin:0;
}
#commentform input:focus {
border: 1px solid #BCCCD9;
width: 156px;
height:19px;
}

.message_input {
font-size: 1em;
width: 400px;
height: 115px;
border: 1px solid #EFEFEF;
margin:0;
padding: 5px;
}

#commentform textarea:focus {
width: 400px;
height: 115px;
padding: 5px;
border: 1px solid #BCCCD9;
}

.commentlist_error {
color: #c00;
}

.button {
background: none;
width:60px;
padding:0 0 3px 0;
height:24px;
cursor:pointer;
border:none;
color:#8F8F8F;
background:#EFEFEF;

}
.button:hover {
cursor:pointer;
border:none;
background:#54849b;
color:#fff;
}
#commentform .button:focus {
width:60px;
padding:2px 0 3px 0;
height:24px;
cursor:pointer;
border:none;
background:#00867C;
color:#fff;
}
/************************* COMMENTS AREA END ********************************/


/************************* FOOTER START ********************************/
#footer {
width: 100%;
margin-top:80px;
padding: 10px 10px 0 10px;
display: block;
border-top:1px solid #F1F1F1;
height:40px;
color:#626262;
}
#footer a {
text-decoration:none;
}
.credits {
font-size:12px;
width:300px;
float:left;
}
.footer_icons {
float:right;
}
/************************* FOOTER END ********************************/


/* Page Navigation  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.pageNav { padding: 7px 0 0 0; margin:20px 0 30px 0; height:40px; }
.pageNav a, .pageNav a:visited { display:block; float:left; text-align:center; font-size: 11px; color:#fff; background:#D2D2D2; text-decoration:none; margin-right:1px; padding:2px 7px 2px 7px; }
.pageNav a:hover { background: #A7BBC6; text-decoration: none; color:white; }
.pageNav span { font-size:11px; text-transform:uppercase; display:block; float:left; text-align:center; line-height:24px; height:24px; width:100px; margin-right:1px;color:#8E8E8E;}
.pageNav .on { display:block; float:left; text-align:center; background:#A7BBC6;  color:white; margin-right:1px; padding:2px 7px 2px 7px;  }

.dotts {width:22px; text-align:center; display:block; float:left;}




.paging a {
font-size:13px;
}
.paging a {
padding:4px;
}

.textwidget {
padding-bottom:0px;
float:left;
}
.textwidget img {
margin:5px 10px 15px 0;
float:left;
}
.textwidget a {
clear:both;
margin:0 10px 15px 0;
}
