/*
Theme Name: Deepoo - Orange
Theme URI: http://deepubalan.com
Description: Theme by Deepu Balan
Version: 1.0
Author: Deepu Balan
Author URI: http://deepubalan.com
Tags: empty, clean, development, design
*/

/* -- just some ugly styling to make it easier to get started, can safely be removed */
/* .sidebar, #entry-meta-single {border:1px solid red;} */
/* #respond {border:1px solid yellow;} */
/* #footer {border:1px solid blue;} */
/* li.depth-1 {border: 1px solid orange;} 
.navigation {border:1px dashed black;}*/
/* .post {border:1px solid pink} */

/* - BASIC STUFF - */
body {
  background-color:#D2D1D0;
  background-image:url(images/bg_page.jpg);
  background-position:center top;
  background-repeat:repeat-x;
  color:#000000;
  font-family:arial;
  font-size:9pt;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:11pt;
  margin:0;
  padding:0;
}
input, textarea {
-moz-border-radius:5px;
background-color:#F9F9F9;
border:1px solid #EEEEEE;
padding:5px;
-webkit-border-radius: 5px;
}
input:hover, textarea:hover {
background-color:#FFFFFF;
border: 1px solid #ebeaea;
}
a {
  text-decoration:none;
  color: #C13100;
}
a:hover {
  text-decoration:underline;
}
img {
  border: none;
}
img { -ms-interpolation-mode: bicubic; }
.additional-meta {font-size: xx-small}
.additional-meta {
background-image:url(images/bg_calendar.gif);
background-position:left top;
background-repeat:no-repeat;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
height:75px;
left:-89px;
line-height:16px;
margin-bottom:-75px;
padding:7px 0 0 14px;
position:relative;
top:0px;
width:75px;
text-shadow:1px 1px #B62F00;
}
blockquote {font-style:oblique}

/* -- LISTS -- */
ul {margin:0;padding:0;}
ul li {	margin-left:5px;padding:0;}
li {list-style-type:none;}
.disc {list-style-type:disc}
/* lists inside posts */
.entry-content ul ol {margin-left:0;}
.entry-content ul li {margin-left:10px; list-style:disc; list-style-position:inside}
.entry-content ul li ol {margin-left:10px;}
.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside}
.entry-content ol li li {margin-left:5px;}

/* -- HEADINGS -- */
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
h2.entry-title, h2.entry-title a, h2.page-title {
  font-size:24px;
  color: #c13100;
  margin-bottom:20px;
  line-height: 30px;
  text-align:left;
  text-shadow:2px 1px #D2D1D0;
}
h2.entry-title a:hover {
  text-decoration: underline;
}
h2#comments{margin:20px auto 10px;font-size:140%;}
/* headings inside posts */
.entry-content h3 {font-size:140%;}
.entry-content h4 {font-size:120%;}
.entry-content h5 {font-size:100%;}
.entry-content h6 {font-size:90%;}

/* -- MAIN DIV'S -- */
#wrapper {
  float:none;
  clear:both;
  margin:0 0px 0 0px;
  padding:0;
  width:auto;
  position: relative;
  overflow: hidden;
}
#wrap {
  float:none;
  margin:0 auto;
  padding:0px;
  width:984px;
  }
