/* ============ controls [ ============== */
.ctrl-tbl
{
	border: silver 1px solid;
}
.ctrlt-tbl
{
	width: 100%;
	border: silver 1px solid;
}
/*
.ctrlt-l, .ctrlt-r, .ctrlt-ud, .ctrlt-ld, .ctrlt-rd
{
	padding-bottom: 1px;
	padding-top: 1px;
	background-repeat: no-repeat;	
	background-position: right center;
}*/
.ctrl-l, .ctrl-r, .ctrl-ud, .ctrl-ld, .ctrl-rd,.ctrl-u
{
	padding-right: 20px;	
	padding-left: 20px;
	padding-bottom: 1px;
	padding-top: 1px;
	background-repeat: no-repeat;	
	background-position: center top;
	text-align:left;
}
.ctrlt-r
{
	text-align:right;
}
.ctrl-r
{
		background-image: url(images/arr-r.gif);
}
/*
.ctrlt-r,.ctrlt-rd
{
		text-align: right;
}*/
/*.ctrlt-l,*/
.ctrlt-ld,.ctrlt-rd
{
	padding-left: 50px;	
	background-image: url(images/arr-l.gif);
	background-position: left center;
	background-repeat: no-repeat;	
	text-align:left;
}
.ctrlt-rd
{
	text-align: right;
	background-position: right center;
}

.ctrl-l,.ctrl-ld
{
		background-image: url(images/arr-l.gif);
}
.ctrlt-u,.ctrl-u
{
		background-image: url(images/arr-u.gif);
}
.ctrlt-rd,.ctrl-rd
{
		background-image: url(images/arr-rd.gif);
}
.ctrlt-ld,.ctrl-ld
{
		background-image: url(images/arr-ld.gif);
}
.ctrlt-ud,.ctrl-ud
{
		background-image: url(images/arr-ud.gif);
}
.ctrlt, .ctrlt-d,
.ctrl, .ctrl-d
{
	border: gainsboro 1px outset;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	text-decoration: none;
}
.ctrl-d,.ctrlt-d
{
	border: gainsboro 1px outset;
	color: lightgrey;
}
.ctrlt-arrl,.ctrlt-arrr
{
	display:block;
	padding-left: 50;
	padding-right: 0;
	height: 35;
	background-image: url(images/arr-l.gif);
	background-repeat: no-repeat;	
	background-position: left center;

}
.ctrlt-u
{
	width: 100;
	text-align: left;
	padding-left: 30;
	padding-right: 50;
	background-repeat: no-repeat;	
	background-position: left center;
}
.ctrlt-arrr
{
	padding-left: 0;
	padding-right: 50;
	background-image: url(images/arr-r.gif);
	background-position: right center;
}
/* ============ controls ] ============== */
.star
{
	background-position: left top;
	background-image: url(images/star.gif);
	width: 15px;
	color: red;
	background-repeat: no-repeat;
}
.story-edit
{
	border-right: double;
	padding-right: 10px;
	border-top: double;
	margin-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	border-left: double;
	padding-top: 10px;
	border-bottom: double;
}

.cap-fld, .cap-itm
{
	padding-right: 20px;
	list-style-image: url(images/i-item-close.gif);
	padding-top: 1px;
	background-repeat: no-repeat;
}
.cap-fld
{
	list-style-image: url(images/i-folder-close.gif);
}

.nav-itm, .nav-fld, .nav-itm-a, .nav-fld-a, .nav-fld-p
{
	background-position: left center;
	display: block;
	padding-left: 15px;
	font-weight: normal;
	font-size: x-small;
	background-image: url(images/i-item-close.gif);
	margin-left: 13px;
	width: 15em;
	padding-top: 3px;
	background-repeat: no-repeat;
	text-align: left;
} 
.nav-fld-p
{
	margin-left:0px;
}
.nav-fld, .nav-fld-a,.nav-fld-p
{

	background-image: url(images/i-folder-close.gif);
}
.nav-itm-a, .nav-fld-a
{
	background-image: url(images/i-item-open.gif);
	color: navy;
	font-weight:bolder;
}
.nav-fld-a
{
	background-image: url(images/i-folder-open.gif);
}
.brd
{
	font-size: 12px;
	color: red;
}

