/*
Theme Name: Eric Sagalyn || Portfolio
Theme URI: http://www.ericsagalyn.com
Description: Designed by Eric Sagalyn
based on the Theme Relaxation by <a href="http://www.jowra.com">Jowra</a>.
Version: 1
Author: Eric Sagalyn
Author URI: http://www.ericsagalyn.com
*/

body{
	background: #DBD9D8 url(http://www.ericsagalyn.com/images/plaster_bg.jpg);
	padding: 0px;
	margin: 0px;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 12px;

}

#nav{
	background: url(images/wood.png) top center repeat-x;
	width: 100%;
	height: 43px;
	display: block;
	border-bottom: 1px solid #4D4038;
}


#nav ul{
	position: relative;
	list-style-type: none;
	padding: 0 0 0 200px;
	margin: 0px;
	border-right: 1px solid #4D4038;

}

#nav ul li{
	display: block;
	float: left;
	font-size: 16px;
	color: #D7A988;
	text-align: left;
	text-shadow: #D7A988 0 1px 0;

}

#nav ul li a{
	color: #fff;
	text-decoration: none;
	font-family: Georgia, Century, serif;
	padding: 13px 35px 10px;
	display: block;
	background: url(images/wood_over.png) 1000px 0 no-repeat;



}

#nav ul li a:hover{
	color: #D7A988;
	background: url(images/wood_over.png) top center no-repeat;

}	

#nav ul li a.current_page, #nav ul li a.nada{
	color: #D5C56A;
	text-decoration: none;
	font-family: Georgia, Century, serif;
	padding: 13px 35px 10px;
	display: block;
	background: url(images/wood_over.png) bottom center no-repeat;
	text-shadow: #000 0 -1px 0;



}


#subnav{
	background: url(http://ericsagalyn.com/images/wallpaper.jpg) center top;
	width: 100%;
	height: 280px;
	display: block;
	border-top: 1px solid #3B2314;
}

#logo{
	position: absolute;
	top: 0px;
	z-index: 1000;
}

#l_shade{
	background:  url(images/tint_l-trans.png) top left no-repeat;
	height: 280px;
	width: 191px;
	display: block;
	position: absolute;
	top: 45px;
	left: 0px;
	z-index: 0;
}

#r_shade{
	background:  url(images/tint_r-trans.png) top left no-repeat;
	height: 280px;
	width: 191px;
	display: block;
	position: absolute;
	top: 45px;
	right: 0px;
	z-index: 0;
}

#subnav .centrist{
	padding: 40px 0 0 0px;
	width: 900px;
}

#subnav img.frame{
	margin: 0px 15px;
	display: block;
	float: left;
}



#words{
	background: url(http://ericsagalyn.com/images/molding.png) repeat-x;
	display: block;
	width: 100%;
	height: 100px;
	border-top: 1px solid #9E5A15;
}

#footer .centrist{
	font-size: 11px;
	text-align: right;
	
}

.centrist{
 	width: 1000px;
 	position: relative;
 	margin: auto;
 	text-align: left;
}

#flap{
	position: absolute;
	left: 50%;
	top: 283px;
	margin-left: 460px;
	
}

img#trim{
	margin-top: -1px;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	z-index: 0;
}

blockquote {
        color: #666;
        font-size: 1.20em;
        font-family: Century, serif;
        padding-left: 10px;
        padding-right: 10px;
	margin: 0 20px;
}

a {
	color: #C02800;
        outline: none;
}

a:hover{
	text-decoration: underline;
}	

code {  background: #f5f5f5;
        border: 1px solid #cccccc;
	color: #555555;
        font: 11px Verdana, Arial, 'Helvetica', sans-serif;
        padding: 10px;
	text-align: left;
}

/* ### Headlines ### */

h1 a {
	color: #540403;
        font-weight: 100;
	font: 24px Georgia, serif;
        margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: none;
        display: block;
}

h1 {
	color: #540403;
        font-weight: 100;
	font: 24px Georgia, serif;
        margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: none;
}

h2, h2 a {
	color: #402206;
        font-weight: 100;
        font-family: Georgia, serif;
	margin: 0;
	padding: 15px 0 10px;
	font-size: 18px;
}

h3 span{
	font-family: arial;
	font-size: 10px;
	display: block;
	float: left;
	width: 40px;
	text-align: center;
	font-style: italic;
	background: #edeae8;
	margin-right: 6px;
	border-top: 1px solid #fff;
	padding: 2px 0;
	color: #a71100;
	border-bottom: 1px solid #8c8b8a;
	margin-top: -5px;

}

#content h3{
	padding: 10px 0 10px;
}

#content .entrytext h2{
	padding: 0px;
	margin: 0px;
}

.entrytext.page2{
	font: 16px  Georgia, serif;
}
h3, h3 a {
	color: #540403;
        font-weight: 100;
	margin: 15px 0 0px 0;
	padding: 0;
}

h4 {    color: #540403;
	font: 12px Georgia, serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
}


ol, form {
	margin: 0;
	padding: 0;
}

