/*
Theme Name: IDT Blog Template
Theme URI: http://i-datatech.com
Description: IDT site matching blog template
Author URI: http://i-datatech.com
*/
@import url(wp.css) screen;

body {background:#555 url(images/body-bg.jpg) center 60px no-repeat;text-align:center;font:62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif;; overflow-y: scroll}
* {margin:0;padding:0;}
img {border:none;}
ul {list-style:none;}
a {text-decoration:none;}


/*
////////  LAYOUT  ////////*/

#wrapper {width:960px;background:#f7f7f7 url(images/main-content-bg.jpg) 0 188px no-repeat;margin:0 auto;text-align:left;}
#home #wrapper {background:#f7f7f7;}

#header {height:67px;background:url(images/header-bg.png);padding:70px 20px 0 30px;border-bottom:2px solid #555;}

#content {padding:0 50px 30px 20px; background:#fff}

#top-bar {float:left;width:870px;background:#f2f2f2;padding:8px 50px 4px 40px; margin-bottom:5px}

#intro {float:left;margin:-14px 0 12px 0;border:20px solid #f2f2f2;}

#main-content {float:left;width:625px;padding:0 50px 6px 14px;border-right:2px solid #EFEFEF;}

#secondary-content {float:right;width:175px; padding-left: 20px}

#footer {clear:both;height:50px;background:url(images/footer-bg.jpg);padding:50px 30px 0 30px;}

.featured {float:left;width:275px;margin-right:15px;padding-right:17px;background:url(images/featured-bg.jpg) right top no-repeat;}
.featured.last {float:left;margin-right:-3px;padding:0;background:none;}

.post {
	background:#fff;
	border-bottom: 1px solid #CCC;
	margin: 0;
}

.post .date {
	margin-bottom: 10px	
}


/*
////////  TYPOGRAPHY  ////////*/

h1 a {float:left;text-indent:-9999px;width:890px;height:75px; margin-top: -10px}

h2, .contentpagetitle {text-decoration: none;font-family:Helvetica, sans-serif; color: #333; clear:both;font-size:25px;color:#333;margin-bottom:4px; text-align:left; font-weight: normal}
h3 {clear:both;font-size:1.3em;color:#444;margin-bottom:0px;}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	border: 0;
	margin-top: 15px
}

#content p a.more-link:link,
#content p a.more-link:visited {
	padding: 3px;
	margin: 5px 0;
	text-align:center;
	font-weight: normal
}


.contentheading {
	padding-bottom: 15px;
	width: 100%;
	font-weight: bold; color: #333; clear:both;padding-bottom:4px;
	font-size: 200%;
	color:#555
}

.article_column .contentheading {
	font-size: 1.1em;
	padding-bottom: 15px;
	font-weight: bold; color: #333; clear:both;margin-bottom:4px;
}

#content p {clear:both;font-size:1.0em;line-height:1.6em;margin-bottom:12px;}
#content p a {font-weight:bold;color:#009;}
#content p a:hover {text-decoration:underline;}

#top-bar p {float:left;font-size:.8em;color:#666;margin-top:2px;}
#top-bar p a {color:#009;}
#top-bar p a:hover {text-decoration:underline;}

#secondary-content p.info {width:200px;font:1.6em 'Times New Roman',serif;color:#222;line-height:1.1em;margin-bottom:18px;padding:12px 40px 20px 40px;background:#edebea url(images/note-bg.jpg) 0 100% no-repeat;text-align:center;}

#secondary-content p {font-size:1em;color:#333;line-height:1.5em;margin-bottom:18px;}

#secondary-content h3 { margin-bottom: 5px }

#footer { color:#ddd; padding-left: 45px }
#footer p {float:left;font-size:.9em;color:#ddd;}
#footer p a {color:#ddd;font-weight:normal;}
#footer p a:hover {text-decoration:underline;}
#footer p em {color:#fc3;font-weight:bold;}

#footer p.right {float:right;}
#footer .menu {
	float:right
}
#footer .menu li {
	border-left: 1px solid #666;
	display:inline-block;
	padding: 0px 5px 0px 5px
}