.box-nav,.box-img,.box-banner,.box-imgs,.boxs-imgs
{
	background-color: #E4E4E4;
	text-align: left;
}
.box-img,.box-banner,.box-imgs,.boxs-imgs
{
	text-align: center;
}
.box-imgs,.boxs-imgs
{
	background-position: right bottom;
	background-image: url(images/i-folder-close.gif);
	background-repeat: no-repeat;
}


/* ============ box sets white [ ============== */
.box-corner
{
	background-image: url(images/wh-dr.png);	
	background-position: left top;	
	background-repeat: no-repeat;
	width: 15;
}

.boxw-l
{
	background-image: url(images/wh-l.png);
	background-repeat: repeat-y;	
	background-position: right top;	
}
.boxw-r
{
	background-image: url(images/wh-r.png);
	background-repeat: repeat-y;	
	background-position: left top;	
}
.boxw-u
{
	background-image: url(images/wh-u.png);
	background-repeat: repeat-x;	
	background-position: left bottom;	
}
.boxw-d
{
	background-image: url(images/wh-d.png);
	background-repeat: repeat-x;	
	background-position: left top;	
}

.boxw-ul, .boxw-ur, .boxw-dl, .boxw-dr
{
	background-position: right bottom;
	padding-left: 10px;
	padding-top: 10px;	
	background-image: url(images/wh-ul.png);
	background-repeat: no-repeat;
}
.boxw-ur
{
	background-position: left bottom;
	background-image: url(images/wh-ur.png);
}
.boxw-dl
{
	background-position: right top;
	background-image: url(images/wh-dl.png);
}
.boxw-dr
{
	background-position: left top;
	background-image: url(images/wh-dr.png);
}

/* ============ box sets white ] ============== */
/* ============ box sets black [ ============== */
.boxb-l
{
	background-image: url(images/bl-l.png);
	background-repeat: repeat-y;	
	background-position: right top;	
}
.boxb-r
{
	background-image: url(images/bl-r.png);
	background-repeat: repeat-y;	
	background-position: left top;	
}
.boxb-u
{
	background-image: url(images/bl-u.png);
	background-repeat: repeat-x;	
	background-position: left bottom;	
}
.boxb-d
{
	background-image: url(images/bl-d.png);
	background-repeat: repeat-x;	
	background-position: left top;	
}

.boxb-ul, .boxb-ur, .boxb-dl, .boxb-dr
{
	background-position: right bottom;
	padding-left: 10px;
	padding-top: 10px;	
	background-image: url(images/bl-ul.png);
	background-repeat: no-repeat;
}
.boxb-ur
{
	background-position: left bottom;
	background-image: url(images/bl-ur.png);
}
.boxb-dl
{
	background-position: right top;
	background-image: url(images/bl-dl.png);
}
.boxb-dr
{
	background-position: left top;
	background-image: url(images/bl-dr.png);
}
.boxb
{
	background-color: Black;
}
/* ============ box sets black [ ============== */
/* ============ box sets [ ============== */
.box-l,.boxs-l
{
	background-image: url(images/lg-l.png);
	background-repeat: repeat-y;	
	background-position: right top;	
}
.box-r
{
	background-image: url(images/lg-r.png);
	background-repeat: repeat-y;	
	background-position: left top;	
}
.boxs-r
{
	background-image: url(images/lgs-r.png);
	background-repeat: repeat-y;	
	background-position: left top;	
}
.box-u,.boxs-u
{
	background-image: url(images/lg-u.png);
	background-repeat: repeat-x;	
	background-position: left bottom;	
}
.box-d
{
	background-image: url(images/lg-d.png);
	background-repeat: repeat-x;	
	background-position: left top;	
}
.boxs-d
{
	background-image: url(images/lgs-d.png);
	background-repeat: repeat-x;	
	background-position: left top;	
}
.boxs-ul, .boxs-ur, .boxs-dl, .boxs-dr,
.box-ul, .box-ur, .box-dl, .box-dr
{
	background-position: right bottom;
	padding-left: 10px;
	padding-top: 10px;	
	background-image: url(images/lg-ul.png);
	background-repeat: no-repeat;
}
.box-ur
{
	background-position: left bottom;
	background-image: url(images/lg-ur.png);
}
.boxs-ur
{
	background-position: left bottom;
	background-image: url(images/lg-ur.png);
}
.box-dl
{
	background-position: right top;
	background-image: url(images/lg-dl.png);
}
.boxs-dl
{
	background-position: right top;
	background-image: url(images/lg-dl.png);
}
.box-dr
{
	background-position: left top;
	background-image: url(images/lg-dr.png);
}
.boxs-dr
{
	background-position: left top;
	background-image: url(images/lgs-dr.png);
}
.box
{
	background-color: #e4e4e4;
}

