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 {




/*height: 446px;*/



width:284px;



}










#bottom_menu {



height: 224px;



width: 220px;



margin-top: -15px;



}







body {



font-size:62.5%;



font-family:"Arial";



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

background-repeat:no-repeat; 


background-color:#040a00;



color:#000;



text-align:center;



margin:0;



padding:0;



}







#page {



text-align:left;



background-color:#ffffff;



width:1024px;



border:1px solid #959596;


margin-top: 0px;
margin-left: auto;
margin-right: auto;

margin-bottom:20px;



padding:0;







}




#content .comment_icon, #content .date, #content .postmetadata.alt, #content .nocomments {
display:none;
}


#content {

font-family: Arial;
margin-right: 70px;
font-size:1.2em;



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



background-repeat:repeat;



float: right;



}













#content p {
color:#ffffff;
}

.sociable .sociable_tagline strong {
color: #ffffff;
}

#content h1 {



color:#ffffff;



font-size:24px;



}







#content h2 {



color:#ffffff;



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



background-repeat:no-repeat;



padding-left: 30px;



line-height:normal;



font-size:20px;



width: 400px;



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



line-height:150%;



font-weight:700;



font-variant:small-caps;



}







#content h3 {



color:#89b858;



font-size:16px;



}







#content h4 {



color:#b6492d;



font-size:14px;



}







#content h5 {



color:#ffffff;



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



font-size:0.9em;



line-height:1.5em;



}







h1,h2,h3 {



font-family:Arial;



}







/* End Structure 







	Begin Headers 



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



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



padding-left:40px;



padding-top: 2px;



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



font-variant:all-caps;



}







h3 {



font-size:1.3em;



color:#ffffff;



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;
display:none;



}







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



color:#ffffff;



}







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 a, .commentlist, #commentform a {
color: #FFF;
}








/* End Comments 



 Begin Sidebar 



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



#sidebar {

float: left;



text-decoration:none;



font:1em Arial;



margin-left:80px;



width:264px;



/*margin-top:-140px;*/



}



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



text-decoration:none;



}







a:hover {



color:#318515;



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:1024px;
height: 536px;
margin:0;
padding:0;
}

#header h1 {
display: none;
}





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



}







.post {



text-align:justify;



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 {
background: url('images/footer2.png') no-repeat top left;
clear:both;
width: 1024px;
height:500px;
margin:0;
padding:0;
float:left;
/*position: relative;*/
/*top: -300px;*/
z-index: -1;

}

#footer p {
text-align:right;
color:#fff;
margin:0;
padding-top:480px;
padding-right: 75px;
}

#footer A {
color:#fff;
}






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



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



}







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



}
























/* End Form Elements 










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



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 {

display: none;
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;
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;



}
















/*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:#A8B625;



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;



}