#header {
background-image:url(images/bg_banner.jpg);
background-position:left top;
background-repeat:no-repeat;
height:55px;
margin:0 auto;
padding:55px 0;
text-align:left;
width:984px;
}
#footer {
  background-color:#525151;
  background-image:url(images/bg_footer.png);
  background-position:center top;
  background-repeat:no-repeat;
  border-top:1px solid #FFFFFF;
  clear:both;
  float:none;
  height:auto;
  margin:0 auto;
  text-align:center;
  padding-bottom:20px;
  padding-top:20px;
}
.footerInner {
  margin:auto;
  width:975px;
}
.footerleft {
background-image:url(images/deepu.png);
background-position:left bottom;
background-repeat:no-repeat;
float:left;
height:155px;
width:340px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.footercentre {
/*  background-image:url(images/bg_footerBox.png);
  background-position:left top;
  background-repeat:repeat-x; */
  float:left;
  height:155px;
  left:38px;
  position:relative;
  text-align:center;
  width:240px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.iconLinkedin {
  background-image:url(images/icon_linkedin.gif);
}
.iconTwitter {
  background-image:url(images/icon_twitter.gif);
}
.iconFacebook {
  background-image:url(images/icon_facebook.gif);
}
.iconOrkut {
  background-image:url(images/icon_orkut.gif);
}
.iconDigg {
  background-image:url(images/icon_digg.gif);
}
.iconFlickr {
  background-image:url(images/icon_flickr.gif);
}
.iconPicasa {
  background-image:url(images/icon_picasa.gif);
}
.iconDelicious {
  background-image:url(images/icon_delicious.gif);
}
.footercentre ul {
  margin: 15px;
}
.footercentre li {
  background-repeat:no-repeat;
  float:left;
  font-size:11px;
  line-height:18px;
  padding-left:30px;
  width:29%;
  margin-top:8px;
}
.footercentre li a {
  text-decoration: none;
  color:#969595;
}
.footercentre li a:hover {
  text-decoration: underline;
  color:#969595;
}
.footerright {
float:right;
font-size:11px;
height:155px;
line-height:17px;
padding-left:5px;
padding-top:13px;
text-align:left;
width:320px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.footerright li a {
color: #969595;
}
.aboutMe {
color:#969595;
font-size:11px;
line-height:16px;
margin:4% 10px 4% 100px;
text-align:left;
}
.aboutMe a {
  text-decoration: underline;
  color:#969595;
}
.aboutMe a:hover {
  text-decoration: none;
}
.myTweets {
  color:#969595;
  font-size:11px;
  line-height:17px;
  margin:15px;
  text-align:left;
}
.myTweets span a {
  color:#525252;
  line-height:40px;
  margin-top:10px;
  text-decoration:none;
}
.myTweets a {
  text-decoration: underline;
  color:#969595;
}
.myTweets a:hover {
  text-decoration: none;
}
.widget {
  padding: 0px;
  border: 1px none #e7e7e6;
  background-color: #e4e4e3;
  margin:0px;
  width: auto;
  border: 1px solid #e7e7e6;
  /* background-image: url(images/bg_sideBox.jpg);
  background-position: top center; */
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
}
.widget div{
  background-image:url(images/bg_widget.gif); 
  background-position:center bottom;
  background-repeat:no-repeat;
  border:7px solid #c8c7c7;
  padding:10px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
}
.widget ul li {
border-bottom:1px solid #efefee;
padding-top: 3px;
padding-bottom: 2px;
}
.sideboxshadow {
  border: none;
  background-image: url(images/bg_sideBox_shadow.png);
  background-repeat: no-repeat;
  background-position: center top; 
  height: 22px;
}

/* -- POSTS -- */
.post-index {
  /* margin:15px 35px 30px 0; */
  background-color: #ffffff;
  border:1px solid #31353E;
  }
#post-single {
  
}
.posts-wrap {
  clear:none;
  width:65%;
  right:0px;
  float: right;
}
.post {
  background-color:#FFFFFF;
  border:1px solid #8D8D8B;
  line-height:19px;
  margin:0px;
  text-align:justify;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
}
.postBorder {
  background-color:#FFFFFF;
  margin: 0;
  padding:15px 25px 15px 75px;
  border: 7px solid #e5e5e4;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
}
.postShadow {
  background-image:url(images/shadow_left.png);
  background-position:left top;
  background-repeat:no-repeat;
  height:25px;
  margin-left:6px;
  margin-right:0;
  width:98%;
}
.postShadow div {
  background-image:url(images/shadow_right.png);
  background-position:right top;
  background-repeat:no-repeat;
  height:10px;
}
.blogroll li {
/*  border-bottom:1px solid #FCC677; */
  color:#7D2101;
  float:left;
  margin-right:5px;
  padding-top:5px;
  width:45%;
}
.blogroll li a, .widget div ul li a {
  color:#797878;
}
.widget div ul li a:hover {
  color: #d93904;
}
li.cat-item {
/*  border-bottom:1px solid #FCC677; */
  color:#7D2101;
  float:left;
  margin-right:5px;
  padding-top:5px;
  width:45%;
}
.widgettitle {
  margin-bottom: 10px;
  color:#797878;
  text-shadow:1px 1px #ffffff;
}

/* -- SIDEBARS --*/
.sidebar-wrap {
  margin:0px auto 15px;
  overflow:hidden; 
  float:left; 
  clear:none;
  width:32%;
}
.twitterBox {
  background-image:url(images/bg_twitterBird.png);
  background-position:center center;
  background-repeat:no-repeat;
  height:250px;
  margin:15px 0 0 35px;
  width:auto;
}
.twitterBox div {
  margin-right:50%;
  padding-bottom:5%;
  padding-left:19%;
  padding-right:0;
  padding-top:110px;
  width:67%;
  color: #545D70;
}
.twitterBox div a {
  color:  #545D70;
  text-decoration: underline;
}
.twitterBox div a:hover {
  text-decoration: none;
  color: #0474fd;
}
.twitterBox div p {
  margin: 10px 0px 10px 0px;
}
.myTweets h3 {
  font-weight: bold;
  font-size: 14px;
  text-shadow:1px 1px #000000;
  padding-top:4px;
}
.twitterBox div span a:link {
  color: #545D70;
  font-size:10px;
  font-weight:normal;
  margin-top:-7px;
}
.sidebar {width:99%;clear:none;}
.block-1 {
float:left;
}
.commentBox a {
  background-image:url(images/bg_comments.jpg);
  background-repeat:no-repeat;
  color:#FFFFFF;
  float:right;
  font-size:14px;
  font-weight:bold;
  height:27px;
  line-height:22px;
  margin-right:-15px;
  margin-top:-16px;
  text-align:center;
  width:38px;
}

/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {
  background-color:#DBDAD9;
  border-left:30px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  margin:10px auto 20px;
  padding:10px;
}
li.comment:hover {
  border-left-color: #c1bfbf;
  background-color: #e3e2e1;
}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
div.reply {}
/* textarea#comment {
  border:5px solid #AAAAAA;
  color:#666666;
  font-family:Arial;
  font-size:13px;
  overflow:auto;
  padding:10px;
  background-color:#EEEEEE;
}
textarea#comment:hover {
  background-color:#ffffff;
} */
.button {
  -moz-border-radius-bottomleft:11px;
  -moz-border-radius-bottomright:11px;
  -moz-border-radius-topleft:11px;
  -moz-border-radius-topright:11px;
  background-color:#999999;
  border:3px solid #888888;
  color:#ffffff;
  font-size:11px;
  padding:1px 10px;
  text-shadow:0 1px 0 #333333;
  -webkit-border-radius: 11px;
}
.button:hover {

  background-color:#888888;
  border:3px solid #999999;
}
.url {
  font-weight: bold;
  margin-left: 5px;
}
.commentmetadata {
  color: #aaaaaa;
  margin-left: 0px;
}

/* -- ALIGNMENTS --*/
img.alignright {float:right;clear:none;margin:0 0 1em 1em}
img.alignleft {float:left;clear:none;margin:0 1em 1em 0}
img.aligncenter {display: block; margin:1em auto; text-align:center}
img.alignnone {margin:0 0.5em 0 0;}

/* -- NAVIGATION --*/
div.navigation {
  width:94%;
  right: 35px;
  clear:both;
  padding: 10px 0px;
  margin-bottom:15px;
  margin-top:-10px;
}
.topNavi {
  height:47px;
  left:45%;
  padding-left:20px;
  position:relative;
  right:40%;
  top:-37px;
}
.topNavi div {
  display:block;
  height:47px;
  padding-top:0.3pt;
  position:relative;
  width:100%;
  z-index:19999;
}
.topNavi div a
{
  color: #f58f3c;
  font-weight: bold;
  text-shadow:1px 1px #000000;
}
.topNavi div span
{
  text-shadow: none;
}
.topNavi div ul {
  float:none;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:3px 0;
  width:auto;
}
.topNavi div ul li {
  color:#FEF9BF;
  display:inline;
  float:left;
  font-size:14px;
  list-style-type:none;
  margin-right:2px;
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
  background-color:#a72d03;
  border:1px solid #9E2A02;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-image:url(images/bg_sprite_top.jpg);
  background-position: 0px 0px;
}
.topNavi div ul li:hover {
  background-color:#E86223;
  background-image:url(images/bg_sprite_top.jpg);
  background-position: 0px -38px;
  background-repeat:repeat-x;
  border-color:#E86223;
}
.topNavi div ul li.current {
  background-color:#E86223;
  background-image:url(images/bg_sprite_top.jpg);
  background-position: 0px -38px;
  background-repeat:repeat-x;
  border-color:#E86223;
  color: #ffffff;
}
.topNavi div ul li a.current {
  color: #ffffff;
}
.topNavi div ul li span.current {
  color: #350D01;
}
.topNavi div ul li a:hover {
  text-decoration: none;
  color: #fcea50;
}
.topNavi div ul li span {
  color:#f54c01;
  font-size:10px;
  font-weight:normal;
}
.topNavi div ul li span:hover {
  color:#A52502;
}
.navigation-index {}
.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}
.archive-title {
  color: #666666;
}
.yr {
  font-size:11px;
  font-weight:bold;
  margin-left:12px;
}
.rssBox {
  float:right;
  margin-top:-55px;
}
#nme {
  margin-left: 0px;
}
#nme img.a {
  float:left;
  left:-103px;
  margin-right:5px;
  position:absolute;
  border: 1px solid #ffffff;
}
#nme a {
  display:inline;
  font-weight:bold;
  line-height:19px;
  position:relative;
}
::selection {
  background: #FF9900; /* Safari */
 }