/* ============ box sets ] ============== */

.itm-tbl,.fld-tbl
{
	width: 100%;
	
}
.itm-thm,.fld-thm
{
	width: 200px;
	vertical-align:top;	
}
.itm-pic,.itm-txt, .itm-thm,.fld-pic,.fld-txt,.fld-thm
{
	border: #dfdfdf 1px solid;
}
.itm-txt,.fld-txt
{
	border-right: none;
}
.itm-thm,.fld-thm
{
	border-left: none;
}

.pg-tbl
{
	width:100%;
}
.pg-number
{
	color:Gray;
}
#pg-outline
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	background: white;
	width: 98%;
	overflow: scroll;
	
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
.edt-dsc
{
	width:620;
	height:300;
}
.edt-nav
{
	width:165;
	height:200;
}

/*
		Drupal Styles
*/

body {
  margin: 0;
  padding: 0;
  color: #000;
  background-color: white;
  font: 76% Verdana, Arial, Helvetica, sans-serif;
}
tr.dark td, tr.light td {
  padding: 0.3em;
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5em;
}
h1 {
  font-size: 1.3em;
  
}
h2 {
  font-size: 1.2em;
}
h3, h4, h5, h6 {
  font-size: 1.1em;
}
p,.story,.article {
  margin-top: 0.5em;
  margin-bottom: 0.9em;
  line-height:150%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000
}
.story 
{
  width: 430;	
}

a
{
	font-weight: bold;
	text-decoration: none;
}

a:link {
  color: #39c;
}
a:visited {
  color: #369;
}
a:hover
{
	color: aliceblue;
	background-color: lightslategray;
}

fieldset {
  border: 1px solid #ccc;
}
pre {
  background-color: #eee;
  padding: 0.75em 1.5em;
  font-size: 12px;
  border: 1px solid #ddd;
}
table {
  /* make <td> sizes relative to body size! */
  font-size: 1em;
}
.form-item label {
  font-size: 1em;
  color: #222;
}
.item-list .title {
  font-size: 1em;
  color: #222;
}
.links {
  margin-bottom: 0em;
}
.comment .links {
  margin-bottom: 0em;
}

/*
** Page layout blocks / IDs
*/
#header  {
  width: 100%;
}
#header {
  background-color: whie;
  height: 50px;
}
#logo {
  vertical-align: middle;
  border: 0;
}
#logo img {
  float: left;
  padding: 0em 1.0em 0em 1em;
  border: 0;
}
#menu {
  padding: 0.5em 0.5em 0 0.5em;
  text-align: right;
  vertical-align: middle;
}
#primary {
  font-size: 1.0em;
  padding: 0em 0.8em 0.5em 0;
  color: #9cf;
}
#primary a {
  font-weight: bold;
  color: #fff;
}
#secondary {
  padding: 0 1em 0.5em 0;
  font-size: 0.8em;
  color: #9cf;
}
#secondary a {
  font-weight: bold;
  color: #9cf;
}
#search .form-text, #search .form-submit {
  border: 1px solid #369;
  font-size: 1.1em;
}
#search .form-text {
  width: 8em;
  height: 1.4em;
  padding: 0 0.5em 0 0.5em;
  margin: 0 0 0.5em 0;
}
#search .form-submit {
  height: 1.5em;
}
#mission {
  background-color: #369;
  padding: 1.5em 2em;
  color: #fff;
}
#mission a, #mission a:visited {
  color: #9cf;
  font-weight: bold;
}
.site-name {
  margin: 0.6em 0em 0em 0em;
  padding: 0em;
  font-size: 2em;
}
.site-name a:link, .site-name a:visited {
  color: #fff;
}
.site-name a:hover {
  color: #369;
  text-decoration: none;
}
.site-slogan {
  font-size: 1em;
  color: #eee;
  display: block;
  margin: 0em 0em 0em 0em;
  font-style: italic;
  font-weight: bold;
}
#main {
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 2px;
}
#mission, .node .content, .comment .content {
  line-height: 1.4;
}
#help {
  font-size: 0.9em;
  margin-bottom: 1em;
}
.breadcrumb {
  margin-bottom: .5em;
}
.messages {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 0.3em;
  margin-bottom: 1em;
}
.error {
  border-color: red;
}
#sidebar-left, #sidebar-right {
  background-color: white;
  width: 13em;
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 0px;
  vertical-align: top;
}
#footer {
  background-color: white;
  padding: 1em;
  font-size: 0.8em;
}

