/* International Friendship theme by Ben Hofer */

/*---------layout--------*/

* {margin: 0; padding: 0;  }
html {text-align: center; overflow: auto;}
body {background:url(images/bg.jpg) repeat-x; position: relative; z-index: 0;}
#wrapper { width: 910px; margin: 0 auto;  text-align: left; position: relative; z-index: 1;}
#header {height: 133px; background: url(images/header.jpg) no-repeat;}	
	h1 {text-indent: -9999px;}
#prinav {height: 48px;  margin-bottom: 40px; position: relative; z-index: 2;}
#prinav ul{position: relative; z-index: 3;}
#prinav li{list-style-type:none; position: absolute; display: inline; float: left; z-index: 4;}
		#home {width: 90px;}
		#about {left:90px; width: 120px;}
		#english {left:210px; width: 150px;}
		#photos-videos {left: 360px; width: 140px;}
		#events {left: 500px; width: 110px;}
		#support {left: 610px; width: 115px;}
#prinav li a {color:#FFFFFF; display:block; font-family:'Trebuchet MS',helvetica,arial,sans-serif; height:48px; line-height:48px;font-size: 1.4em; text-align: center;}
#prinav li a:hover, #prinav li a:focus{background: url(images/nav.jpg) 0 -48px; color: #333333;}
#prinav li ul {position: absolute; display:none; width: 200px; z-index: 6;}
#prinav li.active ul {display: block;}
#prinav li ul li {float: none; position: static;}
#prinav li ul li a {background:transparent url(images/dropdownbg.jpg) repeat scroll 0 -30px !important; color:#333; font-size:1.2em; height:30px; line-height:30px; position:relative;}
#prinav li ul li a:hover, #prinav li ul li a:focus {background: url(images/dropdownbg.jpg) 0 0 !important; color: #fff;}
			
#subnav {width: 199px; padding-left:10px; float: right;  border-left: 1px solid #5f92c5;}
#subnav h2 {color:#B46C00;font-weight:bold;margin-bottom:5px; font-size: 1.4em;}
#subnav #list {background: url(images/emailbg.jpg) repeat-x; width: 100%; height: 54px; padding-top:5px; margin-bottom: 20px;}
#subnav #list h3 {color: #fff; font-size:14px; margin:0 0 2px 10px;}
#subnav .input {margin-left: 10px;margin-left:10px;margin-right:5px;width:130px; font-family:"trebuchet ms",arial,sans-serif;}
#subnav #join2 {height: 21px; padding-bottom: 3px;}
#subnav li.thankyou {display: none;}
#subnav ul li {list-style-type: none;}
#subnav ul li ul {margin-bottom: 15px;}
#subnav ul li ul li {font-size: 12px; list-style-type: disc; margin:0 0 2px 20px;}

#maincontent {margin: 10px 220px 40px 0; width: 670px; min-height: 500px; display: block;}
#maincontent #video {width: 319px; height: 243px; margin-bottom: 40px; float: left; margin-right: 11px; background:url(images/welcomevid.jpg);}
#maincontent #ads {width: 340px; height: 243px; margin-bottom: 40px; float: left; z-index: 5;}
#maincontent #ads .ad{width: 340px; height: 243px;}
#maincontent h2.catTitle {clear: left; width: 658px; background:url(images/catTitlebg.jpg); font-size: 14px; color: #fff; padding: 6px; margin-bottom: 10px;}
#maincontent h2.pagetitle {width: 670px;}
#maincontent .post {margin-bottom: 15px;}
#maincontent .post h2 { border-bottom: 1px solid #ccc; clear: left; }


*+html #content {margin-top: -40px;}

#footer-outer {height:150px; clear: both; background: url(images/footer.jpg) repeat-x; background-color: #5f92c5; padding: 20px 0 60px;}
#footer {background:url(images/footerFlags.jpg) no-repeat; height:150px; margin:0 auto; width:900px; text-align: left;}
#footer p {color: #fff;}
#footer a{color: #CCC;}
#flags {background:url(images/footerFlags.jpg) no-repeat; width: 900px; height: 42px;}

.navigation {width: 670px;}


/*-------end layout---------*/


/*-----classes--------*/

