/*  
Theme Name: Comunit
Theme URI: 
Description: A Web 2.0 Wordpress Theme custom designed by Yunit
Version: 1.0
Author: Yunit
Author URI: 
*/

*{margin:0; padding:0; outline:0; border:0;}
body{background:#e6e6e6; font-family:Helvetica, Arial, sans-serif;}

a:link, a:visited{text-decoration:none;}


.clear{clear:both; overflow:hidden;}

#wrapper{width:996px; margin:auto;}

#header{background:url(images/header.jpg); height:145px; width:966px; position:relative; z-index:1;}
#logo{width:309px; height:145px; position:absolute; z-index:2; top:0px; left:0px;}
#logo h1{text-indent:-10000px;}
#logo h1 a{display:block; background:url(images/logo.jpg); width:309px; height:145px;}

#contact{width:285px; position:absolute; z-index:2; right:0px; top:16px;}
#contact p{font-size:16px; color:#fff; text-align:center; margin:0 0 2px 0;}
#contact strong{font-size:33px; font-weight:normal; color:#fff; text-align:center; display:block;}

#social{padding:5px 0 0 30px;}
.i1{float:left; display:block; margin:5px 10px 0 0;}
.i2{float:left; margin:0 0 0 20px;}
.i1:hover{opacity:0.7;filter:alpha(opacity=70);}
.i2:hover{opacity:0.7;filter:alpha(opacity=70);}

#swrap{width:996px; position:relative; z-index:1; height:327px;}
#sbg{position:absolute; z-index:2; top:0px; left:-27px; background:url(images/slider.png); width:1017px; height:327px;}
#sbg2{position:absolute; z-index:2; top:0px; left:-27px; background:url(images/slider2.png); width:1017px; height:327px;}

#content{background:url(images/content_st.png) repeat-y; width:996px; clear:both; overflow:hidden;}
#content2{background:url(images/content_st2.png) repeat-y; width:996px; clear:both; overflow:hidden;}
#content_tp{background:url(images/content_tp.png) no-repeat top left; width:996px;}
#content_tp2{background:url(images/content_tp2.png) no-repeat top left; width:996px;}
#content_bt{background:url(images/content_bt.png) no-repeat bottom left; width:996px;}
#content_bt2{background:none; width:996px;}

#tagsdiv{float:left; width:275px; text-align:right; color:#0092a9; font-size:25px; font-weight:bold; text-transform:uppercase; line-height:20px; padding:16px 60px 0 28px;}
.t1{font-size:41px; letter-spacing:-2px;}
.t2{font-size:25px; letter-spacing:-1px;}
.t3{font-size:43px; letter-spacing:-2px;}
.t4{font-size:58px;}
.t5{font-size:48px;}
#tagsdiv span a{color:#0092a9; line-height:20px;}

#spos{width:630px; float:left; position:relative; z-index:3; padding:2px 0 0 0;}
#slider{ width:630px;}/*****
#slider ul, #slider li{margin:0;padding:0;list-style:none;}
#slider li{ width:630px;height:294px;overflow:hidden;}
#prevBtn, #nextBtn{display:block;width:42px;height:76px;position:absolute;right:590px;top:115px; z-index:22;}
#nextBtn{right:-2px;}
#prevBtn a, #nextBtn a{display:block;width:42px;height:76px;background:url(images/prev.png); text-indent:-10000px;}
#nextBtn a{background:url(images/next.png);} **/

#c1{float:left; width:331px; padding:5px 0 0 3px; min-height:570px; margin:0 0 20px 0;}
#c1 a{ color:#00F7FF;}
#c1 a:hover{color:#fff;}
#c2{float:left; width:576px; padding:7px 0 0 30px; margin:0 0 20px 0;}

.service{width:306px; padding:15px 0 0 26px;}
.swrap{width:294px; background:url(images/line2.png) repeat-x bottom; padding:0 0 20px 0;}
.stxt{float:left; width:210px; margin:0 6px 0 0;}
.spic{float:left; margin:10px 0 0 0;}
#c1 h2{color:#fff; font-size:34px; font-weight:normal; margin:0 0 10px 0; padding:0 0 0 27px;}
#c1 h3{color:#78f2fc; font-size:24px; margin:0 0 4px 0; font-weight:normal;}
.swrap ul li{background:url(images/bullet2.png) no-repeat left top; padding:0 0 0 10px; font-size:13px; color:#fff; list-style:none;}
.swrap a{color:#fff;}

.tt{color:#fff; font-size:36px; margin:0 0 10px 0; font-weight:normal; width:426px; float:left; margin:0 0 30px 0;}
.tt span{font-size:30px;}
.lh{line-height:25px; margin:0;}
.lh2{line-height:25px;}
.lh3{line-height:25px; margin:0 0 3px 0;}
.post{font-family:Trebuchet MS; background:url(images/line.png) repeat-x bottom; padding:0 0 12px 0; margin:0 0 10px 0; clear:both;}
.post a{color:#fff;}
.post h2{line-height:24px; color:#fff;}
.post h2 a{color:#fff; font-size:24px; font-weight:normal; text-transform:capitalize;}
.post h2 a:hover{color:#006373;}
.post h3{margin:0 0 5px 0;color:#fff; font-size:18px; font-weight:normal;}
.post h3 a{color:#fff; font-size:18px; font-weight:normal;}
.post h3 a:hover{color:#c1fbfd;}
.post p{font-size:13px; color:#fff; font-family:Tahoma; margin:0 0 15px 0;}
.post ol, .post ul{font-size:11px; color:#fff; font-family:Tahoma; margin:0 0 12px 20px;}
.like{float:left; margin:0; color:#fff;}
span.connect_widget_not_connected_text{color:#fff;}
.com{float:left; padding:5px 10px 0 0;}
.post div.com a{background:url(images/com.png) no-repeat left; display:block; float:left; color:#36d1dd; font-size:11px; font-family:Tahoma; padding:0 0 0 30px; display:block; line-height:19px;}
.navigation{float:right; padding:3px 0 0 0;}
.nextpost, .prevpost{float:left;}
.nextpost a{background:url(images/btns.png) no-repeat left; width:33px; height:33px; display:block; text-indent:-10000px;}
.prevpost a{background:url(images/btns.png) no-repeat -30px 0; width:33px; height:33px; display:block; text-indent:-10000px;}
.nextpost a:hover{background:url(images/btns-over.png) no-repeat left; width:33px; height:33px; display:block; text-indent:-10000px;}
.prevpost a:hover{background:url(images/btns-over.png) no-repeat -30px 0; width:33px; height:33px; display:block; text-indent:-10000px;}
.navigation span{color:#01e7ff; font-size:11px; float:left; display:block; text-decoration:underline; text-transform:uppercase; line-height:33px; padding:0 0 0 4px;}

.meta{font-size:11px; color:#3ad6e2; text-transform:uppercase; margin:0 0 2px 0;}
.meta a{color:#fff; text-transform:none;}
.meta a:hover{color:#006373;}
.title{float:left; width:476px;}
.date{float:right; color:#fff; font-family:Trebuchet MS;}
.date p{float:left; font-size:30px; display:block; margin:0 6px 0 0;}
.date span{float:left; background:url(images/date.png) no-repeat left; padding:0 0 0 8px; display:block; font-size:16px; line-height:16px;}
.date span strong{font-weight:normal; font-size:14px;}
.date a{color:#fff;}

#footer{background:url(images/footer.png) no-repeat top; width:908px; padding:13px 0 10px 0; text-align:center; margin:0 0 0 26px;}
#footer ul li{display:inline; font-size:16px; color:#fefefe; background:url(images/fline.png) repeat-y right; text-transform:uppercase;}
#footer ul li a{color:#fefefe; margin:0 7px 0 2px;}
#footer ul li a:hover{color:#0dc6cc; }


#c1 h4{padding:0 0 0 26px;}
#cdet{font-family:Trebuchet MS; padding:0 0 0 26px;}
#cdet h5{color:#00ebff; font-weight:normal; font-size:24px; margin:0 0 8px 0;}
#gmap{color:#00ebff; font-size:18px; text-decoration:underline;}
#cdet p{font-size:16px; color:#fff; margin:0 0 14px 0;}
.tt2{color:#05d9eb; font-size:14px; font-family:Trebuchet MS; margin:0 0 20px 0;}
.fbg{background:url(images/field.png); width:341px; height:28px; margin:0 0 10px 0; padding:8px 10px 0 10px;}
.fin{background:none; border:0; font-size:18px; color:#444; font-family:Trebuchet MS; width:341px;}
#area{background:url(images/area.png); width:341px; height:107px; padding:8px 10px 0 10px; font-size:18px; color:#444; font-family:Trebuchet MS; margin:0 0 22px 0; }
#submit{background:url(images/submit.png); width:136px; height:48px; text-indent:-10000px; margin:0 0 0 226px;}
#form label{font-family:Trebuchet MS; font-size:18px; display:block; margin:0 0 4px 0; color:#fff;}

.pwrap{padding:0 0 0 26px; width:276px;}
#plinks2{padding:6px 0 50px 0; background:url(images/line2.png) repeat-x bottom; margin:0 0 30px 0; width:276px;}
#plinks2 li{list-style:none; text-align:right; font-size:24px; color:#fff; background:none; text-transform:uppercase; margin:0 0 12px 0;}
#plinks2 li a{color:#fff;}
#plinks2 li a:hover, #plinks2 li a.active{color:#00f7ff;}
#plinks{padding:6px 0 50px 0; background:url(images/line.png) repeat-x bottom; margin:0 0 30px 0; width:276px;}
#plinks li{list-style:none; text-align:right; font-size:24px; color:#fff; background:none; text-transform:uppercase; margin:0 0 12px 0;}
#plinks li a{color:#fff;}
#plinks li a:hover, #plinks li a.active{color:#00f7ff;}
.tt3{font-size:30px; color:#fff; margin:0 0 20px 0; font-weight:normal;}
.pwrap p{font-size:13px; color:#fff; margin:0 0 13px 0; /*text-align:justify;*/}

.entry{background:url(images/line.png) repeat-x bottom; padding:0 0 10px 0; margin:0 0 10px 0;}
.thumb{float:left; margin:0 10px 10px 0; border:#02bfc6 solid 1px;}
.pcont{float:right; width:268px; font-family:Trebuchet MS;}
.pcont h3{color:#00f7ff; font-size:24px; font-weight:normal;}
.pcont h2 a{color:#f8f8f8; font-size:33px; font-weight:normal; line-height:30px;}
.siteurl a{color:#024c4f; font-size:22px;}
.siteurl a:hover{color:#01f1f9;}
.pcont p{font-size:14px; color:#fff;}

#blogdiv{padding:0 20px 0 24px;}
#blogdiv p{color:#fff; font-size:11px; margin:0 0 20px 0;}
#fbdiv{background:url(images/line.png) repeat-x bottom; padding:0 0 15px 0; margin:0 0 35px 0;}
.fblock{float:left; width:90px; background:url(images/fbline.png) repeat-y right; padding:0 5px 0 0; text-align:center;}
.num{color:#00edff; font-size:14px; display:block;}
.name{color:#fff; font-size:14px; display:block;}

#postlist li{list-style:none; font-size:14px; font-family:Trebuchet MS; background:url(images/line.png) repeat-x bottom; padding:0 0 2px 0;}
#postlist h4{background:url(images/bullet2.png) no-repeat left; padding:4px 0 0 15px; font-size:14px; font-weight:normal;}
#postlist li a{color:#fff; display:block; width:280px; height:52px; padding:16px 0 0 7px;}
#postlist li a:hover{background:url(images/over.png);}
.bd{font-size:12px; color:#00edff; padding:0 0 0 15px;}

/************comments*************/
#url, #author, #email, #comment{width:320px; padding:7px 10px 7px 10px; font-size:14px; color:#444; font-family:Arial, Helvetica, sans-serif; border:1px solid #bfbfbf; background:#f7f7f7;}
#comment{width:360px; height:114px; float:left; margin:0 20px 0 0;}
#commentsbox h2{font-size:20px; margin:0 0 20px 0; color:#fff; font-weight:normal;}
#submitbtn{ float:left; text-indent:-10000px; margin:85px 0 0 0;}
#commentsbox h2{font-weight:normal; margin:0 0 15px 0;}
.gravs{float:left; margin:0 20px 0 0;}
.commentmetadata{ font-size:10px; color:#3ad6e2; text-transform:uppercase;}
.post ol.commentlist{margin:0; padding:0; font-family:Trebuchet MS;}
.commentlist li{list-style:none; background:url(images/line.png) repeat-x bottom; padding:0 0 10px 0; margin:0 0 20px 0; font-size:11px;}
.comtxt{float:right; width:470px; padding:2px 0 0 0;}
.commentlist li ul li, .commentlist li ol li{background:none; padding:0; margin:0;}
#c2 h2.ctitle{font-size:36px;}
h2#comments{font-size:24px;}

.page{padding:0 56px 0 30px;/*text-align:justify;*/ color:#fff;}
.ptitle{color:#00efff; font-size:36px; font-weight:normal; background:url(images/line.png) repeat-x bottom; padding:0 0 15px 0; margin:0 0 28px 0;}
.page p{color:#fff; font-family:Trebuchet MS; margin:0 0 20px 0; font-size:14px;}
.h1, .h2, .h3, .h4, .h5, .h6{color:#fff; font-size:48px;}
.h2{font-size:40px;}
.h3{font-size:36px;}
.h4{font-size:30px;}
.h5{font-size:24px;}
.h6{font-size:18px;}

.portcol{width:168px; background:url(images/line3.png) repeat-y right; float:left; margin:0 13px 0 0; padding:0 0 0 10px;}
.port{width:142px; margin:0 0 16px 0;}
.portpic{margin:0 0 4px 0; display:block;}
.portpic img{border:1px solid #02bfc5; }
.port h3{color:#00efff; font-size:13px; font-weight:normal;}
.port h4{color:#fff; font-size:16px; font-weight:normal;}

#mframe span.connect_widget_not_connected_text{color:#ffffff;}