/*

Theme Name: Comment Central

Theme URI: http://www.themebuilder.nl/

Description: High quality Wordpress theme. Colorful, grunge,and stylish theme. two columns, left sidebar dropdown menu and widget-ready.

Enjoy!.

Version: 1.2.4

Author: Frank Schrijvers

Author URI: http://www.arterror.nl

Tags: two-columns, fixed-width, green, white, yellow



 Begin Typography & Colors



***************************************** */



#circles {

background:transparent url(images/top.png) no-repeat scroll right top;

margin:0;

padding:0;

}



.widget_pages {

background: url(images/star2.png) no-repeat;

background-position: 17px 8px;

}

#tag {

background: url(images/tag.png) no-repeat;

padding-left: 20px;

}







#top_menu {

background:url('images/top_menu.png') no-repeat;

height: 446px;

width:284px;

}





#bottom_menu {

background:url('images/test.png') no-repeat;

height: 224px;

width: 220px;

margin-top: -15px;

}



body {

font-size:62.5%;

font-family:"Lucida Grande","Lucida Sans Unicode",Calibri,Arial,Helvetica,Sans,FreeSans,Jamrul,Garuda,Kalimati;

background: url('images/background.jpg'); 

background-repeat:repeat-x; 

background-color:#000;

color:#000;

text-align:center;

margin:0;

padding:0;

}



#page {

text-align:left;

background-color:#FFF;

width:900px;

border:1px solid #959596;

margin:20px auto;

padding:0;



}



#content {

font-size:1.2em;

background: url('images/bg_paper.gif'); 

background-repeat:repeat;

float: right;

}







#content h1 {

color:#b6492d;

font-size:24px;

}



#content h2 {

color:#000;

/*background: url('images/star.png'); */

background-repeat:no-repeat;

padding-left: 30px;

line-height:normal;

font-size:20px;

width: 480px;

font-family:Arial,Verdana,"BitStream vera Sans",Helvetica,Sans-serif;

line-height:150%;

font-weight:700;

font-variant:small-caps;

}



#content h3 {

color:#b6492d;

font-size:16px;

}



#content h4 {

color:#b6492d;

font-size:14px;

}



#content h5 {

color:#b6492d;

font-size:12px;

}



.widecolumn .entry p {

font-size:1.05em;

}



.narrowcolumn .entry,.widecolumn .entry {

line-height:1.4em;

}



.widecolumn {

line-height:1.6em;

}



.narrowcolumn .postmetadata {

text-align:left;

font-size:9px;

font-style:italic;

min-height:14px;

padding: 5px;

}



small {

font-family:Verdana;

font-size:0.9em;

line-height:1.5em;

}



h1,h2,h3 {

font-family:Verdana;

}



/* End Structure 



	Begin Headers 

************************************/

h1 {

font-family: Futura, Helvetica, Verdana, sans-serif; 

/*width:540px;*/

text-align:right;

/*font-variant:small-caps;*/

/*font-weight:400;*/

font-size:37px;

/*letter-spacing:0.2px;*/

/*margin:0 0 20px 30px;*/

float:right;

/*padding-left:20px;*/

/*width: 300px;*/

}



h1,h1 a,h1 a:hover,h1 a:visited {

font-weight:bold;

text-decoration:none;

text-align:left;

color:#fff;

margin:0;

margin-bottom:30px;

padding:0;

}



headerimg .description {

text-align:left;

}



h2 {

font-family:Arial,Verdana,"BitStream vera Sans",Helvetica,Sans-serif;

line-height:150%;

font-weight:400;

font-size:14px;

}



h2.pagetitle {

font-size:1.6em;

}



#sidebar h2 {

font-family:Arial,Verdana,"BitStream vera Sans",Helvetica,Sans-serif;

/*line-height:150%;*/

font-weight:700;

font-size:14px;

color:#000;

padding-left:27px;

padding-top: 7px;

background: url(images/h2_paper.png) no-repeat top;

font-variant:small-caps;

text-align:left;

}



h3 {

font-size:1.3em;

color:#000;

margin:0;

padding:0;

}



#header h4 {

float:left;