p {
	line-height: 1.7em;
	text-align: left;
	color: #241303;
}

.entry {
	line-height: 1.3em;
	text-align: justify;
}

.post .date{
	padding-bottom: 10px;
}
small {
	font-size: 10px;
}

#page {
	background: transparent;
        margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 810px;
}

.clearBar{
	display: block;
	clear: both;
	width: 100%;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #9f9d9c;
	height: 0px;
}


img.left{
	float: left;
	padding-right: 10px;
	border: 0px;
}

img.right{
	float: right;
	padding-left: 10px;
	border: 0px;
}

/* ### Content  ### */

#content {
	background: url(http://ericsagalyn.com/images/paper_02.png) repeat-y;
        border: none;
	color: #241303s;
	float: left;
	margin: 20px 20px 30px 0px;
	padding: 0 0px;
        text-align: left;
	width: 605px;
}

#content #paperTop{
	background: url(http://ericsagalyn.com/images/paper_01.png);
	display: block;
	width: 605px;
	height: 500px;

}

#content .post{
	padding: 0px 40px 30px;
	
}

#paperMid{
margin-top: -440px;
}

#content a:hover {
        color: #C02800;
        background: transparent;
        text-decoration: none;
}



#content a:hover img { 
        border: 1px solid #777777; 
        background: transparent;
}

#content h1 a:hover { 
        color: #C02800; 
        background: transparent; 
        text-decoration: none; 
}

#content h2 a:hover { 
        color: #C02800; 
        background: transparent; 
        text-decoration: none; 
}

#content h3 a { 
        text-decoration: none; 
}

#content h3 a:hover { 
         color: #C02800; 
         background: transparent; 
         text-decoration: none; 
}

#content ul {
         list-style-type: circle; 
         margin: 0 0 0 25px; 
         padding:  0 0 0 0; 
}

#content ul li {
         line-height: 1.5em; 
         margin: 0; 
         padding: 5px; 
}

/* #### Comments #### */

#comment {
        background: #fafafa;
	border: 1px solid #cccccc;
	color: #444444;
	font-size: 13px;
	padding-left: 2px;
	vertical-align: middle;
	width: 540px;

}

.commentbody {
	border: 1px solid #fff;
	border-width: 1px 0;
	color: #444444;
	font-size: 13px;
	margin: 0 0 10px 0;
	padding: 15px 15px 5px 15px;
	position: relative;
        -moz-border-radius: 10px;
}

.commentbody a {
    text-decoration: none;
}
.commentbody a:hover {
   text-decoration: underline;
}

.commentbody p {
	line-height: 1.2em;
}

.commentlink {
	font-size: 13px;
}

.commentlist {
	list-style: none;
}

#email, #author {
	background: #fafafa;
	border: 1px solid #cccccc;
	color: #444444;
        font: 12px Verdana, Arial, 'Helvetica', sans-serif;
	padding-left: 5px;
	vertical-align: middle;

}

#url {
	background: #fafafa;
	border: 1px solid #cccccc;
	color: #444444;
        font: 12px Verdana, Arial, 'Helvetica', sans-serif;
	height: 16px;
	padding-left: 5px;
	vertical-align: middle;
}

#submit {
	background: #fafafa;
	border: 1px solid #cccccc;
	color: #444444;
        font: 12px Verdana, Arial, 'Helvetica', sans-serif;
	margin: 0;
	padding: 0 10px;

}

textarea {
        overflow:auto;
}

/*  Footer */

#footer {
        background: #000;
        border-top: 3px solid #0E0905;
        clear: both;
		color: #543F31;
        margin: 0;
		padding: 10px 0 25px;
        text-align: center;
        overflow:hidden;
}

#footer a {
        color: #543F31;
        text-decoration: none;
}

#footer a:hover {
        color: #aa0000;
        text-decoration: none;
}

/*  Search  */

.s {
	background: transparent;
        border: 0px solid #c7c7c7;
	color: #383d44;
        font: 12px Verdana, Arial, 'Helvetica', sans-serif;
	height: 15px;
	padding-left: 3px;
	vertical-align: middle;
	width: 220px;
}

/* SIDEBAR  */

#sidebar {
overflow: hidden;
        width: 270px;
        text-align: left;
        float: left;
        margin: 20px 0px 50px 0px;
        padding: 0
        line-height: 1.6em;
        color: #383d44;
        background: url(http://www.ericsagalyn.com/images/paper_illustration1_04.png) repeat-y top center;
        display: block;
        }

.sidelist {
        background: transparent;
        margin: 0 0 20px 0;
        padding: 0;
        }

#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#sidebar li{
	margin: 0;
        padding: 0;
        display: block;
	}

#sidebar li a {
        display: block;
        background-color: transparent;
	padding: 5px 15px 3px 15px;
	height: 20px;
	text-decoration: none;
    border-bottom: 0;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	width: 220px;
        
	}

#sidebar li a:hover {
        color: #C02800;
        text-decoration: none;
	}