::-moz-selection {
  background: #FF9900; /* Firefox */
}
.code-snippet {
  background-color:#FAF5DD;
  border:1px solid #EDE1AA;
  color:#795001;
  font-family:arial;
  padding:0 10px;
}
pre {
 overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 /* width: 99%; */
 word-wrap: break-word; /* Internet Explorer 5.5+ */
}
#entry-meta-single {
  background-color:#F1F1F1;
  font-size:10px;
  line-height:13px;
  margin-top:-17px;
  padding:2px;
}
h2 {
  border-bottom:1px solid #E3E2E1;
  color:#C13100;
  font-size:15px;
  text-align:left;
}
.comment p {
  font-size: 8.6pt;
  line-height: 16px;
}
a.rssimg:hover img {
  opacity: .7;
}
.more-link {
  float: right;
  background-color: #F1DF4F;
  font-weight: bold;
}
.entry-meta {
  margin-top: 20px;
}
.smwrap {
   background-color:#3D3D3B;
   margin:auto;
   padding:10px;
   text-align:center;
   width:720px;
}
.sm {
	height: 54px;
	background-image: url(images/sm-sprite.jpg);
	display: block;
	float: left;
	margin: 0 20px 0 20px;
}
.sm1 {
	background-position: 0px 0px;
	width: 86px;
}
.sm1:hover {
	background-position: 0px -52px;
	cursor: hand;
        text-decoration: none;
}
.sm2 {
	background-position: -140px 0px;
	width: 65px;
}
.sm2:hover {
	background-position: -140px -52px;
	cursor: hand;
        text-decoration: none;
}
.sm3 {
	background-position: -256px 0px;
	width: 102px;
}
.sm3:hover {
	background-position: -256px -52px;
	cursor: hand;
        text-decoration: none;
}
.sm4 {
	background-position: -407px 0px;
	width: 53px;
}
.sm4:hover {
	background-position: -407px -52px;
	cursor: hand;
        text-decoration: none;
}
.sm5 {
	background-position: -511px 0px;
	width: 72px;
}
.sm5:hover {
	background-position: -511px -52px;
	cursor: hand;
        text-decoration: none;
}
.sm6 {
	background-position: -633px 0px;
	width: 93px;
}
.sm6:hover {
	background-position: -633px -52px;
	cursor: hand;
        text-decoration: none;
}
div.textwidget {
        border: none;
        padding: 0px;
}
.car-yearmonth {
        font-weight: normal;
}
.gogreen img  {
border:2px solid #516d00;
}
.gogreen img:hover  {
border:2px solid #ff7200;
opacity: 0.85;
}
.imgborder img  {
border:1px solid #cccccc;
}
.imgborder img:hover  {
border:1px solid #000000;
opacity: 0.85;
}
.widget div.execphpwidget  {
border:medium none #FF0000;
padding:0;
margin:0;
}
.fb_share_count_wrapper {
width:50px;
}
.FBConnectButton {
width: 50px;
font-weight: none;
}
.FBConnectButton .FBConnectButton_Text {
padding: 2px 2px 3px;
font-weight: normal;
}
.fb_share_count_wrapper {
margin-left: 5px;
}
.contact-form fieldset {
-moz-border-radius:5px;
border:1px solid #E5E5E4;
margin-bottom:10px;
}
.contact-form fieldset legend {
font-weight: bold;
color: #C13100;
} 
.tweetmeme_button {
float: left; 
margin-left:-65px;
}

