/*

Theme Name: AllTuts

Author: Site5.com

Author URI: http://gk.site5.com/t/237

Description: Check <a href="http://wordpress.site5.net/alltuts/doc/">AllTuts Documentation</a> in case you need directions</a>.

*/



/* -------------------------------

BODY STYLES

----------------------------------*/



* {

  margin: 0;

  padding: 0;

}



body {

  color: #333;

  background:#f0f0f0 url(images/bk_body.png) repeat-x;

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

  font-size:13px;

  line-height:135%;

}



/*----------------------------------------------------

BASIC HTML ELEMENTS STYLES

------------------------------------------------------*/



a {

  color:#1FA2E1;

  text-decoration:none;

}



a:hover {

  text-decoration: underline;

}



a:focus {

  outline:none;

}



h1 {

  font-size:26px;

  letter-spacing:-1px;

  font-weight:normal;

  padding:10px 0 12px;

  line-height:100%;

  font-family:Georgia, "Times New Roman", Times, serif;

  font-style:italic;

}



h1.home {

  color:#1FA2E1;

  font-size:30px;

}



h1 a {

  color:#333;

  text-decoration:none;

}



h1 a:hover {

  color:#1FA2E1;

  text-decoration:none;

}



h2,h3 {

  font-size:22px;

  font-weight:normal;

  font-style:italic;

  letter-spacing:-1px;

  padding:5px 0;

} 



h3{

  font-size:17px;

  font-weight:bold;

}





ul {

  list-style:none;

}



p {

  margin:10px 0;

}



/* -------------------------------

LAYOUT STRUCTURE

----------------------------------*/



#wrapper {

  width:960px;

  margin:0 auto;

}

#header {

  position:relative;

  height:185px;

  background:url(images/bk_header.jpg) 0 51px no-repeat;

}



#content {

  padding:25px 0;

}



#content #colLeft {

  float:left;

  width:670px;

  margin-right:10px;



}



#content #colRight {

  float:left;

  width:280px;

  

}



#footer {

  background:#000 url(images/bk_footer.jpg) 0 0 repeat-x;

  padding-top:20px;

  padding-bottom:25px;

  margin-top:15px;

  min-width:960px;

}



#footerInner {

  width:960px;

  margin:0 auto;

  color:#797979;

}



#copyright {

  border-top:1px solid #1E1E1E;

  background:#111;

  min-width:960px;

}



#copyrightInner {

  width:960px;

  margin:0 auto;

  font-size:11px;

  color:#515151;

  padding:20px 0;

  position:relative;

}





/* -------------------------------

HEADER ELEMENTS

----------------------------------*/



/* TopMenu */



.ddsmoothmenu {

  position:absolute;

  left:0;

  top:6px;

  border-right:1px solid #2F2F2F;

}



.ddsmoothmenu ul li {

  float:left;

}



.ddsmoothmenu ul li a{

  display:block;

  color:#ccc;

  text-decoration:none;

  border-left:1px solid #2F2F2F;

  height:42px;

  line-height:42px;

  text-transform:uppercase;

  font-size:11px;

  padding:0 12px;

}



.ddsmoothmenu ul li a:hover {

  color:#FFFFFF;

  background:url(images/bk_top_hover.png) 50% 0 no-repeat;

}



/* TopMenuRight */



#topMenuRight {

  position:absolute;

  right:0;

  top:6px;

}



#topMenuRight ul li {

  float:left;

}



#topMenuRight ul li a{

  display:block;

  color:#ccc;

  text-decoration:none;

  height:42px;

  line-height:42px;

  font-size:11px;

  padding:0 8px;

  background:url(images/list_red_bullet.png) 1px 50% no-repeat;

}



#topMenuRight ul li a:hover {

  color:#FFFFFF;

}



/* Logo */



#logo {

  position:absolute;

  left:0;

  top:50px;

}



#logo img {

  border:none;

}



#logo span {

  display:block;

  padding-left:5px;

  padding-top:6px;

  text-transform:uppercase;

  color:#999999;

  font-size:12px;

}



/* Social Links */



#socialLinks {

  position:absolute;

  right:0;

  top:55px;

  background:url(images/bk_social_links.png) 0 50% no-repeat;

  padding-left:155px;

  height:42px;

}