#footer .menu li a {
	color: #ddd
}

#content .featured p {color:#444;}
a.box, .readon {float:left;color:#eee;background:#f00;padding:3px 4px;margin:0 6px 6px 0;}
#home a.box, .readon {clear:both;margin:0 6px 0 0;}
a.box:hover, .readon {color:#fff;background: #555}
.small { font-size: small; color: #999 }
.createdate { padding-bottom: 10px; font-size: 10px }

/*
////////  IMAGES  ////////*/

#content p img {float:left;margin:0 12px 6px 0;border:2px solid #CCC;}

#gallery #main-content a img {float:left;margin:0 20px 12px 0;border:5px solid #eee;width:140px;}
#gallery #main-content a img:hover {border-color:#fff;}

/*
////////  NAVI & LISTS  ////////*/
#navi ul {font-family:1.1em Arial,Verdana,sans-serif; z-index: 998; float:left;padding-top:2px; background:#333; width: 65.80%; border-bottom: 4px solid #FC3;  }
#navi ul li {float:left;font-weight:bold;text-transform:uppercase;}
#navi ul li a {display:block;font-size:1.2em;color:#fff;padding:4px 14px 3px 10px; background: #333; height: 27px; line-height: 27px; border-right: 1px dotted #555}
#navi ul li a:hover {background:#080853;}
.navi-description {font-size:.7em;color:#ddd;display:block;text-transform:none;}

#navi ul li.current a {background:#05055D;}
#navi ul li.current a:hover,
#navi ul li.active a {background:#05055D;cursor:default;}

#navi ul li ul { 
	border-bottom: none;
	z-index: 999;
	font-size: 0.9em;
	font-weight:normal;
	position: absolute;
	margin: auto;
	margin-top: 3px;
	width: auto;
	background:#777
	}

#navi ul li ul li { 
	font-family:1.1em Arial,Verdana,sans-serif; 
	white-space:nowrap;
	border-right: 1px dotted #ccc;
	text-align:center
}

#navi ul li ul li:last-child { 
	border-right: none;
}

#navi ul li.active ul li a,
#navi ul li ul li a { 
	color: #fff;
	background:#777;
	line-height: 18px;
	height: 18px;
	padding:4px 14px 0px 10px;
	cursor:pointer
}

#navi ul li ul li:last-child a {
	border-right: none
}


#navi ul li ul li a:hover { 
	color: #fc3;
	background:#777
}

#main-content ul {float:left;margin-bottom:14px;padding-left:18px;list-style-type:square;; line-height:1.8em;}
#main-content ul li {font-size:1.1em;padding-bottom:1px;}

#secondary-content ul {float:left;margin-bottom:14px;list-style:none;}
#secondary-content ul li {font-size:1.2em;padding-bottom:1px;}
#secondary-content ul li a {color:#006;text-decoration:none;}
#secondary-content ul li a:hover {text-decoration:underline;}

#main-content div.postbar {
	margin-bottom: 10px;
	clear: both	
}

#main-content div.postbar ul {
	margin-bottom: 5px;
	padding-left: 0px
}

#main-content div.postbar ul li {
	float: left;
	margin: 0 5px 0 5px;
	padding: 0px;
	list-style: none
}

#main-content div.postbar ul li {
	background-repeat: no-repeat;
	padding-left: 25px
}


#main-content div.postbar ul li.author {
	background-image: url(images/postbar/user-silhouette.png) !important;	
}

#main-content div.postbar ul li.comments {
	background-image: url(images/postbar/comments2.png) !important;	
}

h1.blogTitle {
	margin-bottom: 75px;
	padding:0px 15px;
	font-size: 33px;
	color:#00A;
	font-weight:normal;
	text-align:left
}

h1.blogTitle span {
	display: block;
	float: left;
	width: 90%
}

h1.blogTitle a.rss {
	background-image: url(images/rss.png) !important;
	background-repeat:no-repeat;
	display: block;
	width: 32px;
	height: 32px;
	float:right;
	margin-top: 7px
}

/*
////////  SEARCH BOX  ////////*/

