/*



Theme Name: Color3



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



Description: Colorful clean and stylish theme with Special feature -  choise out of five different colofull backgrounds. two columns, right sidebar dropdown menu and widget-ready.



Enjoy!.



Version: 1.7



Author: Frank Schrijvers



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



Tags: two-columns, fixed-width, black, green, theme-options, right-sidebar, custom-header







 Begin Typography & Colors







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







body {



font-size:62.5%;



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



background-image: url(images/wide.jpg);



background-repeat: repeat-x;











background-color:#000;



color:#fff;



text-align:center;



margin:0;



padding:0;



}







#page {



text-align:left;



background-color:#FFF;



width:900px;



border:1px solid #b6b6b6;



margin:20px auto;



padding:0;



}







#content {



font-size:1.2em;



background-repeat:no-repeat;



border:3px solid #b6b6b6;



position: relative;



}







#content .transparency {



filter:alpha(opacity=80);



-moz-opacity:0.8;



-khtml-opacity: 0.8;



opacity: 0.8;



z-index:-1;



position:absolute;      



width:570px; 



height:100%; 



position:absolute;  



top:0px;  



left:0px;  



background-color: #000000;



}











#content .entry img {



position:relative;



filter:alpha(opacity=100);



-moz-opacity:1;



-khtml-opacity: 1;



opacity: 1;



}











#content h1 {



color:faf8d1;



font-size:24px;



}







#content h2 {



color:#FFF;



font-size:20px;



text-shadow:1px 2px 3px #000;



}







#content h3 {



color:#faf8d1;



font-size:16px;



text-shadow:1px 2px 3px #000;



}







#content h4 {



color:#faf8d1;



font-size:14px;



text-shadow:1px 2px 3px #000;



}







#content h5 {



color:#faf8d1;



font-size:12px;



text-shadow:1px 2px 3px #000;



}







.widecolumn .entry p {



font-size:1.05em;



}







.narrowcolumn .entry,.widecolumn .entry {



line-height:1.4em;



border-bottom:1px solid #373737;;



}







.widecolumn {



line-height:1.6em;



}







.narrowcolumn .postmetadata {



text-align:left;



font-size:9px;



font-style:italic;



border:1px solid #373737;



min-height:14px;



margin: -42px 0 0 75px;



padding: 5px;



}











.depth-1 {



border:1px solid #3b3b3b;



}







.even,.alt {



border:1px solid #3b3b3b;



}







small {



font-family:Verdana;



font-size:0.9em;



line-height:1.5em;



}







h1,h2,h3 {



font-family:Verdana;



text-shadow:1px 2px 3px #000;



}







/* 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:400%;



letter-spacing:-0.1em;



padding-top:30px;



text-shadow:1px 2px 3px #0c1129;



margin:0;



float:left;



}







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



text-decoration:none;



text-align:left;



color:#faf8d1;



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;



text-shadow:1px 2px 3px #000;



}







#sidebar h2 {



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



line-height:150%;



font-weight:700;



font-size:16px;



letter-spacing:.09em;



color:#000000;



width:210px;



text-shadow:1px 2px 3px #000;







padding-left:5px;



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



margin-left: -10px;



margin-top: 20px;



height: 35px;



width: 100%;



}







h3 {



font-size:1.3em;



color:#faf8d1;



text-shadow:1px 2px 3px #000;



margin:0;



padding:0;



}







#header h4 {



float:left;



border-left:1px solid #999;



margin:44px 0 0 10px;



padding:0 0 0 5px;



font-weight:normal;



font-size:100%;



letter-spacing:0.3em;



}







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



color:#faf8d1;



}







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:#6c8455;



}







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



font:0.9em Verdana;



background: #151515;



color: #faf8d1;



padding: 0;







border: 0.2px solid #434343;



}







.commentlist li ul li {



font-size:1em;



margin-right:-5px;



margin-left:10px;



}







.commentlist li {



font-weight:700;



list-style-type:none;



border: 1px solid #434343;



margin:15px 0 10px;



padding:5px 5px 10px 10px;



}







.commentlist li .avatar {



float:left;







background:#fff;



margin-right:10px;



}







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



width:220px;



background:url('images/back_menu.png') repeat-y right;



margin-top:41px;



padding:10px 0 0px 10px;



filter:alpha(opacity=80);



-moz-opacity:0.8;



-khtml-opacity: 0.8;



opacity: 0.8;



}







#top_menu {



background:url('images/back_menu_top.png') no-repeat top right;



height: 3px;



margin-top: -10px;







}



#bottom_menu {



background:url('images/back_menu_top.png') no-repeat bottom right;



height: 3px;



}







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



text-decoration:none;



}







a:hover {



color:#20534e;



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;



height:120px;



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;



}







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



width:850px;



clear:both;



height:60px;



margin:0;



padding:0;



}







#footer p {



text-align:left;



color:#faf8d1;



margin:0;



padding:20px 0 0 40px;



}







h3.comments {



text-shadow:1px 2px 3px #000;



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



}







#sidebar li {



margin-bottom:15px;



font-size:12px;



font-weight:bold;



}







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



background:url(images/blockquote.png) no-repeat scroll 4px top;



}







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 



Suckerfish menu 



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



#suckerfishnav {



font-family:Arial,Verdana;



font-weight:700;



font-size:11px;



text-align:left;



color:#faf8d1;



width:850px;



height:30px;



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



padding:0;



}







#suckerfishnav,#suckerfishnav ul {



float:left;



list-style-type:none;



width:100%;



margin:0 0 1em;



padding:0;



}







#suckerfishnav a {



display:block;



color:#faf8d1;



text-decoration:none;



outline:none;



text-shadow:1px 2px 3px #000;



padding:0.5em 1em;



}







#suckerfishnav li {



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



float:left;



padding:0;



}







#suckerfishnav li ul {



z-index:1;



position:absolute;



left:-999em;



height:auto;



width:120px;



font-weight:400;



margin:0;



}







#suckerfishnav li li {



border-top:1px solid #333;



}







#suckerfishnav li li a {



padding:0.2em 1em;



}







#suckerfishnav li ul a {



background-color:#2a2a2c;



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:#20534e;



position:static;



text-shadow:1px 2px 3px #000;



}







/* 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.gif) no-repeat;



font-size: 12px;



line-height: 14px;



font-family: "Trebuchet MS", Georgia, sans-serif;



text-align: center;



vertical-align: middle;



color: #faf8d1;



height: 35px;



width: 100px;



margin-left: -33px;



padding-top: 7px;



_position: relative;/* ie6 fix */



margin-right: 12px;



}