/*
Theme Name: Second Click
Theme URI: http://www.lijit.com
Description: This theme was developed as a revamp of the Lijit Blog
Version: 1.0
Author: Lijit Networks
Author URI: http://www.lijit.com
*/

@import "http://www.lijit.com/res/css/style.css";
@import "http://www.lijit.com/res/css/layout.css";
@import "http://www.lijit.com/res/css/typography.css";

/*overriding font size of lijit website*/
p {font-size: 14px important!;}

/*styles specific to The Second Click */

/*2a Second Click Logo*/
h2.secondClick{ width:200px;height: 105px;}
h2.secondClick a{display: block;  text-indent: -9999px; width: 200px; height: 100px; background: url(style/images/secondClickLogoSprite.png) no-repeat top left; background-position: 0 0;}
h2.secondClick a:hover{background-position: 0px -100px; cursor: pointer;}

h6.secondClick { float:right; height:70px; margin:10px 0 0; width:140px;}
h6.secondClick a { background:transparent url(style/images/secondClickLogoSpriteFooter.png) no-repeat scroll 0 0; display:block; height:70px; text-indent:-9999px; width:140px; }
h6.secondClick a:hover { background-position:0 -70px;}

#sidebarNav{position: relative;}
ul#blogNav {background-color: #d9e5e1; padding: 0; margin: 0;  list-style: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* future proofing */ -khtml-border-radius: 5px; /* for old Konqueror browsers */ font-weight: bold; font-size: 16px;}
ul#blogNav li {float: left; text-align: center; width: 50%;}
ul#blogNav li a { color:#557482; float:left;  display:block; padding:5px 0 6px; width: 100%; text-shadow:0 1px 0 rgba(255, 255, 255, 0.4);}
ul#blogNav li a:hover { color:#000000; }
ul#blogNav li.community{ background: transparent url(style/images/verticalNavDash.png) repeat-y scroll 100% 0;}
ul#blogNav li.community{ width: 54%; padding-right: 1%;}
ul#blogNav li.company {width: 45%; }
body.category-community ul#blogNav li.community { background: transparent url(style/images/verticalNavDash.png) repeat-y scroll 100% 0; }
body.category-community ul#blogNav li.community a, body.category-company ul#blogNav li.company a { background: #9AC0C9;}

ul#social {padding: 0; margin-left: 0;}
ul#social li { list-style: none; width: 32px; height: 32px; float: left; margin-right: 10px;}
ul#social li.last {margin-right: 0px;}
ul#social li a { display: block; width: 32px; height: 32px; float: left; text-indent: -9999px; background: url(style/images/icons/lijitSocialIconSet.gif) no-repeat; }

ul#social li a.twitter {background-position: left top;}
ul#social li a.facebook {background-position: -32px top;}
ul#social li a.viddler {background-position: -64px top;}
ul#social li a.flickr {background-position: -96px top;}
ul#social li a.linkedin {background-position: -128px top;}
ul#social li a.rss {background-position: -160px top;}

#LijitTagCloud {padding: 2px; line-height: 21px; text-align: center;}
#LijitTagCloud  a { float:left; padding:0 5px 0 0; white-space:nowrap;}
.TagCloud_l_0 {font-size: 20px;}
.TagCloud_l_1 {font-size: 18px;}
.TagCloud_l_2 {font-size: 17px;}
.TagCloud_l_3 {font-size: 16px;}
.TagCloud_l_4 {font-size: 14px;}
.TagCloud_l_5 {font-size: 12px;}

 /*Featured Posts*/
#featureMenuWrap{ background: #fff; position: relative; float: left;}
ul#featuredNav { position: relative; list-style: none;padding:12px 20px; margin: 0;}
ul#featuredNav li {display: inline;}
ul#featuredNav li a { float: left; display: block; background-color: #d9e5e1; color: #4d4d4d; -moz-border-radius:5px; padding:3px 10px; font-weight: bold; font-size: 18px; text-shadow:0 1px 0 rgba(255, 255, 255, 0.4);}
ul#featuredNav li a:hover, ul#featuredNav li a.selected { background-color: #9ac0c9; color: #557482; -moz-border-radius:5px; box-shadow: 1px 1px 1px #72949c;
  -moz-box-shadow: 1px 1px 1px #72949c;
  -webkit-box-shadow: 1px 1px 1px #72949c;
  margin-top: -1px;
  margin-bottom: 1px;
  margin-left: -1px;
  margin-right: 1px;
}