/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/
.title, .title a {
  font-weight: bold;
  font-size: 1.3em;
  color: #777;
  margin: 0 auto 0 auto;  /* decrease default margins for h<x>.title */
}
.submitted {
  color: #999;
  font-size: 0.8em;
}
.links {
  color: #999;
}
.links a {
  font-weight: bold;
}
.block, .box {
  padding: 0 0 1.5em 0;
}
.block {
  border-bottom: 1px solid #bbb;
  padding-bottom: 0.75em;
  margin-bottom: 1.5em;
}
.block .title {
  margin-bottom: .25em;
}
.box .title {
  font-size: 1.1em;
}
.node {
  margin: .5em 0 2em 0;
}
.sticky {
  padding: .5em;
  background-color: #eee;
  border: solid 1px #ddd;
}
.node .content, .comment .content {
  margin: .5em 0 .5em 0;
}
.node .taxonomy {
  color: #999;
  font-size: 0.8em;
  padding: 1.5em;
}
.node .picture {
  border: 1px solid #ddd;
  float: right;
  margin: 0.5em;
}
.comment {
  border: 1px solid #abc;
  padding: .5em;
  margin-bottom: 1em;
}
.comment .title a {
  font-size: 1.1em;
  font-weight: normal;
}
.comment .new {
  text-align: right;
  font-weight: bold;
  font-size: 0.8em;
  float: right;
  color: red;
}
.comment .picture {
  border: 1px solid #abc;
  float: right;
  margin: 0.5em;
}

.img-big 
{
	overflow:  scroll;
}

/* in line text styles */
.info {
  font-size: .8em;
  color: silver;
}

p:first-letter
{
 /*	font-size: 1.2em;
	text-transform: uppercase;
    font-family: Algerian, Verdana, Arial; */
} 
.cap:first-letter
{
	font-size: 3em;
	float: left;
	text-transform: uppercase;
	font-family: Algerian, Verdana, Arial;
}

.show
{
	border: #abc 1px solid;
	padding: 0.5em;
	font-family: Verdana, Arial;
	text-align: center;
}
.col
{
	border-right: #3399ff 1px solid;
	padding-right: 5px;
	border-top: #3399ff 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	margin: 3px;	
	border-left: #3399ff 1px solid;
	padding-top: 5px;
	border-bottom: #3399ff 1px solid;
	width: 150;
	text-align:center;	
}
.story-delicious,.story-digg,.story-gps
{
	background-image: url(images/st-del.gif);
	background-repeat:no-repeat;
	background-position: left center;
	text-align: right;
	padding-left: 20;
}
.story-digg
{
	background-image: url(images/st-digg.gif);
}
.story-gps
{
	background-image: url(images/st-gps.gif);
}

/* macro css ----[ */
.item
{
	text-align: center;
	padding: 3px;
	width: 100;	
	overflow: hidden;

}
.item-tbl
{
	margin: 5px;
	padding: 0px;
	background-color: white;
	color: black;
	border-right: #abc double;
	border-top: #abc double;
	border-left: #abc double;
	border-bottom: #abc double;
}
.item-small
{
	height: 100;
	width: 100;
	overflow: hidden;
	
}
.item-tiny
{
	height: 50;
	width: 50;
	overflow: hidden;	
}
.item-cap
{
	font-weight: bold;
	text-align: center;
}
.item-head
{
	background-color: whitesmoke;
	color: gray;
	font-weight: bold;
	padding:5;
	text-align: center;
}
.link-in
{
}
.link-ext
{
	text-decoration: underline;
}
/* macro css ----] */

.summary
{
	font-weight:bold;
}
.txt-small
{
	font-size:x-small;
}
.txt-normal
{
	padding: 10px;
	font-size:.9em;
	
}

