/* -------------------------------------------
The "Idyllic" template was Designed and
handmade by Ian Smith of www.n-vent.com
----------------------------------------------*/

/* general layout and menu styles
============================= */
body {
	background:#fff url(/imgs/bg.jpg) no-repeat top center;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 90%;
	padding: 0;
	margin: 0;
	color: #444;
	}

#page {
	position: relative;
	margin: 0 auto;
	padding: 20px 0 0 0;
	text-align: left;
	width: 1000px;
	}

a img {
	border: none;
	}

h1#sitetitle,
h2#pagedesc {
	position: absolute;
	color: #fff;
	text-align: right;
	width: 480px;
	margin-left: 220px;
	font-weight: normal;
	}
h1#pagetitle{
	position: absolute;
	color: #0000ff;
	text-align: right;
	width: 480px;
	margin-left: 220px;
	font-weight: normal;
	}
h1#sitetitle {
	margin-top: 70px;
	font-size: 3em;
	}

h1#pagetitle {
	margin-top: 130px;
	font-size: 1.4em;
	margin-bottom: 0;
	}

h2#pagedesc {
	font-size: 0.9em;
	margin-top: 160px;
	}

#rightcol {
    position: absolute;
	margin: 0;
	padding: 0 0 0 5px;
	top: 145px;
	left: 715px;
	border-left: 1px solid #fff;
	width: 270px;
	min-height: 800px;
	}

#rightcol a:link{
    color: #000;
	}

#rightcol a:hover, #rightcol a:focus {
    color: #000;
	text-decoration: none;
	background-color: #fff;
	border-bottom: 1px solid #000;
	}

#rightcol h2, #rightcol ul, #rightcol li {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #000;
	}

#rightcol h2 {
    border-bottom: 1px solid #fff;
	margin: 0 0 5px 0;
	font-size: 1.3em;
	}

#rightcol ul {
    padding-bottom: 10px;
	}

#rightcol li {
    padding-left: 5px;
	}

#content {
	position: absolute;
	top: 255px;
	left: 220px;
	width: 475px;
	padding: 0;
	margin: 0;
	}

#leftcol {
	position: absolute;
	top: 255px;
	left: 100px;
	width: 110px;
    background-image: url(/imgs/leftside.jpg);
    background-repeat: no-repeat;
}

#footer {
	border-top: 1px dashed #000;
	font-size: 75%;
	text-align: center;
	color: #555;
	margin: 30px 0;
	padding: 5 0;
	clear: both;
	}
#footer a {
	color: #555;
	}
a:link {
    color: #0000FF;
	}
a:hover, a:focus {
	color: #3fdb28;
	text-decoration: none;
	}
a:visited {
	color: #000;
   /* background-image: url(/imgs/visited.gif);*/
    background-repeat: no-repeat;
    background-position: right;
	}


/* content styles
===================== */
blockquote {
	padding: 0 0 0 23px;
	margin: 10px;
	color: #666;
    background-image: url(/imgs/quote.png);
    background-repeat: no-repeat;
    background-position: top left;
    font-style: italic
}

h1, h2, h3, h4 {
    margin: 0 0 5px;
	padding: 0;
	}

h1 {
	font-size: 1.5em;
	font-weight: normal;
	color: #000;
	}

#content h1 {
    border-bottom: 1px dashed #000;
	}


h2 {
	font-size: 1.2em;
	color: #009700;
	}

h3, h4 {
	font-size: 1em;
	color: #000;
	}

p {
    padding: 0;
	margin: 0 0 10px;
}

.imgright {
    float: right;
	padding: 0;
	margin: 0 0 6px 6px;
	}

.imgleft {
    float: left;
	padding: 0;
	margin: 0 6px 6px ;
	}
	
#tags{
padding: 10px; font-size: 11px;border: 1px solid #888888;
}
#tags a{
font-size: 11px; color: #888888; text-decoration: none;
}
#tags h3{
margin: 0; padding: 0; border-bottom: 1px solid #888; font-size: 12px; font-weight: bold;
}

.transperant{
  letter-spacing: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}
.transperant a{
  color: #ffffff;
  font-size: 1px;
  text-decoration: none;
}