/********************************************
   AUTHOR:  			Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
	TEMPLATE NAME: 	Bright Side of Life
   TEMPLATE CODE: 	S-0005
   VERSION:          1.0          	
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; }

html {
overflow: -moz-scrollbars-vertical;
}

body {
	margin: 0;
	padding: 0;
	font: .80em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #666666;
	background: #a7a7a7 url(bg.png) repeat-x;
	text-align: center;
}

/* links */
a { 
	color: #003366;
	background-color: inherit;
	text-decoration: underline;
}
a:hover {
	color: #0099cc;
	background-color: inherit;
	text-decoration: underline;
}

/* headers */
h1, h2, h3 {
	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
	color: #003366;
	border-bottom: 0px dotted #6d6d6d;
}
h1 { font-size: 1.5em; color: #003366; padding-top: 20px;} 
h2 {
	font-size: 1.3em;
	color: #003366;
	padding-top: 10px;
}
h3 { font-size: 1.1em; }

p, h1, h2, h3 {
	margin: 10px 5px;
}

p {
	text-align: justify;
	padding-right: 15px;
	
}
ul, ol {
	margin: 10px 30px;
	padding: 0 15px;
}
ul span, ol span {
	color: #666666; 
}


ul {
	list-style-type: square;
}

/* images */
img {
	border: 0px solid #CCC;
}
img.no-border {
	border: none;
}
img.float-right {
	margin: 5px -22px 5px 15px;
	border: none;
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
a img {  
  border: 2px solid #eeeeee;
}
a:hover img {  
  border: 2px solid #0099cc;
}


.extra
{
font-size: .90em;
margin: 10px 15px;
margin-top: -5px;
padding-bottom: 5px;
}

.extra img
{
	border: 0px solid #CCC;
	vertical-align: middle;
}

.extra a
{
  text-decoration: none;
}

.extra a:hover
{
  text-decoration: underline;
  color: #0099cc;
}

.extra a:hover img
{
  border: 0px solid #0099cc;
}


code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 4px solid #4284B0; 
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 15px;
 	padding: 0 0 0 20px;  	
  	background: #FAFAFA;
	border: 1px solid #f2f2f2; 
	border-left: 4px solid #4284B0;   
	color: #4284B0;
	font: bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif; 
}

/* form elements */
form {
	margin:10px; padding: 0;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; 
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:300px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #4284B0;	
}

/* search form */
form.searchform {
	background: transparent;
	border: none;
	margin: 0; padding: 0;
}
form.searchform input.textbox { 
	margin: 0; 
	width: 120px;
	border: 1px solid #9EC630; 
	background: #FFF;
	color: #333; 
	height: 14px;
	vertical-align: top;
}
form.searchform input.button { 
	margin: 0; 
	padding: 2px 3px; 
	font: bold 12px Arial, Sans-serif; 
	background: #FAFAFA;
	border: 1px solid #f2f2f2;
	color: #777;	
	width: 60px;
	vertical-align: top;
}

/***********************
	  LAYOUT
************************/
#wrap {
	width: 914px; 
	height: 100%;
	margin: 0 auto;	
	text-align: left;
 
}
#content-wrap {
  
  background: transparent url(contentbg.png) repeat-y;
  clear:none;
	margin: 0; padding: 0;   
  overflow:hidden;    
}


/* header */
#header {
	position: relative;
	height: 199px;	
	background: transparent url(header.png);
}
#header h1#logo {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	text-transform: lowercase;
	top: 0; left: 5px;	
}
#header h2#slogan {
	position: absolute;	 
	top:37px; left: 95px;
	color: #666666;
	text-indent: 0px;
	font: bold 11px Tahoma, 'trebuchet MS', Sans-serif; 
	text-transform: none;	
}
#header form.searchform {
	position: absolute;
	top: 0; right: -12px;	
}



/* main */
#main {
  float:left;
	margin: 0px;
	padding: 0px;
	margin-right: 7px;
	width: 634px;			
	background: #FFF url(top2c.png) no-repeat right top;
	min-height: 479px;
	padding-top: 200px;
	

}

