/* CSS Document */

body {
	color: #fff; font: 10px Arial, Georgia, Helvetica, sans-serif;
	background: #4f788c; margin: 0px; padding: 0px;
}
html, body { /* saves you from the "centering jump" on short pages */
	min-height: 100%;
	margin-bottom: 1px;
}

#duck { z-index: 5; position:absolute; top: 0px; left: 0px; padding: 0; margin: 0; }  
#right {  position: absolute; width: 171px; top: 0px; right: 78px; }
#center { position: relative; top: 0; left: 0px; margin: 0 251px 0 243px; min-width: 466px; padding: 60px 0 0 0; z-index: 1; border: 10px #0B3448 solid; color: #0B3448; background: #bcd5e2 url(http://www.christiemade.com/2007/images/title.gif) top left repeat-x; }
* html #center { margin-right: 257px; }

#bubbles { position: absolute; top: 203px; left: 0px; padding:0; margin: 0; z-index: 100; }

#content { margin: 35px; clear: both; z-index: 1;  }
#content p { font: 12px Arial, Helvetica, sans-serif; color: #2c5366; padding-left: 20px;}
#content a { color: #2c5366;  }
#content a:hover { text-decoration: none; color: #fff;  }

.blogpic { margin: 0px 0px 5px 5px; border: 3px #0B3448 solid; }

#links { margin: 20px 0px 0px 30px; padding: 0px; }
#links a { color: #fff; }


/* Top Navigation */

#nav { background-color: #0b3448; min-height: 30px; z-index: 2; margin: 0 0px 35px 0px; padding: 0 0px 0 18px; text-align: center; color: #fff;  position: relative; min-width: 455px; }
#nav ul { background-color: #0b3448; padding: 0px; margin: 0px 0px 0px 10px; list-style-type: none; font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: left; }
#nav2 { background-color: #0b3448; height: 60px; }
* html #nav ul { position: relative; }
#nav ul li { position: relative; text-align: center; height: 30px; padding: 0px; margin: 0px 1px 0px 0px; text-transform: uppercase; float: left; }

#nav ul li a { position: static; display: block; text-decoration: none;  padding: 4px 7px 5px 7px;  margin: 0px; height: 21px; }
#nav ul li a:link, #nav ul li a:visited { color: #BCD5E2;border-left: 1px #0b3448 solid; border-right: 1px #0b3448 solid; font-weight: bold; }
#nav ul li a:hover, #nav ul li a.current { color: #0B3448; background-image:url(http://www.christiemade.com/2007/images/bg_nav.gif);  border-left: 1px #C9D2D7 solid; border-right: 1px #C9D2D7 solid; }

* html #nav ul li a, * html #nav ul li a.current { width: 50px; padding-top: 5px; height: 18px; }





/* Sub Navigation */

#subnav_off { position: absolute; top: 133px; left: 75px; z-index: 3; width:168px; height: 255px; background: url(http://www.christiemade.com/2007/images/bg_nosubnav.gif) top no-repeat; padding: 0; margin: 0; }
#subnav_on { position: absolute; top: 133px; left: 75px; z-index: 1; width:168px; height: 178px; background: #bcd5e2 url(http://www.christiemade.com/2007/images/bg_subnav.gif) top no-repeat; border-right: 10px #0b3448 solid;
             padding: 77px 0 0 0; text-align: right; margin: 0px; border-bottom: 1px #123b4f solid; color: #0B3448; }
#subnav_on ul { font: 10px 'Trebuchets MS', 'Arial'; text-transform: uppercase; line-height: 19px; list-style-type: none; width: 168px; margin: 0; padding: 0; z-index: 1; }
#subnav_on ul li { border-top: 1px #123b4f solid; text-align:right; padding: 0; margin: 0; z-index: 1; }
#subnav_on ul li a { display: block;  height: 19px; padding-right: 5px;}
#subnav_on ul li a:link, #subnav_on ul li a:visited { text-decoration: none; color: #0b3448;;   }
#subnav_on ul li a:hover,#subnav_on ul li a.current { background-color: #0b3448; color: #cceaff;  }




/* Fonts */

h1 { font: 12px Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; color: #0B3448; background:url(http://www.christiemade.com/2007/images/icon.gif) top left no-repeat; height: 19px; padding: 7px 0 0 20px; margin: 0px;}
h1 a:link, h1 a:visited, h1 a:hover { color: #0B3448; font-weight: bold; text-decoration: none;} 
h1.blog { font-size: 13px; }

h2 { font-size: 14px; }
h3 { font: 12px Arial, Helvetica, sans-serif; font-weight: bold; height: 19px; padding: 6px 5px 5px 0px; margin: 0px 0px 30px 0px; border: 1px #000 solid; border-top-width: 0px; text-align: right; }
h3 a:link, h2 a:visited, h2 a:hover { font-weight: bold; text-decoration: none;} 
h4 { font: 12px Arial, Helvetica, sans-serif; font-weight: bold; }



#feature {
	position: absolute; left: 40px; top: 500px;
	width:190px; border: 10px #0B3448 solid;
	background-color: #c3dbd3; color: #0b3448; 
}

.blogdate { font: 11px Arial, Helvetica, sans-serif; font-weight: bold;  color: #0B3448; text-transform: uppercase; margin-top: -20px; padding: 0px 10px 7px 0px; text-align: right; }

.date { border-bottom: 1px #2C5366 solid; font: 11px Arial, Helvetica, sans-serif; font-weight: bold;  color: #0B3448; text-transform: uppercase; margin-top: -18px; padding-bottom: 5px; text-align: right;}





/* Members Area */
.marg {  width:170px; border: 10px #0B3448 solid; margin-left: -10px; background-color: #c3dbd3; color: #0b3448;  background-image:url(images/umbrella.gif); background-position: bottom left; background-repeat: no-repeat;}
#title { background: #7a998f url(http://www.christiemade.com/2007/images/duck.gif) top left no-repeat; height: 32px; border-bottom: 10px #0B3448 solid; font: 18px "Futura Lt BT", "Trebuchet MS"; letter-spacing: -1px;; font-weight: bold; text-transform: uppercase; padding-left: 44px; padding-top: 10px; }
.marg p, #feature p { margin-left: 8px; width: 153px; font: 12px Arial; margin-top: 0px; padding-top: 6px; }
.marg a, #feature a { color: #0b3448; }
.marg ul { font: 11px Arial; font-weight: bold; list-style-type: disc; }
.marg ul li a:link, .marg ul li a:visited { text-decoration: none; }
.marg ul li a:hover { text-decoration: underline; color: #4f788c;}



.field { border: 1px #7a998f solid; background-color: #FFFFFF; font: 12px Arial; padding: 2px; color: #0b3448; margin-bottom: 4px; }
.button {  margin-bottom: 4px; }
.marg .button { position:relative; top: 0px; left: 72px; padding-bottom: 8px; padding-top: 2px;}

td { font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }
#profile { border-style: solid;  border-width: 3px; border-color: #0B3448; }
#profile td {background-color: #7a998f; padding: 5px; color: #c3dbd3; border: 1px #c3dbd3 solid; font-size: 13px;  font-weight: bold; }
#profile td.profile2 { font-weight: normal; background-color: #c3dbd3; color: #0b3448; padding: 5px; border: 1px #7a998f solid; text-transform: none; font-size: 12px;}







/* Portfolio Page */
td { border: 1px #4f788c solid; }
td p { text-transform: none; font-size: 11px; margin-top: 1px; }
td ul { margin: 0; padding: 0; margin-left: 14px; }
td ul li { list-style-type: circle; margin-bottom: 5px; }
.describe { color: #0b3448; font: 12px Arial; text-transform: none;  border-left: none; }
.describe a:link, .describe a:visited, .describe a { font-size: 13px; font-weight: bold; color: #FFFFFF; text-decoration: none;}
.describe a:hover { color: #0b3448; }
#showcase { margin: 10px auto 30px auto; }
.xtmadedate {  color: #0b3448; font-weight: bold; border: 1px #4f788c solid; border-bottom: none; text-align:right;   }





/* Footer */
div.valid 
{
	border-top: 10px #0B3448 solid; 
	font-family: 'Verdana', sans-serif; font-size: xx-small; text-align: right;
	background-color: #0B3448; width: auto; clear: both;
	font-weight: bold; color: #bcd5e2;
	margin: 0px; padding: 10px; height: 20px;
}	
 
div.valid a, div.valid a:visited,div.valid  a:hover { color:  #bcd5e2;}
#firefox-small { margin-bottom: -5px; margin-left: 5px; border: 2px #ccc solid; }






/* Movie Reviews */
#movies td { padding: 5px; }
.review { padding: 5px; vertical-align: middle; text-transform:none; }
.movieinfo { text-transform: none; font: 11px Verdana, Arial, Helvetica, sans-serif; }
#searcharea { padding-right: 4px; border-top: 1px #123b4f solid; font-size: 10px; padding-top: 4px; }
#searcharea a { color: #123b4f }
#display td { border: 0px; text-transform: none; }
#movietitle { display: block; background-color: #123b4f; color: #fff; font: 12px Arial, Helvetica, sans-serif; font-weight: bold; width: 92px; padding: 5px 6px; margin: 1px auto; text-decoration: none; }
#movietitle:hover { border: 1px #123b4f solid; padding: 4px 5px; background-color: #bcd5e2; color: #123b4f; }




/* BLOG */
.entrada { border: 1px #000 solid; margin: 0px; padding: 3px 15px;  }
#content .entrada p { color: #036; padding-left: 0px; }
.feedback { margin-top: 0px; float: left; }




/* MISC */
#pose2 { float:right; margin-top: 60px; }
#pose1 { float:right; margin-top: 20px; }




/* VILLAGE */
.village td { font-size: 12px; text-transform: none; border: 0px; border-bottom: 1px #4f788c solid;}
.village .question a { font-size: 12px; text-decoration: none; }
.village .question a:hover { color: #000000; }
.village { border: 1px #4f788c solid; margin: 5px 10px 0px 20px; width: 94%; }
.village td.withborder { border-bottom: 0px; }
.village td.story { line-height: 170%; padding: 13px; }
ul#village { border: 0px; padding: 0px 0px 0px 15px; margin: 0px 0px 0px 15px; list-style-type: disc; }
ul#village li a { font-size: 13px; text-decoration: none; }
ul#village li a:hover { color: #000000; text-decoration: underline; }
.credits { font-weight: normal; font-style:italic; font-size: 11px; }
#poll { margin: 10px 0px 0px 20px; width: 60%; }
#poll td { padding: 2px; }
#poll .credits { text-transform: none; text-align: right; bordeR: 0px;}
#poll .vote { font-size: 12px; font-weight: bold; text-align: center; }
#poll .answer { font-size: 12px; text-transform: none;  width: 80%; }
#questions .field { margin-left: 20px; }
.question { margin-left: 20px; margin-bottom: 15px;}
.question td {  text-transform: none; padding: 8px; background-color: #fff; font-size: 12px; }
.question .credits { text-align: right; font-style: normal; padding-left: 20px; }
h5 { font-size: 11px; margin:  5px 0px 5px 20px; padding: 0px; font-style: italic; font-weight: normal; } 




#noborder {

}

#noborder td {
	border: 0px;
}