#socialLinks .linkedin, #socialLinks .facebook, #socialLinks .twitter, #socialLinks .rss {

  display:block;

  width:32px;

  height:32px;

  float:left;

  margin-left:5px;

  text-indent:-9999px;

}



#socialLinks .linkedin:hover, #socialLinks .facebook:hover, #socialLinks .twitter:hover, #socialLinks .rss:hover {

  margin-bottom:2px;

}



#socialLinks .linkedin {

  background:url(images/ico_linkedin.png) 0 0 no-repeat;

}



#socialLinks .facebook {

  background:url(images/ico_facebook.png) 0 0 no-repeat;

}



#socialLinks .twitter {

  background:url(images/ico_twitter.png) 0 0 no-repeat;

}



#socialLinks .rss {

  background:url(images/ico_rss.png) 0 0 no-repeat;

}



/*----------------------------

FOOTER ELEMENTS

------------------------------*/



#footer h2 {

  font-weight:bold;

  color:#ccc;

  font-size:18px;

}



#footerInner {

  overflow:hidden;

  padding-bottom:10px;

}



#footerInner .boxFooter {

  float:left;

  width:290px;

  padding-right:30px;

}



#footerInner .last {

  padding-right:0;

}



#footerInner h2 {

  font-size:20px;

  border-bottom:1px solid #292929;

  padding:7px 0;

  margin-bottom:7px;

}



#footerInner .boxFooter ul li {

  padding:5px 6px 5px 18px;

  border-bottom:1px solid #292929;

  background:url(images/star.png) 0 8px no-repeat;

  color:#986123;

  font-size:10px;

  font-style:italic;

}



#footerInner .boxFooter ul li br {

  line-height:5px;

}



#footerInner .boxFooter ul li a {

  text-decoration:none;

  color:#515151;

  font-size:13px;

  font-style:normal;

}



#footerInner .boxFooter ul li a:hover {

  color:#ccc;

}



#site5bottom {

  position:absolute;

  right:5px;

  top:13px;
  

}



#copybottom {

  position:absolute;

  left:5px;

  top:13px;

}



#site5bottom img {

  border:none;

}



#site5bottom a {

  display:block;
  display: inline;
color: #666;

  /*width:344px;

  height:26px;

  background:url(images/site5bottom.png) 0 0 no-repeat;

  text-indent:-9999px;*/

}





/*----------------------------

LEFTCOL ELEMENTS

------------------------------*/



.postBox {

  margin-bottom:10px;

}



.postBoxTop {

  height:5px;

  width:668px;

  background:url(images/bk_box_top.png) 0 0 no-repeat;



}



.postBoxBottom {

  height:5px;

  width:668px;

  background:url(images/bk_box_bottom.png) 0 0 no-repeat;

}



.postBox .postBoxMid {

  padding:0 5px;

  background:url(images/bk_box_mid.png) 0 0 repeat-y;

}



.postBox .postBoxMid p{

  line-height:145%;

}



.postBox .postBoxMid img {

  border:none;

}





.postBox .postBoxMidInner {

  padding:20px 40px;

  position:relative;

}



.postBox .first {

  background:url(images/bk_box_mid_inner.jpg) 0 0 no-repeat;

}



.postBoxMid .category {

  background:url(images/star.png) 0 50% no-repeat;

  padding:0 0 0 20px;

  text-transform:uppercase;

  font-size:11px;

  line-height:100%;

  color:#ccc;

  font-weight:bold;

  

}



.postBox .postBoxMid .date {

  background:url(images/bk_date.png) 0 0 no-repeat;

  width:62px;

  height:89px;

  left:-34px;

  top:13px;

  text-align:center;

  position:absolute;

  font-size:11px;

  color:#C5ECFC;

  padding-top:17px;

}



.postBox .postBoxMid .date span.day {

  font-size:24px;

  font-weight:bold;

  text-shadow:1px 1px #157EC4;

  color:#fff;

}



.postBox .postBoxMid .textPreview {

  float:left;

  width:350px;

  margin-top:15px;



}



.postBox .postBoxMid .textPreview p{

  margin-top:0;

  

}  



.postBox .postBoxMid .postThumb{

  float:left;

  margin:15px 25px 25px 0;

  width:201px;

  overflow:hidden;

}