border-left:1px solid #FFF;

margin:10px 0 0 0px;

padding:0 0 0 5px;

color:#FFF;

font-size:110%;

font-weight:normal;

letter-spacing:0.4em;

line-height:15px;

position:relative;

}



h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited {

color:#000;

}



h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,#sidebar h2,#wp-calendar caption,cite {

text-decoration:none;

}



.entry p a:visited {

color:#b85b5a;

}





.commentlist li,#commentform input,#commentform textarea {

font:0.9em Verdana;

background: url(images/paper_bg.png) no-repeat top;

color: #000;

padding: 0;

/*border: 0.2px solid #434343;*/

}



.commentlist li ul li {

font-size:1em;

margin-right:-5px;

margin-left:10px;

}

.commentlist li p img {

max-width:100%;

border-style: none; 

padding:0;

}



.commentlist li {

font-weight:700;

list-style-type:none;

/*border: 1px solid #434343;*/

background: url(images/border.gif) no-repeat top;

margin:15px 0 10px;

padding:5px 5px 10px 10px;

min-height: 100px;

}



.commentlist li .avatar {

float:right;

margin-right:10px;

}

.avatar {

background: url(images/back_avatar.png);

}





.commentlist cite,.commentlist cite a {

font-weight:700;

font-style:normal;

font-size:1.1em;

}







.commentlist p {

font-weight:400;

line-height:1.5em;

text-transform:none;

margin:10px 5px 10px 0;

}



#commentform p {

font-family:Verdana;

margin:5px 0;

}



.commentmetadata {

font-weight:400;

display:block;

margin:0;

}



/* End Comments 

 Begin Sidebar 

******************************/

#sidebar {

text-decoration:none;

font:1em Verdana;

margin-left:0px;

width:220px;

margin-top:-140px;

background: url(images/menu_back.png) repeat-y;

}





small,#sidebar ul ul li,#sidebar ul ol li,.nocomments,.postmetadata,blockquote,strike {

color:#777;

list-style-type:none;

}



#sidebar ul ul li,#sidebar ul ol li {

color:#777;

line-height:22px;

margin:3px 0 0;

padding:0;

}

#twitter_update_list li {
	line-height:14px !important;
	margin:3px 0px 5px 0px !important;
	color:#000000 !important;
	
}

#twitter_update_list li span {
	font-weight: normal !important;
	width:100%;
	float:left;
}

#twitter_update_list li span a {
	color:#a00902 !important;
	font-style: italic;
}

#twitter_update_list li a {
	clear:left;
	color:#000000 !important;
}

code {

font:1.1em 'Courier New', Courier, Fixed;

}



/* End Calendar 

 Begin Various Tags & Classes

***************************************/

acronym,abbr,span.caps {

font-size:0.9em;

letter-spacing:.07em;

cursor:help;

}



a,h2 a:hover,h3 a:hover {

color:#000;

text-decoration:none;

}



a:hover {

color:#a00902;

text-decoration:underline;

}



#wp-calendar #prev a,#wp-calendar #next a {

font-size:9pt;

}



#wp-calendar a {

text-decoration:none;

display:block;

}



#wp-calendar caption {

font:bold 1.3em Verdana;

text-align:center;

width:100%;

}



#wp-calendar th {

font-style:normal;

text-transform:capitalize;

}



/* End Typography & Colors 

 Begin Structure

*****************************/

#sidebar #searchform #s {

width:110px;

float:left;

color:#fff;

padding:4px;

}



#header {

width:850px;

margin:0;

padding:0;

}



#headerimg {

background:url('images/background_title.jpg') no-repeat;

width:850px;

height:60px;

margin:0;

}



.narrowcolumn,.widecolumn {

float:left;

width:530px;

margin:0;

padding:0 20px 20px;

}



#top {

height: 60px;

background: url(images/paper.gif) no-repeat;

float:right;

width:570px;

margin:0;

margin-top:20px;

}



.post {

text-align:justify;

margin:0 0 50px;

}



.post hr {

display:block;

}



.widecolumn .post {

margin:0;

}



.widecolumn .postmetadata {

margin:30px 0;

}



