/*


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.5
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;
margin-top: 88px;
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:75%;

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

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



background-color:#000;

color:#000;

text-align:center;

margin:0;

padding:0;


}



#page {

text-align:left;

background-color:#FFF;

width:890px;

border:1px solid #959596;

margin:20px auto;

padding:0;

}


#content {

font-size:14px;

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

background-repeat:repeat;

float: right;


}



#content h1 {

color:#7e421b;

font-size:24px;

}



#content h2 {

color:#000;

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

background-repeat:no-repeat;

padding-left: 30px;

line-height:normal;

font-size:28px;

width: 400px;

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

line-height:105%;

font-weight:700;

font-variant:small-caps;


}



#content h3 {

color:#7e421b;

font-size:16px;

}


#content h4, .credits, .cast td, .browntext{

color:#7e421b;

font-size:14px;

}



#content h5 {

color:#7e421b

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 {

margin:0;

padding:0;

color:#000000;

font-size:60%;

font-weight:normal;

letter-spacing:0.2em;

line-height:200%;


}



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

text-decoration:none;

text-align:left;

color:#000000;

margin: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:120%;

font-weight:700;

font-size:16px;

color:#ffffff;

padding-left:40px;

padding-top: 10px;

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

font-variant:small-caps;

}





h3 {

font-size:1.3em;

color:#000;

margin:0;

padding:0;

}




#header h4 {

float:left;

border-left:1px solid #FFF;

margin:-35px 0 0 0px;

padding:0 0 0 15px;

color:#FFF;

font-size:105%;

font-weight:normal;

letter-spacing:0.4em;

line-height:110%;

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 a, .entry a:visited {

color:#c90574;

}

#sidebar a:hover {
color: #4a639c

}



.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:110%;

margin:8px 0 0;

padding:0;

}





code {

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

}




/* End Sidebar





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

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:90px;

margin:0;

}


.narrowcolumn,.widecolumn {

float:left;

width:500px;

margin:0;

padding:0 30px 40px 30px;

}




#top {

height: 40px;

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

float:right;

width:560px;

margin:0;

}



.post {

text-align:left;



}


.post hr {

display:block;

}






.widecolumn .post {

margin:0;


}




.widecolumn .postmetadata {

margin:20px 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;

}


img.music {
margin-right: 7px;
}


.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: 0 0 20px 0;
padding: 0;


}




html>body .entry li {
display: inline;
list-style-type:none;
margin: 0 15px 0 0;

}

.entry h4, .entry h3 {

margin: 5px 0 5px 0;
}


.entry li h4 {

color: #7e421b;

text-align: left;

}





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



}






.entry ol {

margin: 0;




}





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


}




#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: 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 {

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: -40px;

margin-bottom: 15px;

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

text-align: left;

display: block;

 height: 40px;

color:#fff;

}











#supernav li {

margin: 0;


padding: 0;


/*text-transform: lowercase;*/

display: inline;

}






#supernav a {

color: #FFF;

height: 19px;

font-weight: bold;

padding: 5px 16px;

}





	





#supernav a:hover {

color: #111;

background: #937004;

text-decoration: none;

}











#supernav .current_page_item a {

color: #111;

background: #c90574;

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;

}


.credits {

margin:0 0 0 20px;
width: 460px;

}

.credits td {

padding:0 10px 10px 0;

}

.alright {

text-align: right;

color: #000000;
}

.cast {

margin: 0  0  0 43px;
line-height: 20px;

}

.cast td {

padding: 2px;

margin: 0 5px 5px 5px;

}

.cast td .blacktext {

color: #000000;
}




.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:#ffffff;

text-decoration:none;

outline:none;

padding:0.5em 0.7em;

}






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

width:6em;


}











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

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 430px;

padding-left: 25px;

padding-top: 5px;

line-height:normal;

height:20px;

font-size: 10px;


}












