/* ====================================================================
   TEMPLATE: ytw_firdamatic v1.0
   AUTHOR: Franck Scipion, YTW (http://www.yatienesweb.info)
   DATE: January 2004
   BROWSERS PASSED: Internet Explorer 6, Internet Explorer 5.5, Mozilla 1.6,
   Netscape 7.1, Opera 7.11
   CREDITS: Original CSS layouts from firdamatic tool, 
	     http://www.wannabegirl.org/firdamatic/ 	
   ==================================================================== */

/* ====================================================================   
   Artwork (.png, .gif & .jpg), COPYRIGHTS 2004, Franck Scipion, YTW (http://www.yatienesweb.info)
   all rights reserved

   CREDITS: Background image, 
	    http://www.squidfingers.com// 
   ==================================================================== */

/* ==================================================================== 
   Except clearly notified, the .php & .css files available in the download 
   section are ruled by a Creative Commons licence "Attribution-Non 
   Commercial- Share Alike 1.0".

   You are free to use the work & to make derivative works, under the following 
   conditions:
	§Attribution:  You must give the original author credit. We apreciate a 
		       link back to our home page http://www.yatienesweb.info
	§Share Alike:  If you alter, transform, or build upon this work, you 
                       may distribute the resulting work only under a license 
                       identical to this one, making clear to others the license 
                       terms of this work.
	§Non-Commercial: You may not use this work for commercial purposes. 

   For any reuse or distribution, you must make clear to others the license terms of this work. 
   Any of these conditions can be waived if you get permission from the author. 
   
   Your fair use and other rights are in no way affected by the above.                                  
   ==================================================================== */

body { 
	margin: 20px auto;
	text-align: center;
	font-size: 10px;
	background: transparent url(../images/bg.gif);
	}

h1, h2, h3 {
	font-family: georgia, times new roman, times, serif;  
	color: #FF6600;
	background: transparent;
	}


p {
	font-family: lucida grande, verdana, arial, sans-serif;  
	color: #5a5a5a;
	background: transparent;
	font-size: 10px;

	}
a,
a:link, 
a:active {
	color: #9bec37;
	text-decoration:none;
	font-size: 10px;
}

a:visited {
	color: #5a5a5a;
	font-size: 10px;
}

a:hover {
	background-color: #f60;
	color: #fff;
	font-size: 10px;
}

#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 702px;
	text-align: left;
	}

#header {
	float: left;
	width: 702px;
	text-align: left;
	background: #ebebeb;
	color: #fff;
	}

#logo {
	float: left;
	width: 148px;
	height: 148px;
	background: transparent url(../images/picleft.gif) no-repeat top left;
	color: #fff;
	border-left: 1px solid #BABABA;
	border-right: 1px solid #BABABA;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #BABABA;
	}

#title {
	float: left;
	width: 400px;
	height: 149px;
	margin: 0px;
	padding: 0px;
	background: transparent url(../images/title.gif) no-repeat top center;
	color: #fff;
	border-bottom: 1px solid #BABABA;
	}
	
#title h1 {
	padding: 10px 0px 20px 0px;
	color: #5a5a5a;
	text-align: center;
	}	

#topcorner {
	float: left;
	width: 149px;
	height: 149px;
	border-bottom: 1px solid #BABABA;
	border-left: 1px solid #BABABA;
	background: transparent url(../images/picright.gif) no-repeat top center;
	}

#container {
	color: #fff;
	background: #ebebeb url(../images/bgcontainer.gif) no-repeat bottom right;
	float: left;
	width: 702px;
	}

h2.section {
	margin-top: 10px;
	height:20px;
	padding: 5px 0px 0px 5px;
	font-size: 13px;
	background: fff url(../images/h2bg.gif);
	color: #5a5a5a;
	border-bottom: 2px solid #9bec37;
	}

#sidebar {
	float: left;
	width: 144px;
	padding: 0px 0px 10px 5px;
	background: #ebebeb;
	color: #5a5a5a;
	border-top: 5px solid #BABABA;
	}

#sidebar p {
	font-size: 11px;
	margin: 5px 0px;
	}

#sidebar ul {
	list-style: square;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 1em;
	padding-left: 1em;
	}

#sidebar li {
	background: transparent;
	font: 11px lucida grande, verdana, arial, sans-serif;
	color: #fff;
	}

#content {
	float: left;
	width: 380px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background: #fff;
	color: #5a5a5a;
	border-top: 5px solid #BABABA;
	border-right: 1px solid #BABABA;
	border-left: 1px solid #BABABA;
	text-align: justify;
	}


h2.date {
	margin-top: 10px;
	padding: 2px 5px;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.09em;
	text-align: right;
	background: transparent;
	color: #9bec37;
	border-top: 1px solid #BABABA;
	border-right: 5px solid #BABABA;
	}

h2.date2 {
	margin-top: 10px;
	padding: 2px 5px;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.09em;
	text-align: right;
	background: transparent;
	color: #5a5a5a;
	border-top: 1px solid #BABABA;
	border-right: 5px solid #BABABA;
	}

h3.subject {
	font-size: 12px;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	background: transparent;
	color: #FF6600;
	}

div.timestamp {
	font: 11px georgia, times new roman, times, serif;
	letter-spacing: 0.09em;
	margin-top: 10px;
	padding: 0px 5px 2px 5px;
	border-bottom: 1px solid #BABABA;
	border-left: 5px solid #BABABA;
	}

#content p {
	font-size: 12px;
	margin: 10px 0px 5px 10px;
	}

#rightbar {
	float: left;
	width: 144px;
	padding: 0px 0px 10px 5px;
	background: #ebebeb;
	color: #5a5a5a;
	border-top: 5px solid #BABABA;
	}

#rightbar p {
	font-size: 11px;
	margin: 5px 0px;
	}

#rightbar ul {
	list-style: square;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 1em;
	padding-left: 1em;
	}

#rightbar li {
	background: transparent;
	font: 11px lucida grande, verdana, arial, sans-serif;
	color: #fff;
	}

#footer {
	float: left;
	width: 702px;
	margin-bottom: 20px;
	text-align: left;
	color: #fff;
	background: #5A5A5A;
	}

#credits {
	float: left;
	width: 138px;
	margin: 0px;
	padding: 5px;
	background: #fff;
	border: 1px solid #BABABA;
	}

#credits p {
	font-size: 10px;
	color: #5A5A5A;
	margin: 0px;
	}

#credits a,
#credits a:link, 
#credits a:active {
	color: #9bec37;
	text-decoration:underline;
	font-size: 10px;
}

#credits a:visited {
	color: #f60;
	text-decoration:underline;
	font-size: 10px;
}

#credits a:hover {
	background-color: #f60;
	text-decoration:underline;
	color: #fff;
	font-size: 10px;
}

#space {
	float: left;
	width: 395px;
	padding: 5px 0px 5px 5px;
	background: #5A5A5A url(../images/footer.gif) repeat-x 0px 30px;
	color: #fff;
	border-top: 1px solid #BABABA;
	}

#bottomcorner {
	float: left;
	width: 149px;
	height: 85px;
	background: #808080;
	border-top: 1px solid #BABABA;
	border-left: 1px solid #BABABA;
	}


.right {
	position:relative;
	float:right;
}

.center {
	position: relative;
	margin: 0px 0px 0px 120px;
}

.images {
	border: 0px;
	margin: 5px;
	}