/* CSS Document */
body, div, h1, h2, h3, h4, h5, p, ul, ol, li, dt, img, a {
font: normal 100% Verdana, Helvetica, Arial, sans-serif;
color:#000;

margin: 0px;
padding: 0px;
border: 0px;
}
p {
font-size:14pt;
line-height:1.5em;
font-size:medium;
}
h1, h2, h3, h4, h5 {
	font-weight:bold;
	line-height:2em;
	font-size:xx-large;
	color:#F06;
}
h2 {
	line-height:2em;
	font-size:x-large;
}
h3 {
	line-height:2em;
	font-size:large;
}
h4, h5 {
	line-height:2em;
	font-size:medium;
	color: #609;
}
/*
The next step is the CSS, remember making CSS layouts is 
about positioning the elements, with the html code we have 
just defined the div areas of our page, they will get their 
position on the page with the help of CSS.
The following code is required to make the page centered 
in Internet Explorer, we are using auto margins to center
 the page, but IE does not support that method, 
text-align: center is used to center top-level divs
*/


body {
	background-image: url(images/launiart01.jpg);
	background-color: #dbe125;
	background-repeat: no-repeat;
	background-position: top;

}


/*
This part of code defines the boundaries of the page, 
we have added a border to it also, although it is not 
necessary. The left and right margins are set to auto, 
which is required for centering the page. We have 
aligned the text back to the left. Also at this step, 
if you want different colors for your columns, you can 
prepare an image with the same width as your page and 
colored accordingly to the width of your columns. This 
backround image is set to repeat from the top to the bottom.
*/
#wrapper {
	width: 919px;
	margin: 0 auto; /* centering the page */
	text-align: left;
	border-color: #dbe125;/*	border: 1px solid #ebebeb;*/
}
/*
The header of the page.
*/
#header {
	background-image: url(images/launiart02.png);
	background-repeat: no-repeat;
	background-position: top;
	height:174px;

}

#containerTop {
	background-image: url(images/launiart02-02.jpg);
	background-repeat: no-repeat;
/*min-height:400px;*/
	background-position: top;
z-index:10;

}
/* item makes the div it is used in flow to the bottom of the contentnts that are inside of it. No need to have min-height. */
.full:after { content: ""; display: block; height: 0; clear: both; }

#container {
	width: 919px;
	background-image: url(images/launiart02-03.png);
	background-repeat: repeat-y;
z-index:0;
margin-left:0px;
/*min-height:320px;*/ /* this is the height of the content area */


}

/*
We’ll use the float property to postion our columns. 
A floated element becomes a block-box, which can be 
set to the left or to the right on the current line.

Our right column is set to float right.
*/
#rightCol {
	float:right;
	width: 350px;
	background-color: #CCCCFF;
margin-top:20px;
margin-right:20px;
/*height:320px;*/
}

/* 
The main content area is set to float left
*/
#content {
	float:left;
	/*background-color:#CCCCCC;*/
width: 520px;
	margin-left:20px;
	margin-top:20px;
	/*height:320px;*/
	background-repeat: repeat-y;
}

/*
The footer. We have added clear: both to our footer which will
 ensure that no floated elements can get to any side of the footer.
*/

#footer {
	background-image: url(images/launiart02-04.png);
	background-repeat: no-repeat;
	height:80px;
	background-position: top;

margin-left:0px;
clear:both;
}
/*  Text Styling */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12pt;
}
html { 
	height:100%;
	margin-bottom:1px;
}

ul.nav {
	width:900px;
	float:left;
	text-align:right;
	margin-top:138px;
line-height:38px;

}
ul.nav li {
	display:inline;
	background-image: url(images/nav-bg.png);
	background-repeat:repeat-x;
	margin-left:10px;
	padding-top:15px;
	padding-right:20px;
padding-left:20px;
padding-bottom:10px;

}
ul.nav li a:link, ul.nav li a:visited {

font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
color:#ffff00;
}
ul.nav li a:hover, ul.nav li a:active {
color:#679b00;
}

#footer p {
	font-size: 12pt;
	font-style: oblique;
	text-align: center;
vertical-align:bottom;
padding-top:20px;
}

.ads {
margin:10px;
/*height:200px;*/
}

.flash {
	text-align:center;
}

#rightCol h3 {
	font-size:15pt;
	font-weight:bold;
	text-transform:uppercase;
	color:#660099;
	margin-left:5px;
	margin-top:15px;
	margin-bottom:5px;
}
#rightCol a:link, 
#rightCol a:visited,
#footer a:link, 
#footer a:visited,
.post a:link,
.post a:visited
 {
	margin-top:0px;
/*	margin-left:10px;
	margin-bottom:10px;
*/	color:#660099;
	font-weight: bold;
	text-decoration: none;
}

#rightCol a:hover,
#footer a:hover,
.post a:hover
 {
	text-decoration: underline;
	color: #FF0066;
}

.adsText {
	margin-left:10px;
	margin-bottom:10px;
	margin-right:10px;
}
.ads img.ad {
margin:3px;
}
#rightCol p {
margin-top:0px;
margin-right:10px;
margin-bottom:10px;
}
.post-container {
background:#f5f5f5;
border: 1px solid #e2e2e2;
padding:0px;
/* -moz-border-radius:5px; */
margin-left:20px;
/*height:320px;*/
}
.post {
background:#f7f7f7;
border:1px solid #ffffff; 
padding:5px;
}
.post h2 {
font-size:20pt;
letter-spacing:-1px;
margin-bottom:3px;
}
.post h2 a:link, .post h2 a:visited {
text-decoration:none;
color:#000000;

}
.post p {
	margin-bottom:10px;
}
.post p.post-info {
	color:#663399;
	font-size: 16pt;
	font-weight: bold;

}