/*
Theme name: Fluent
Description: Custom Theme
*/

/* WordPress Default styles */
@import url('wp-default.css');

* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 130%;
    font-family: Arial, "Trebuchet MS", sans-serif;
    color: #000;
    background: #1ea8df url(images/body.gif) repeat-x 0 0;
    text-align: left;
}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

a img { border: 0; }
a { color: #14a5dc; text-decoration: none; }
a:hover { color: #99ff2c; text-decoration: none; }

ul{list-style-position:inside;}

.shell { margin: 0 auto; width:990px}
.left { float: left; display: inline; }
.right { float: right; display: inline; }
.no-text{font-size:0; line-height:0; text-indent:-4000px; display:block}

.wrap-shell { background: url(images/bottom-boobles.png) no-repeat center bottom; }
.wrap{background:url(images/wrap.jpg) no-repeat center 0}

#header{height:131px;}

h1#logo{font-size:0; line-height:0; float:left; width:273px}
h1#logo a{display:block; background:url(images/logo.gif); text-indent:-4000px; height:131px}

#header h2.connect{background:url(images/about-connect.gif) no-repeat right 0; width:179px; height:131px; float:right}

.top{background:url(images/top.png) no-repeat 0 bottom; padding-bottom:43px}
.top-bottom{background:#fff; padding:13px 79px 16px 23px}
.top h2{font-size:33px; color:#99ff2c; font-weight:normal; line-height:41px; margin-bottom:25px}
.top .left{width:238px; height:100%; overflow:hidden; margin-top:-2px}
.top .left h3 a{color:#14a5dc; font-size:16px; line-height:18px; margin-bottom:15px; padding-left:0; letter-spacing:-1px}
.top .left a {float:left; padding-left:8px}
.top .left a img{float:left;}
.top .right{width:633px;}
.top .right h3{font-size:16px; color:#000; margin-bottom:8px}
.top .right p{font-size:13px; color:#999; font-weight:bold; padding-bottom:5px}
.top .right p strong{color:#1ca7de;}

.boxes{padding-left:20px; margin-top:-6px; margin-bottom:20px}
.boxes .box{background:url(images/box2.png) no-repeat 0 0; width:252px; height:76px; padding:23px 32px 0 20px; float:left; margin:0 6px}
.box h2 { font-size:35px; color:#fff; font-family:"Trebuchet MS", sans-serif; margin-bottom:9px}
.box h2 a { color: #fff; }
.box h2 a:hover {font-size:35px; color:#000000; font-family:"Trebuchet MS", sans-serif; margin-bottom:9px}
.box p{font-weight:bold; color:#fff; line-height:16px; font-size:14px}
.box a :hover {color:#000000;}

.down-top{background:url(images/down-top.gif) no-repeat 0 0; padding-top:15px}
.down-bottom{background:url(images/down-bottom.png) no-repeat 0 bottom; padding-bottom:47px}
.down {background:#fff; padding: 13px 24px 35px 24px; min-height: 120px}
.atoms {
	background-image: url(images/down.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-right: 241px;
}
.down h2{font-size:27px; margin-bottom:18px}
.down p, .down {
	color: #999999;
	font-size: 16px;
	line-height: 21px;
	padding-bottom: 21px;
}

.bottom-nav{padding-left:47px; padding-top:89px; padding-bottom:10px}
.nav{float:left; border-left:1px solid #95d6f0; padding-left:8px; padding-right:38px; margin-top:5px}
.tags{border:0; margin-top:0; width:360px; line-height:35px; padding-right:17px;white-space:nowrap}
.tags li{display:inline;}
.tags li a{float:left; padding-right:21px}
.nav ul{list-style-type:none; min-height:178px;}
.nav a{color:#fff; font-size:13px; font-weight:bold;}
.nav a:hover{text-decoration:underline}
.nav h2, .nav h2 a {font-size:18px; color:#006a94; margin-bottom:3px; font-weight:normal}

.interior #container{padding:0 21px 0 22px}

.leftside{float:left; display:inline; width:506px; background:url(images/leftside.png) no-repeat 0 bottom; padding-bottom:44px; margin-bottom:138px}
.leftside-bottom{background:#fff; padding:20px 16px 0 29px}
.leftside-bottom ul{padding-left:10px;}
.leftside-bottom li{font-size:16px; line-height:21px; color:#999;}
.leftside h2{font-size:27px; color:#24abde; margin-bottom:19px;}
.leftside h3{font-size:23px; color:#24abde; margin-bottom:18px}
.leftside p{font-size:16px; line-height:21px; color:#999; padding-bottom:21px}
.leftside .left{width:54px;}
.leftside .left a{color:#828282; display:block; margin-bottom:11px; font-size:16px}
.leftside .left a:active{color:#86ff00}
.leftside .left a:hover {color: #000;}
.leftside .right{width:393px; background:url(images/right-top.png) no-repeat 0 0; padding:12px 0 0 0}
.leftside .right-bottom{background:url(images/right-bottom.png) no-repeat 0 bottom; padding:0 0 11px 0}
.leftside .right-top{background:url(images/right.png) repeat 0 0; padding:4px 24px 78px 18px}
.leftside .right h3{ font-size:26px; color:#fff; font-weight:normal; margin-bottom:8px}
.leftside .right p{ font-size:14px; color:#646464; line-height:17px;}

.rightside{float:right; display:inline; width:419px; margin-top:34px}
.rightside .who{background:url(images/who.gif) no-repeat 0 0; height:163px; padding:28px 15px 0 19px; margin-bottom:21px; width:385px; overflow:hidden}
.rightside .who h2{font-size:29px; color:#fff; font-family:"Trebichet MS", sans-serif; margin-bottom:12px;line-height:1em;}
.rightside .who p{color:#fff; font-size:15px; line-height:15px; padding-right:10px; font-weight:bold; padding-bottom:10px}
.rightside .who a:hover{color:#fff;}
/*
.rightside .who a{display:block; width:280px; height:36px; font-style:italic; padding:11px 0 0 16px; font-size:14px; font-weight:bold; background:url(images/link.gif) no-repeat 0 0; color:#fff; float:right; margin-right:-20px}
*/
.ctn-top{background:url(images/ctn-top.gif) no-repeat 0 0; padding:23px 0 0 0}
.ctn-bottom{background:url(images/ctn-bottom.png) no-repeat 0 bottom; padding:0 0 42px 0}
.ctn{background:url(images/ctn.gif) repeat-y 0 0; padding:0 28px 0 22px}
.ctn h2{font-size:20px; color:#6cbddc; margin-bottom:13px;}
.ctn h3{font-size:20px; color:#61c6ef; margin-bottom:4px; padding-left:5px; font-weight:normal;line-height:1em;}
small{font-style:italic; font-size:11px; padding-left:5px; display:block; margin-bottom:4px}
small a{color:#7ee511}
.ctn p{font-size:14px; line-height:21px; color:#b3b3b3; padding-left:5px}


#footer{background:#006a94; text-align:center; color:#fff; font-weight:bold; font-family:"Trebuchet MS", sans-serif; padding:14px 0 12px 0; font-size:15px}

body.blog{background:#1ea8df url(images/body-blog.gif) repeat-x 0 0;}
.blog .shell{width:979px;}
#navigation{padding:14px 0 0 17px;}
#navigation li{display:inline;}
#navigation li a{float:left; background:url(images/navigation-a.gif) no-repeat 0 0; padding:0 0 0 10px; margin-right:1px}
#navigation li a span{float:left; background:url(images/navigation-a.gif) no-repeat right 0; padding:7px 13px 7px 0; font-size:20px; font-family:"Trebuchet MS" , sans-serif; color:#a6ff23}
#navigation li a:active span{color:#25aadf;}
#navigation li a:hover span{color:#25aadf;}

#content{float:left; display:inline; width:670px; height:100%; overflow:hidden}

.blog #header{background:#fff url(images/header.gif) no-repeat 0 0; height:192px; margin-bottom:7px}
.blog .header-bottom{background:url(images/header-bottom.gif) no-repeat 0 bottom; padding:17px 39px 32px 15px; height:143px}

h1#logo2{font-size:0; line-height:0; width:311px; margin-bottom:-6px}
h1#logo2 a{height:62px; display:block; background:url(images/logo2.gif); text-indent:-4000px; margin-bottom:17px}

.blog #header h2{font-size:30px; line-height:35px; color:#99ff2c; font-weight:normal; padding-left:14px}

.blog #container{background:url(images/container.gif) repeat-y right 0; margin-bottom:7px}
.blog #container-bottom{background:url(images/sidebar-bottom.gif) no-repeat right bottom;}

#main{background:#fff url(images/main.gif) no-repeat 0 0;}
.main-bottom{background: url(images/main-bottom.gif) no-repeat 0 bottom; padding:35px 42px 19px 29px; height:100%; overflow:hidden}
#main img{margin:23px 10px 12px 1px;}
#main h2{font-size:26px; line-height: 28px; color:#61c6ef; font-weight:normal; margin-bottom:10px}
#main h2 a{color:#61c6ef}
#main h2 a:hover{color:#000000}
.blog small{font-size:13px; display:block; margin-bottom:16px; padding-left:0}
#main p{font-size:16px; color:#8a8a8a; line-height:25px; padding-bottom:19px}
#main span.meta{ display:block; background:url(images/meta.gif) no-repeat 0 0; width:589px; height:25px; padding:11px 0 0 20px; font-style:italic; font-size:14px; color:#696969; font-weight:bold; margin-bottom:34px; margin-top:3px}

#main .left{width:283px; padding-left:8px}
#main .left h2,
#main .right h2{font-size:18px}
#main .left small,
#main .right small{font-size:11px}
#main .right{width:283px; padding-right:4px}

#main a.more{display:block; width:254px; height:25px; background:url(images/more.gif); color:#fff; font-style:italic; font-size:14px; font-weight:bold; padding:11px 0 0 26px}
#main a.view{background:url(images/view.gif) no-repeat 9px 0; padding:12px 0 8px 70px; font-size:18px; color:#99ff2c; display:block; margin-top:17px}

#sidebar{float:right; display:inline; width:275px; background:#fff url(images/sidebar.gif) no-repeat 0 0; padding:0 14px 0 12px}

.searchform form { margin-top:-43px; position:relative; z-index:10}
.searchform form span { display:block; background:url(images/form-span.jpg) no-repeat 0 0; width:211px; height:137px; padding:35px 32px 0 32px}
.searchform form input{ background:transparent; border:0; font-size:20px; font-weight:bold; color:#6cbddc; width:211px}

#respond .field {
    float: left;
    margin-bottom: 6px;
}
#respond label {
    margin-left: 10px;
}

.follow{margin-top:-85px; position:relative; z-index:20}
a.facebook{background:url(images/facebook.gif); width:275px; height:36px; margin-bottom:7px}
a.twitter{background:url(images/twitter.gif); width:275px; height:36px; margin-bottom:6px}
a.subscribe{background:url(images/subscribe.gif); width:275px; height:63px;}

.rss-feed{background:#a6ff23 url(images/rss.gif) repeat-x 0 0; margin-bottom:14px}
.rss-bottom{background:url(images/rss-bottom.gif) no-repeat 0 bottom; padding:10px 12px 9px 8px}
.rss-feed h2{background:url(images/rss-h2.gif); height:25px; margin-bottom:10px}
.rss-feed p{font-size:13px; color:#525252; line-height:15px; padding-bottom:14px}
.rss-feed p strong{font-size:11px; color:#1f1f1f; line-height:15px; font-style:italic}

#sidebar ul{list-style-type:none; height:100%; overflow:hidden}
#sidebar ul li{float:left; width:100%; margin-bottom:1px}
#sidebar ul li.title{margin-bottom:12px}
#sidebar ul li h2{font-size:20px; color:#3fb7e7; font-style:italic}
#sidebar ul li a{font-size:15px; color:#8c8c8c}
#sidebar ul li a:hover{ color:#000}

.blog #footer{background:url(images/footer.gif) no-repeat 0 0; padding-top:16px}
.blog #footer .left{width:262px; margin-top:-3px}
.blog #footer .right{width:538px;}
.blog #footer .right .nav{width:122px; padding-left:8px; text-align:left; height:179px; margin-bottom:17px; margin-top:5; padding-top:2px}
.blog #footer .right p{font-weight:bold; color:#fff; font-size:12px; letter-spacing:-1px}
.blog .footer-bottom{background:url(images/footer-bottom.gif) no-repeat 0 bottom; padding-bottom:10px}
.blog .footer-top{background:#66c8f1 url(images/footer-top.gif) repeat-x 0 0; padding:0 12px 0 44px; height:100%; overflow:hidden}

#header ul{height:32px; overflow:hidden; padding-top:65px; float:right;}
#header ul li{display:inline;}
#header ul li a{float:left;padding:0 0 0 6px; cursor:pointer}
#header ul li a.active{background:url(images/header-a-active.gif) no-repeat 0 0}
#header ul li a span{float:left; color:#14a5dc; font-weight:bold; font-family:"Trebuchet MS"; font-size:23px; padding:4px 8px 11px 0}
#header ul li a:hover span{float:left; color:#99ff2c; font-weight:bold; font-family:"Trebuchet MS"; font-size:23px; padding:4px 8px 11px 0}

.headerbox {
    line-height: 1.2
}

.widget {
	list-style-type: none;
}
#ff-activity p.title, #ff-activity .ff-event {
	margin: 0px !important;
}
.more img {
	margin: 0px !important;
}
.red {
	color: red;
}

.page-template-archives-php ul{list-style-type:none}