#sidebar h2{
        background: inherit;
        color: #540403;
        font: 24px Georgia, serif;
        font-weight: 100;
        padding: 3px 0px 3px 0px;
        margin: 0;
}

#wrapper {
	margin: -70px auto 0;
	padding: 0 0 180px;
	display: block;
	width: 900px;
	position: relative;
	z-index: 100;
	background: url(images/doodle.png) no-repeat bottom right;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	margin-top: -1px;
	text-align: right;
}


.date {
	background: transparent;
	color: #363636;
	font: 11px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

.postmetadata {
        background: transparent;
        color: #000;
        line-height: 1.5em;
	padding:3px 3px 3px 3px;
        clear:both;
        font-size: 12px;
        border-top: 1px solid #ccc;
        margin-top: -10px;
}

.postmetadata a { text-decoration: none;}

.postmetadata a:hover{
	text-decoration: underline;
}
.postmetadata2 {
        background: #eeeeee;
        color: #282828;
        border: 1px solid #cccccc;
        font-size: 11px;
        line-height: 1.3em;
		letter-spacing: 0em;
		margin: 0 0 20px 0;
		padding: 5px;
		text-align: left;
    	 clear:both;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
}

/* different postmetadata style for single.php */

.alt {
	line-height: 1.3em;
	padding: 10px;
}

.alt a {
	background: inherit;
	color: #aa0000;
        text-decoration: none;
}

.commentheader {
        background: inherit;
        font-family: Georgia, serif;
        font-size: 18px;
        font-weight: lighter;
        text-align: left;
        color: #540403;
        padding: 0;
        line-height: 1.5em;
}

.commentNail{
	background: url(http://ericsagalyn.com/images/comments.png) no-repeat top left;
	text-align: center;
	display: block;
	width: 57px;
	height: 45px;
	padding-top: 20px;
	float: left;
	margin: -7px 0 0 -3px;
}

.commentNail a{
	text-decoration: none;
	font-size: 24px;
	font-family: Georgia, serif;
}

.clear {clear:both;}

/* ### Menu in Footer ### */

#bottom {
background: url(images/wood3.png) top center;
    clear: both;
	width: 100%;
	margin: 0;
	padding: 0px;
	text-align: left;
	color: #383d44;
	border-top: 3px solid #fff;
	font-size: 13px;
	position: relative;
	}
	
#linez{
position: absolute;
top: 0px;
width: 100%;
height: 100%;
left: 0px;
right: 0px;
bottom: 0px;
background: url(images/bars.png) top center;

}

#bottom .centrist{
	width: 900px;
}

#bottom-left {
	width: 30%;
	padding: 0 0 10px 0;
	float: left;
}

#bottom-mid {
	width: 30%;
	padding: 0 0 10px 40px;
	float: left;
}

#bottom-right {
	width: 30%;
        margin-right: 10px;
	padding: 0 0 10px 0;
	float: right;
	}

#bottom h2 {
    font-weight: 100;
	margin: 25px 0 5px 0;
	padding: 0 4px;
    color: #C02800;
	}

#bottom ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}
#bottom li {
        margin: 0;
        padding: 0;
        display: block;
	}
#bottom li a {
        display: block;
        background-color: transparent;
        color: #D7A988;
	padding: 4px 5px;
	text-decoration: none;
        border-bottom: 0;
        margin: 0px;
        height: 12px;
	}
#bottom li a:hover {
	background-color: #5D4D44;
        text-decoration: none;
	}
	
	
img, a img {
	border: none;
        }
.alignright{
background: #fff;
border: 1px solid #666;
margin-left: 15px;
}

.alignnone{

border: 1px solid #666;

        }
        
/* -- IMAGE REPLACEMENT --*/
.imgRep{
	display: block;
	height: 0px;
	width: 0px;
	overflow: hidden;
	font-size: 1px;
}

#recentp{
	padding: 85px 270px 0 0;
    background:  url(http://www.ericsagalyn.com/images/paper_illustration1_01.gif) no-repeat   -4px -14px;
    width: 0px;
    height: 0px;

}

#linkedin{
	padding: 40px 240px 0 0;
	margin-top: 40px;
	position: absolute;

}

#addy{
	padding: 30px 240px 0 0;
	margin-top: 75px;

}

#twit{
	padding: 30px 240px 0 0;
	top: 178px;
	position: absolute;

}

a:hover span{
    background: url(http://www.ericsagalyn.com/images/highlite-trans.png) no-repeat bottom center;}

h2#archive{
	padding: 32px 250px 0 0;
    background: url(http://www.ericsagalyn.com/images/other-trans.png) no-repeat;
    margin: 4px 0 0  14px ;
}


#fini{
	padding: 38px 270px 0 0;
    background: url(http://www.ericsagalyn.com/images/paper_illustration1_06.png) no-repeat bottom center;
    display: block;
    position: relative;
        width: 0px;
    height: 0px;


}

#connect{
    background: url(http://www.ericsagalyn.com/images/connect.png) no-repeat top center;
	display: block;
	width: 270px;
	height: 217px;
}

/* ------- SiRF ---------- 

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. 
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles 

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}