/*

Theme Name: Zaproot theme

Theme URI: http://zaproot.com/

Description: This is designed by <a href="" target="_blank"></a>

Version: 1.6

Author: Amalendu Hajraa

Author URI: http://www.allaboutweb2.com/

Tags: Orange, custom header, fixed width, two columns, widgets

*/







/* Begin Typography & Colors */

body {

    color: #626266;

    text-align: center;

    margin:0;

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

    font-size:12px;

    background:#d1d3d4 url(images/background.png) no-repeat;

    }



a {background: url(images/spacer.gif) no-repeat;}



#content {

    font-size: 1.2em

    }



.widecolumn .entry p {

    font-size: 1.05em;

    }



.narrowcolumn .entry, .widecolumn .entry {

    line-height: 1.4em;

    }



.widecolumn {

    line-height: 1.6em;

    }



.narrowcolumn .postmetadata {

    text-align: left;

    text-transform:uppercase

    }



.postmetadata {

    text-align: left;

    text-transform:uppercase;

    font-size:11px;

    }

.alt {

    background-color: #f8f8f8;

    border-top: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

    }



#footer {

    background: #e9e7e7 url(images/7robot.png) no-repeat top right;

    border: none;

    text-align:right

    }



small {

    font-family: Arial, Helvetica, Sans-Serif;

    font-size: 0.9em;

    line-height: 1.5em;

    }



h1, h2, h3 {

    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;

    font-weight: bold;

    }



h1 {

    font-size: 4em;

    text-align: center;

    }



h2 {

    font-size: 1.6em;

    }



h2.pagetitle {

    font-size: 1.6em;

    }



#sidebar h2 {

    font-family: 'Lucida Grande', Verdana, Sans-Serif;

    font-size: 1.2em;

    }



h3 {

    font-size: 1.3em;

    }



h1, h1 a, h1 a:hover, h1 a:visited {

    text-decoration: none;

    color: white;

    }



h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {

    color: #666;

    }



h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {

    text-decoration: none;

    }



.entry p a:visited {

    color: #00aeef;

    }



.commentlist li, #commentform input, #commentform textarea {

    font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

    }



.commentlist li {

    font-weight: bold;

    }



.commentlist li .avatar { 

    float: right;

    border: 1px solid #eee;

    padding: 2px;

    background: #fff;

    }



.commentlist cite, .commentlist cite a {

    font-weight: bold;

    font-style: normal;

    font-size: 1.1em;

    }



.commentlist p {

    font-weight: normal;

    line-height: 1.5em;

    text-transform: none;

    }



#commentform p {

    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

    }



.commentmetadata {

    font-weight: normal;

    }



#sidebar {

    font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;

    }



small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {

    color: #777;

    }



code {

    font: 1.1em 'Courier New', Courier, Fixed;

    }



acronym, abbr, span.caps

{

    font-size: 0.9em;

    letter-spacing: .07em;

    }



a, h2 a:hover, h3 a:hover {

    color: #00aeef;

    text-decoration: none;

    }



a:hover {

    color: #147;

    text-decoration: underline;

    }



#wp-calendar #prev a, #wp-calendar #next a {

    font-size: 9pt;

    }



#wp-calendar a {

    text-decoration: none;

    }



#wp-calendar caption {

    font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;

    text-align: center;

    }



#wp-calendar th {

    font-style: normal;

    text-transform: capitalize;

    }

/* End Typography & Colors */







/* Begin Structure */

#page {

    margin: 0 auto;

    padding: 0;

    width: 950px;

    border: 1px solid #959596;

    }



#header {

    margin: 0;

    padding: 0;

    height: 103px;

    width: 930px;

    background:#fea246 url(images/bg-header.png) repeat-x 0 0;

    }



.narrowcolumn {

    float: left;

    padding: 20px 0 20px 0;

    margin: 0px 0 0;

    width: 600px;

}



.narrowcolumn_pranoy {

    float: left;

    padding: 20px 0 20px 0;

    margin: 0px 0 190px;

    width: 600px;

}



.widecolumn {

    padding: 10px 0 20px 0;

    margin: 5px 0 0 150px;

    width: 600px;

    background:#fff url(images/top-background.png) repeat-x 0 10px;

    }



.post {

    margin: 0 0 40px 10px;_margin: 0 0 40px 0px;

    text-align: justify;

    }

    

.post h2{ background:url(images/icon_article.png) no-repeat 0 0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:24px; padding-left:30px}



.post hr {

    display: block;

    }



.widecolumn .post {

    margin: 0;

    }



.narrowcolumn .postmetadata {

    padding-top: 5px;

    }



.widecolumn .postmetadata {

    margin: 30px 0;

    }



.widecolumn .smallattachment {

    text-align: center;

    float: left;

    width: 128px;

    margin: 5px 5px 5px 0px;

}



.widecolumn .attachment {

    text-align: center;

    margin: 5px 0px;

}