.nav-hotel,.nav-food,.nav-transport,.nav-tips,.nav-view,.nav-shop,.nav-fun
{
	padding-right: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-position: right center;
	background-image: url(images/nav-hotel.gif);
	background-repeat: no-repeat;
	text-align: left;
	
}
.nav-food
{
	background-image: url(images/nav-food.gif);
}
.nav-transport
{
	background-image: url(images/nav-transport.gif);
}
.nav-tips
{
	background-image: url(images/nav-tips.gif);
}
.nav-view
{
	background-image: url(images/nav-view.gif);
}
.nav-shop
{
	background-image: url(images/nav-shop.gif);
}
.nav-fun
{
	background-image: url(images/nav-fun.gif);
}
td
{
	margin:0;
	padding:0;
}
.theme_box,.theme_box2
{
	padding:0;
}
/* Notes and Comments */
.note-tbl
{
	border-right: gray 1px solid;
	border-left: gray 1px solid;
	border-top: gray 1px solid;	
	border-bottom: gray 1px solid;
	background-color: whitesmoke;
}
.note-tbl td
{
	padding: 3;
	border-top: gray 1px solid;
	border-right: gray 1px solid;
	vertical-align: top;
	text-align: left;
}

.note-tbl th
{
	background-color: gainsboro;
	border-top: gray 1px solid;
	border-right: gray 1px solid;
	text-transform: uppercase;
	text-align: left;
	font-variant: small-caps;
}
.note-date, .note-week
{
	background-color: #ffffee;
}
.note-date-end,.note-week-end
{
	background-color: yellow;
}
.note-itn
{
	background-color: #f1e8e0;
	font-weight: bold;
	text-transform: capitalize;
	font-variant: small-caps;
}
.note-morn
{
	background-color: #EfEfEf;
	font-size: smaller;
}
.note-aft
{
	background-color: #DDDDDD;
	font-size: smaller;
}
.note-night
{
	background-color: #333333;
	color: white;
	font-size: smaller;
}
.note-comment
{
	font-size: smaller;
	font-weight: normal;
	text-transform: none;
	font-variant: normal;
}
.cmt-msg, .cmt-err
{
	border-right: blue thin double;
	border-top: blue thin double;
	font-weight: bold;
	font-size: 15px;
	border-left: blue thin double;
	color: #009933;
	border-bottom: blue thin double;
	background-color: #ffff99;
	text-align: center;
	padding-bottom: 25px;
	padding-top: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.cmt-err
{
	color: red;
	background-color: gainsboro;
}
.caption
{
	font-size: smaller;
	color: #999999;
}
.newsbox
{
	border-style: inset;
	border-width: thin;
	width: 300px;
	height: 300px;
	overflow: scroll;
	background-color: whitesmoke;
}
#navigate
{
	background-color: white;
	color: black;
	border-right: #abc double;
	border-top: #abc double;
	border-left: #abc double;
	border-bottom: #abc double;
		
	margin-top: 20px;
	padding: 20px;

	float: left;
	display: block;
}

.image-left, .image-right
{
  float :left;
  border:solid 1px silver;
  padding:5px;
  margin-right:10px;
}
.image-right
{
 float :right;
}

.shadow1
{
	width:430px;padding:10px;filter:shadow(color:gray);
}
.shadow2
{
	width:430px;text-align:left;padding:10px;background-color:#F5F5F5;border: 1px solid black;font-size:10px;
}
.article
{
	width: 430px;
	text-align: left;
	padding: 5px;
	background-color: #8BB4AE;
	border: 1px solid black;

}
.article h1
{
	border: 1px solid #C0C0C0;
	margin: 0px;
	color: Black;
	text-align: center;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	display: block;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 1.2em;
	font-style: normal;
	background-color: white;
}
.story-link
{
	background-image: url(images/st-link.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: right;
	padding-left: 20;
	padding-right: 10;
	padding-top: 2;
	padding-bottom: 5;
	float: right;
	display: block;
	border: 1px solid black;
	background-color: #CCCCCC;
}
.tips
{
	width: 400px;
	text-align: left;
	padding: 0px 0px 10px 10px;
	background-color: #F5F5F5;
	border: 1px solid black;
	font-size: 10px;
	line-height: 1.9em;
}

.tips h1
{
	margin: 0px;
	border-style: none none solid solid;
	border-width: 1px;
	border-color: #C0C0C0;
	background-image: url(images/nav-tips.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
	color: Black;
	text-align: right;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 120px;
	display: block;
	float: right;
	font-weight: normal;
	font-variant: small-caps;
	font-size: 1em;
	font-style: normal;
	background-color: #FFFFFF;
}