/*
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;
}