#companyPostLink a {margin-left: 10px;}
ul#featuredNav li#companyPostLink a:hover,  ul#featuredNav li#companyPostLink a.selected{margin-left: 9px;}
 
 
#featuredPosts{position: relative; background: #fff; padding:10px 20px;}
#featuredPosts h3 {margin: 0 0 10px 0;}
#featuredPosts h3 a {display: block;}
 

/*Post Styles*/
li.widget {list-style: none;}

.post {margin: 0 0 1em 0;}
.post ul {line-height: 20px;}
.post-title-data {display: block; width: 100%; padding: 10px; margin-left: -20px; position: relative; background: #fff;}
.post-title-data h4, .post-title-data h3, p.post-info {margin: 0 60px 0 70px; }
.post-title-data h4 a {display: block;}
.post-title-data img.avatar {float: left; margin-right: 10px;}

.post .alignright {float:right; clear: right; margin:0 0 1em 1em}
.post .alignleft {float:left; clear: left; margin:0 1em 1em 0}
.post .aligncenter {display: block; margin-left: auto; margin-right: auto}

p.post-info-date {background-color: #d9e5e1; font-weight: bold; position: absolute; top: 20px; right: -40px; padding: 5px 10px 7px; font-size: 18px;  -moz-border-radius: 5px; -webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
text-shadow:0 1px 0 rgba(255, 255, 255, 0.4);}

a.more-link { font-weight: bold !important;; font-style: italic; } 

.shadowPost { position:relative; background:#FFFFFF url(style/images/postShadow.jpg) no-repeat left top; padding:10px 20px; }
#postFooter{margin-top: 20px;}

.attachment-post-thumbnail {float: left; margin: 10px 10px 10px 0;}
body.home .post:hover p, body.archive .post:hover p {color: #000;}

#featuredSeriesPost { position: relative; background: #fff; padding:10px 20px;}
h4#featuredTitle {margin: 0 0 5px 0;  padding-bottom: 8px; background: transparent url(style/images/lightStitch.gif) repeat-x bottom left;}

blockquote { background:#f8faf7; margin:1.5em 10px; padding:.5em 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* future proofing */ -khtml-border-radius: 5px; /* for old Konqueror browsers */ quotes:"\201C""\201D";
}
blockquote:before {
color:#557482;
content:open-quote;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}
blockquote p {
display:inline;
}


 /*Styles for Comment style in Posts*/
/**** Speech Bubble Icons *****/
.spch-bub-inside {
  position: relative;
}
a.spch-bub-inside {
  color: #1c53A3;
  text-decoration: none;
}
.spch-bub-inside em {
  font-style: normal;
}
.spch-bub-inside em {
  background: #1c53A3;
  color: #fff;
  padding: 0 0.4em;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  border-radius: 0.25em;
  position: relative;
}
.spch-bub-inside .point {
  width: 0;
  height: 0;
  position: absolute;
  top: 1.2em;
  left: 0.4em;
  display: block;
  border-left: 0.45em solid #1c53A3; 
  border-bottom: 0.45em solid #fff; /* IE fix */
  border-bottom: 0.45em solid #fff; 
  overflow: hidden; /* IE fix */
}
a.spch-bub-inside:hover {
  color: #F00;
}
a.spch-bub-inside:hover em {
  cursor: pointer;
  background: #525252;
  color: #fff;
}
a.spch-bub-inside:hover .point {
  border-left: 0.5em solid #525252; 
}

/*Categories*/
h2.pagetitle {margin-bottom: 12px;}

/*Archive*/
ul.archive li ul li {float: left;}

/* 5. Comment Styling */
/* 5.1 Default Comments */
#postExtend{ position: relative;  background: #f5f8f4 url(style/images/commentBoxGradient.png) repeat-x top left; margin: -1em 20px 0 20px; padding: 10px;}
h4#comments {margin: 0px;}
.commentlist {padding: 0px;}
.commentlist .bypostauthor { background: #fafafa; background: rgba(0,0,0,0.02); background: transparent url(style/images/lightStitch.gif) repeat-x top left;}
.commentlist .comment{ padding:10px 0; list-style-type:none; background: transparent url(style/images/lightStitch.gif) repeat-x top left;}
.commentlist .comment-author {float: left; width: 100%;}
.commentlist .comment-author h5.fn {margin-top: 0px;}
.commentlist .comment .comment-container  { position:relative; padding: 20px; }
.commentlist .comment-head  { margin: 0 0 15px 0; }
.commentlist  .avatar  { float:left; margin: 0 15px 10px 0; }
.commentlist  .avatar img{margin: 0;vertical-align: middle;border:1px solid #ddd; padding:3px; background:#fff; }
.commentlist .comment-head .name  { margin: 0; font-weight: bold; font-size: 15px; }
.commentlist .comment-head .date, .commentlist .comment-head .edit, .commentlist .comment-head .perma { font-size: 11px; }
.commentlist .comment-entry p  { margin: 0 0 10px 0;}
.commentlist .reply { padding-top:10px; }
.commentlist .reply a { }
.commentlist .reply a:hover { }

.commentlist ul.children{margin:10px 10px 0 25px;padding:0; }
.commentlist ul.children li { padding: 10px 0; }
.commentlist .cancel-comment-reply{margin:10px 0;}

.commentlist.navigation { }
.commentlist .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
.commentlist .navigation a:hover{}

.commentlist h3#pings { margin-top:25px; }
.commentlist .pingbacks li.pingback { margin:10px 0; }
.commentlist .pingbacks li.pingback .reply { display:none; }

/* 5.2 Default Comments Form */
#respond  { margin: 20px 0 0; }
#respond h3  { font-weight:normal; margin: 0 0 20px 0; }
#respond .left { float:left; width:200px; margin-right:15px; }
#respond .right { float:left; width:380px; }
#respond label { font-size:11px; color:#777; }


/* 5.3 Default Pingbacks / Trackbacks */
h3#pings  { margin: 25px 0 10px 0; }
.pinglist li  { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author  { font-weight: bold; font-size: 15px; }
.pinglist li .date  { font-size: 11px; }
.pinglist li .pingcontent  { display: block; margin: 10px 0; }

/* 5.4 Discuss Comment System */
#disqus_thread { position: relative;  background: #f5f8f4 url(style/images/commentBoxGradient.png) repeat-x top left; margin: -1em 20px 0 20px; padding: 10px; 
-moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px; /* future proofing */
-khtml-border-radius: 0 0 5px 5px; /* for old Konqueror browsers */}

#disqus_thread h1, #disqus_thread h2, #disqus_thread h3, #disqus_thread h4, #disqus_thread h5, #disqus_thread h5 {margin-top: 0px;}
.dsq-popup-content h1, .dsq-popup-content h2, .dsq-popup-content h3, .dsq-popup-content h4, .dsq-popup-content h5 {margin-top: 0px !important;}
.dsq-popup-profile .dsq-popup-profile-state { margin:0 !important;}
#dsq-comments-title {margin-top: 20px !important;}

#comment-form input#default-submit{
background:#bedb8a none repeat scroll 0 0 !important;
border:medium none;
color:#37451D;
cursor:pointer;
font-size:12px;
font-style:normal;
font-weight:bold;
text-shadow:0 1px 0 rgba(255, 255, 255, 0.4);
font-family:Tahoma,'Helvetica','Arial',sans-serif;
letter-spacing: .5px;

-moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em;
}
#comment-form input#default-submit:hover{
background:#97BC52 none repeat scroll 0 0 !important;
color:#111111;
cursor:pointer;
}

.dsq-brlink {display: none;}



/*Sidebar*/
.ulSidebar, .ulSidebar li ul {padding: 0; margin: 0;}

li.widget_most_popular_tags a { margin-bottom:5px; margin-right:5px;}
li.widget_most_popular_tags a:hover { text-decoration:none; }

.dashheading557482 {background: transparent url(style/images/HorizontalDash_557482.gif) repeat-x bottom left;}

ul.blogroll li {list-style: circle; margin-left: 20px;}

/*Tweets*/
/* Twitter Feed */
ul#twitter_update_list { padding: 0px; margin: 0px;}
ul#twitter_update_list li{ list-style: none; margin:1em 0 0;}
ul#twitter_update_list li a {margin: 10px 0 0 50px;}
ul#twitter_update_list li span a {margin: 0;}
ul#twitter_update_list li span{
	position:relative;
	float: left;
	display: block;
	padding:10px;
	background-color:#f8f8f8; /* default background for browsers without gradient support */
	border: 1px solid #e1e1e1;
	
	/* css3 */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	/* Optional gradientNOTES: webkit implementation of gradients is not as per the spec, therefore, I'm not using them in the demo included assumed opera gradients for future */
	background-image: -moz-linear-gradient(100% 100% 90deg, #f8f8f8, #fefefe);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#f8f8f8));
    line-height: normal;

}

/* creates the larger triangle */
ul#twitter_update_list li span:before {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-35px; /* value = - border-top-width - border-bottom-width */
	left:27px; /* controls horizontal position */
	width:0;
	height:0;
	border:20px solid transparent;
	border-width:17px 0 17px 17px; /* vary these values to change the angle of the vertex */
	border-top-color:#e1e1e1;
}

/* creates the smaller  triangle */
ul#twitter_update_list li span:after {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-33px; /* value = - border-top-width - border-bottom-width */
	left:26px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	width:0;
	height:0;
	border:13px solid transparent;
	border-width:17px 0 17px 17px; /* vary these values to change the angle of the vertex */
	border-top-color:#f8f8f8;
}

.inside	{ padding: 10px; }
.tweetInfo p {padding: 5px 0 0 50px; position: relative; font-size: 12px;}
.tweetInfo img {padding-right: 5px;}


 /*Search Form*/
#homeSearch { position: relative; float: right; background-color: #d9e5e1; padding: 7px; margin: 9px 10px 0 0; width: 55%;}
#homeSearch .screen-reader-text {display: none;}
#homeSearch #s {width:78%; height: 17px; background: #fff;}

#sidebarSearch{ position: relative; background-color: #d9e5e1; padding: 5px; margin: 0; }
#sidebarSearch .screen-reader-text {display: none;}
#sidebarSearch #s {width:60%; height: 17px; background: #fff;}

#archiveSearch { position: relative; background-color: #d9e5e1; padding: 7px; margin: 9px 10px 0 0;}
#archiveSearch .screen-reader-text {display: none;}
#archiveSearch #s {width:40em; height: 17px; background: #fff;}

#fourOfourSearch { position: relative; background-color: #d9e5e1; padding: 7px; margin: 9px 10px 0 0;}
#fourOfourSearch .screen-reader-text {display: none;}
#fourOfourSearch #s {width:32em; height: 17px; background: #fff;}

/*Forms*/
input, textarea, file { background: #fff; }

input[type="button"], input[type="submit"] {
background:#bedb8a none repeat scroll 0 0;
border:medium none;
color:#37451D;
cursor:pointer;
font-size:12px;
font-style:normal;
font-weight:bold;
text-shadow:0 1px 0 rgba(255, 255, 255, 0.4);
font-family:Tahoma,'Helvetica','Arial',sans-serif;
letter-spacing: .5px;

-moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em;
}
input[type="button"]:hover, input[type="submit"]:hover {
background:#97BC52 none repeat scroll 0 0;
color:#111111;
cursor:pointer;
}

/*Blog Footer Addon*/
#blogFooter {background: #f5f8f4; position: relative; margin: 0 20px; padding: 10px 20px;}
#footerBlock {background:transparent url(style/images/footerShadow.png) no-repeat scroll top right; width: 940px; height: 110px; margin: -24px 0 0 -40px;}
#footerBlock2 {margin-top: -90px;}

/*404*/
.message404Blog {
background:transparent url(http://www.lijit.com/res/images/lijitWebsite/artItems/lijit404Clown.png) no-repeat scroll 160px top;
min-height:210px;
padding:250px 50px 0; 
}