form div.search { text-align:right; float:right; background:#333; height: 36px; line-height: 36px; padding-right: 10px; border-bottom: 4px solid #FC3; width: 33.15%}
form div.search fieldset {border:none;float:right;}
form div.search input {font:.9em Verdana,sans-serif;color:#333;background:#fafafa;padding:2px;border:1px solid #666;}
form div.search input#submit {font:1em Arial;color:#fff;background:#006;cursor:pointer;padding:1px 6px;border:none;}
form div.search input#submit:hover {color:#eee;}


/*
////////  CONTACT FORM  ////////*/

#contactform fieldset {border:none;}

#contactform input, #contactform select, #contactform textarea {font:1em Arial;color:#444;border:solid 1px #ddd;background:#fff;margin-top:4px;padding:2px;}

#contactform input.radio {background:none;border:none;}

#contactform label {font-weight:bold;color:#333;margin-top:14px;display:block;}

#contactform textarea {width:400px;overflow:auto;margin-bottom:20px;}

#contactform input.submit {color:#fff;background:#009;cursor:pointer;padding:3px 0;border:none;width:100px;
}


/*
////////  EASY SLIDER  ////////*/

#intro #slider li {width:880px;height:320px;overflow:hidden;text-align:center;}

#intro #slider li h2 {width:380px;margin:80px auto 12px auto;color:#036;text-transform:uppercase;font-size:1.6em;}
#intro #slider li p {width:380px;margin:0 250px 12px 250px;}
	
#intro p#controls {margin:0;position:relative;}

#intro #prevBtn, #intro #nextBtn {display:block;margin:0;overflow:hidden;position:absolute;left:20px;top:-185px;}
#intro #nextBtn {left:840px;float:right;}
#intro #prevBtn a, #intro #nextBtn a {color: #DDD; font-size:3em;text-decoration:none;display:block;padding:10px 0;}

/*
////////  HOME PAGE  ////////*/
.article_column ul {
	float:left;margin-bottom:14px;padding-left:18px;list-style-type:square; margin-left: 5px
}
.article_column ul li {font-size:1.1em;padding: 3px 0px}
.article_column ul li a {color: #005}
.article_column ul li a:hover { text-decoration: underline }
.article_column {
width:275px;margin-left:15px;padding-right:17px;padding-left:17px;background:url(images/featured-bg2.jpg) left top no-repeat;
}

.article_column:first-child {
	background:none
}

.article_column .contentheading {
	padding-bottom: 0px
}

.article_column h3 {
	font-size: 12px;
	margin-top:0px;
	margin-bottom: 10px;
}

.componentheading {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
	color:#333
}

.sectiontableheader {
	background: #333;
	color:#fff;
	padding: 5px;
	border-right: 1px solid #ccc
}

/*
///////////// LIGHT BOX  /////////////*/
#lightbox {position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}

#lightbox a img {border:none;}

#outerImageContainer {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}

#imageContainer {padding: 10px;}

#loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav { left: 0;}
#hoverNav a { outline: none;}

#prevLink, #nextLink {width: 49%;height: 100%;background: transparent url(images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText {color: #333;font-weight:bold;text-decoration: none;}
#nextLinkText {padding-left: 20px;}
#prevLinkText {padding-right: 20px;}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {   padding-top: 5px;}

/*** END : added padding when navbar is on top ***/

#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;}

#imageData {padding:0 10px;}
#imageData #imageDetails { width: 70%; float: left; text-align: left; }	
#imageData #caption { font-weight: bold;	}
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose { width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;filter:alpha(opacity=60);	-moz-opacity: 0.6;opacity: 0.6;display: none;}
	

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

* html>body .clearfix {display: inline-block; width: 100%;}

* html .clearfix {/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */}

.bio {
	background: #fff;
	border: 1px solid #ccc;
	padding: 5px;
	height: 80px;
	margin-bottom: 10px
}
.bio .photo {
	width: 60px
}
.bio p {
	font-style:italic;
	font-size: 1px;
	display:block;
	float:right;
	padding: 5px;
	width: 87%
}