.postBox .postBoxMid .postThumb img{

  border:none;

  background:#F0F0F0;

  padding:10px;

  border-right:1px solid #ccc;

  border-bottom:1px solid #ccc;

}



.postBox .postBoxMid .postMeta {

  border-top:1px solid #E2E2E2;

  padding-top:20px;

  margin-top:25px;

  clear:left;

  overflow:hidden;

}



.postBox .postBoxMid .postMeta .more-link {

  display:block;

  background:url(images/ico_readmore.png) 0 0 no-repeat;

  padding:3px 0;

  padding-left:35px;

  font-size:14px;

  font-weight:bold;

  float:left;

  

}



.postBox .postBoxMid .postMeta .metaRight {

  float:right;

}



.postBox .postBoxMid .postMeta .metaRight img {

  vertical-align:middle;

  margin-left:20px;

}



.postBox .postBoxMid .postMetaSingle {

  border-bottom:1px solid #E2E2E2;

  padding:5px 0 15px;

  margin-bottom:20px;

  display:none;

}



.postBox .postBoxMid .postMetaSingle img {

  vertical-align:middle;

}



.postBox .postBoxMid .postCredentials {

  background:#F8F8F8;

  border-top:3px solid #E2E2E2;

  border-bottom:3px solid #E2E2E2;

  padding:20px 40px 15px;

  margin-right:2px;

  overflow:hidden;

  text-shadow:1px 1px #fff;

}



.postBox .postBoxMid .postCredentials p {

  font-size:12px;

  color:#666;

  margin:0.6em 0;



}



.postBox .postBoxMid .postCredentials img {

  float:left;

  margin-right:10px;

  padding:4px;

  background:#fff;

  border-right:1px solid #ccc;

  border-bottom:1px solid #ccc;

}



.postBox .postBoxMid .postCredentials #authorDetails {

  clear:both;

  padding-top:15px;

  overflow:hidden;

  border-top:1px solid #ddd;

  display: none;

}



.postBox .postBoxMid .postCredentials #authorDetails img {

  margin-bottom:15px;

}



/* POST SOCIAL SHARE */



.postBox .postBoxMid .postCredentials .social {

  margin:0 0 10px;

  padding-bottom:10px;

  border-bottom:1px solid #ddd;

}



.postBox .postBoxMid .postCredentials .social a:hover img {

  margin-top:-4px;  

}



.postBox .postBoxMid .postCredentials .social img {

  border:none;

  vertical-align:middle;

  float:none;

  background:none;

  padding:0;

  margin-right:5px;

}



.postBox .postBoxMid .postCredentials .social strong {

  padding-right:20px;  

}



.postBox .postBoxMid .postTags {

  font-size:13px;  

  background:url(images/ico_tag.png) 0 50% no-repeat;

  padding-left:24px;

  margin:25px 0 0;

}





/* RELATED POSTS */



#content #colLeft .relatedPosts {

  margin-left:-25px;

}



#content #colLeft .relatedPosts li {

  display:block;

  border-top:1px solid #ddd;

  padding:15px 0;

  width:275px;

  float:left;

  margin-left:25px;

  font-weight:bold;

  background:none;

}  



#content #colLeft .relatedPosts li img {

  float:left;

  padding:5px;

  background:url(images/bk_thumbs.jpg) 0 0 no-repeat;

  margin:0 10px 0 0;

}



#content #colLeft .relatedPosts li span {

  font-size:11px;

  color:#999;

}



#archive-title {

  font-size:14px;

  padding:3px 0 15px;

}



blockquote {

  border-left:1px dashed #aaa;

  padding-left:20px;

  margin:20px 0 15px 20px;

  font-family:Georgia, "Times New Roman", Times, serif;

  font-style:italic;

  background:url(images/bk_blockquote.jpg) 90% 0 no-repeat;

}



#content #colLeft ul li, #content #colLeft ol li  {

  padding:5px 0 5px 15px;

  background:url(images/bullet_list.png) 0 9px no-repeat;

}



#content #colLeft ul {

  margin:0 0 15px 15px;

}



#content #colLeft ol li {

  background:none;

  padding-left:0;

}



#content #colLeft ol {

  margin:0 0 15px 35px;

}



/* PAGINATION */



.emm-paginate {padding:10px 0; overflow:hidden;}

