/*
Theme Name: Channel Fuse
Theme URI: http://wordpress.org/
Description: Channel Fuse Wordpress theme
Version: 1
Author: MerixStudio
Author URI: http://merixstudio.com/

*/

/* Reset
------------------------------------------- */
* {margin: 0; padding: 0; color: #555; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.3em;}
a, span, strong {font-size: 1em;}
span {color: inherit;}
a, a:visited {color: #036388; text-decoration: none;}
a:hover {border-bottom: 1px dotted #32AABB; color: #32AABB; text-decoration: none;}
img {border: none;}
html {height: 100.01%; background: #fff;}
body {padding-top: 0;}

/* basic text elements */
h1 {margin: 1em 0; color: #000; font-size: 2em;}
h2 {margin: 1em 0; font-size: 1.5em;}
h3 {margin: 1em 0; font-size: 1.2em;}
h4 {margin: 1em 0; font-size: 1.2em;}
p {margin: 1em 0;}
ul, ol {margin: 1em 0;}
ul li {margin: 0 0 0 20px;}
ol li {margin: 0 0 0 20px;}

/* basic form elements */
fieldset {border: none;}
legend {border: none; font-weight: bold;}
label {display: block; float: left; clear: left; width: 150px; margin: 5px 0;}
input, textarea, select {width: 185px; margin: 5px 0; padding: 2px; border: 1px solid #D8D8D8; background: #fff;}
	input.chk, input.radio {width: auto; border: none;}
textarea {height: 100px;}
button {cursor: pointer;}

/* layout
------------------------------------------- */
.header-wrapper {min-width: 960px; height: 198px; border-bottom: 4px solid #031821; background: url(images/back1.png) top repeat-x;}
.header {position: relative; overflow: hidden; width: 940px; height: 198px; margin: 0 auto;}
.header h1 {margin: 0;}
.header .logo {display: block; overflow: hidden; position: absolute; left: 0; top: 0; width: 230px; height: 98px; margin: 0; background: url(images/logo.png) no-repeat; text-indent: -5000px;}
.header a:hover {border-bottom: none;}
.mainmenu {position: absolute; overflow: hidden; right: 0; top: 70px; float: right; list-style: none; margin: 0;}
.mainmenu li {float: left; margin: 0 -1px 0 0; background: url(images/menu-separator.png) right center no-repeat;}
.mainmenu li a, .mainmenu li a:visited {display: block; float: left; padding: 0 10px; color: #fff; font-weight: 700; text-decoration: none; text-align: center; text-transform: lowercase;}
.mainmenu li a:hover, .mainmenu li.current_page_item a, .mainmenu li.current_page_item a:visited {color: #25B5C9;}
.utils {position: absolute; overflow: hidden; float: right; right: 0; top: 20px; list-style: none;  margin: 0;}
.utils li {float: left; margin: 0 -1px 0 0;}
.utils li a, .utils li a:visited {display: block; float: left; margin: 0; padding: 0 5px; color: #4F5E64; border-right: 1px solid #4F5E64; font-size: .85em; line-height: 1em; text-transform: lowercase; text-align: center;}
.utils li a:hover {color: #fff;}
.header .stats {position: absolute; left: 0; top: 130px; margin: 0; padding-left: 90px; min-height: 50px; background: url(images/notepad.png) left top no-repeat;}
.header .stats p {float: left; margin: 0 20px 0 0; color: #9ba5a9; line-height: 1.5em;}
.header .stats p.stat1 {padding-left: 25px; border-left: 1px solid #1d333b;}
.header .stats p strong {color: #fff; font-weight: bold; font-size: 2em;}
.header .stats p strong span {display: inline-block; height: 31px; margin: 0 2px; padding: 0 6px; background: url(images/stat.png) center repeat-x; color: #fff; line-height: 31px; }
.header .stats a.check-status, .header .stats a.check-status:visited {position: relative; top: 28px; color: #32aabb;}
.header .stats a.check-status:hover { color: #9ba5a9;}


.page-body {border-top: 6px solid #C9C729; border-bottom: 6px solid #F1F0E2; background: url(images/back5.jpg) left top repeat-x;}

.sidebar {float: left; width: 220px;}
.sidebar h3 {padding: 15px 10px 0 10px; color: #555; font-size: 1em; font-weight: 400;}
.sidebar h3.cats {margin-top: 0; padding-top: 0;}
.sidebar ul {list-style: none; margin: 0; border-top: 1px solid #EDECE8;}
.sidebar ul li {margin: 0; border-bottom: 1px solid #EDECE8;}
.sidebar ul li a, .sidebar ul li a:visited {display: block; padding: 8px 10px; background: url(images/arrow-white.gif) left center no-repeat; color: #51C4D4; font-weight: 700; }
.sidebar ul li a:hover, .sidebar ul li.current_page_item>a, .sidebar ul li.current_page_item>a:visited {border-bottom: none; background-color: #51C4D4; color: #fff;}
.sidebar ul ul li {margin-left: 20px; padding: 5px 0; border: none;}
.sidebar ul li ul li a, .sidebar ul ul li a:visited {padding: 0 10px; background: url(images/arrow-blue.gif) left center no-repeat; color: #888; font-weight: 400;}
.sidebar ul li ul li a:hover, .sidebar ul ul li.current_page_item>a, .sidebar ul ul li.current_page_item>a:visited {background-color: transparent; color: #51C4D4;}
.sidebar ul.archives {border: none; margin-top: -15px;}
.sidebar ul.archives li {border-bottom: none;}
.sidebar ul.archives li a, .sidebar ul.archives li a:visited {padding: 3px 10px; font-weight: 400;}

.main {float: right; width: 640px; padding: 0 30px; border-left: 1px solid #EDECE8;}
.content {overflow: hidden; width: 940px; margin: 0 auto; padding: 20px 0; }
body>.content {width: 960px;}
.page-body .content {padding: 40px 0 60px 0;}

.footer {min-width: 960px; background: url(images/dots.gif) top repeat-x;}
.footer p {margin: 0; color: #ccc; font-size: .85em; line-height: 16px;}
.footer p strong {padding: 0 5px; color: #666; font-weight: 400;}
.footer p span {padding: 5px; color: #666; line-height: 16px;}
.footer a, .footer a:visited {padding: 0 5px;}
.footer p.social {float: right;}
.footer p.social a, .footer p.social a:visited {padding: 3px 0;}
.footer p.social .twitter {padding-left: 25px; background: url(images/icon-twitter.png) 5px center no-repeat;}
.footer p.social .myspace {padding-left: 25px; background: url(images/icon-myspace.png) 5px center no-repeat;}
.footer p.social .merix {padding-left: 30px; background: url(images/icon-merix.png) 5px center no-repeat;}
	
/* repetitive stuff
------------------------------------------- */
.clear {overflow: hidden; clear: both; height: 0;}
.secret {display: none;}
.col3 {float: left; width: 280px; padding: 0 15px;}
.col3.home-teaser {background-position: 10px 25px; background-repeat: no-repeat;}
.col3.home-teaser p {margin-left: 70px;}
.col3.home-teaser.join p {margin-left: 90px;}
.col3.advertisers {background-image: url(images/icon1.jpg);}
.col3.hiring {border: none; background-image: url(images/icon2.jpg);}
.col3.hiring2 {border: 1px solid #EDECE8; border-top: none; border-bottom: none; background-image: url(images/icon3.jpg);}
.col3.blog {background-image: url(images/icon3.jpg);}
.col3.join {border: none; background-image: url(images/icon4.jpg);}

.col3.our-blog {border: none; background-image: url(images/icon5.jpg);}
.col3.tweet {border: 1px solid #EDECE8; border-top: none; border-bottom: none; background-image: url(images/icon6.jpg);}
.col3.channels {border: none; background-image: url(images/icon7.jpg);}

#twitter_div ul{list-style:none; padding:0; margin:0 0 0 50px;}
.col3 h3 {margin-top: 0; color: #000;}
.col3 a.more, .col3 a.more:visited {color: #036388; font-size: 1.1em; font-weight: 700;}
.col3 a.more:hover {border-bottom: 1px dotted #32AABB; color: #32AABB;}
.teasers {padding: 40px 0;}
a.add {float: right; margin-top: 3px; padding-left: 20px; background: url(images/plus.gif) left center no-repeat;}
a.plus {padding-left: 20px; background: url(images/plus.gif) left center no-repeat;}

p.ok {color: #51C4D4; font-weight: 700;}
p.error {color: #c00; font-weight: 700;}
p.breadcrumb {margin: 0; color: #888; font-size: .85em;}
p.pagination {color: #EDECE8; text-align: right;}
p.pagination a {padding: 0 5px;}
p.pagination span {padding: 0 5px; color: #888;}

ul.subpages {list-style: none; margin: 20px 0;}
ul.subpages li {margin: 0; background: url(images/dots.gif) left bottom repeat-x; line-height: 2.5em;}
ul.subpages li a, ul.subpages li a:visited {padding-left: 25px; background: url(images/bullet.gif) left center no-repeat;}
ul.subpages li a:hover {border: none;}

/* post display */
.post {overflow: hidden; margin: 0; padding: 10px 0; background: url(images/dots.gif) left bottom repeat-x; }
.post h2, .post h3 {margin: 0; font-size: 1.3em;}
.post-author {margin-top: 0; color: #888;}
.post .post-date {float: left; width: 70px; margin-right: 15px; color: #888; font-size: 1em;}
.post .post-content {float: left; width: 550px;}
.post.portfolio h2, .post.portfolio p {margin-left: 100px;}
.portfolio-thumbnail {float: left; margin-top: 5px;}

/* comments */
.comments h3 {color: #C9C62A;}
.comments ol {list-style-position: inside;}
.comments li {margin: 0; padding: 15px;}
.comments li.even {background: #F8F7F0 url(images/dots.gif) left bottom repeat-x;}
.comments li>div {margin-left: 20px; margin-top: -15px; width: 570px;}
.comments li div.comment-author, .comments li div.comment-author * {color: #888;}
.comments li img {margin: 0 10px 10px 0; float: left; border: 1px solid #EDECE8;}

/* comment form */
.respond h3 {color: #C9C62A;}
.respond form {padding: 15px; background: #F8F7F0;}
.respond form label {display: inline; clear: none; float: none; width: auto;}
.respond input, .respond textarea {display: inline; clear: left; border: 1px solid #D8D8D8;}
.respond input {width: 230px; margin: 5px 15px 5px 0; padding: 2px 3px;}
.respond textarea {width: 430px; height: 180px; margin: 5px 15px 10px 0; padding: 2px 3px;}
.respond button {width: 149px; height: 26px; border: none; background: url(images/submit-comment.jpg) left top no-repeat; color: #fff; font-weight: 700; line-height: 25px;}
.respond button:hover {background-position: left bottom;}

/* special sections and elements
------------------------------------------- */
.forums {position: relative; background: #031821;}
.forums .content {overflow: hidden; width: 900px; margin: 0 auto; padding: 30px 0; }
.forums * {color: #fff;}
.forums a:hover {border-bottom: none; color: #C1BF00;}
.forums h3 {margin-top: 0;}
.forums ul {float: left; width: 160px; margin-right: 20px; list-style: none;}
.forums ul li {margin: 0; border-bottom: 1px solid #152831; line-height: 1.8em;}
.forums a.pull, .forums a.pull:visited {float: left; overflow: hidden; position: relative; bottom: 0; left: 50%; width: 101px; height: 29px; margin: 0 0 -29px -50px; background: url(images/pull.png) left top no-repeat; text-indent: -500px;}
.forums a.pull:hover {margin: 0 0 -29px -50px; background-position: left bottom;}

.banner {min-width: 960px; background: #F1F0E2 url(images/back3.png) top repeat-x; }
.banner .content {padding: 50px 0 30px 0;}
.banner h2, .banner h3 {margin-top: 0;}
.banner .news {float: left; width: 440px; padding-right: 30px; border-right: 1px solid #E3E2D4;}
.banner .latest-posts {float: left; width: 430px; padding-left: 30px;}

.banner .stats {float: right; width: 300px; padding-left: 20px; }
.banner .stats p {margin: 0; padding: 5px 0; border-bottom: 1px solid #E3E2D4; color: #555;}
.banner .stats p.last {border-bottom: none;}
.banner .stats strong {color: #0A3142; font-size: 2em;}
.banner .stats strong span {margin-right: 3px; padding: 0 5px; background: url(images/number-back.png) repeat-x; color: #fff;}

.posts {list-style: none;}
.posts ul {margin: 0;}
.posts li {margin: 0; line-height: 1.5em;}
.posts li.first {margin-bottom: 20px;}
.posts h4 {margin: 0;}
.posts p {margin-top: 0; color: #555;}
.post-date {color: #888;}
p.post-date {margin: 0; color: #888; font-size: .85em; line-height: 1.7em;}
.post.single h2 {color: #036388; font-size: 1.6em;}

/* home page slider */
.slider {min-width: 960px; height: 316px; background: url(images/back2.jpg) repeat-x;}
.slider .content {position: relative; width: 960px; height: 316px; margin: 0 auto; padding: 0;}
.slider a:hover {border-bottom: none;}
.slider p.l {float: left; width: 42px; margin: 125px 0 0 0;}
.slider p.r {float: right; width: 42px; margin: 125px 0 0 0;}
.slider p.l a, .slider p.r a {display: block; overflow: hidden; width: 42px; height: 42px; background: url(images/arrows.gif) no-repeat; text-indent: -500px;}
.slider p.l a {float: left; background-position: left top;}
.slider p.l a:hover {background-position: left -42px;}
.slider p.r a {float: right; background-position: right top;}
.slider p.r a:hover {background-position: right -42px;}

.slider p.slider-pagination {clear: both; position: absolute; left: 50%; top: 270px; width: 350px; z-index: 5; margin: 0 0 0 -175px; padding: 0; color: #fff; font-size: .9em; text-align: center;}
.slider p.slider-pagination a.prev, .slider p.slider-pagination a.next, .slider p.slider-pagination a.prev:visited, .slider p.slider-pagination a.next:visited {height: 15px; margin-top: 5px; background: url(images/arrows.gif) no-repeat; color: #fff; font-size: .9em; line-height: 15px;}
.slider p.slider-pagination a * {color: #fff;}
.slider p.slider-pagination a.prev, .slider p.slider-pagination a.prev:visited {float: left; padding: 0 10px 0 20px; background-position: left -84px;}
.slider p.slider-pagination a.prev:hover {background-position: left -99px; color: #AFD6D4;}
.slider p.slider-pagination a.prev:hover * {color: #AFD6D4;}
.slider p.slider-pagination a.next, .slider p.slider-pagination a.next:visited {float: right; padding: 0 20px 0 10px; background-position: right -115px;}
.slider p.slider-pagination a.next:hover {background-position: right -130px; color: #AFD6D4;}
.slider p.slider-pagination a.next:hover * {color: #AFD6D4;}
.slider p.slider-pagination .item-count {display: block; position: absolute; top: 0; left: 50%; width: 70px; height: 21px; margin: 0 0 0 -35px; padding: 0 10px; background: url(images/slider-pagination.jpg) center center no-repeat; color: #fff; font-size: .9em; line-height: 21px;}
.slider p.slider-pagination .item-count span {padding: 0 5px; color: #fff;}

.slider-frame {position: relative; overflow: hidden; width: 860px; height: 316px; margin: 0 auto;}
.slider-frame ul {position: absolute; left: 0; top: 0; z-index: 1; height: 316px; margin: 0; padding: 0; list-style: none;}
.slider-frame li {float: left; width: 860px; height: 316px; margin: 0; padding: 0;}
.slider-frame li h2 {margin: 0; margin-left: 470px; padding-top: 30px; color: #fff; font-size: 3em; line-height: 1.7em;}
.slider-frame li h2 strong {color: #D9D700;}
.slider-frame li p {width: 360px; margin-left: 470px; color: #D1EDF2;}
.slider-frame li a.visit, .slider-frame li a.visit:visited {display: block; width: 115px; height: 26px; background: url(images/visit.png) 0 0 no-repeat; color: #fff; font-size: 1.1em; font-weight: 700; line-height: 26px; text-align: center;}
.slider-frame li a.visit:hover {background-position: 0 -26px;}
.slider-frame li .project-name {display: none;}
.slider-frame li img {float: left;}

.slider-frame li.coders-forum {background: url(images/forum-coders.jpg) 0 top no-repeat;}
.slider-frame li.coders-forum h2 strong {color: #D46413;}
.slider-frame li.bloggers-forum {background: url(images/forum-bloggers.jpg) 0 top no-repeat;}
.slider-frame li.bloggers-forum h2 strong {color: #91D2ED;}
.slider-frame li.windows-forum {background: url(images/forum-windows.jpg) 0 top no-repeat;}
.slider-frame li.windows-forum h2 strong {color: #FFBB22;}
.slider-frame li.girls-forum {background: url(images/forum-girls.jpg) 0 top no-repeat;}
.slider-frame li.girls-forum h2 strong {color: #ED106F;}
.slider-frame li.mobiles-forum {background: url(images/forum-mobiles.jpg) 0 top no-repeat;}
.slider-frame li.mobiles-forum h2 strong {color: #FFBB22;}

/* advertising inquiry form */
.adv-inq fieldset {padding: 10px 15px; overflow: hidden;}
.adv-inq fieldset.client-data {background: #F8F7F0;}
.adv-inq fieldset.double {border-bottom: 4px solid #F8F7F0;}
.adv-inq legend {display: none;}
.adv-inq label {width: 100px; padding: 2px;}
.adv-inq label.nc {clear: none;}
.adv-inq fieldset.double label {clear: none; width: 280px;}
.adv-inq fieldset.info label {width: 200px;}
.adv-inq input, .adv-inq select {float: left; width: 185px; margin-right: 10px;}
.adv-inq select#salutation {width: 100px;}
.adv-inq .client-data textarea {float: left; width: 490px; height: 50px;}
.adv-inq fieldset.info textarea {clear: left; width: 590px; height: 100px;}
.adv-inq button {width: 96px; height: 26px; margin-left: 15px; border: none; background: url(images/submit.jpg) left top no-repeat; color: #fff; font-weight: 700; line-height: 25px;}
.adv-inq button:hover {background-position: left bottom;}

ul.pagination {float: right; height: 25px; list-style: none;}
ul.pagination li {float: left; margin: 0 5px;}
ul.pagination li a, ul.pagination li a:visited, ul.pagination li span {display: block; float: left; padding: 3px 5px; border: 1px solid #555;}
ul.pagination li a:hover {border-color: #32AABB;}

.ddsg-wrapper div p {display: none;}
.ddsg-wrapper div.ddsg-pagenav p {display: block;}

/* potfolio slideshow */
.slideshow {display: none; position: absolute; left: 50%; top: 230px; z-index: 30; width: 680px; height: 475px; margin-left: -429px; padding: 5px 89px; background: url(images/slideshow-background.png) no-repeat;}
.slideshow h2, .slideshow h2 a, .slideshow h2 a:visited {margin-bottom: 0.5em; color: #fff;}
.slideshow p {color: #808080;}
.slideshow p.readmore {display: none;}
.slideshow-content {position: absolute; top: 60px; left: 50%; overflow: hidden; width: 450px; height: 390px; margin-left: -225px;}
.slideshow ul {position: absolute; list-style: none; height: 390px; margin: 0; padding: 0;}
.slideshow ul li {float: left; width: 450px; height: 390px; margin: 0; padding: 0;}
.slideshow a.prev, .slideshow a.prev:visited {display: block; float: left; clear: right; overflow: hidden; width: 42px; height: 42px; margin-top: 185px; background: url(images/slideshow-arrows.gif) 0 0 no-repeat; text-indent: -500px;}
.slideshow a.prev:hover {border-bottom: none; background-position: 0 -44px;}
.slideshow a.next, .slideshow a.next:visited {display: block; float: right; clear: right; overflow: hidden; width: 42px; height: 42px; margin-top: 185px; background: url(images/slideshow-arrows.gif) -44px 0 no-repeat; text-indent: -500px;}
.slideshow a.next:hover {border-bottom: none; background-position: -44px -44px;}
.slideshow a.slideshow-close, .slideshow a.slideshow-close:visited {position: relative; left: 70px; float: right; margin-top: 5px; padding-left: 15px; background: url(images/slideshow-close.gif) left center no-repeat; color: #fff;}
.slideshow a.slideshow-close:hover {color: #32AABB; border: none;}

.slideshow-overlay {display: none; position: absolute; left: 0; top: 0; z-index: 20; width: 100%; height: 100%; background: #000; opacity: 0.7;}

/* portfolio - site description */
img.portfolio-screen {float: left; margin: 0 20px 20px 0;}
h2.portfolio-title {float: right; width: 272px; margin-top: 0; margin-bottom: 10px; padding: 0; background: url(images/dots.gif) left bottom repeat-x;}
p.stats {color: #888;}
p.stats strong {color: #000; font-weight: normal;}
a.visit-site, a.visit-site:visited {display: inline-block; width: 98px; height: 26px; background: url(images/visit-now-button.png) no-repeat; color: #fff; font-weight: 700; line-height: 26px; text-align: center;}
a.visit-site:hover {border: none; color: #000; text-decoration: none;}
ul.audience {overflow: hidden; clear: both; margin: 10px 0; background: url(images/dots.gif) left bottom repeat-x; list-style: none;}
ul.audience li {float: left; width: 140px; margin: 10px 20px 10px 0;}
ul.audience li h3 {margin-bottom: 0; color: #000; font-size: 1.1em;}
ul.audience li p {color: #888;}
.formcontainer input, .formcontainer textarea {width:250px}
.formcontainer label {width:220px}
.formcontainer .form-option {text-align:left;}
.formcontainer .button { width:100px;}

.statsbox {
	background:#e2e8fe;
	border:1px solid #93a8ff;
	font-size:11px;
	margin-left:100px;
}
.statsboxWrap {
	border:1px solid #fff;
	padding:5px;
}
.post .statsbox h2 {
	margin:0;
	padding:0;
	color:#385aa2;
}
.post .statsbox p {
	font-size:11px;
	margin:0;
	padding:5px 0 0 5px;
	color:#3a3a3a;
}

.mainFull h3 { color:#0c83a3; }
.mainFull h3 span { font-size:12px; }
.mainFull #tabs div a:link, .mainFull #tabs div a:visited {color:#a31213;text-decoration:underline;}
.mainFull a:hover {border:0;}