#main.index
{
	  min-height: 300px;
    padding-top: 330px;
  	background: #FFF url(top2.png) no-repeat right top;  	

}

#main ul, #main ol {
    text-align: justify;
}



.post-footer {
	background-color: #FAFAFA;
	padding: 5px; margin: 20px 15px 0 15px;
	border: 1px solid #f2f2f2;
	font-size: 95%;	
}
.post-footer .date {
	background: url(clock.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
	background: url(comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	background: url(page.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

/* sidebar */
#sidebar {  

  float: left;
	width: 266px;
	margin: 0;	padding: 0; 
	display: inline;	
	margin-left: 7px;
	margin-top: 0px;
  background: #FFF url(top1c.png) no-repeat 0px top;
  min-height: 479px;
	

}

#sidebar.index {    
  background: #FFF url(top1.png) no-repeat 0px top;
	

}

#sidebar ul.sidemenu {
	list-style: none;
	margin: 80px 37px 0% 0px;
	padding: 0;
	padding-bottom: 40px;
		background: transparent;	
		min-height: 310px;

}
#sidebar ul.sidemenu li {
	margin: 0px;
	list-style: none;

	
}
#sidebar ul.sidemenu a {
	display: block;
	font-weight: bolder;
	color: #FFF;
	text-decoration: none;	
	font: 1.2em  'Trebuchet MS', Tahoma, verdana,  sans-serif;
	margin: 0px;
	margin-left: 0px;
	margin-top:2px;
	padding: 0;
		padding: 3px 5px 3px 9px;
}



#sidebar ul.sidemenu a:hover {
	background: transparent url(whitebg.png);
	color: #000;
		padding: 3px 5px 3px 9px;
}

#sidebar ul li.sidesubmenu {
	list-style: none;
	padding: 0;
	background: transparent;	
	padding: 3px 5px 3px 9px;
	color: #AAA;
	font: 1.2em  'Trebuchet MS', Tahoma, verdana,  sans-serif;

}
#sidebar ul li.sidesubmenu ul {
	padding: 0;
	margin: 0;

}

#sidebar ul li.sidesubmenu li {
	margin: 0px;
	list-style: none;
}
#sidebar ul li.sidesubmenu a {
	display: block;
	font-weight: bolder;
	color: #FFF;
	text-decoration: none;
	font: 0.8em  'Trebuchet MS', Tahoma, verdana,  sans-serif;
	margin: 0px;
	padding: 0px;
	margin-left: -10px;
	margin-right: -5px;
	margin-top:2px;
	padding-left:30px;

	
}



#sidebar ul li.sidesubmenu a:hover {
	background: transparent url(whitebg.png);
	padding:0px;
	color: #000;
	padding-left:30px;
}

/* rightbar */
#rightbar {
	float: right;
	width: 23%;
	padding: 0; margin:0;		
}

/* Footer */
#footer { 
	clear: both; 
	color: #D0D0D0; 
	background: transparent url(footerbg.png) no-repeat; 
	margin: 0; padding: 0; 
	height: 50px;	  
	font-size: 0.7em;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
}
#footer a { 
	text-decoration: none; 
	font-weight: normal;	
	
	color: #003366;
}

#footer a:hover { 
	text-decoration: underline; 
	font-weight: normal;	
	color: #0099cc;
}

#footer .footer-left{
	float: left;
	width: 65%;
}
#footer .footer-right{
	float: right;
	width: 30%;
}


/* menu tabs */
#header ul {
	z-index: 999999;
	position: absolute;
   margin:0; padding: 0;
   list-style:none;
	right: 23px; 
	top: 7px;
	font: 0.9em  'Trebuchet MS', Tahoma, verdana,  sans-serif;	
	color: #D0D0D0;
}
#header ul li {
   display:inline;
   margin:0; padding:0;
	display:block;
   float:left;
	padding-right: 5px;
}

#header ul li a {
   color: #003366;
	text-decoration:none;	
	padding: 2px 5px 2px 5px;


}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */

#header ul li a:hover {
   color: #0099cc;
	text-decoration:underline;
	padding: 2px 5px 2px 5px;
}


/* end menu tabs */

