/*

Theme Name: icqhelp.net

Theme URI:

Description: Markup by <a href="http://icqhelp.net/">icqhelp.net</a>

Version: 1.0

Author: icqhelp.net

Author URI:

*/



* {

	margin: 0;

	padding: 0;

}

body {

	font: 14px/16px "Trebuchet MS", Arial, Tahoma, sans-serif;

	color: #7D7D7D;

	width: 100%;

	background: #7EA27E;

}

a {

	color: #64AC64;

	outline: none;

}

a.red {

	color: #F5402D;

}

a:hover {

	text-decoration: none;

}

p {margin: 0 0 18px}

img {border: none}

input {vertical-align: middle}

blockquote {

	margin: 0 0 18px 20px;

	padding: 1px 12px;

	background: #F4F4F4;

	border-left: 3px solid #E5E5E5;

}

blockquote p {

	padding: 8px 0;

	margin: 0;

}

.clear {

	clear: both;

	height: 0;

	overflow: hidden;

}

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.alignleft {float: left}

img.alignleft {margin: 5px 10px 5px 0}

.alignright {float: right}

img.alignright {margin: 5px 0 5px 10px}



#wrapper {

	width: 1000px;

	margin: 0 auto;

	background: #FFF;

}





/* Header

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

#header {

	height: 121px;

	position: relative;

  background: url(i/top-bg.gif) repeat-x;

}



#logo {

	position: absolute;

	top: 39px;

	left: 21px;

	width: 175px;

	height: 52px;

	background: #F5402D url(i/logo.png) no-repeat;

	color: #F5402D;

}

#logo strong {

	display: block;

  text-indent: -9999px;

	height: 52px;

}

#logo span {

	display: block;

  text-align: right;

  font-size: 12px;

	height: 29px;

	line-height: 29px;

	background: #E8F6E8;

  border-top: 1px solid #FBFEFC;

  padding-right: 14px;

}



#nav {

	position: absolute;

	top: 39px;

	left: 197px;

	width: 767px;

	padding: 0 0 0 15px;

	background: #64AC64;

	color: #FFF;

  line-height: 52px;

}

#nav a {

	color: #FFF;

	margin: 0 5px;

}

#forum {

	position: absolute;

	top: 0;

	right: 10px;

  font-size: 18px;

  font-style: italic;

  font-weight: bold;

  background: url(i/forum.gif) 0 11px no-repeat;

	padding: 0 0 0 39px;

}



#underNav {

	position: absolute;

	top: 92px;

	left: 197px;

	width: 782px;

	height: 29px;

	line-height: 28px;

  background: #C1EBC1;

  font-size: 12px;

}

#underNav .link {

  background: url(i/icon3.gif) no-repeat;

	padding: 1px 0 0 21px;

  margin-left: 13px;

}

#rss {

	float: right;

  margin-right: 12px;

  font-size: 11px;

  font-weight: bold;

  background: url(i/rss.gif) 0 3px no-repeat;

	padding: 0 0 0 29px;

}



#lang {

	position: absolute;

	top: 11px;

	right: 37px;

  font-size: 12px;

	color: #64AC64;

}

#lang span {

  margin-right: 4px;

}

#lang img {

	vertical-align: middle;

  margin-left: 3px;

  border: 1px solid #ACACAC;

}

span#icons {

  margin-right: 27px;

}

#icons img {

	border: none;

  margin-left: 8px;

}



#search {

	position: absolute;

	top: 9px;

	left: 197px;

}

#search input {

	font: 11px "Trebuchet MS", Arial, Tahoma;

	float: left;

}

.search {

	width: 140px;

	padding: 2px 5px;

	border: 1px solid #C1EBC1;

	color: #7D7D7D;

}

.go {

	cursor: pointer;

	border: none;

	width: 23px;

	height: 21px;

	background: url(i/go.gif) no-repeat;

}





/* Middle

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

#middle {

	width: 100%;

	padding: 10px 0 200px;

}

* html #middle {height: 1%;}

#middle:after {

	content: '.';

	display: block;

	clear: both;

	visibility: hidden;

	height: 0;

}

#container {

	width: 100%;

	float: left;

	overflow: hidden;

}

#content {

	padding: 0 21px 0 216px;

}

#content .post {

	margin: 0 0 40px;

}

#content .post h2 {

  font-size: 18px;

	margin: 0 0 18px;

}



.adv {

	margin: 0 0 12px;

}



#midTop {

	width: 100%;

	overflow: hidden;

	padding: 0 0 14px;

}

#midTop .midLeft {

	float: left;

	width: 295px;

	padding: 0 0 0 180px;

}

#midTop .midLeft img {

	float: left;

  margin: 8px 0 0 -180px;

}

#midTop .midLeft h2 {

  font-size: 22px;

  line-height: 22px;

  font-style: italic;

	color: #F5402D;

	padding: 8px 0 8px;

}

#midTop .midLeft p {

  font-size: 12px;

  line-height: 14px;

	margin: 0 0 5px;

}

#midTop .midLeft .more {

  font-size: 11px;

  font-style: italic;

}

#midTop .midLeft .more a {

	color: #35BC37;

}



#midTop .midRight {

	float: right;

	width: 254px;

}

#new {

	height: 74px;

	padding: 22px 0 0 88px;

  background: #539C53 url(i/new.png) no-repeat;

	list-style: none;

  font-size: 12px;

  font-weight: bold;

  font-style: italic;

  line-height: 20px;

}

#new li {

  background: url(i/bullet3.gif) 0 7px no-repeat;

	padding: 0 0 0 14px;

}

#new a {

	color: #FFF;

}

#best {

	display: block;

	height: 79px;

	padding: 10px 0 0 120px;

	margin: 15px 0 0;

  background: url(i/best.jpg) 11px 0 no-repeat;

  font-size: 18px;

  font-weight: bold;

  font-style: italic;

  line-height: 22px;

}



#bnr {

	height: 120px;

  background: #6BB470 url(i/bnr.jpg) no-repeat;

	color: #FFF;

	padding: 20px 60px 0 236px;

	margin: 0 0 18px;

  font-size: 12px;

  line-height: 14px;

}

#bnr h3 {

  font-size: 24px;

  font-style: italic;

  line-height: 30px;

	background: #F5402D;

	display: inline-block;

	padding: 3px 11px 4px;

	margin: 0 0 7px -11px;

}



#mid {

	width: 100%;

	overflow: hidden;

}

#mid .midLeft {

	float: left;

	width: 547px;

}

#mid h1 {

  font-size: 36px;

  line-height: 1;

  font-style: italic;

	color: #F5402D;

	margin: 0 0 6px;

}



#interesting {

	padding: 10px 0;

}



#interestingtitle {

height: 34px;

line-height: 33px;

background: #64bf7a;

color: #FFF;

font-size: 14px;

font-weight: bold;

padding-left: 22px;

margin: 0 0 20px;

}



#interesting .post {

	margin: 0 0 25px;

	padding: 0 20px 0 131px;

  font-size: 12px;

  line-height: 14px;

}

#interesting .post img {

	float: left;

  margin: 3px 0 0 -120px;

  border: 1px solid #CACACA;

}

#interesting .post h3 {

  font-size: 22px;

  line-height: 24px;

  font-style: italic;

	margin: 0 0 12px;

}

#interesting .post p {

	margin: 0 0 6px;

}

#interesting .post .more {

  font-size: 11px;

  font-style: italic;

}

#interesting .post .more a {

	color: #67CD68;

}



#mid .midRight {

	float: right;

	width: 201px;

	padding: 7px 0 0;

}

#mid .midRight .red,

#mid .midRight .green {

	padding: 0 6px;

}

#mid .midRight .item {

	margin: 0 0 22px;

}

#mid .redtitle {

  font-size: 14px;

  font-weight: bold;

	height: 28px;

	line-height: 28px;

	color: #FFF;

        background: #F5402D;

  padding-left: 17px;

	margin: 0 -6px 12px;

	width: 184px;

	position: relative;

}



#mid .greentitle {

  font-size: 14px;

  font-weight: bold;

	height: 28px;

	line-height: 28px;

	color: #FFF;

        background: #64AC64;

  padding-left: 17px;

	margin: 0 -6px 12px;

	width: 184px;

	position: relative;

}





#mid .midRight .date {

  font-size: 11px;

  line-height: 14px;

}

#mid .midRight .red .date {

	color: #F5402D;

	margin: 0 0 2px;

}

#mid .midRight .title {

  font-size: 14px;

  line-height: 16px;

  font-style: italic;

	margin: 0 0 8px;

}

#mid .midRight .red a {

	color: #F5402D;

}

#mid .midRight .green a {

	color: #64AC64;

}

#mid .midRight p {

  font-size: 12px;

  line-height: 14px;

	margin: 0 0 6px;

}

#mid .midRight .more {

  font-size: 11px;

  font-style: italic;

}

#mid .midRight .bubble,

#content .single .bubble {

  border: 1px solid #21D433;

	margin: 0 2px;

}

#mid .midRight .bubble .title a,

#content .single .bubble h4 a {

	color: #64AC64;

}

#mid .midRight .bubble .more a,

#content .single .bubble .more a {

	color: #35BC37;

}

#mid .midRight .bubble .itop,

#content .single .bubble .itop {

  background: url(i/bubble2.gif) no-repeat;

	width: 197px;

}

#mid .midRight .bubble .ibot,

#content .single .bubble .ibot {

  background: url(i/bubble2.gif) -197px 0 no-repeat;

	width: 197px;

}



.single h1 {

	font-size: 30px;

  font-style: italic;

  line-height: 1;

	color: #F5402D;

	margin: 0 0 14px;

}

.single h2 {

	font-size: 24px;

  font-style: italic;

  line-height: 27px;

	color: #F5402D;

	margin: 33px 0 14px;

}

.single h3 {

	font-size: 18px;

  font-style: italic;

  line-height: 20px;

	color: #64AC64;

	margin: 30px 0 14px;

}

#content .single .bubble {

	float: right;

	width: 167px;

	display: inline;

	margin: 0 10px 5px 12px;

}

#content .single .bubble h4 {

  font-size: 14px;

  font-style: italic;

  line-height: 16px;

	margin: 0 0 8px;

}

#content .single .bubble .ibot {

	margin: 15px -15px -9px;

}



.single ul,

.single ol {

	margin: 0 0 10px 27px;

}

.single li {

	padding: 0 0 10px;

}

.single ul li {

	padding: 0 0 10px 15px;

  background: url(i/bullet4.gif) 0 5px no-repeat;

	list-style: none;

}

.single li ul, .single li ol {

	margin: 0;

}

.single li li {

	padding-left: 18px;

}



.cats,

.cats a {

  font-size: 12px;

	color: #64AC64;

}



div.pagetitle {

	margin: 5px 0 20px;

	text-align: left;

	font-size: 20px;

}



h3#comments {

  font-style: normal;

}



.single ol.commentlist {

	margin: 12px 0 5px;

}

.single ol.commentlist li {

	padding: 20px 17px 13px;

	list-style: none;

  border-top: 1px solid #D8D8D8;

	background: none;

  font-size: 12px;

  line-height: 14px;

}

.avatar {

	float: left;

	display: inline;

	border: 1px solid #DDD;

	padding: 2px;

	margin: -4px 7px 0 0;

	background: #FFF;

}

.fn {

	font-style: normal;

	font-weight: bold;

	color: #3B3B3B;

}

.commentmetadata {

	color: #ABABAB;

	margin: 0 0 18px;

}

.commentmetadata a {

	text-decoration: none;

	color: #ABABAB;

}

.commentmetadata a:hover {

	text-decoration: underline;

}

.reply {

	margin: -10px 0 10px;

	font-size: 11px;

}

#cancel-comment-reply {

	margin: 0 0 12px;

}



#respond {

	width: 448px;

	background: #F1F1F1;

	padding: 15px 16px;

	margin: 30px 0 0;

  font-size: 12px;

}



#respondtitle {

font-size: 18px;

font-style: normal;

line-height: 20px;

color: #64AC64;

margin: 0;

border-bottom: 1px solid #BEBEBE;

padding: 0 0 11px;

}



#commentform p {margin: 0 0 10px}

#commentform .require {

	color: #CA7367;

}

#author, #email, #url, #comment, #submit {

	font: 12px "Trebuchet MS", Arial, Tahoma;

	padding: 3px 5px;

	width: 200px;

	border: 1px solid #B6B6B6;

	color: #7D7D7D;

}

#author, #email, #url {

  margin-right: 8px;

}

#comment {

	width: 436px;

	height: 150px;

}

#submit {

	width: 127px;

	height: 25px;

	padding: 0;

	margin: 5px 0 0;

	background: #64AC64 url(i/submit.gif) no-repeat;

	cursor: pointer;

	overflow: visible;

	color: #FFF;

  font-size: 14px;

  font-weight: bold;

	border: none;

}



.navigation {

	width: 100%;

	overflow: hidden;

	margin: 0 0 20px;

	padding: 5px 0;

}

.navigation.comm {

	padding: 0;

	margin: -10px 0 10px;

}





/* Sidebar

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

#sidebar {

	float: left;

	width: 175px;

	margin-left: -100%;

	position: relative;

	padding: 0 0 0 21px;

}



#menu {

  font-size: 12px;

  font-weight: bold;

  line-height: 20px;

	padding: 0 12px 17px;

}

#menu a {

	display: block;

  background: url(i/bullet.gif) 0 7px no-repeat;

	padding: 0 0 0 10px;

	height: 1%;

}

#menu a.block {

	display: block;

	background: #87C887;

	color: #FFF;

	margin: 8px 0 7px;

  height: 24px;

  line-height: 23px;

}



.section {

	background: #64AC64;

	color: #FFF;

	padding: 0 14px;

	margin: 0 0 7px;

	height: 150px;

}

.sectiontitle {

	background: #F5402D;

  line-height: 28px;

  border-bottom: 1px solid #FFF;

	margin: 0 -14px;

	padding: 0 14px;

  font-size: 14px;

  font-weight: bold

}

.section a {

	color: #FFF;

}



.sectionnews {

	background: #64AC64;

	color: #FFF;

	padding: 0 14px;

	margin: 0 0 7px;

	height: 1%;

}

.sectionnews a {

	color: #FFF;

}





.news {

	padding: 13px 0;

  font-size: 12px;

  line-height: 14px;

}

.news .title,

.bubble .title {

  font-size: 14px;

  font-style: italic;

  font-weight: bold;

  line-height: 16px;

	margin: 0 0 8px;

}

.news p,

.bubble p {

	margin: 0 0 8px;

}

.news .more,

.bubble .more {

  font-size: 11px;

  font-style: italic;

}



.section ul {

	padding: 13px 0;

  margin-right: -6px;

}

.section li {

	list-style: none;

  font-size: 12px;

  font-style: italic;

  line-height: 18px;

}

.section li a {

  font-weight: bold;

}

#categories li {

	color: #A5D3A5;

}

#categories li a {

	float: left;

	width: 124px;

  background: url(i/bullet2.gif) 0 7px no-repeat;

	padding: 0 0 0 8px;

}



.bubble {

  border: 1px solid #F5402D;

	padding: 0 14px;

  margin-top: 17px;

  font-size: 12px;

  line-height: 14px;

	height: 1%;

}

.bubble a {

	color: #F5402D;

}

.itop {

	width: 175px;

	height: 3px;

	overflow: hidden;

  background: url(i/bubble1.gif) no-repeat;

	margin: -1px -15px 9px;

	position: relative;

}

.ibot {

	width: 175px;

	height: 19px;

	overflow: hidden;

  background: url(i/bubble1.gif) -175px 0 no-repeat;

	margin: 15px -15px -1px;

	position: relative;

}





/* Footer

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

#footer {

  background: url(i/logo2.png) 33px 0 no-repeat;

	padding: 0 0 45px 155px;

  font-size: 12px;

  line-height: 16px;

	overflow: hidden;

	height: 1%;

}

#footer .column1 {

	float: left;

	width: 305px;

	padding: 0 50px 0 0;

}

#footer a {

	color: #696969;

}

#copyright {

	padding: 0 0 15px;

}

#footer .column2 {

	float: left;

	width: 270px;

}

#counters {

	padding: 22px 0 0;

}

#counters img {

	margin-right: 7px;

}





/* Other

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



.pageright {

	float: right;

	width: 201px;

	padding: 5px 0 0;

}



.pageleft {

	float: left;

	width: 201px;

	padding: 0px 0px 0px 5px;

}



.googleleft {

	float: left;

	width: 201px;

	margin: 0px 20px 0px 0px;

	padding: 0px 0px 0px 0px;

}