.postmetadata {

    clear: left;

}



.clear {

    clear: both;

}



#footer {

    padding: 0;

    margin: 0 auto;

    clear: both;

    }



#footer p {

    margin: 0;

    padding: 20px 0;

    text-align: center;

    }

/* End Structure */







/*    Begin Headers */

h1 {

    padding-top: 70px;

    margin: 0;

    }



h2 {

    margin: 30px 0 0;

    }



h2.pagetitle {

    margin-top: 30px;

    text-align: center;

}



#sidebar h2 {

    margin: 5px 0 0;

    padding: 0;

    }



h3 {

    padding: 0;

    margin: 30px 0 0;

    }



h3.comments {

    padding: 0;

    margin: 40px auto 20px ;

    }

/* End Headers */







/* Begin Images */

p img {

    padding: 0;

    max-width: 100%;

    }



/*    Using 'class="alignright"' on an image will (who would've

    thought?!) align the image to the right. And using 'class="centered',

    will of course center the image. This is much better than using

    align="center", being much more futureproof (and valid) */



img.centered {

    display: block;

    margin-left: auto;

    margin-right: auto;

    }



img.alignright {

    padding: 4px;

    margin: 0 0 2px 7px;

    display: inline;

    }



img.alignleft {

    padding: 4px;

    margin: 0 7px 2px 0;

    display: inline;

    }



.alignright {

    float: right;

    }



.alignleft {

    float: left

    }

/* End Images */







/* Begin Lists



    Special stylized non-IE bullets

    Do not work in Internet Explorer, which merely default to normal bullets. */



html>body .entry ul {

    margin-left: 0px;

    padding: 0 0 0 30px;

    list-style: none;

    padding-left: 10px;

    text-indent: -10px;

    }



html>body .entry li {

    margin: 7px 0 8px 10px;

    }



.entry ul li:before, #sidebar ul ul li:before {

    content: "\00BB \0020";

    }



.entry ol {

    padding: 0 0 0 35px;

    margin: 0;

    }



.entry ol li {

    margin: 0;

    padding: 0;

    }



.postmetadata ul, .postmetadata li {

    display: inline;

    list-style-type: none;

    list-style-image: none;

    }



#sidebar ul, #sidebar ul ol {

    margin: 0;

    padding: 0;

    }



#sidebar ul li {

    list-style-type: none;

    list-style-image: none;

    margin-bottom: 15px;

    }



#sidebar ul p, #sidebar ul select {

    margin: 5px 0 8px;

    }



#sidebar ul ul, #sidebar ul ol {

    margin: 5px 0 0 10px;

    }



#sidebar ul ul ul, #sidebar ul ol {

    margin: 0 0 0 10px;

    }



ol li, #sidebar ul ol li {

    list-style: decimal outside;

    }



#sidebar ul ul li, #sidebar ul ol li {

    margin: 3px 0 0;

    padding: 0;

    }

/* End Entry Lists */







/* Begin Form Elements */

#searchform { margin:0}



#sidebar #searchform #s {}



.searchbox {width: 100px;border:1px solid #666;font-size:11px;height:15px;background:#fff url(images/search_bg.png) no-repeat 2px 4px; color:#000; padding-left:2px}

.searchbox:hover, .searchbox:active{background:#efefef url(images/spacer.gif); color:#000}



#sidebar #searchsubmit {

    }



.entry form { /* This is mainly for password protected posts, makes them look better. */

    text-align:center;

    }



.entry .more-link { visibility:hidden}

.smallLinks {}

.smallLinks a {background:url(images/arrow-blue.png) no-repeat 0 0; padding-left:20px; margin-right:20px; } 



select {

    width: 130px;

    }



#commentform input {

    width: 170px;

    padding: 2px;

    margin: 5px 5px 1px 0;

    }



#commentform textarea {

    width: 100%;

    padding: 2px;

    }



#commentform #submit {

    margin: 0;

    float: right;

    }

/* End Form Elements */







/* Begin Comments*/

.alt {

    margin: 0;

    padding: 10px;

    }



.commentlist {

    padding: 0;

    text-align: justify;

    }



.commentlist li {

    margin: 15px 0 3px;

    padding: 5px 10px 3px;

    list-style: none;

    }



.commentlist p {

    margin: 10px 5px 10px 0;

    }



#commentform p {

    margin: 5px 0;

    }



.nocomments {

    text-align: center;

    margin: 0;

    padding: 0;

    }



.commentmetadata {

    margin: 0;

    display: block;

    }

/* End Comments */







/* Begin Sidebar */

#sidebar

{

    padding: 0;

    margin-top:-40px;_margin-top:10px;

    /* width: 300px; */

    text-align:left;

    border-left:10px solid #fff;

    position:relative;

    float:right

    }



html>body #sidebar {border:1px solid #fff; margin:10px 0 0 0; top:0}





#sidebar form {

    margin: 0;

    }

