/*
Theme Name: Kiss The Rain
Theme URI: http://watnapp.com
Description: Customized for watnapp.com
Version: 0.1
Author: mopdesign
Author URI: http://mopdesign.com
Tags: Two Columns, Valid XHTML, Valid CSS, Widgets
Template: hybrid
*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;	padding:0; vertical-align:baseline;	outline:none; border:none;
	font-size:100%; text-decoration:none;	background:transparent;
}

b, i, hr, u, center, menu, layer, s, strike, font, xmp {
	margin:0;	padding:0; vertical-align:baseline;	outline:none; border:none;
	font-size:100%; text-decoration:none;	background:transparent;
	font-weight:normal;	font-style:normal;

}

font { color:#333; }
center { text-align:center;}

h1, h2, h3, h4, h5, h6 { margin:0 0 20px 0;}
p {	margin:0 0 20px 0; }

ul { list-style:disc; margin:0 0 20px 30px;}
ol { list-style-type:decimal; margin:0 0 20px 30px;}
ol ol { list-style:upper-roman;}
ol ol ol { list-style:lower-roman;}
ol ol ol ol { list-style:upper-alpha;}
ol ol ol ol ol { list-style:lower-alpha;}
ul ul, ol ol, ul ol, ol ul { margin-bottom:0;}

dl { margin:0 0 18px 3px;}
dl dt { font-weight:bold; margin:12px 0 0 0;}
dl dd {	margin:6px 0 0 1.5em;}

strong { font-weight:bold;}
strong strong { font-weight:normal;}
em, cite { font-style:italic;}
em em, cite cite { font-style:normal;}

abbr { border-bottom: 1px dotted #333; cursor:help; display:inline-block; line-height:20px;}
acronym { text-transform:uppercase; border-bottom:1px dashed #666; cursor:help;}

big { font-size:120%;}
small, sup, sub { font-size:80%;}
sup { vertical-align:baseline; position:relative; bottom:0.3em;}
sub { vertical-align:baseline; position:relative; top:0.3em;}

address { font-style:italic; margin:0 0 20px 0;}
li address, dd address { margin:0;}

blockquote { margin:0 2.5em; font-style:normal;}
blockquote em, blockquote cite { font-style:italic;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }

a { cursor:pointer;}
a img { border:none; }

pre { overflow:auto; font:.9em Monaco, monospace, Courier, "Courier New";
      line-height:20px; margin-bottom:20px; padding:9px;}
code { font:.9em Monaco, monospace, Courier, "Courier New";}
pre code { font-size:1em; }
ins, dfn { font-style:italic; text-decoration:none; border-bottom:1px solid #666;}
del { text-decoration:line-through; }
object { margin-bottom:20px; }

:focus { outline:none; }

form label { cursor:pointer; }
option { padding:1px 3px;}

table { border-collapse:collapse; border-spacing:0; margin-bottom:21px; }
th, td { text-align:left;}

hr { margin-bottom:20px; }

img.wp-smiley { max-height:12px; margin:0; padding:0; border:none;}

.gallery { display:block; text-align:center; margin-bottom:20px !important;}

.alignleft, .left { float:left; margin-right:15px; }
.alignright, .right { float:right; margin-left:15px;}
.aligncenter, .center { display:block; margin:0 auto;}
.alignnone, .block { clear:both; margin:0 0 20px 0;}
.clear { clear:both;}
img.alignleft, img.alignright { display:inline;}
blockquote.alignleft, blockquote .alignright { width:33%;}

.WP-EmailIcon { padding:0; margin:0; border:none;}

.comment_license { font-style:italic;}

img#wpstats { overflow:hidden !important; width:0 !important;height:0 !important; padding:0 !important; margin:0 !important; position:absolute; top:0;}

.contact-form { margin-bottom:20px; }
.contact-form legend { display:none; }
.contact-form .form-input input { display:block; margin-bottom:6px; padding:3px 6px; width:300px;}
.contact-form label { font-size:.9em;}
.contact-form textarea { width:97%; margin-bottom:6px; padding:6px; }
.contact-form .form-option { margin-bottom:6px;}
.contact-form .button { width:100px; margin-right:9px; padding:6px 9px;}
.contact-form .button:hover { cursor:pointer;}

/* Links */

