/*

Theme Name: Esc Artist

Description: Modified version of the color3 template

Enjoy!.

Version: 1.6.3

Author: Frank Schrijvers, customized by Simon Townsend

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/escArtist_Background.png);

background-repeat:no-repeat;

background-color:#FFF;

color:#000;

text-align:center;

margin:0;

padding:0;


}


h1#escArtist_logo {
    margin: 0px;
    padding: 10px 0 0 15px;
}


h1#escArtist_logo a {
    

background: url('images/escArtist-logo2.png') no-repeat scroll;
    

width: 210px;
    

height: 70px;
    

border: 0px;
}




/* Page Transitions

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




#transitionServicesProjects {
   

height: 1000px; /* height of bg! */
   

width:960px;
   

position: absolute;
   

top: 1100px;
   

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


}



.invoicePage {
	top:300px;
}	








/* End Page Transitions

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




#page {

text-align:left;

background-color:#FFF;

width:960px;

border:1px solid #959596;

margin:150px auto;

}


#content {

font-size:1.2em;

background-color:#transparent;

background-repeat:no-repeat;

/*border:3px solid #FFFFFF;

filter:alpha(opacity=80);

-moz-opacity:0.8;

-khtml-opacity: 0.8;

opacity: 0.8;
*/



position:static;

margin-top: 700px;

}

#content h1 {color:000;font-size:24px;}


#content h2 {color:#000;font-size:20px;}

#content h3 {color:#000; font-size:16px;}

#content h4 {color:#000; font-size:14px;}

#content h5 {color:#000;font-size:12px;}



.columnleft {
	float:left;
	width:430px;
    height: 150px;
}



.columnright {
	float:right;
	width:430px;
    height: 150px;
}

.special_letter:first-letter {font-size: large; font-weight: bold; color: #000000; padding: 0 1px;}

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

font-weight:bold;

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

}

/* Image Replacement

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



h1#escArtist_logo a {
text-indent: -99999px!important; margin: 0px; padding: 0px;
}



/* End Image Replacement

*/


/* Begin Custom Sections

*/



#servicesBack {

width:100%

background-color:#000;

}


.gallery li {
        
display: inline;
        
list-style: none;
        
width: 190px;
        
min-height: 190px;
        
float: left;
        
margin: 0 10px 10px 0;
        
text-align: center;
	}






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

color:000;

}

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

text-decoration:none;

text-align:left;

color:#000;

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

width:210px;

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



padding-left:5px;

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

margin-left: -10px;

margin-top: 20px;

height: 35px;

width: 100%;

}



h3 {

font-size:1.3em;

color:#000;

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:#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:link, p a:visited {

color:#90CC38;

}

.entry  p a:hover {

color:#FF931E;

}



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

font:0.9em Verdana;

background: #151515;

color: #FFF;

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

text-decoration:none;

}



a:hover {

color:#FF931E;

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 {

margin:0;

padding:0 20px 20px;

}

.narrowcolumnBlog,.widecolumn {

width:530px;

float:left;

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

margin:0;

padding:20px 0 0 40px;

}


#footer a:link {

color:#90CC38;

}



#footer a:hover, a:visited {

color:#FF931E;

}



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

}



#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 

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

#suckerContainer {

z-index: 100;

width:100%;

position:fixed;

/* background-color:#FFFFFF; */

top:0;

}



#suckerfishnav {

font-family:Arial,Verdana;

font-weight:700;

font-size:13px;

text-align:left;

color:#FFFFFF;

}



#suckBack {

height:95px;

/* background:url(images/navBackground.jpg) repeat-x; */

}




#suckerfishnav,#suckerfishnav ul {

float:left;

list-style-type:none;

width:100%;

margin:0 0 0em;

padding:0 0 0 5px;

}



#suckerfishnav a {

display:block;

color:#000000;

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

}



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

position:static;

text-shadow:1px 1px 2px #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-2.gif) no-repeat;

font-size: 12px;

line-height: 14px;

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

text-align: center;

vertical-align: middle;

color: #FFF;

height: 35px;

width: 100px;

margin-left: -33px;

padding-top: 7px;

_position: relative;/* ie6 fix */

margin-right: 12px;

}