@charset "UTF-8"; /* CSS Document */ /* Theme Name: Honkfish Employee Blog Theme URI: http://www.teckpert.com Description: Employee blog theme for Wordpress Multi User (MU) created for Honkfish by TECKpert. Version: 1.0 Author: TECKpert Tags: awesome, multi pages, teckpert, honkfish, mu, main blog */ * { margin:0px; padding:0px;} body { background:url(images/header.jpg) no-repeat center top;} a, img { border:0px;outline:none; text-decoration:none;} li { list-style:none;} ol li { list-style:decimal inside;} h1, h2, h3, h4, h5, h6, p, span, a, li, input, textarea { font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:12px; color:#717375; line-height:18px; font-weight:normal;} .wrapper { width:100%;} .inner { position:relative; margin:0 auto; width:996px;} .menu { float:left; width:996px; height:211px; outline:none;} .menu h1 { position:absolute; top:0px; left:0px;} .menu h1 a { display:block; width:280px; height:211px; text-indent:-999999px;} li.btn-about { position:absolute; top:62px; left:394px;} li.btn-about a { display:block; width:152px; height:70px; text-indent:-999999px;} li.btn-clients { position:absolute; top:47px; left:546px;} li.btn-clients a { display:block; width:137px; height:81px; text-indent:-999999px;} li.btn-employees { position:absolute; top:68px; left:685px;} li.btn-employees a { display:block; width:137px; height:63px; text-indent:-999999px;} li.btn-contact { position:absolute; top:62px; left:822px;} li.btn-contact a { display:block; width:148px; height:69px; text-indent:-999999px;} div.menu-smp { position:absolute; top:10px; left:580px;} div.menu-smp p { float:left; padding:0 10px 0 0; font-size:14px; color:#7a969f;} div.menu-smp p span { font-size:14px; color:#449ebb;} div.menu-smp ul { float:left;} div.menu-smp ul li { float:left; padding:0 4px 0 0;} div.menu-smp ul li a { float:left; display:block; text-indent:-999999px;} div.menu-smp ul li.twitter a { width:20px; height:22px; background:url(images/icon-twitter.jpg) no-repeat;} div.menu-smp ul li.facebook a { width:19px; height:18px; background:url(images/icon-facebook.jpg) no-repeat;} div.menu-smp ul li.flickr a { width:19px; height:18px; background:url(images/icon-flickr.jpg) no-repeat;} div.menu-smp ul li.youtube a { width:19px; height:19px; background:url(images/icon-youtube.jpg) no-repeat;} div.menu-smp ul li.delicious a { width:19px; height:18px; background:url(images/icon-delicious.gif) no-repeat;} div.menu-smp ul li.dailybooth a { width:19px; height:19px; background:url(images/icon-dailybooth.gif) no-repeat;} .main { float:left; padding: 5px 0 15px 0; width:996px;min-height:1000px;} .left { float:left; width:670px;padding-top: 10px;} .left h2 { float:left; display:block; padding:0 0 7px 5px; width:630px; font-size:18px; color:#a4957b; letter-spacing:-1px;} .post { float:left; width:635px; padding-top:5px;} .post h2 { float:left; display:block; padding:0 0 7px 5px; width:630px; font-size:18px; color:#a4957b; letter-spacing:-1px;} .post h3 { float:left; display:block; width:635px;} .post h3 a { float:left; display:block; padding:7px; background:#ebf3f5; font-size:17px; font-style:italic; color:#507181; text-decoration:none;} .post h3 a:hover { background:#f4f9fa; color:#3f90b8;} .post h4 { float:left; padding:5px 15px 0 0; font-size:24px; color:#548dc1; font-weight:bold; letter-spacing:-1px;} .post p.check { float:left; padding:2px 0 0 0; font-size:14px; color:#7a969f;} .post p.check span { font-size:14px; color:#449ebb;} .post-bar { clear:both; float:left; padding:7px 0 8px 0; width:635px; border-bottom:solid 1px #e8e9ea;} .post-bar p { float:left;} p.by { padding:0 0 0 2px; color:#91b480;} p.date { padding:0 0 0 14px; color:#989fa5;} p.cat { padding:0 0 0 14px; color:#a6b7c6;} p.cat a { padding:0; color:#a6b7c6; text-decoration:none;} p.cat a:hover {text-decoration:underline;} .post-bar p.comments{float:right;} .post-bar p.comments a { display:block; padding:0 0 0 23px; color:#b48e4b; text-decoration:none; background:url(images/icon-comments.jpg) no-repeat left 2px;} .post-bar p.comments a:hover { color:#993;} .post-content { float:left; padding:8px 0 0 0; width:635px;} .post-content a {text-decoration: underline;} .post-content p { padding:20px 0 0 0;} .post-content ul { padding:17px 0 10px 0;} .post-content ul li { padding:0 0 0 16px; background:url(images/bullet.jpg) no-repeat 0px 10px; color:#628fae; line-height:25px;} .post-content ol { padding:17px 0 10px 0;} .post-content ol li { padding:0 0 12px 16px; color:#628fae; line-height:18px;} .post-footer { float:right; padding:10px 0 0 0; width:auto;} .post-footer a { display:block; width:79px; height:25px; background:url(images/btn-readmore.jpg) no-repeat top; text-indent:-999999px;} .post-footer a:hover { background-position:bottom;} .right { float:left; width:326px;} .search { float:left; width:326px; height:61px;} .search input { float:left; padding:6px 6px 0 6px; width:250px; height:25px; border:solid 1px #eff1f1;} input.btn-search { float:left; display:block; margin:0 0 0 4px; padding:0px; width:58px; height:33px; background:url(images/btn-search.jpg) no-repeat; border:0px; cursor:pointer; text-indent:-999999px;} input.btn-search:hover { background-position:bottom;} .right h4 { float:left; display:block; width:auto; height:25px; font-size:17px; font-style:italic; color:#507181;} div.nav { float:left; width:326px; height:39px; border-bottom:solid 1px #f5f6f3; border-top:solid 1px #f5f6f3;} div.nav p { float:left; padding:10px 0 0 0; width:58px; font-size:11px;} /*SELECT*/ div.nav div.sb { float:left; padding:7px 17px 0 0; width:145px;} div.nav span.select{ position:absolute; width:137px; height:23px; padding:2px 0px 0 8px; color:#767676; font:12px/21px arial,sans-serif; background:url(images/select.jpg) no-repeat;overflow:hidden;} div.nav span { float:left; padding:0 3px; font-size:11px; line-height:normal;} div.nav a { float:left; display:block; height:14px; text-decoration:none; font-size:11px; line-height:normal;} div.nav div.pn { float:left; padding:12px 0 0 0;} a.btn-next { padding:0 23px 0 0; background:url(images/btn-prev.jpg) no-repeat right top;} a.btn-next:hover { background-position:right bottom; color:#333; text-decoration:underline;} a.btn-prev { padding:0 0 0 23px; background:url(images/btn-next.jpg) no-repeat left top;} a.btn-prev:hover { background-position:left bottom; color:#333; text-decoration:underline;} .mini-post { float:left; padding:14px 0 16px 0; width:326px; background:url(images/border.jpg) repeat-x bottom;} .mini-post-left { position:relative; float:left; width:114px;height:84px;} .mini-post-left img.thumbnail {width:114px;height:84px;} .mini-post-left a { text-decoration:none;} .read-more-box { position:absolute; top:44px; left:0px; float:left; padding:8px 0 0 0; width:114px; height:32px; background-color: rgba(8, 47, 88, 0.5); color:#FFF; text-align:center;} .read-more-box a { color:#FFF;} .mini-post-right { float:left; padding:0 0 0 14px; width:198px;text-decoration:none;} .mini-post-right h5 { font-size:15px; color:#b48e4b; text-decoration:none; display:block;} .mini-post-right h5 a { font-size:15px; color:#b48e4b; text-decoration:none; display:block;} .mini-post-right h5 a:hover { color:#745828;} .mini-post-right p { padding:0 0 4px 0; font-size:12px; color:#9cbccd; font-style:italic;text-decoration:none;} .mini-post-right p a { font-style:normal; color:#717375; text-decoration:none;} .mini-post-right p a:hover { color:#999;} /* dynamic sidebar stuff */ .mini-post h5 { font-size:15px; color:#b48e4b; text-decoration:none;} .mini-post h5 a { font-size:15px; color:#b48e4b; text-decoration:none;} .mini-post h5 a:hover { color:#745828;} .mini-post ul { padding:17px 0 10px 0;} .mini-post ul li { padding:0 0 0 16px; background:url(images/bullet.jpg) no-repeat 0px 10px; color:#628fae; line-height:25px;} .mini-post ul li a {color:#628fae; text-decoration:none;} .mini-post ul li a:hover{text-decoration:underline;} .footer { float:left; padding:20px 0 30px 0; width:996px; border-top:solid 1px #f5f6f3; text-align:center;} /*CLIENT*/ .main-client { float:left; padding:0 0 20px 23px;} .main-client h2 { float:left; padding:0 15px 0 0; font-size:24px; color:#548dc1; font-weight:bold; letter-spacing:-1px;} .main-client p.check { float:left; padding:2px 0 0 0; font-size:14px; color:#7a969f;} .main-client p.check span { font-size:14px; color:#449ebb;} .client-boxes { clear:both; float:left; padding:25px 0 0 0;} .client { position:relative; float:left; margin:0 2px 2px 0; width:235px; height:162px; background:url(images/client.jpg) no-repeat;} div.client-box { position:absolute; top:73px; left:0px; float:left; padding:3px 0 0 14px; width:221px; height:86px; background-color: rgba(156, 182, 195, 0.8);} div.client-box h3 { font-size:13px; color:#FFF; font-weight:bold; letter-spacing:-1px;} div.client-box p a { font-size:11px; color:#e6f6ff; text-decoration:none;} div.client-box p a:hover { text-decoration:underline;} div.client-box ul { float:left; padding:5px 0 0 0;} div.client-box ul li { float:left; padding:0 4px 0 0;} div.client-box ul li a { float:left; display:block; text-indent:-999999px;} div.client-box ul li.twitter a { width:20px; height:22px; background:url(images/icon-twitter.gif) no-repeat;} div.client-box ul li.facebook a { width:19px; height:18px; background:url(images/icon-facebook.gif) no-repeat;} div.client-box ul li.linkedin a { width:19px; height:18px;background:url(images/icon-linkedin.gif) no-repeat;} div.client-box ul li.flickr a { width:19px; height:18px; background:url(images/icon-flickr.gif) no-repeat;} div.client-box ul li.youtube a { width:19px; height:19px; background:url(images/icon-youtube.gif) no-repeat;} div.client-box ul li.myspace a { width:19px; height:18px; background:url(images/icon-myspace.gif) no-repeat;} div.client-box ul li.delicious a { width:19px; height:18px;background:url(images/icon-delicious.gif) no-repeat;} div.client-box ul li.digg a { width:19px; height:18px; background:url(images/icon-digg.gif) no-repeat;} div.client-box ul li.tumblr a { width:19px; height:18px; background:url(images/icon-tumblr.gif) no-repeat;} div.client-box ul li.flickr a { width:19px; height:18px; background:url(images/icon-flickr.gif) no-repeat;} div.client-box ul li.technorati a { width:19px; height:18px; background:url(images/icon-techno.gif) no-repeat;} div.client-box ul li.stumble a { width:19px; height:18px; background:url(images/icon-stumble.gif) no-repeat;} div.client-box ul li.wikipedia a { width:19px; height:18px; background:url(images/icon-wiki.gif) no-repeat;} /*EMPLOYEE*/ .employee { float:left; margin:0 6px 6px 0; width:484px; height:210px; background:#f2f2ee; -webkit-border-radius: 2px; -moz-border-radius: 2px;} .employee-picture { position:relative; float:left; padding:10px 0 0 10px; width:276px;} .get { position:absolute; top:133px; left:10px; float:left; padding:20px 0 0 16px; width:238px; height:44px; background-color: rgba(0, 0, 0, 0.4);} .get a { text-transform:uppercase; color:#e3dcc2; font-size:11px;} .get a:hover { color:#FFF;} .employee-text { float:left; padding:17px 0 0 0; width:198px;} .employee-text h2 { font-size:18px; color:#437187; letter-spacing:-1px;} p.email a { color:#6a7f59; font-style:italic; text-decoration:none;} p.email a:hover { text-decoration:underline;} p.social { display:block; padding:22px 0 0 0; font-size:14px; color:#507181;} p.social span { color:#27789f; font-size:14px;} .employee-text ul { float:left; padding:11px 0 16px 0; width:160px;} .employee-text ul li { float:left; padding:0 4px 0 0;} .employee-text ul li a { float:left; display:block; width:20px; height:22px; text-indent:-999999px;} .employee-text ul li.twitter a { background:url(images/icon-twitter.gif) no-repeat;} .employee-text ul li.facebook a { background:url(images/icon-facebook.gif) no-repeat;} .employee-text ul li.myspace a { background:url(images/icon-myspace.gif) no-repeat;} .employee-text ul li.tumblr a { background:url(images/icon-tumblr.gif) no-repeat;} .employee-text ul li.flickr a { background:url(images/icon-flickr.gif) no-repeat;} .employee-text ul li.youtube a { background:url(images/icon-youtube.gif) no-repeat;} .employee-text ul li.delicious a { background:url(images/icon-delicious.gif) no-repeat;} .employee-text ul li.digg a { background:url(images/icon-digg.gif) no-repeat;} .employee-text ul li.technorati a { background:url(images/icon-techno.gif) no-repeat;} .employee-text ul li.stumble a { background:url(images/icon-stumble.gif) no-repeat;} .employee-text ul li.wikipedia a { background:url(images/icon-wiki.gif) no-repeat;} .employee-text ul li.linkedin a { background:url(images/icon-linkedin.gif) no-repeat;} a.get-to { float:left; display:block; width:115px; height:33px; background:url(images/get.jpg) no-repeat top; text-indent:-999999px;} a.get-to:hover { background-position:bottom;} /*STATIC*/ .line { margin-top:14px; border-top:solid 1px #f5f6f3;} .line p { padding:7px 0px;} .line div img { margin:14px 0 0 0;} .blog-owner { float:left; padding:0 0 20px 0; width:326px;} .blog-owner-picture { float:left; width:127px;} .blog-owner-text { float:left; padding:5px 0 0 0; width:199px;} .blog-owner-text h4 { color:#b48e4b; font-style:normal; letter-spacing:-1px; font-size:19px; line-height:normal; width:180px;} .blog-owner-text a {float:left; font-size:14px; color:#81a8bc; font-style:italic; text-decoration:none;} .blog-owner-text a:hover { text-decoration:underline;} /*PROFILE*/ .profile { float:left; margin:0 0 25px 0; padding:0 0 16px 0; border-bottom:solid 1px #f5f6f3;} .profile-picture { float:left; padding:0 0 0 3px; width:277px;} .profile-text { float:left; padding:7px 0 0 0; width:567px;} .profile-text h2 { font-size:18px; color:#4a97bd; letter-spacing:-1px;} .profile-text p.about{width: 560px;} p.email2 a { color:#99b088; font-style:italic; text-decoration:none;} p.email2 a:hover { text-decoration:underline;} p.about { padding:5px 0 5px 0; line-height:20px;} p.about span { color:#2a3136; font-style:italic;} a.more { display:block; width:51px; height:33px; background:url(images/btn-more.jpg) no-repeat top; text-indent:-999999px;} a.more:hover { background-position:bottom;} .profile-social { float:left; width:149px;} .profile-social ul { float:left; padding:11px 0 16px 0; width:160px;} .profile-social ul li { float:left; padding:0 4px 4px 0;} .profile-social ul li a { float:left; display:block; width:20px; height:22px; text-indent:-999999px;} .profile-social ul li.twitter a { background:url(images/icon-twitter.gif) no-repeat;} .profile-social ul li.facebook a { background:url(images/icon-facebook.gif) no-repeat;} .profile-social ul li.myspace a { background:url(images/icon-myspace.gif) no-repeat;} .profile-social ul li.tumblr a { background:url(images/icon-tumblr.gif) no-repeat;} .profile-social ul li.flickr a { background:url(images/icon-flickr.gif) no-repeat;} .profile-social ul li.youtube a { background:url(images/icon-youtube.gif) no-repeat;} .profile-social ul li.delicious a { background:url(images/icon-delicious.gif) no-repeat;} .profile-social ul li.digg a { background:url(images/icon-digg.gif) no-repeat;} .profile-social ul li.technorati a { background:url(images/icon-techno.gif) no-repeat;} .profile-social ul li.stumble a { background:url(images/icon-stumble.gif) no-repeat;} .profile-social ul li.wikipedia a { background:url(images/icon-wiki.gif) no-repeat;} .profile-social ul li.linkedin a { background:url(images/icon-linkedin.gif) no-repeat;} a.suscribe { float:left; display:block; padding:0 0 0 20px; background:url(images/suscribe.jpg) no-repeat; text-decoration:none; color:#6b7a5f; line-height:normal;} a.suscribe:hover { text-decoration:underline;} a.subscribe { float:left; display:block; padding:0 0 0 20px; background:url(images/suscribe.jpg) no-repeat; text-decoration:none; color:#6b7a5f; line-height:normal;} a.subscribe:hover { text-decoration:underline;} a.subscribe-sidebar { float:right; display:block; padding:0 0 0 20px; background:url(images/suscribe.jpg) no-repeat; text-decoration:none; color:#6b7a5f; line-height:normal;} a.subscribe-sidebar:hover { text-decoration:underline;} .no-line { margin-top:14px;} .no-line p { padding:7px 0px;} .no-line div img { margin:14px 0 0 0;} .smpf { float:left; width:323px; background:#eefae7; -webkit-border-radius: 2px; -moz-border-radius: 2px;} .smpf h3 { float:left; padding:15px 0 0 0; width:323px; height:37px; background:url(images/smpf.jpg) no-repeat; font-size:18px; color:#668951; letter-spacing:-1px; text-align:center;} .smpf h3 span { font-size:18px; color:#3d646a;} .smpf ul { float:left; padding:0 0 12px 0; width:323px;} .smpf ul li { float:left; width:323px; } .smpf ul li.twitter { background:url(images/icon-twitter.gif) no-repeat 7px 20px;} .smpf ul li.facebook { background:url(images/icon-facebook.gif) no-repeat 7px 20px;} .smpf ul li.myspace { background:url(images/icon-myspace.gif) no-repeat 7px 20px;} .smpf ul li.tumblr { background:url(images/icon-tumblr.gif) no-repeat 7px 20px;} .smpf ul li.flickr { background:url(images/icon-flickr.gif) no-repeat 7px 20px;} .smpf ul li.youtube { background:url(images/icon-youtube.gif) no-repeat 7px 20px;} .smpf ul li.delicious { background:url(images/icon-delicious.gif) no-repeat 7px 20px;} .smpf ul li.digg { background:url(images/icon-digg.gif) no-repeat 7px 20px;} .smpf ul li.technorati { background:url(images/icon-techno.gif) no-repeat 7px 20px;} .smpf ul li.stumble { background:url(images/icon-stumble.gif) no-repeat 7px 20px;} .smpf ul li.wikipedia { background:url(images/icon-wiki.gif) no-repeat 7px 20px;} .smpf ul li.linkedin { background:url(images/icon-linkedin.gif) no-repeat 7px 20px;} .smpf ul li span { float:left; padding:15px 14px 0px 38px; height:75px; background:url(images/smpf-li.jpg) repeat-x bottom;} .smpf ul li span.hover { background-color: rgba(255, 255, 255, 0.6);} .smpf ul li span strong { float:left; padding:0 0 4px 0; font-weight:normal; line-height:18px;} .smpf ul li span a { float:left; display:block; padding:2px 5px; background:#e7e7dc; font-size:11px; color:#4a99a8; text-decoration:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; height: 20px;} .smpf ul li span a:hover { background:#c9c9b5; color:#FFF;} .navigation ul { float:left; padding:2px 0 0 10px; width:100%;margin-bottom:20px;} .navigation ul li { float:left; padding:0 1px 0 0;} .navigation ul li a { float:left; display:block; width:26px; height:26px; background:#17abcc; font-size:11px; color:#fff; text-decoration:none; text-align:center; line-height:26px;} .navigation ul li a:hover { background:#57d1ec;} /* Comments */ #commentform input { padding:6px 6px 0 6px; width:250px; height:25px; border:solid 1px #eff1f1;} #commentform textarea { border:solid 1px #eff1f1;} #commentform #submit{color:#ffffff; background-color: #87b054; width: 180px; text-transform: uppercase; padding: 0;} #commentform #submit:hover {background-color:#668939;} /*** Blog Wrapping Images ***/ div.alignright {float:right; margin:0 0 1em 1em} div.alignleft {float:left; margin:1em 1em 1em 0} div.aligncenter {display: block; margin-left: auto; margin-right: auto} img.alignright {float:right; margin:0 0 1em 1em} img.alignleft {float:left; margin:1em 1em 1em 0} img.aligncenter {display: block; margin-left: auto; margin-right: auto} a img.alignright {float:right; margin:1em 0 1em 1em} a img.alignleft {float:left; margin:0 1em 1em 0} a img.aligncenter {display: block; margin-left: auto; margin-right: auto}