.feedLink {
height: 16px;
width: 122px;
background-image:url(file:///D|/Office/web/PnP/vertex/common/images/bg-rssTwitter.png);
background-position: 0 0;
float:left;
display: block;
text-decoration: none;
}
.feedLink:hover {
background-position: 0 -17px;
text-decoration: none;
}
.twitterLink {
margin-left: 15px;
height: 16px;
width: 122px;
background-image:url(file:///D|/Office/web/PnP/vertex/common/images/bg-rssTwitter.png);
background-position: -138px 0;
float:left;
display: block;
text-decoration: none;
}
.twitterLink:hover {
background-position: -138px -17px;
text-decoration: none;
}

.share-delicious{
width:100px;
height:19px;
text-align:center;
font-family:arial;
}
.delicious{
padding-left:6px;
width:43px;
height: 19px;
background: url(http://2.bp.blogspot.com/_5rlxf3T9Z9U/TAbOKzo-xYI/AAAAAAAAHkY/Ex51i4u-vZo/s1600/comp+del.png) no-repeat;
font-weight: bold;
font-size: 13px;
color:#999;
margin:0 auto;
line-height:18px;
float:left;
}
.delicious-b{
font-size:10px;
text-transform:none;
color:#FFF;
margin:0 auto;
width:50px;
height:17px;
line-height: 17px;
float:left;
}
.delicious-b a:link, .delicious-b a:visited{
color:#FFF;
font-weight:normal;
background: url(http://4.bp.blogspot.com/_5rlxf3T9Z9U/TAbLWujRYKI/AAAAAAAAHkI/3H0KFMwuWuo/s1600/del+new.png) no-repeat;
display: block;
text-decoration:none;
padding-left:3px;
}
.delicious-b a:hover{
color:#11788b;
font-weight:normal;
text-decoration:none;
background: url(http://4.bp.blogspot.com/_5rlxf3T9Z9U/TAbLWujRYKI/AAAAAAAAHkI/3H0KFMwuWuo/s1600/del+new.png) no-repeat center -17px;
display: block;
}
ul.bookmarkWrap {
background-image:url(images/bg-shade.png);
background-position:left top;
background-repeat:repeat-y;
border-bottom:1px solid #F6F4F4;
border-top:1px solid #F6F4F4;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-top:-49px;
padding-bottom:0;
padding-left:8px;
padding-top:10px;
position:absolute;
width:645px;
}
ul.bookmarkWrap li {
float: left;
margin-right: 15px;
}