/* Hi.  Welcome to my code!  :)  
 
Design by Taughnee Stone, Principal of Endeavor Creative
Contact me at taughnee@endeavorcreative.com 

Copyright 2005 Endeavor Creative, All Rights Reserved

__________________________________________*/

body {
background: url(http://www.endeavorcreative.com/images/ec_headerbg.jpg) repeat-x;
background-color: #FFFBE6;
margin: 0px;
font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
}

/* STRUCTURE
__________________________________________*/

#header {
background: url(http://www.endeavorcreative.com/images/ec_header.jpg) top left no-repeat;
height: 267px;
width: 100%;
}

#nav {
position: absolute;
top: 65px;
left: 286px;
width: 600px;
font-family:  "Lucida Sans", Arial, Geneva, Verdana, Trebuchet MS, Tahoma, Sans-serif;
font-size: small;
color: transparent;
}

#blog {
position: absolute;
top: 140px;
left: 270px;
margin-bottom: 100px;
padding: 10px;
width: 455px;
background: transparent;
color: #333;
}

#sideleft {
position: absolute;
top: 355px;
left: 20px;
margin: 0px;
width: 230px;
padding-right: 5px;
background: transparent;
color: #333;
font-size: 11px;
}

#sideright {
position: absolute;
top: 160px;
left: 760px;
width: 220px;
background: transparent;
color: #474747;
}

#portdesc {
margin-bottom: 5px;
margin-top: 10px;
}


#recent {
margin-top: 10px;
margin-left: 35px;
font-family:  "Lucida Sans", Arial, Geneva, Verdana, Trebuchet MS, Tahoma, Sans-serif;
font-size: small;
font-weight: bold;
color: #FFFBE6;
}


#recent img {
margin-left: 10px;
}

.portdesc {
margin-left: 0px;
}

/* TEXT STYLES 
__________________________________________*/

h1, h3 {
font-family: "Lucida Sans", Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size: 16px;
color: #169CAB;
margin-bottom: -10px;
}

h2 

{
font-family: "Lucida Sans", Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
}

h4 {
font-family: "Lucida Sans", Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size: 18px;
margin-bottom: 4px;
margin-top: -6px;
}

p {
font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
color: #20201D;
font-size: 11px;
line-height: 150%;
}

.red {
color: #D12639;
}

.red-r {
color: #D12639;
text-align: center;
}

.title {
font-size: 24px;
font-weight: bold;
background: transparent;
color: #D12639;
}

.date {
font-size: 11px;
background: transparent;
color: #333;
font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
}

.posted {
margin-bottom: 30px;
font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:  11px;
height: 1.6em;
background: transparent;
color: #666;
} 

.sidetitle {
margin: 10px 0;
font-size: 100%;
font-weight: bold;
background: transparent;
color: #fff;
border-bottom: 0px solid #fff;
}

.paginate {
 font-family:Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:	12px;
 font-weight: normal;
 letter-spacing: .1em;
 padding:10px 6px 10px 4px;
 margin: 0;
 background-color:	transparent;  
}

.pagecount {
 font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:	10px;
 color: #666;
 font-weight: normal;
 background-color: transparent;  
}

.center {
text-align: center;
}

blockquote {
font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
margin: 0px;
padding: 5px;
border: 1px solid #169CAB;
font-color: #333333;
background: #DFF2F2;
}

.category {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
font-style: none;
color: #7DC43E;
}

.description {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
font-style: none;
color: #7DC43E;
}


.blue-b {
#color: #169CAB;
font-weight: bold;
}

.white {
color: #fff;
}

.yellow {
color: #FFF7D1;
font-family: "Lucida Sans", Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:16px;
line-height: 160%;
}

.white-r {
color: #fff;
text-align: center;
margin-bottom: 5px;
}

.stats {
color: #FFFBE6;
font-size: 8px;
}

/* LIST STYLES
__________________________________________*/

ul {
list-style: none;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 0;
padding-left: 0;
color: #333;
}

li {
font-size: 100%;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
height:            1.6em;
color: #333;
}


/* LINK STYLES
__________________________________________*/

