/*
Theme Name: Shepherd theme
Theme URI: http://digitalscientists.com/
Description: Web 2.0 Design for Shepherd.
Version: 1.0
Author: Nadim Khan
Author URI: http://digitalscientists.com/
*/
html{
background-image: url(images/html_bcgrd.gif);
background-position: left top;
background-repeat: repeat-x;
background-color: #f2f2e8;
}



body{
margin:0px;
background: transparent;
color:#555555;
}

a, a:link{
color:#3e6b8a;
}

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



.hd{
height:219px;
margin-bottom:32px;
}

.hd ul.top{
margin:0 100px 0 0;
padding:7px 0 6px 0;
text-align:right;
list-style-type: none;
font-size:11px;
}

.hd ul.top li{
list-style-type:none;
display:inline;
color:#fff;
border-right:1px solid #fff;
}

.hd ul.top li:last-child{
border:none;
}


.hd ul.top li a{
color:#fff;
text-decoration: none;
margin:0 5px 0 3px;
}

div.header-img{
height: 148px;
margin:1px 0 0 0;
}

body:first-of-type div.header-img{
margin:2px 0 0 0;
}

h1#logo{
z-index:100;
}

h1#logo a{
width:276px;
height:117px;
display:block;
position:relative;
top:15px;
left:15px;
text-indent:-9999px;
z-index:100;
}

div.header-img div.images{
z-index:0;
margin-top:0px;
}

div.left{
margin:0px;
}

div.Fleft{
margin:0 0px 0 60px;
padding:0px;
}
div.Fleft p, div.Fright ul{
margin:0px;
padding:0px;
}
div.Fright{
margin:0 100px 0 0;
padding:0px;
}
body:first-of-type div.Fright ul, body:first-of-type div.Fleft p{
margin:0px;
padding:0px;
} 
div.content{
background-color:#fff;
padding:10px 0;
margin:0 36px 0 30px;
min-height:300px;
}

/*for dividing main content section into 2 columns */

div#main {
width: 650px;
height: 250px;
margin: 0 auto 0 auto;
background-color: #fff }

div#left {
width: 320px;
height: 250px;
float: left;
background-color: #fff;
border-style: solid;
border-weight: 2px }

div#right {
width: 320px;
height: 250px;
float: right;
background-color: #fff;
border-style: solid;
border-weight: 2px } 

html>body div.content{
margin:0 36px 0 60px;
}

div.footer{
clear:both;
margin:60px 0 0 0;
padding:10px 0 10px 0;
height:28px;
background-image: url(images/body_bcgrd.gif);
background-position: left top;
background-repeat: repeat-x;
font-size:11px;
color:#7a796d;
}
div.footer div.container{
padding:0px;
}
ul#main-nav{
margin:0px 0 20px 0;
padding:0px;
list-style-type: none;
font-size:16px;
font-weight:bold;
}

ul#main-nav li{
display:inline;
padding:5px 0;
border-bottom:1px solid #e0e0d8;
}

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

ul#main-nav a:hover{
color:#10486b;
text-decoration: none;
}

ul#main-nav li ul{
margin:0 0 0 15px;
padding:0px;
list-style-type: none;
font-size:11px;
font-weight:normal;
}

ul#main-nav li ul li{
border:none;
padding:2px 0;
}

div.box{
background-color: #fff;
margin:0 0 20px 0;
padding:0px 0;  /* original was : 15px 0; */
}

div.box h1, div.box h2{
margin:0 15px;
padding:5px 0;
font-size:16px;
border-bottom: 1px solid #eeeeee;
font-weight:bold;
}

div.box h2{
color:#003a63;
}

div.box h6{
display:none;
}

div.box p, div.box form{
margin:5px 15px;
padding:0 0px;
}

div.box form label{
color:#555;
font-weight:normal;
margin:0 0 10px 0;
}


div.box form input[type=text], #commentform input[type=text]{
background-color:#dddddd;
border:none;
padding:5px 3px;
width:179px;
margin:5px 0;
}

#commentform input[type=text]{
background-color:#fff;
border:1px solid #ccc;
}

div.box form input[type=submit], #commentform input[type=submit]{
background-color: #003a63;
color:#fff;
padding:4px 15px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:bold;
border:none;
font-size:12px;
margin:5px 0;
}

.clear{
clear:both;
}

html>body span.clear{
height:0px;
}

div.post-container{
margin:30px;
line-height:1.5em;
font-size:13px;
}

img.border-img{
border:5px solid #f2f2e8;
margin:0 15px 15px 0;
}

.floatL{
float:left;
}

.floatR{
float:right;
}

div.post-container h1{
font-size:20px;
color:#000;
}

div.post-container h3{
font-size:18px;
color:#000;
}

div.post-container h4{
font-family: Georgia, "Times New Roman", Times, serif;
background-color: #5a86aa;
padding:8px 0 8px 50px;
color:#fff;
font-size:18px;
font-style: italic;
text-align: left;
margin:10px 14px;
background-image: url(images/page-flip-title.gif);
background-position: left top;
background-repeat: no-repeat;
}

div.post-container h4 a{
color:#fff;
text-decoration: none;
}

div.post-container h4 span{
float:right;
position:relative;
margin:-39px 0 0 0;
background-color: #003a63;
padding:10px 0 11px 0; 
display:block;
width:151px;
text-align:center;
background-image: url(images/page-flip-right.gif);
background-position: right center;
background-repeat: no-repeat;
font-size:14px;
}


html>body div.post-container h4 span{
padding:10px 0 11px 0;
margin:-39px 0 0 0;
}

html>/**/ body div.post-container h4 span{
margin:-31px 0 0 0;
padding:11px 0; 
}
body:first-of-type div.post-container h4 span{
margin:-8px 0 0 0;
padding:10px 0 11px 0;
}
 