a { color: #21759b; text-decoration: none; }
a:visited { color: #551a8b;}
a:hover, a:active { color: #d54e21; text-decoration: underline;}


/* Headers */
h2, h3, h4, h5, h6 {
	font-family: CordiaUPC, "Cordia New", "Angsana New";
	text-shadow: 0 1px 2px #595959;
	color: #343434;
	font-weight: bold;
	}
h2 { font-size: 35px;line-height:50px;}
h2#site-description { font-size: 15px; line-height:20px;}
h3 { font-size: 30px; line-height:40px;}
h4 { font-size: 28px; line-height:45px; }
h5 { font-size: 25px;}
h6 { font-size: 23px;}


p { font: normal normal normal 23px/30px UPC-Hyacinth, CordiaUPC, "Cordia New", "Angsana New"; color: #000; margin: 0 0 20px; }
.content p {  text-shadow: 0 1px 2px #696969; }

.page ul { margin-left:25px;}
.page ul li, .page ol li { color: #343434; font: normal normal normal 23px/30px UPC-Hyacinth, CordiaUPC, "Cordia New", "Angsana New"; text-shadow: 0 1px 2px #696969; }
.page-template-kisstherain #whatsup ul li, .page-template-kisstherain #whatsup ol li  { line-height: 18px;}

h3.widget-title {
margin-bottom:10px;
width:250px;
text-align:center;
background:url("images/shadowmask.png") repeat-x scroll center -80px transparent;box-shadow:0px 0px 5px #000;
-webkit-box-shadow:0px 0px 5px #000;
-moz-box-shadow: 0px 0px 5px #000;
}

/* Lists */
ul {
	list-style: disc;
	margin-left: 15px;
	}

/* Blockquotes */
blockquote { font-style: italic; color: #555; }
blockquote blockquote { color: #777;}
blockquote em { font-style: normal;}

/* Code */
pre { padding: 9px; background: #f9f9f9; border: 1px solid #ccc;}
code { padding: 0 3px; background: #eee; }
pre code { background: transparent; }

/* Tables */
table {
	width: 100%;
	border-collapse: separate;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}
caption {
	font-size: .9em;
	font-style: italic;
	text-align: right;
	}
td, th {
	padding: 3px 6px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
th {
	background: #eee;
	}

/* Drop caps */
.drop-cap {
	float: left;
	margin: 3px 3px 0 0;
	font: normal normal normal 47px/35px "Warnock Pro", "Goudy Old Style", Palatino,"Book Antiqua", Georgia, serif;
	color: #333;
	}

/* Notes */
.note, .warning:hover {
	padding: 6px 9px;
	background: #eee;
	border: 1px solid #ccc;
	}

/* Warnings/Alerts */
.warning, .alert, .note:hover {
	padding: 6px 9px;
	background: #fffbbc;
	border: 1px solid #E6DB55;
	}

/* Errors */
.error {
	padding: 6px 9px;
	background: #ffebe8;
	border: 1px solid #C00;
	}

/* Downloads */
.download {
	padding: 6px 9px;
	background: #e7f7d3;
	border: 1px solid #6c3;
	}

/* Breadcrumb */
.breadcrumb {
  color: #555;
	font-size: 20px;
	padding-top: 10px;
	margin: 0 0 20px 0;
	}
.breadcrumb a {
	color: #111;
	text-decoration: none;
	}
.breadcrumb a:hover {
	text-decoration: underline;
	text-shadow: 0px 1px 5px yellow;
	}

/* Images */
.post img {
	max-width: 568px;
	padding: 5px;
	border: 1px solid #ccc;
	}

.thumbnail {
	float: left;
	width: 100px;
	height: 100px;
	margin: 5px 15px 0 0;
	}

/* Captions [caption] */
.wp-caption {
	max-width: 576px;
	margin-top: 6px;
	padding: 6px 1px 0 1px;
	border: 1px solid #ccc;
	text-align: center;
	}
.wp-caption .wp-caption-text {
	margin: 0;
	padding: 0 5px;
	text-align: right;
	font-size: .9em;
	font-style: italic;
	color: #666;
	}
.wp-caption img {
	max-width: 564px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #666;
	}

/* Gallery [gallery] */
.gallery img {
	border: 1px solid #ccc;
	}

/* Avatars */
.avatar {
	float: left;
	width: 100px;
	height: 100px;
	margin: 5px 15px 0 0;
	padding: 5px;
	border: 1px solid #ccc;
	}







/* Container (wraps content, primary, and secondary) */



/* Main content */


/* Posts */
.post {
	overflow: hidden;
	margin: 0 0 40px 0;
	}
.single .post, .attachment .post, .page .post {
	margin: 0;
	}

/* Archive information */
.author-info, .search-info {
	overflow: hidden;
	margin: 0 0 20px 0;
	}

/* Entry title */
.entry-title, .archive .entry-title, .search .entry-title  {
	font-size: 35px;
	margin: 0 0 20px 0;
	font-weight: bold;
	}

.page-title, .attachment-title {
  font-size: 35px;
	margin: 30px 0 30px;
	text-shadow: 0 1px 25px;
	}
.entry-title a {
	color: #000;
	}


/* Byline */
.byline {
	margin: 0 0 30px 0;
	font-style: italic;
	color: #666;
	}
.archive .byline, .search .byline {
	margin: 0;
	}
.byline .byline-prep {
	text-transform: lowercase;
	}

/* Entry content */
.entry-content {
	overflow: hidden;
	margin: 0 0 10px 0;
	}

/* Entry metadata */
.entry-meta {
	clear: both;
	font-style: italic;
	color: #666;
	}

/* Page links (multiple-paged posts) */
p.pages a {
	margin: 0 3px;
	padding: 3px 9px 3px 9px;
	border: 1px solid #ccc;
	}

/* Navigation links */
.navigation-links {
	font: normal bold 50px/50px UPC-Hyacinth, CordiaUPC, "Cordia New", "Angsana New";
	margin-bottom: 21px;
	}
.navigation-links .previous {
	float: left;
	max-width: 50%;
	}
.navigation-links .next {
	float: right;
	max-width: 50%;
	text-align: right;
	}
.navigation-attachment {
	overflow: hidden;
	}

/* WP Pagenavi plugin */
.wp-pagenavi {
	margin-bottom: 21px;
	}
.wp-pagenavi .pages, .wp-pagenavi .current, .wp-pagenavi .extend, .wp-pagenavi a {
	margin-right: 6px;
	padding: 3px 9px 3px 9px;
	border: 1px solid #ccc;
	}



/* Comments template */
#comments-template {
	clear: both;
	}

/* Comment headers */
.comments-header {
	font-size: 1.2em;
	}

/* Comments are closed */
.comments-closed {
	font-style: italic;
	}

/* Comment list */
#comments-template ol {
	list-style: none;
	margin: 0 0 21px 0;
	}
#comments li, #comments li li li, #comments li li li li li {
	overflow: hidden;
	margin: 0 0 15px 0;
	padding: 15px 15px 0 15px;
	background: #fff;
	border: 1px solid #ccc;
	}
#comments li li, #comments li li li li {
	background: #f9f9f9;
	}

/* Avatar */
#comments-template .avatar {
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 15px;
	padding: 0;
	border: 1px solid #666;
	}

/* Comment metadata */
.comment-meta {
	margin: 10px 0 21px 0;
	font-size: 13px;
	color: #666;
	}
.comment-author {
	font-size: 15px;
	color: #000;
	}
.comment-reply-link, .permalink, .comment-edit-link {
	font-style: italic;
	color: #666;
	}

/* Comment text */
.comment-text {
	clear: left;
	margin: 0 15px;
	}

/* Form */
.text-input {
  background: #EAEAE7;
  border: 2px #E0DFE3 inset;
	font: normal normal normal 25px/30px CordiaUPC, "Cordia New", "Angsana New";
	display: block;
	padding: 3px 6px;
	width: 97%;
	}
#comments-template label {
	font-size: .9em;
	}

/* Respond textarea */
textarea {
  background: #EAEAE7;
	font: normal normal normal 23px/30px UPC-Hyacinth, CordiaUPC, "Cordia New", "Angsana New";
  border: 2px #E0DFE3 inset;
	width: 98%;
	}

/* Submit and rest buttons */
.button, .submit, .reset {
	width: 100px;
	margin-right: 15px;
	padding: 0px;
	background: #fff;
	border: 1px solid #ccc;
	text-shadow: 0px 1px 2px;
	}
.button:hover, .submit:hover, .reset:hover {
	cursor: pointer;
	background: #c0d78e;
	}
input {
 	font: normal normal normal 23px/30px UPC-Hyacinth, CordiaUPC, "Cordia New", "Angsana New";
	color: #000;
	padding:3px;
}

/* Footer container */
#footer-container {
	margin: 0 0 21px 0;
	}

/* Subsidiary */
#subsidiary {
	margin: 0 0 21px 0;
	}



/* Make sure theme clears WP.org theme repository checklist */
.alignright {}
.alignleft {}
.alignnone {}
.aligncenter {}
.avatar {}
.wp-caption {}
.gallery {}
.wp-smiley {}




/* LEFT NOTE */
#whatsup {width:142px; height:150px; padding:20px 6px 7px;float:left;margin:115px 20px 0 38px;
font: normal normal normal 17px/17px UPC-Hyacinth, CordiaUPC, "Cordia New", "Angsana New";
text-align:center;overflow:hidden;display:inline; }
.tabs h2 { margin-bottom:5px;line-height:20px;} 
ul.tabs li h2 a {font-size:25px; font-family: JasmineUPC; }
.watnappurl{ font-family: Angsana New; font-weight:normal; font-size:20px;}
#whatsup p { text-align:left;padding-left:5px;margin:0;}
#whatsup h3 { background:yellow; font-size:24px; margin:0 0 5px;padding:10px 0 0;line-height:17px;}
.page-16 #whatsup h3 {background:#daf3f1;}


/* NOTEBOOK SCREEN */
#watnapp {
  width:517px; height:273px; padding:10px; float:left;margin:82px 25px 0 0; /*don't change this line*/
  font: normal normal normal 17px/17px UPC-Hyacinth, CordiaUPC, "Cordia New", "Angsana New";
  color:#ffffff;
  overflow:hidden;display:inline;}

object#player {display:block; width:320px; margin:0 auto;}

/* RIGHT NOTE*/
#whatsnext{ display:inline; padding:0; margin:0; overflow:hidden; width:135px; height:145px;}
#whatsnext p{font-size:18px;line-height:18px;text-align:left;padding-top:5px;margin-bottom:10px;}
.whatsnextheader1  {font:normal normal normal 14px/17px Tahoma;color:#990000;margin:0;font-weight:bold;margin:0 0 2px;}
.whatsnextheader2  {font:normal normal normal 14px/17px Tahoma;color:#990000;margin:0;font-weight:bold;margin:0 0 2px;}
.whatsndlheader1, .whatsndlheader2 { font-family:Arial Black;font-size:40px;line-height:40px;}
.whatsndlheader2 { font-size:24px;line-height:35px;}



.newsbox {width:434px;height:70px;margin:0 auto;padding-top:100px;}
.tab6 .newsbox p{font-family:'arial black';font-size:40px;color:#080808;text-shadow:0 2px 4px #fff;}

/****** jquery tool TaB ******/

/* root element for tabs  */
  ul.tabs { list-style:none; margin:0 !important; padding:0;}

/* single tab */
  ul.tabs li { 	
  list-style-image: none !important;}

/* link inside the tab. uses a background image */
  /*ul.tabs a { */
  ul.tabs li a { 
	font: normal normal bold 20px/20px UPC-hyacinth, CordiaUPC, "Cordia New", "Angsana New";
  color:#000; text-align:center; text-decoration:none; padding:0; margin:0;}

  ul.tabs a:active { outline:none;}

/* when mouse enters the tab move the background image */
  ul.tabs a:hover, ul.tabs a.current:hover { background-color:orange; color:#000;}

/* active tab uses a class name "current" */
  ul.tabs a.current, ul.tabs li.current a {
	background-color:#ffffaa;	padding:0 5px; cursor:default !important; color:#000 !important;}

.panes { color:#333333;}
.panes p { text-shadow: 0 1px 2px #7E775B; text-align:center;}

.panes>div {display:none;}
/* div.panes>div{display:none;} */


.tab0{background: transparent url(images/bgbuddha.jpg) no-repeat center; padding:60px 0 0;height:233px;}
.tab0 p{font:25px/28px JasmineUPC; color:#333333; margin:0;}

.tab1{background: transparent url(images/bgtexts.jpg) no-repeat center; padding:20px 0 0;height:273px;}
.tab1 p{font:25px/26px JasmineUPC; color:#333333; padding-top:15px;margin:0; }

.tab2 { background: transparent url(images/bgoldpaper.jpg) top center; padding:30px 0 0; height:263px;}
.tab2 p{ font:22px/25px JasmineUPC; color:#333333; margin:0 0 12px 0;}

.tab3 { background: transparent url(images/bglpkl.jpg) -10px center; padding:20px 0 0; height:273px;}
.tab3 p {font:17px/18px JasmineUPC; color:#ddee99; text-shadow:0 1px 2px #ddee99; padding:10px 0 0 180px; margin:0;}

.tab4{ background: transparent url(images/bgwallpaperblackfade.jpg) center -20px;height:263px; padding:20px 0 0 90px;}
.tab4 p { font: 21px/20px JasmineUPC; color:#D2E7A3; text-align:left; padding:0 0 0 10px; margin:0 0 15px 0; width:320px;
          background:transparent url(images/shadowmask.png) repeat scroll center 820px;}
.tab4 p .frontpageheader {font-weight:bold;color:white;font-size:20px;}
.tab4 p .frontpagedes {font-size:20px;}
.tab4 a { color: yellow;}          

.tab5{ background: transparent none top center;height:273px; padding:0;}
.tab5 p { font: 18px/20px JasmineUPC; color:#bbbbbb; text-align:left; padding:20px 0 0 7px;margin:12px 0 0 7px;
          width:220px;height:250px; display:inline-block;float:left;
          background:transparent url(images/bgnote01.jpg) no-repeat scroll 0 0;}
.tab5 div { width: 270px;float: left;margin:30px 0  0 8px;}



/****** jquery tool ScRolLaBlE ******/

/* What's next? */
div.vertical { /* required settings */ position:relative; overflow:hidden; height: 152px; width: 135px; top:65px;} 
div.scrollable div.items { position:absolute; height:20000em; width:135px;}
.items div { font: normal normal normal 19px/17px CordiaUPC, "Cordia New", "Angsana New"; padding:12px 10px 10px 10px;text-align:center;color: #000; text-shadow: 0 1px 2px #696969;}
.items div a {font-size:17px;}
.disabled {visibility:hidden;}
#actions{display:inline;position:relative;right:-130px;top:-90px;}
a.prevPage , a.nextPage  {color:#333333; font-family: "Arial Black"; font-weight:bold; font-size:28px;line-height:80px;text-shadow: 0 1px 4px #990000;}
a:hover.prevPage,a:hover.nextPage{text-decoration:none;font-weight:bold;}


.tab6{ background: transparent url(images/bgwallpaperblackfade.jpg) repeat-x top center; height:293px; padding:0;}

/**** dockmenu(top)  ****/

#dock {	position: relative; height: 50px;	margin:0 auto;text-align: center; width:420px;}

.dock-container {	position: absolute;	height: 50px; 
  background:transparent url(images/dockbg.png) repeat-x scroll center 37px;}

a.dock-item { position: absolute;bottom: 0px;
  display: block; width: 40px;
  color: #ffffff; text-align: center;text-decoration: none;
  font: bold 12px Tahoma, Helvetica, sans-serif;}

.dock-item img { border: none; margin: 5px 10px 0 0; width: 100%;}
.dock-item span { display: none; padding-left: 15px;}

/****** jquery tool OverLay ******/

/* the overlayed element */
.simple_overlay { display:none; z-index:10000; background-color:#EAF0EE; width:675px; min-height:200px;border:5px solid #ffffff;
                  /* CSS3 for non IE */ -moz-box-shadow:0 0 90px 25px #000; -webkit-box-shadow: 0 0 90px #000;	}

/* close button at upper right */
.simple_overlay .close {
	background:transparent url(images/coffee.png) center;
	position:absolute; right:-30px; top:-40px;
	cursor:pointer; width:65px;height:75px;}

img.imgextra{cursor:help;border:0;margin:5px 29px;}

/* styling for elements inside overlay */
.details { padding:30px 30px 10px;}
.details img { border:0; margin-bottom:10px; padding:0;}
.details h3 { color:#222222; font-size:25px; margin-bottom:20px;}
.details p, .details ol, .details ul, .details ul li { font-size:22px; color:#000; line-height: 30px; text-shadow:0 0 2px #333; text-align:left;}


#extra5 .details p { padding-left:20px;}

/****** normal post and page  ******/
 
body {
  color:#000;
  background: #000000 none repeat scroll 0 0;
	font: normal normal normal 15px/21px UPC-Hyacinth, CordiaUPC, "Cordia New", "Angsana New";
	line-height:20px;
	}
  
#header { 
  background: transparent url(images/graypage.png) repeat-x scroll center 7px;
  height: 25px;
  margin: 480px auto 0;
  overflow: hidden;
  width: 960px;
  }
  
#site-title {
  display: inline;
  font-size: 20px;
  float: right;
  padding-right: 20px;
  text-align: right;
  }
#site-title a {
	color: #cddbdb;
	}
#site-description {
  display: inline;
  float: right;
  padding: 0 20px 0 0;
  }
#site-description span{ 
  color: #cddbdb;
  font-size: 20px;}




#wrap { 
  background:transparent url(images/kisstherain.jpg) no-repeat scroll center top;
  }

#body-container { 
  background: transparent url(images/shadowmask.png) repeat-x scroll center 445px;
  overflow: hidden;
  width: 100%;
  margin:0;
  }
  
#container { 
  background: #CFD3C3 url(images/goldpage.png) repeat-x scroll center -28px;
  border: 1px solid #FFFFFF;
  clear:both;
  float: none;
  margin: 0 auto;
  overflow: hidden;
  width:960px;
  }
  
.content {
  float:right;
  margin: 0 0 20px 0;
  overflow: hidden;
  padding:10px 20px;
  width: 645px;
  }
  
.no-widgets .content, .page-template-no-widgets .content {
  padding:20px;
  width: 920px;
  }


/*KISS THE RAIN*/

body.page-template-kisstherain { background:#111111 url(images/watnappblur.jpg) no-repeat scroll center top;}
.page-template-kisstherain #header-container { height: 18px; margin:0 auto 447px;text-align:right;}
.page-template-kisstherain #header {background:none;margin:0;}
.page-template-kisstherain #container { margin:0 auto;float:none;border:none;background:none;}
.page-template-kisstherain .content, .page-template-kisstherain .entry-content {margin:0;}
.page-template-kisstherain .content { width:960px;padding:0;}
.page-template-kisstherain #body-container { width: 960px; margin:0 auto;background:none;}

.page-template-kisstherain #site-title { display:inline;font-size: 15px;}
.page-template-kisstherain #site-title a {color:#f9f8fd;}
.page-template-kisstherain #site-description { float:left;}
.page-template-kisstherain #site-description span { font-size: 15px;color:#f9f8fd;text-shadow:none;}
.page-template-kisstherain #footer-container {background:none;}
.page-template-kisstherain #raindrop{height:365px;background:none;}
.page-template-kisstherain .breadcrumb { display:none;}
.page-template-kisstherain object{margin:0 auto;}

#footer-container { 
  background: #0E0E0E url(images/kisstherain.jpg) no-repeat scroll center -840px;
  clear: both;
  margin: 0;
  overflow: visible;
  }
  
#raindrop { 
  background: transparent url(images/footshadow.png) repeat-x scroll center -395px; 
  height:365px;
  }
  
#footer { 
  clear: both;
  overflow: hidden;
  margin: 0 auto;
  width: 960px;
  }


#footer .copyright {
	display: inline;
	float: left;
	}
#footer .credit{ 
  float: right;
  }
  
p.copyright, p.credit {
  color: #333;
  font-size: 20px;
  margin: 0px;
  }
.copyright a, .credit a {
  color: #333;
  }




#primary {
  float:left; clear:left;
  padding: 15px 0 0px 20px;
  position: relative;
  width: 255px;
  }
#secondary {
  float:left; clear:left;
  padding: 0 0 20px 20px;
  position: relative;
  width: 255px;
  }
#subsidiary {
	overflow: hidden;
	}

#subsidiary .widget {
	overflow: hidden;
	float: left;
	width: 300px;
	margin: 0 20px 0 0;
	}


.widget {
	overflow: hidden;
	margin: 0 0 20px 0;
	color: #464646;
	}

.widget a { color: #000; font-size: 20px; line-height:30px;text-shadow:0 0 3px #777;}
.widget a:hover { color: yellow; }
.widget ul { margin-left:0;list-style:square inside none;}
.widget ul li { margin-bottom:0px;width:250px;background:url("images/shadowmask.png") repeat-x scroll center -30px transparent;}

.widget ul li.page-item-18 {background:none;}
.widget ul li ul li {width:230px; background:url("images/shadowmask.png") repeat-x scroll center -10px transparent;}


#hybrid-pages-3 ul li {list-style:none;text-align:center;}

.current_page_item>a { text-decoration:underline; text-shadow: 2px 2px 8px yellow; font-weight:bold;}

.widget-inside .search-text { 
  background: #EAEAE7;
  border: 2px #E0DFE3 inset;
  font-family: UPC-Hyacinth, CordiaUPC, "Cordia New", "Angsana New";
  font-size: 20px;
  padding: 0;
  text-align: center;
  width: 250px;
  height: 25px;
  }

.widget-title {
  color: #333;
  font-weight: bold;
	font-size: 30px;
	line-height:40px;
	}

#utility-before-content, #utility-after-content, #utility-after-page, #utility-after-single {
	margin: 0 0 20px 0;
	padding: 20px 20px 0 20px;
	border: 1px solid #ccc;
	}

.accent1 { color:brown;}
p.tahoma { font-family:tahoma;}
hr { border-top: 1px dotted #555; display:block; height:1px; margin: 30px 50px 30px 0;}

/***flowplayer***/

a.live { display:block;width:352px;height:222px;margin:20px auto 0;padding:0;text-align:center;}
a.live img {margin-top:115px;}

object { border-top:1px solid #fff;border-left:1px solid #fff;margin-left:20px;
box-shadow:3px 3px 5px #000;
-webkit-box-shadow:3px 3px 5px #000;
-moz-box-shadow: 3px 3px 5px #000;}
.aside ul ul{margin-left:10px;list-style:none;}
/****** if it ain't broke --> don't fixt it !! ******/