/* menu tabs */
#pagemenu {
display: block;
padding-left: 30px;
color: #D0D0D0;
}

#pagemenu ul {
   list-style:none;
	font: 1em  'Trebuchet MS', Tahoma, verdana,  sans-serif;	
	margin: 0px;
	width: 100%;

}
#pagemenu ul li {
   display:block;
   float: left;
   padding-right: 7px;
}

#pagemenu li a {
   color: #003366;
	text-decoration:none;	
	font-weight: bold;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#pagemenu a {float:none;}
/* End IE5-Mac hack */

#pagemenu ul li a:hover {
	   color: #0099cc;
	text-decoration:underline;	
}

.pagemenuclear {
	clear: left;
}

.hmenu {

	text-align: right;
	margin-top: -30px;
	font-size: 10px;
	padding-right: 20px;
	color: #6d6d6d;
	margin-bottom: 11px;
}

.hmenu a { 
	color: #6d6d6d;
	background-color: inherit;
	text-decoration: none;
}
.hmenu a:hover {
	color: #0099cc;
	background-color: inherit;
	text-decoration: underline;
}


#photos div.panel {
text-align: center;
background-color: transparent;
}

#photos ul.filmstrip{ visibility: hidden; }


#photos ul.filmstrip {
  list-style: none;
}

/* GALLERY CONTAINER */
#photos .gallery { background: #ddd; border: 1px solid #aaa; padding: 5px;}

/* LOADING BOX */
#photos .loader { background: url(loader.gif) center center no-repeat #ddd; }

#photos .panel-overlay h2,
#photos .panel-overlay p{
	margin: .3em 0;
	text-align: left;
	color: #FFF;
}
#photos .panel-overlay p {
	line-height: 1.2em;
	text-align: left;
	color: #FFF;
}


#newslist dl
{  
   
}

#newslist dt
{
clear:left;
color:#0099cc;
float:left;
font-weight:bold;
text-align:right;
width:80px;
}

#newslist dd
{
border-left:1px solid #EEEEEE;
margin-bottom:16px;
margin-left:95px;
padding-left:10px;
padding-right: 20px;
text-align: justify;
}

#newslist dl.index
{  
 padding-left:0px; 
 padding-right:0px;
 padding-top: 10px;
 font-size: 0.8em;
 color: #666666;
}

#newslist dl.index dt
{
  width: 50px;
}

#newslist dl.index dd
{
    
}

#newslist dl.index dd a
{
  font-size: 1.2em;
  text-decoration: none;
}

#newslist dl.index dd strong
{
  font-size: 1.2em;
  text-decoration: none;
  color: #003366;
}

#newslist dl.index dd a strong
{
  font-size: 1.0em;
}

#newslist dl.index dd a:hover, #newslist dl.index dd a:hover strong
{  
  text-decoration: underline;
  	color: #0099cc;
}



p.image {
	font-size: .75em;
	color: #ACACAC;
	text-align: center;
}

p.table {
	font-size: .75em;
	color: #CACACA;
	text-align: center;
}

p.image img{
	border: 0px;
}

table.text {
	width: 100%;
	padding: 20px;
	padding-bottom: 3px;
}

table.text th {
	background-color: #003366;
	color: white;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}

table.text td {
	background-color: #EFEFEF;
	vertical-align: top;
	padding: 3px;
}

table.text td.X {
	text-align: center;
	font-weight: bold;
}

/* alignment classes */
.float-left  { float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.green {	color: #9EC630; }
.gray  {	color: #BFBFBF; }


.infotd {
  font-size: .7em;
  text-align: left;
  vertical-align: top;
}

.infotitle {
color: #0099cc;
}


#printonly {
	
	display: none;
	width:100%;
	text-align: center;
}
@media print {
    #sidebar {
    	display: none;
    }
	 #header {
	 	display: none;
	 }
	 #main {
	 	width: 100%;
		float: none;
		height: 100%;
	 }
	 #content-wrap {
	 	
		overflow: visible;
	 }
	 #footer .footer-right{
	 display: none;
	 }
	 
	 #printonly {
	 	display: block;
	 }
	 
	 .hmenu {
	 	display: none;
		
	 }
  }