a:link { background-color: transparent; text-decoration: none; font-weight: normal; color: #169CAB; }
a:hover { font-weight: normal; text-decoration: underline;  color: #169CAB; }
a:visited { background-color: transparent; text-decoration: none; font-weight: normal;  color: #169CAB;  }


#sideleft a:link { background-color: transparent; text-decoration: none; color: #9B1F6F; }
#sideleft a:hover { text-decoration: underline; color: #9B1F6F; }
#sideleft a:visited { text-decoration: none; color: #9B1F6F;  }

#sidebar A { color: #000; text-decoration: none; font-weight: normal;}
#sidebar A:link { color: #000; text-decoration: none;font-weight: normal;}
#sidebar A:active { color: #FFFFFF; text-decoration: none;font-weight: normal; }
#sidebar A:hover { background-color: #EF7F6D; text-decoration: none; color: #fff;  font-weight: normal;}

#nav A { color: #fff; text-decoration: none; font-weight: bold;}
#nav A:link { color: #fff; text-decoration: none;font-weight: bold;}
#nav A:active { background-color: #D12639; padding-bottom: 15px; padding-top: 26px; border-bottom: 9px solid #EC4D68; color: #fff; text-decoration: none;font-weight: bold; }
#nav A:hover { background-color: #D12639; padding-bottom: 15px; padding-top: 26px; border-bottom: 9px solid #EC4D68; text-decoration: none; color: #fff;  font-weight: bold;}

.description  a:link { background-color: transparent; text-decoration: none; font-weight: normal; none; color: #169CAB; }
.description  a:visited { background-color: transparent; text-decoration: none; font-weight: normal; none; color: #169CAB; }
.description  a:hover  { background-color: transparent; text-decoration: underline; font-weight: normal; none; color: #169CAB;  }
.description  a:active { background-color: transparent; text-decoration: none; font-weight: normal; none; color: #169CAB; }

.category a:link { background-color: transparent; text-decoration: none; font-weight: normal; none; color: #169CAB; }
.category a:visited { background-color: transparent; text-decoration: none; font-weight: normal; none; color: #169CAB; }
.category a:hover  { background-color: transparent; text-decoration: underline; font-weight: normal; none; color: #169CAB;  }
.category a:active { background-color: transparent; text-decoration: none; font-weight: normal; none; color: #169CAB; }

li a:link { background-color: transparent; text-decoration: none; font-weight: normal; none; color: #333; }
li a:visited { background-color: transparent; text-decoration: none; font-weight: normal; none; color: #333; }
li a:hover  { background-color: transparent; text-decoration: underline; font-weight: normal; none; color: #333;  }
li a:active { background-color: transparent; text-decoration: none; font-weight: normal; none; color: #333; }

.blue a:link { background-color: transparent; text-decoration: none; font-weight: bold; none;}
.blue a:visited { background-color: transparent; text-decoration: none; font-weight: bold; none;}
.blue a:hover  { background-color: transparent; text-decoration: underline; font-weight: bold; none;}
.pblue a:active { background-color: transparent; text-decoration: none; font-weight: bold; none;}


.rbroundbox a:link { background-color: transparent; text-decoration: none; font-weight: normal; none; color: #fff; }
.rbroundbox  a:visited { background-color: transparent; text-decoration: none; font-weight: normal; none; color: #fff; }
.rbroundbox a:hover  { background-color: transparent; text-decoration: underline; font-weight: normal; none; color: #fff;  }
.rbroundbox   a:active { background-color: transparent; text-decoration: none; font-weight: normal; none; color: #fff; }


/* IMAGE STYLES
__________________________________________*/

img {
margin: 0;
padding: 0;
border: 0;
}

#blog img {
margin: 0;
padding: 0;
border: 0;
}

#nav img {
margin: 0;
padding: 0;
border: 0px;
}

.floatright {
float:right;
margin-top: 15px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
}

.floatleft {
float:left;
margin-top: 0px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 5px;
}

.thmbdr  {
margin: 0 auto;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 30px;
background: #FFF;
border: 2px solid #FFF1AB;
}

.thmbdr-m  {
margin: 0 auto;
padding: 10px;
background: #FFF;
border: 2px solid #FEE879;
}


.thmbdr  img {
border: 2px solid #000;
}


.projdesc  {
margin: 0 auto;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
background: #FFFDF1;
border: 2px dotted #FFF1AB;
}

.projdesc-b {
margin: 0 auto;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
background: #DFF2F2;
border: 1px solid #169CAB;
}


.yellowdesc  {
margin: 0 auto;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
background: #FFFDF1;
border: 2px dotted #FEE879;
}




#hours img {
border: 0px;
}

.redbox img {
padding-left: 10px;
}

.bluebox img {
border: 0px;
}


/* SIDEBAR BOXES
__________________________________________*/


.redbox {
font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
margin: 0px;
padding: 10px;
background: #fff;
border: 1px solid #D12639;
font-color: #333;
}



.boxdots {
border-left: 2px dashed #D12639;
border-right: 2px dashed #D12639;
border-bottom: 2px dashed #D12639;
padding-top: 6px;
padding-left: 15px;
padding-right: 10px;
}

#latest { 
background-image: url(http://www.endeavorcreative.com/images/corners/thelatest.gif);
background-repeat: no-repeat; 
width: 177px;
height: 43px;
}

#ontheblog { 
background-image: url(http://www.endeavorcreative.com/images/corners/ontheblog.gif);
background-repeat: no-repeat; 
width: 216px;
height: 40px;
}

#quickfact { 
background-image: url(http://www.endeavorcreative.com/images/corners/quickfact.gif);
background-repeat: no-repeat; 
width: 216px;
height: 38px;
}

#ataglance { 
background-image: url(http://www.endeavorcreative.com/images/corners/ataglance.gif);
background-repeat: no-repeat; 
width: 216px;
height: 38px;
}

#clientlogin{
background: url(http://www.endeavorcreative.com/images/corners/clientlogin.gif) no-repeat;
width: 177px;
height: 43px;
}

#chooseport{
background: url(http://www.endeavorcreative.com/images/corners/chooseport.gif) no-repeat;
width: 216px;
height: 35px;
}


#hours { 
margin-top: 50px;
padding-bottom: 50px;
}



.box { 
width: 177px;
height: 100%;
padding: 5px;
background-image: url(http://www.endeavorcreative.com/images/corners/boxbg.gif);
background-repeat: repeat-y;
}

.boxtitle {
font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size: 11px;
padding: 5px 0 5px 0;
}

.boxcontent { 
padding: 10px;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
color: #20201D;
font-size: 11px;
line-height: 150%;
}

.latestcontent { 
padding: 10px;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
color: #20201D;
font-size: 11px;
line-height: 150%;
margin-left: 15px;
}

.boxtop { 
background-image: url(http://www.endeavorcreative.com/images/corners/top.gif);
background-repeat: no-repeat; 
width: 177px;
height: 24px;
}

.boxbottom { 
background-image: url(http://www.endeavorcreative.com/images/corners/bot.gif);
background-repeat: no-repeat; 
width: 177x;
height: 19px;
}

.box-r { 
width: 216px;
height: 100%;
background-image: url(http://www.endeavorcreative.com/images/corners/rightboxbg.gif);
background-repeat: repeat-y;
padding: 10px;
}

.boxbottom-r { 
background-image: url(http://www.endeavorcreative.com/images/corners/rightbottom.gif);
background-repeat: no-repeat; 
width: 216x;
height: 14px;
}

.boxcontent-r { 
padding: 5px;
width: 216px;
top-margin: 15px;
}

.boxblogtext-r { 
width: 180px;
padding-left: 10px;
padding-right: 10px;
margin-top: -20px;
padding-top: 10px;
}



/* FORM STYLES
__________________________________________*/

select, input, option {
background: #EC4D68;
color: #fff;
border: 1px solid #B2131C;
font-size : 10px;
font-family:Verdana, Arial;
		}
.checkbox {
background-color:  transparent;
margin:  0;
padding: 0;
border: 0;
}

textarea {
margin-left: 0px;
padding-left: 0px;
padding-right: 70px;
background: #EC4D68;
color: #333;
}

textarea:focus { background-color: #F49BA3; }
input:focus { background-color: #F49BA3; }
checkbox:focus { background-color: #F49BA3; }

.login {
font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size: 11px;
}




/* comment pop ups  */

#commentbody {
background: #fff;
width: 100%;
}

.commentbody {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 17px;
font-weight: normal;
color: #69BDC3;
}

#commentfields{
position: relative;
left: 15px;
}

#textarea{
position: relative;
left: -15px;
}




.comment-post{
margin-left: 0px;
margin-bottom: 0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size:10px;
background: transparent;
color: #B0A696;
border-top: 1px solid #D12639;
text-align: center;
padding-top: 3px;
margin-top: 5px;
}


.commentbox2{
color: #333;
border-top: 2 px dotted #D12639;
border-bottom: 2 px dotted #D12639;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
line-height: 140%;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
padding-top: 10px;
margin-left: 0px;
margin-bottom: 5px;
margin-right: 0px;
}


.commentbox1{
color: #333;
border-top: 2 px dotted #D12639;
border-bottom: 2 px dotted #D12639;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
line-height: 140%;
margin-left: 0px;
margin-right: 0px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
padding-top: 10px;
margin-bottom: 5px;
}



/* trackbacks  */

.trackbacks {
color: #fff;
background: #FFEB89;
1px dotted #fff;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
line-height: 140%;
padding: 10px;
margin: 20px;
}

#trackform {
margin-left: 20px;
margin-bottom: 40px;
padding: 3px;
}


.tracktitle {
color: #fff;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
font-size: 14px;
line-height: 140%;
padding: 10px;
margin-left: 20px;
}