/* End Sidebar */







/* Begin Calendar */

#wp-calendar {

    empty-cells: show;

    margin: 10px auto 0;

    width: 155px;

    }



#wp-calendar #next a {

    padding-right: 10px;

    text-align: right;

    }



#wp-calendar #prev a {

    padding-left: 10px;

    text-align: left;

    }



#wp-calendar a {

    display: block;

    }



#wp-calendar caption {

    text-align: center;

    width: 100%;

    }



#wp-calendar td {

    padding: 3px 0;

    text-align: center;

    }



#wp-calendar td.pad:hover { /* Doesn't work in IE */

    background-color: #fff; }

/* End Calendar */







/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

    cursor: help;

    }



acronym, abbr {

    border-bottom: 1px dashed #999;

    }



blockquote {

    margin: 15px 30px 0 10px;

    padding-left: 20px;

    border-left: 5px solid #ddd;

    }



blockquote cite {

    margin: 5px 0 0;

    display: block;

    }



.center {

    text-align: center;

    }



hr {

    display: none;

    }



a img {

    border: none;

    }



.navigation {

    display: block;

    text-align: center;

    margin-top: 10px;

    margin-bottom: 60px;

    }

/* End Various Tags & Classes*/







/*New classes by Amalendu*/

.website {background-color:#ffffff; width:930px; border:10px solid #fff;  margin:10px auto; vertical-align:top;}





.column {float:left}

.clear {clear:both}

.w-440 {width:440px;}

.w-465 {width:465px;}

.w-490 {width:490px;}

.w-600 {width:600px; padding-left:10px;background:url(images/top-background.png) no-repeat;}

.w-600 h2 {margin:10px 0 4px 0;font-family:Arial, Helvetica, sans-serif} 



.w-300 {width:290px;margin:0px;text-align:left;padding:0px 10px 0px 5px;_padding:0px 0px 0px 0px;background-color: transparent;}

.w-300 h1 {font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; color:#666; text-align:left; margin:-40px 0 0 0}

.w-300 p {margin:10px 0 0 0;}

.w-300 .icons {height:70px;}

.w-300 .icons ul {margin:0; width:310px; padding:0; clear:both}

.w-300 .icons ul li {float:left; list-style-type:none; margin:5px 5px 0 0; background:url(images/spacer.gif)}

.w-300 hr {color:#ccc; height:1px; display:block; margin:5px 0 5px 0}

.w-300 h2 {margin:0; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase} 



.alignLeft {text-align:left;}

.alignCenter {text-align:center;}

.alignRight {text-align:right;}



.viropop {background:url(images/logo-viropop.png) no-repeat top right; height:52px;}

.searchform2 {margin:0 10px 0 0;}

.searchform2 ul {margin:0;}

.searchform2 li {float:right; padding:0 0 0 3px; list-style-type:none;}



.topmenu { margin:0; height:10px;}

.topmenu ul {}

.topmenu li {text-transform:uppercase; margin-top:1px}

.topmenu li, .topmenu li a{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; float:left; list-style-type:none; text-decoration:none;}

.topmenu li a{background:none; color:#fff; padding:5px 10px 5px 10px;}

.topmenu li a:hover{background:#fae886; color:#564223; padding:5px 10px 5px 10px;}



.margin-0 {margin:0;}



.firstpost {

    padding: 20px 0px 20px 0;

    clear:both;

    margin: 15px 0 0 0;

    width: 930px;

    background: url(images/top-background.png) repeat-x 0 0;

    min-height:420px;

}    



.narrowcolumn .post {border-bottom:1px solid #efefef; margin-top:-90px;_margin-top:-22px;margin-bottom:10px;padding-bottom:20px;}

html>body .narrowcolumn .post {order-bottom:1px solid #efefef; margin:-40px 0 0 0; overflow:hidden;}





#showswelike {background-color:#ccc; border:10px solid #ccc; margin-bottom:10px;}

#showswelike h2 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#333; border-bottom:5px solid #ccc; font-size:20px;}

#show { background-color:#fff; width:280px; height:100px; border-bottom:1px solid #efefef; padding:10px 0 10px 0}

#logo { float:left; width:90px; padding-left:10px;}

#description { float:left; width:170px;}

#description h3 {font-weight:bold; font-size:14px; margin:5px 0 5px 0; font-family:Arial, Helvetica, sans-serif;}

#description p { font-size:11px;}





#LeftCol {

    float:left;

    margin:0px 0px 45px 0px;

}

#LeftCol h2 {

    font-size:14px;

}

.right {

    float:right;

}

#archiveList {

    float:left;

    margin:10px 0px 10px 0px;

    text-align:left;

}

#archiveList ul, .post ul {

    list-style-type:none;

    margin:10px 0px 0px 0px;

    padding:0;

}

#archiveList li, .post li {

    float:left;

    margin:3px 0px;

    list-style:none;

    padding:0px;

    width:590px;

}