.emm-paginate a {background:url(images/bk_pagenavi.jpg) 0 100% repeat-x; border:1px solid #ddd; color:#666; margin-right:5px; padding:4px 8px; text-align:center; text-decoration:none;}

.emm-paginate .emm-title {color:#555; margin-right:4px;}

.emm-paginate .emm-gap {color:#999; margin-right:4px;}

.emm-paginate a:hover, .emm-paginate a:active, .emm-paginate .emm-current {color:#fff; background:#18AEF5; border:1px solid #0A95D8; margin-right:5px; padding:4px 8px;}

.emm-paginate .emm-page {}

.emm-paginate .emm-prev, .emm-paginate .emm-next {}





/* --------------------------------

RIGHTCOL ELEMENTS

-----------------------------------*/



.rightBox {

  margin-bottom:10px;

}



.rightBoxTop {

  height:5px;

  width:280px;

  background:url(images/bk_box_top_right.png) 0 0 no-repeat;



}



.rightBoxBottom {

  height:5px;

  width:280px;

  background:url(images/bk_box_bottom_right.png) 0 0 no-repeat;

}



.rightBox .rightBoxMid {

  padding:50px 20px 25px;

  background:url(images/bk_box_mid_right.png) 0 0 repeat-y;

  position:relative;

}



.rightBox .rightBoxMidSearch {

  padding:6px 10px 5px;

  background:url(images/bk_box_mid_right.png) 0 0 repeat-y;

  overflow:hidden;

}



.rightBox .rightBoxMid h2 {

  font-size:14px;

  font-weight:bold;

  letter-spacing:0;

  color:#fff;

  text-transform:uppercase;

  display:block;

  background:url(images/bk_h2_right.png) 0 0 no-repeat;

  width:284px;

  height:39px;

  position:absolute;

  top:6px;

  left:-2px;

  padding:13px 15px 0 20px;

}



.rightBox .rightBoxMid ul li{

  padding:5px 0;

  border-bottom:1px solid #E2E2D8;

}



/* Latest Tweet */



#twitter {

  margin-left:4px;

}



#twitter #twitter_update_list {

  background:url(images/bk_twitter_box_top.png) 0 0 no-repeat;

  padding:3px 15px 0;

  font-family:Georgia, "Times New Roman", Times, serif;

  font-size:12px;

  font-style:italic;

  line-height:125%;

  color:#666;

}



#twitter #twitter_update_list li{

  list-style-type:none;

  padding-top:10px;

}



#twitter #bottom {

  height:36px;

  background:url(images/bk_twitter_box_bottom.png) 0 0 no-repeat;

  padding-left:63px;

  padding-top:45px;

  font-weight:bold;

}



/* ADS */



.rightBox .rightBoxMidAds{

  padding:6px 0;

  background:url(images/bk_box_mid_right.png) 0 0 repeat-y;

  position:relative;

}



.rightBox .rightBoxMidAds div div {

  margin:0 0 6px 5px;

  float:left;

}



.rightBox .rightBoxMidAds div div a img {

  border:1px solid #D8D8D8;  

}



.rightBox .rightBoxMidAds a.advertise {

  display:block;

  padding:0 10px 6px 15px;

  clear:both;

  font-weight:bold;

}



/* COMMENTS

-----------------------------------*/



h2.h2comments {

  display:block;

  background:url(images/ico_comments.png) 0 50% no-repeat;

  padding:10px 0 15px 40px;

  font-weight:bold;

}



h2.h2comments a.addComment {

  display:block;

  width:151px;

  height:30px;

  background:url(images/but_addcomment.png) 0 0 no-repeat;

  text-transform:uppercase;

  color:#fff;

  text-align:center;

  float:right;

  font-size:12px;

  margin-top:-7px;

  padding-top:8px;

  font-weight:bold;

}



h2.h2comments a.addComment:hover {

  text-decoration:none;

}



h2#commentsForm {

  margin:0;

  padding-top:0;

}



#content #colLeft ul.commentlist {

  list-style:none;

  list-style-position:outside;

  display:block;

  margin:20px 0;

  border-top:3px solid #E5E8EA;

  border-bottom:2px solid #E5E8EA;

  padding:0;

}



#content #colLeft ul.commentlist ul {

  list-style-type:none;

  list-style-position:outside;

  margin:0;

}