.alignleft {float: left; color: #000; margin-bottom: 20px;}
.alignright {float: right; color: #000; margin-bottom: 20px; }
.connect {display: none;}
.clear {clear: both;}
.clearleft {clear:left;}
.clearright {clear:right;}
#description {display: none; position: relative;}
.hide {display: none;}
.active {display: block;}

.postmetadata {margin: 10px 0;  padding: 20px 100px 20px 60px; font-size: 1em; font-weight: normal; font-style: normal; background-color: #efefef; }
.postmetadata small {font-weight: normal; font-style: normal; font-size: 1em; }

/*-----end classes--------*/

/*------------------------------typography-----------------------------------------------*/

html {font-size: 62.5%;}

h1, h2, h3, h4, h5, h6, li, p { font-family: "Trebuchet MS", Arial, sans-serif; font-weight: normal; }

p {font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 1.2em; line-height: 1.6em; margin-top: 10px;}
	.commentlist p {padding: 5px 15px 0 15px; }
	.commentlist li {margin-bottom: 10px;}
	#footer p {font-size: 1em;}


#maincontent h2, #maincontent h3 {font-size: 1.8em; color: #B46C00; margin-bottom: 5px; border-bottom: 1px solid #ccc;}

h2 a, h3 a {color: #5f92c5;}
h2 a:hover, h2 a:focus {color: #999;}

h4 {font-size: 1.6em; color: #999;}

small {font-size: 1.2em; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; color: #999; }
cite {font-size: 1.3em; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; margin-top: 5px; font-weight: normal; font-style: normal;}


a {text-decoration: none; color: #069;}
a:hover, a:focus {color: #999;}

#subnav label {font-size: 1.8em; color: #999; font-weight: bold;}

.alignright a, .alignleft a {font-size: 1.4em; font-style:italic; font-weight:bold;}

/*---------------end typography-----------------------------------*/


/*--------------------ad Rotator---------------------------------*/

ul{list-style:none; padding:0; margin:0;}

#adRotator{width: 340px; height:243px;}
#adRotator a img{border: none;}

ul.adRotator{position:relative; overflow:hidden; }
ul.adRotator li.ad{display:none; position:absolute;}
ul.adRotator li.active{display:block;}

ul.adNavigation{width: 54px; margin: 5px auto;}
ul.adNavigation li{display:inline;}
ul.adNavigation li a{display:block; width: 25px; height: 25px; background:url(images/adNavigation.png) no-repeat; float: left;}
ul.adNavigation li a span{display:none;}
ul.adNavigation li.prev a{margin-right:2px;}
ul.adNavigation li.next a{margin-left:2px;}

ul.adNavigation li.prev a{background-position: 0 0;}
ul.adNavigation li.prev a:hover{background-position: 0 -25px;}
ul.adNavigation li.prev a:active{background-position: 0 -50px;}

ul.adNavigation li.next a{background-position: 0 -75px;}
ul.adNavigation li.next a:hover{background-position: 0 -100px;}
ul.adNavigation li.next a:active{background-position: 0 -125px;}


/*---------photoalbum-------------*/
#photocontent {display:block; margin:10px 220px 40px 0; width:670px;}
#photocontent a img{border: 3px solid #069;}

#highlight {background: #efefef; width: 200px;}
#highlight, .tt-older-posts {padding: 0 5px; float: left;}
#highlight h2 {margin-bottom: 5px; border-bottom: 1px solid #fff; font-size: 1.6em;}
.album {float: right; margin-left: 30px; width: 195px;}

.album h2 {font-size: 1.4em;}
#photoalbum-nav {margin-bottom: 10px;}
#album-highlight {height: 220px;}
#albumsindex {width: 220px; margin-right: 20px; float: right;}
#albumsindex h4 {display: none;}
#albumsindex h2 {margin-bottom: 5px;}
 
#photo {margin: 10px 0; text-align: center;}
#photos{margin: 10px 0; padding: 10px 0; border-top: 1px solid #ccc;}
.meta {clear: both; margin: 50px 0 10px;  padding: 20px 20px 20px 60px; font-size: 1.2em; font-weight: normal; font-style: normal; background-color: #efefef; }
.tt-older-posts tags{padding: 10px; background-color:#fff;}

.tt-older-posts.albums h4 {margin-bottom: 5px; border-bottom: 1px solid #ccc;}
.tt-flickr {margin: 2px 2px 0 0;}

#highlight .meta, .tt-older-posts .meta {background-image: none; padding: 0; width: inherit;}

.flickr-meta-links {clear: both; padding-top: 15px;}
#context {margin-top: 20px;}

/*--------end photoalbum styles----------*/


/*---------ie7----------------*/

*+html h1 a{position: static; margin-top: 62px;}
*+html #maincontent{display: inline; }
*+html .post {width: 670px;}


/*----------ie6---------------*/
* html #wrapper {height: 900px;}
* html {overflow-x: hidden;}
* html #maincontent #ads {margin-bottom: 15px;}
* html #maincontent #video {margin-bottom: 15px;}