.widecolumn .smallattachment {

text-align:center;

float:left;

width:128px;

margin:5px 5px 5px 0;

}



.widecolumn .attachment {

text-align:center;

margin:5px 0;

}



#footer {

clear:both;

height:60px;

margin:0;

padding:0;

float:right;

}



#footer p {

text-align:left;

color:#fff;

margin:0;

padding:20px 0 0 40px;

}

#footer A {

color:#fff;

}



h3.comments {

margin:40px auto 20px;

padding:0;

}



/* End Headers 

 Begin Images

******************* */

p img {

max-width:100%;

border:1px solid #ccc;

padding:0;

}



img.alignright {

display:inline;

margin:0 0 2px 7px;

padding:4px;

}



img.alignleft {

display:inline;

margin:0 7px 2px 0;

padding:4px;

}



.alignright {

float:right;

}



.alignleft {

float:left;

}



/* End Images 

 Begin Lists Special stylized non-IE bullets

Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {

margin-left:0;

list-style-type:none;

text-indent:-10px;

padding:0 0 0 10px;

}



html>body .entry li {

margin:7px 0 8px 10px;

}



.entry ul li:before,#sidebar ul ul li:before {

margin-right:10px;

}



.entry ol {

margin:0;

padding:0 0 0 35px;

}



.postmetadata ul,.postmetadata li {

/*list-style-type:none;

list-style-image:none;*/

}



#sidebar ul {

list-style-type:none;

list-style-image:none;

margin-bottom:15px;

font-family:Arial,Verdana;

font-size:10px;

font-weight:700;

color: #000;

}



#sidebar li {

margin-bottom:15px;

font-size:12px;

}


#sidebar li#skype-widget-menu, #sidebar li#text-679657031, #sidebar li#youtube {
	text-align:center;
}


#sidebar ul p,#sidebar ul select {

margin:5px;

}



#sidebar ul ul,#sidebar ul ol {

margin:0px 0 0 10px;

}



#sidebar ul ul ul,#sidebar ul ol {

margin:0 0 0 10px;

}



ol li,#sidebar ul ol li {

list-style:decimal outside;

}



select {

width:130px;

}



#commentform input {

width:170px;

margin:5px 5px 1px 0;

}



#commentform {

margin:5px 10px 0 0;

}



#commentform textarea {

width:100%;

}



#respond:after {

content:".";

display:block;

height:0;

clear:both;

visibility:hidden;

}



#commentform #submit {

margin:0 0 5px auto;

display: block;

background: url(images/submit.gif) no-repeat 0 0;

width: 76px;

height: 28px;

padding: 0;

border: 0;

}

#commentform #submit:active {

background-position: 0 -28px;

}





/* End Form Elements 

 Begin Comments

***************************/

.alt {

margin:0;

padding:10px;

}



.commentlist {

text-align:justify;

padding:0;

}



.children {

padding:0;

}



.nocomments {

text-align:center;

margin:0;

padding:0;

}



#sidebar form {

margin:10px 0 0;

}



/* End Sidebar 

 Begin Calendar 

*****************************/

#wp-calendar {

empty-cells:show;

width:155px;

margin:10px auto 0;

}



#wp-calendar #next a {

padding-right:10px;

text-align:right;

}



#wp-calendar #prev a {

padding-left:10px;

text-align:left;

}



#wp-calendar td {

text-align:center;

padding:3px 0;

}



#wp-calendar td.pad:hover {

background-color:#fff;

}



acronym,abbr {

border-bottom:1px dashed #999;

}



blockquote {

padding-left:20px;

margin:15px 30px 0 10px;

}



blockquote cite {

display:block;

margin:5px 0 0;

}



a img {

border:none;

}



.navigation {

display:block;

text-align:center;

margin-top:10px;

margin-bottom:60px;

/*list-style-type: none;*/

}



.wp-caption {

text-align:center;

background-color:#f3f3f3;

padding-top:4px;

margin:10px;

}



.wp-caption img {

border:0 none;

margin:0;

padding:0;

}



.wp-caption p.wp-caption-text {

font-size:11px;

line-height:17px;

margin:0;

padding:0 4px 5px;

}