#content #colLeft ul.commentlist li {

  padding:0 0 20px 40px;

  position:relative;

  border-bottom:1px solid #E5E8EA;

  margin-top:25px;

  background:none;

}



#content #colLeft ul.commentlist li p{

  font-size:13px;

  margin:10px 0;

}



#content #colLeft ul.commentlist li .comment-meta, #content #colLeft ul.commentlist li .text  {

  margin-left:20px;  

}



#content #colLeft ul.commentlist li .comment-meta span {

  font-size:11px;

  color:#999;

}



#content #colLeft ul.commentlist li .comment-meta {

  font-size:16px;

}





#content #colLeft ul.commentlist li .avatar {

  background:#fff;

  padding:1px;

  border:4px solid #eee;

  position:absolute;

  left:0;

  top:0;

}



#content #colLeft ul.commentlist .reply {

  position:absolute;

  right:0;

  top:0;

  width:46px;

  height:21px;

  background:url(images/bk_link_reply.png) 0 0 no-repeat;

  text-align:center;

  font-size:10px;

  text-indent:-9999px;

}



#content #colLeft ul.commentlist .reply a {

  color:#FFF;

  display:block;

  width:46px;

  height:21px;

}





#content #colLeft ul.commentlist li .children li {

  margin-top:15px;

  padding-top:15px;

  border-top:1px solid #E5E8EA;

  border-bottom:none;

  overflow:hidden;

  padding-bottom:0;

}



#content #colLeft ul.commentlist li .children li .avatar {

  top:15px;

}



#content #colLeft ul.commentlist li .children li .reply {

  top:15px;

}







/* --------------------------------

FORMS

-----------------------------------*/



#searchform input {

  border:1px dashed #CDCDCD;

  border-right:none;

  width:169px;

  background:none;

  padding:8px 10px 7px;

  font-family:Georgia, "Times New Roman", Times, serif;

  font-size:14px;

  color:#666666;

  font-style:italic;

  float:left;

  margin-top:1px;

}



#searchform input.submit {

  width:70px;

  height:39px;

  background:url(images/bk_but_search.jpg) 0 0 no-repeat;

  border:none;

  padding:0;

  margin-top:-2px;

}



/* COMMENTS F0RM */



#commentform p {

  margin:0;

}



#commentform label {

  display:block;

  padding:5px 0;

}



#commentform input, #commentform textarea {

  border:1px solid #ddd;

  padding:8px;

  width:300px;

  margin-bottom:10px;

   -moz-border-radius:4px;

   -webkit-border-radius:4px;

}



#commentform input:focus, #commentform textarea:focus {

  border:1px solid #0099FF;

}





#commentform textarea {

  width:560px;

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

  font-size:13px;

}



#commentform input#submit{

  border:none;

  width:151px;

  height:30px;

  margin-top:10px;

  cursor:pointer;

  background:url(images/but_addcomment.png) 0 0 no-repeat;

  color:#FFF;

  font-weight:bold;

  font-size:12px;

  padding:0;

}



/* Contact Form */



#contact label {

  display:block;

  padding:5px 0;

}



#contact input, #contact textarea {

  border:1px solid #ddd;

  padding:8px;

  width:300px;

  margin-bottom:10px;

   -moz-border-radius:4px;

   -webkit-border-radius:4px;

}





#contact textarea {

  width:560px;

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

  font-size:13px;

}



#contact input.submit{

  border:none;

  width:151px;

  height:30px;

  margin-top:10px;

  cursor:pointer;

  background:url(images/but_addcomment.png) 0 0 no-repeat;

  color:#FFF;

  font-weight:bold;

  font-size:12px;

  padding:0;

}



.errormsg, .successmsg{

  background:#FEF4F1;

  border:1px solid #F7A68A;

  color:#DA4310;

  padding:10px;

  -moz-border-radius:4px;

   -webkit-border-radius:4px;

}



.successmsg {

  background:#F5FAF1;

  border:1px solid #C2E1AA;

  color:#8FA943;

  -moz-border-radius:4px;

   -webkit-border-radius:4px;

}



/* -------------------------------

CLEARING

----------------------------------*/



.clearfix:after {

  content: ".";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

  overflow: hidden;

  float: none;

}



.clearfix { 

  display: block;  

}





/* Hide from IE-mac \*/

* html .clearfix { float: left; height: 1%; }

/* End hide from IE-mac */