/*

Theme Name: Comment Central

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

Description: Completely changed by Andrew Wrathall Feb 2010

Version: 1.2.3

Author: Frank Schrijvers

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

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



 Begin Typography & Colors



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



#circles {

text-align:center;


}



.widget_pages {



}

#tag {

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

padding-left: 20px;

}







#top_menu {

height: 600px;

width:140px;


}





#bottom_menu {

height: 200px;

width: 150px;

margin-top: 0px;
margin-left:150px;
}



body {

font-size:62.5%;

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

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

background-repeat:no-repeat; 
background-attachment:fixed; 
background-position:left top;

background-color:#000000;

color:#000;

text-align:center;

margin:0;

padding:0;

}



#page {

text-align:left;

background-color:#FFF;

width:800px;

border:1px solid #959596;

margin:0px auto;

padding:0px;



}



#bannerad {

float: left;

margin: 0px;

margin-top:10px;

margin-left:20px;

margin-right: 150px;

width:586px;

height:150px;
}


#bannerpage {

text-align:left;

background-color:#FFF;

width:800px;

border:1px solid #959596;

margin:0px auto;

padding:0px;



}



#content {

font-size:10pt;




float: left;

margin: 0px;

margin-top:10px;


width:586px;


padding: 20px;

padding-top:20px;

}



#content .entry a {

color:#000080;

text-decoration:none;

}



#content h1 {

color:b6492d;

font-size:24px;

}

#content h2 {

color:#000;

background-repeat:no-repeat;



line-height:normal;

font-size:20px;


font-weight:700;

text-align:left;

}

.author {

margin-top:-15px;

}


#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;



}



.thread-alt {

background-color:;

}



.thread-even {

background-color:;

}





small {


font-size:0.9em;

line-height:1.5em;

}



h1,h2,h3 {



}



/* End Structure 



	Begin Headers 

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

h1 {

font-size:30pt;

text-align:center;


font-weight:bold;


letter-spacing:-2pt;


}

#logo {

margin:0px;
padding:0px;
float:left;
background-color:#000000;
width: 100%;
height: 130px;
}


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

text-decoration:none;

text-align:left;

color:#fff;


}



headerimg .description {

text-align:left;

}



h2 {


line-height:150%;

font-weight:400;

font-size:14px;

}



h2.pagetitle {

font-size:1.6em;

}



#sidebar h2 {


line-height:150%;

font-weight:700;

font-size:10pt;

color:#FFFFFF;

padding-left: 4px;
padding-right: 4px;

padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;

background-color: #657474;

border-top: 1px solid #000000;

border-bottom: 1px solid #000000;

}



h3 {

font-size:1.3em;

color:#000;

margin:0;

padding:0;

}



#header h4 {

float:left;




margin: 0px 0 0px 20px;

padding:10px 0 0 5px;


color:#FFF;

font-size:110%;

font-weight:bold;


line-height:10px;

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 {


margin:5px 0;

}



.commentmetadata {

font-weight:400;

display:block;

margin:0;

}



/* End Comments 

 Begin Sidebar 

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

#sidebar {

text-decoration:none;

font:1em Verdana;


width:150px;

margin-top: 10px;


padding:0px;
padding-bottom:20px;


}

#sidebarcont {

float: right;
}

#bplink {
margin-top:10px;
width:150px;
height:230px;
}

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;

font-size:9pt;


padding:0;

}



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:#000000;

text-decoration:none;

}



a:hover {

color:#0000c0;

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:100%;


margin:0;

padding:0;

}



#headerimg {

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

width:850px;

height:60px;

margin:0;

}



.narrowcolumn,.widecolumn {



}



#top {


height: 15px;


float:right;

width:50px;


margin:0;

}



.post {

text-align:left;

margin:0 0 10px;

}



.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;
width: 900px;

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:circle;

// text-indent:-10px;
text-indent:0px;

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-size:10px;

font-weight:700;

color: #000;

}



#sidebar li {

margin-bottom: 10px;

font-size:12px;

font-style:bold;

}



#sidebar ul p,#sidebar ul select {

margin:4px;

}



#sidebar ul ul,#sidebar ul ol {

margin:4px 4px 0px 4px;

}






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:left;

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 {

border:1px solid #ddd;

text-align:center;

background-color:#f3f3f3;

padding-top:4px;

-moz-border-radius:3px;

-khtml-border-radius:3px;

-webkit-border-radius:3px;

border-radius:3px;

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 {


	line-height:150%;

	font-weight:700;

	font-size: 12px;
	background-color: #657474;

	margin:0px auto;      
	padding: 0px; /* duplicate the tab size */
        height: 50px;
	color:#fff;

	width:100%;
	}

#supernavcont {

background-color: #657474;
width: 100%;

}

#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: #000000;

	background: white;

	text-decoration: none;

	

	}



#supernav .current_page_item a {

	color: #000000;

	background: white;

	text-decoration: none;

}



/* Search

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

#search-box {

width:140px;

height:23px;

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

margin:0 0 4px 4px;

}



#search-text {

background:transparent none no-repeat 0 0;

border:none;

color:#666;

width:122px;

margin:1px 32px 4px 4px;

}



.widgettitle .rsswidget {

font-size:11pt;

font-family: "Arial Narrow";
font-variant: small-caps;
color:#FFFFFF;

}

.widgettitle img {
display:none;
}

.rsswidget {

color:#800000;

}


.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{


}





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:#FFFFFF;

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 #1F4F01;

}



#suckerfishnav li li a {

padding:0.2em 1em;

}



#suckerfishnav li ul a {

background-color:#627173;
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:#000080;

position:static;

}



.line {

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

        height: 5px;


width:590px;

padding-left: 30px;
	}



.comment_icon{

position: absolute;
background: url('images/comment.png');
background-repeat:no-repeat;
margin: -40px 0 0 480px;
padding-left: 25px;
padding-top: 5px
line-height:normal;
height:20px;
font-size: 10px;



}

#twitter_update_list li {


list-style-image: url('images/twitter_bird.png');
list-style-position: inside;

}

.avatar {
margin-right: 10px;
}

.authorphoto {

float:left;
padding-left: 30px;
padding-right: 10px;
padding-bottom: 10px;
border: none;

}
.lineclear {
clear:both;
}

#sidebar, #content, #bplink {

background-color:#fbfaf7;

}