.lText{
font-size:16px;
line-height:1.7em;
}

div.post-container h5{
border-bottom:1px solid #f2f1f0;
padding:4px 5px;
display:block;
color:#555;
margin:3px 0;
font-size:13px;
}

div.post-container span.leftT{
width:200px;
color:#003a63;
font-weight:bold;
display:block;
float:left;
}

div.post-container span.rightT{
font-weight:normal;
width:350px;
float:left;
display:block;
}

div.Fright ul{
text-align:right;
margin:0px;
padding:0px;
list-style-type: none;
}

div.Fright ul li{
display:inline;
border-right:1px solid #7a796d;
}

div.Fright ul li a{
color: #7a796d;
text-decoration: none;
margin:0 5px 0 4px;
}

/*  Code for captions on post images  */
.img { background-color: #F9F9F9;
border: 1px solid #CCCCCC; padding: 3px;
font: 11px/1.4em Verdana, Arial, sans-serif; }
.post-img { border: 1px solid #CCCCCC;
vertical-align:middle; margin-bottom: 3px; }
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; } 
/*  END Code for captions on post images  */

.post-container .date {
margin:5px 0 0px 0px;
padding:0 0;
text-align: right;
font-size: 12px;
color:#a0a0a0;
}

.post-container .date span{
display:block;
}

.post-container .date .day{
font-size:1.6em;
color:#345;
}

.post-container .meta{
margin-bottom: 10px;
padding-left: 5px;
font-size: 11px;
color:#999;
border-top:#ccc 1px solid;
text-transform: uppercase;
}

.post-container .meta a{
text-decoration:none;
color:#82a4bf;
}

.post-container .meta span a{
color:#10486b;
}

.post-container .meta a:hover{
text-decoration:none;
color:#10486b;
}

.post-container .meta span a:hover{
color:#82a4bf;
}

.post-container h2{
padding:0 0 4px 0;
font-size: 20px;		
margin:0px;
line-height:1.2em;
}

.post-container h2 a{
color:#5a86aa;
text-decoration: none;
}

.post-container h2 a:hover{
color:#000;
}

#commentform{
margin:0;
padding:10px;
background:#fff;
}
.commentlist {
margin: 10px 0;
padding: 0;		
border-top: #ccc 1px solid;
}
.commentlist li {
list-style:none;
margin: 0;
padding: 10px 15px;	
border-bottom: #ccc 1px solid;
}

.commentlist li.alt {
background:#f2f2e8;    
}

.commentlist li.authorcomment {
border:#fc9 1px solid;      
}
.commentlist li .cmtinfo {
font-size:12px;			
}
.commentlist li cite {
font-style:normal;
font-weight:normal;
}
.commentlist li cite a{
color:#b72f0d;
}
.commentlist li .cmtinfo em {
float:right;
margin:0;
padding:0;
font-style:normal;
font-size:11px;
color:#999;
}

.commentlist .avatar{
float:right;	
}

.post-container .nocomments{
font-size:0.9em;
color:#999;
text-align:center;
}

.post-comments h6, .post-comments h5{
font-size:19px;
color:#003A63;
margin:0 0 10px 0;
font-weight:normal;
}

#commentform p{
margin:0px;
}

#commentform p label{
font-weight:normal;
}

.five-mar{
margin:3px 3px 3px 0;
}

.five-marT{
margin:3px 0;
}

div.navigation{
margin:-15px 0 0 60px;
}
html>body div.navigation{
margin:5px 0 0 60px;
}

ul.nav{
list-style: none;
margin: 0;
padding: 0;
}

ul.nav li {
float: left;
margin: 0 10px 2px 0;
padding: 0px 0;
position: relative;
}

ul.nav li ul {
z-index: 100;
margin:2px 0 0 0;
padding:3px 0 3px 0px;
width:204px;
position: absolute;
top: -999em;
left: 0px;
background: #5a86a9;
}

ul.nav li a, ul.nav li a:link, ul.nav li a:active, ul.nav li a:visited {
font-size:15px;
font-weight:bold;
color: #fff;
display: block;
padding: 2px 9px 8px 9px;
text-decoration: none;
}

ul.nav li a:hover {  
color: #000;	
}

ul#nav-one li:hover a, ul#nav-one li.sfHover a {
background-color: #5a86a9;
color: #fff;
}

ul#nav-one li:hover ul li a, ul#nav-one li.sfHover ul li a {
background-image: none;
color: #fff;
font-size:12px;
font-weight:normal;
padding:2px 5px;
}

ul#nav-one li:hover ul li a:hover, ul#nav-one li.sfHover ul li a:hover {
background-image:transparent;
color:#fff;
background-color: #779ab8;
}

ul.nav li ul {
background: #5a86a9;
list-style: none;
margin:3px 0 0 0;
padding:5px 0 3px 0;
font-size:12px;
font-weight:normal;
}

ul.nav li:hover ul, ul.nav li.sfHover ul {
top: 25px;
}

ul.nav ul li {
border: 0;
float: none;
}

ul.nav ul a {
border-bottom: 0;
width:194px;
white-space: nowrap;
}

.nav ul a:hover {
background: #ccc;
color: #000;
}

div.centered{

float:none;

margin:0 auto;

}

h2.slim-titles, h2.bold-titles{

text-transform: uppercase;

margin:0px;

padding:0px;

font-size:24px;

}

h2.bold-titles{

font-weight:bold;

font-size:28px;

margin:0 0 15px 0;

}

div.pagination{
text-transform: uppercase;
font-size: 11px;
text-align: center;
}
div.pagination a{
margin:0 10px;
text-decoration: none;
}
div.pagination a:hover{
color:#000;
}