/* End captions 

Supernav menu 

*************************************/

#supernav {

/*font-family:Arial,Verdana,"BitStream vera Sans",Helvetica,Sans-serif;*/

line-height:150%;

font-weight:700;

font-size: 14px;

font-variant:small-caps;

        background: url(images/menu.png) repeat-x;

	float: right;

        margin-top: -15px;

        margin-right: -50px;

	padding: 0px 16px; /* duplicate the tab size */

	text-align: left;

	display: block;

        height: 51px;

color:#fff;

width:540px;

	}



#supernav li {

	margin: 0;

	padding: 0;

	/*text-transform: lowercase;*/

	display: inline;

	}



#supernav a {

	color: #FFF;

	height: 19px;

        font-weight: normal;

	padding: 5px 16px;

	

	}

	

#supernav a:hover {

	color: #111;

	background: white;

	text-decoration: none;

	

	}



#supernav .current_page_item a {

	color: #111;

	background: white;

	text-decoration: none;

}



/* Search

**************************************/

#search-box {

width:190px;

height:23px;

background:url(images/box-search.png) no-repeat;

margin:0 0 15px 30px;

}



#search-text {

background:transparent none no-repeat 0 0;

border:none;

color:#666;

width:122px;

margin:1px 32px 4px 4px;

}



.rsswidget {

color:#666;

}



.postmetadata,.clear {

clear:both;

}



img.centered,.aligncenter,div.aligncenter {

display:block;

margin-left:auto;

margin-right:auto;

}



.entry ol li,#sidebar ul,#sidebar ul ol {

margin:0;

padding:0;

}



.entry form,.center {

text-align:center;

}



.hidden,hr {

display:none;

}



.date{

background:url(images/date_sb.png) no-repeat;

font-size: 12px;

line-height: 14px;

font-family:Arial,Verdana,"BitStream vera Sans",Helvetica,Sans-serif;

text-align: left;

vertical-align: middle;

line-height:normal;

color: #FFF;

margin: -48px 0 0 -65px;

padding: 4px 0 0 12px;

width:66px;

height:45px;

line-height:150%;

font-weight:700;

}





/*Suckerfish menu 

*************************************/

#suckerfishnav {

text-align:left;

padding:0;

}



#suckerfishnav,#suckerfishnav ul {

float:left;

list-style-type:none;

width:100%;

margin:0 0 1em;

padding:0;

}



#suckerfishnav a {

display:block;

color:#EEEADB;

text-decoration:none;

outline:none;

padding:0.5em 1em;

}



#suckerfishnav li {

float:left;

padding:0;

}



#suckerfishnav li ul {

z-index:1;

position:absolute;

left:-999em;

height:auto;

width:120px;

font-weight:400;

}



#suckerfishnav li li {

border-top:1px solid #a00902;

}



#suckerfishnav li li a {

padding:0.2em 1em;

}



#suckerfishnav li ul a {

background-color:#dc0902;

width:9em;

}



#suckerfishnav li ul ul {

margin:-1.5em 0 0 10em;

}



#suckerfishnav li:hover ul ul,#suckerfishnav li:hover ul ul ul,#suckerfishnav li.sfhover ul ul,#suckerfishnav li.sfhover ul ul ul {

left:-999em;

}



#suckerfishnav li:hover ul,#suckerfishnav li li:hover ul,#suckerfishnav li li li:hover ul,#suckerfishnav li.sfhover ul,#suckerfishnav li li.sfhover ul,#suckerfishnav li li li.sfhover ul {

left:auto;

/*background-color:#222;*/

}



#suckerfishnav li:hover,#suckerfishnav li.sfhover {

color:#606060;

}



#suckerfishnav a:hover,#suckerfishnav li.sfhover {

color:#a00902;

position:static;

}



.line {

        background: url(images/border.gif) no-repeat;

        height: 5px;

        width: 540px;

	}



.comment_icon{



position: absolute;



background: url('images/comment.png');



background-repeat:no-repeat;



margin: 0px 0 0 450px;



padding-left: 25px;



padding-top: 5px;



line-height:normal;



height:20px;



font-size: 10px;



}