/*




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;



padding:0;



}







.widget_pages {







background-position: 17px 8px;



}



#tag {



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



padding-left: 20px;



}















#top_menu {



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



height: 446px;



width:284px;



}











#bottom_menu {
background: #000;
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-repeat:repeat-x; 
background-color:#baaca3;
color:#fff;
text-align:center;
margin: 0;
padding:0;
}

#page {
text-align:left;
background-color:#000;
width:900px;
border:0px;
margin:20px auto;
padding:0;
}

#content {
font-size:1.2em;
background: url(images/top_content.png) top no-repeat ; 
margin-left: 300px;
width: 640px;
margin-top: 150px;
text-padding: 25px;
position: absolute;
}



#content h1 {
color:#fff;
padding-left: 500px;
font-size:24px;
}

#content h2 {
color:#fff;
padding-left: 320px;
line-height:normal;
font-size:20px;
font-family:Arial,Verdana,"BitStream vera Sans",Helvetica,Sans-serif;
line-height:150%;
font-weight:700;
font-variant:small-caps;
}

#content h3 {

color:#fff;

font-size:16px;

}




#content h4 {

color:#fff;

font-size:14px;

}

#content h5 {
color:#fff;
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-size:4em;



text-align:center;



font-family: "Arial Black",Arial,Helvetica,Sans,FreeSans,Jamrul,Garuda,Kalimati;



font-variant:small-caps;



font-weight:400;



font-size:350%;



letter-spacing:-0.1em;



margin:0;



float:left;



width: 300px;



}







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



text-decoration:none;



text-align:left;



color:#fff;



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



font-weight:700;



font-size:16px;



color:#fff;



padding-left:40px;



padding-top: 5px;



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



font-variant:small-caps;



}







h3 {



font-size:1.3em;



color:#fff;



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;
margin-top:120px;
}







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



color:#fff;



}







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-color: #000;



color: #fff;



padding: 0;



/*border: 0px 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;*/



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-color: #000;



}











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;



}







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:#fff;
text-decoration:none;
}

a:hover {
color:#fff;
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 {
width:400px;
margin-top: -50px;
padding-top:-100px;
}

.widecolumn {
width:400px;
margin-top: -500px;
padding-top:px;
}

.post {
width: 640px;
}

.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 {
background:url(/images/footer.png) no-repeat;
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 {





border:20px solid #baaca3;



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;



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



}







#sidebar li {



margin-bottom:15px;



font-size:12px;







}







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






width: 76px;

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

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



}







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



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;



	}







#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{
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;
padding: 4px 0 0 12px;
width:66px;
margin-top: -50px;
margin-left: 30px;
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 #1F4F01;
}


#suckerfishnav li li a {
padding:0.2em 1em;
}

#suckerfishnav li ul a {

background-color:#76c4a7;
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:#318515;
position:static;
}

.line {
         
         height: 5px;
         width: 540px;
}


.comment_icon{
position: absolute;
margin: 0px 0 0 500px;
padding-left: 25px;
padding-top: 5px;
line-height:normal;
height:20px;
font-size: 13px;
}



#nav li ul ul {
	margin: -1em 0 0 10em;
        
        
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
font-family:Arial,Verdana,"BitStream vera Sans",Helvetica,Sans-serif;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	width: 10em;
}

#nav li {
	float: left;
	width: 10em;
}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}