/*

Theme Name: Rongotai

Version: 1.0.2

Author: minh hoang duc, andreas kasoulides

Tags: fixed width, widgets, columns

*/

/* Reset

-------------------------------------------------------------------*/

* { padding: 0; margin: 0; }

ul li, ol li { 

	list-style-position: inside;

	list-style-image:url(images/bullet.gif);

}

ol ol, ul ul, ol ul, ul ol { margin-left: 20px; margin-bottom: 0; }

img { border: none; }

/* Body
-------------------------------------------------------------------*/

body { 

	font: 12px/18px  Arial, Geneva, sans-serif; 

	color: #333; 

	background: #ffffff url(images/bodybg.gif) repeat-x top; 

}

h1, h2, h3, h4, h5, h6 {   color: #fdb102; }

h1 { font-size: 18px; line-height: 26px; margin-bottom: 10px; }

h2 { font-size: 20px; line-height: 24px; margin-bottom: 7px; }

h3 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }

h4 { font-size: 16px; line-height: 20px; margin-bottom: 5px; }

h5 { font-size: 14px; line-height: 18px; margin-bottom: 5px; }

h6 { font-size: 12px; line-height: 16px; margin-bottom: 5px; }

h1 span { color: #999; }


a { color: #3b5a4a; }

a:hover { color: #3b5a4a; }

a:visited { color: #3b5a4a; }

p { margin-bottom: 10px; }

input, textarea { font: 12px Verdana, Helvetica, Arial, Geneva, sans-serif; }

blockquote { 

	font: italic 14px/22px Arial, Geneva, sans-serif; 

	padding: 5px 10px;

	margin-bottom: 20px;

	background: #cecfd5; 

}

/* Container

-------------------------------------------------------------------*/

#container { 

	width: 900px; 

	padding-bottom: 10px; 

	margin: 0 auto; 

}

#container #wrapper { 

	overflow: hidden;

}



/* Header

-------------------------------------------------------------------*/

#header { 

	height: 60px; 

	position: relative; 
}

#header .logo { float:left; margin-top:15px;}

#header h1 { 

	font: 24px Verdana; 

	padding-top: 10px; 

	margin-bottom: 0; 

	color: #fff; 

}

#header h1 a { 
	
	color: #fff; 
	
	text-shadow: 1px 1px 1px #333; 

	text-decoration: none; 

}

#header h1 span { 

	padding-left: 10px; 

	font-size: 11px; 

	color: #ccc; 

}

.headright{ float:right; text-align:right; padding-top:5px;}

.headright p{ margin-bottom:0px; color:#fdb102;}

/* Search

-------------------------------------------------------------------*/

#search {

	position: absolute;

	top: 15px; 

	right: 0px;

}


#search input { border: 0; }


#search #s { 

	width: 148px;

	padding: 4px 0 4px 22px;

	margin-right: -4px;

	vertical-align: top;

	line-height: 0;

	font: normal 12px Verdana;

	vertical-align: top;

	color: #333;

	background: url(images/search-text.gif) no-repeat;

}

#search #searchsubmit { 

	width: 35px; 

	height: 22px;

	vertical-align: top;

	background: url(images/search-submit.gif) no-repeat;



}



/* Navigation


-------------------------------------------------------------------*/

/*#nav { 


	width: 900px; 

	height: 42px; 

	float: left; 

	background: url(images/nav-bg.gif) no-repeat; 


	border-bottom: 1px solid #75867b; 

	position: relative; 

}


#nav ul { 

	margin-left: 10px; 

	position: absolute; 

	bottom: -1px; 

	overflow: hidden; 

	height: 33px; 

}

#nav ul li { 

	float: left; 

	margin-right: 3px; 

	padding-left: 7px; 

}

#nav ul li.current_page_item { background: url(images/nav-tab-left.gif) no-repeat; }

#nav ul li a { 

	display: block; 

	text-decoration: none; 

	color: #333; 

	line-height: 33px; 

	padding: 0 15px 0 8px; 

}

#nav ul li a:hover { color: #555; }

#nav ul li.current_page_item a { background: url(images/nav-tab-right.gif) no-repeat top right; }

#nav #feed { 

	position: absolute; 

	right: 15px; 

	top: 12px; 

	height: 19px; 

	padding-left: 37px; 

	color: #544626; 

	display: block; 

	background: url(images/feed.gif) no-repeat; 

	text-decoration: none; 

}

*/

/* Content

-------------------------------------------------------------------*/

#content { 

	padding: 0 0 0 0; 

}

#content .post { margin-bottom: 40px; }

#content .post p { margin-bottom: 20px; }

#content .post h1 a { text-decoration: none; color:#fdb102; font-size:18px; }

#content .post-list li { list-style: none; }

#content .post img{ float:left; margin:5px;}

#content .post .post-info { 

	clear: both; 

	font-size: 11px; 

	color: #000; 

	padding: 3px 5px 5px 5px; 

	margin-bottom: 20px; 

	border-top: 0px solid #aaa; 

	border-bottom: 0px solid #aaa; 

}

#content .post .post-info a { color: #000; text-decoration:none; }

#content .post .post-info a:hover { color: #fdb102; text-decoration:none; }

#content #pages { text-align: center; }

#content #pages a { font: bold 20px "Trebuchet MS"; color: #414d4c; text-decoration: none; }

#content #pages a:hover { color: #1e2726; }


#content ul, ol, dl { margin-bottom: 20px; }

#content ul { 

	list-style: disc;

	list-style-position: inside; 

}

#content ol { 

	list-style: decimal; 

	list-style-position: inside; 

}

#content dl dt { 

	font-weight: bold;

}

#content dl dd { 

	font-style: italic;

	margin: 0 0 5px 20px;

	color: #555;

}


.column1, .column2 {


  width:266px;

  float:left;

  padding:0px;

  margin:0px 8px 8px 0px;

}

.column2 {

  margin-right:0px;

  clear:right;

}

.aligncenter { margin-left: auto; margin-right: auto; }

.alignleft { float: left; margin: 5px 15px 10px 0; }

.alignright { float: right; margin: 5px 0 10px 15px; }




/* Sidebar

-------------------------------------------------------------------*/


#sidebar { 

	width: 235px;

	float: left;

	font-size: 11px; 

	margin-bottom: 10px;

	color: #555;

}


#sidebar h3 { font: normal 18px Verdana, Arial, Sans-Serif; color: #222; }

#sidebar a { color: #38463e; text-decoration: none; }

#sidebar a:hover { color: #38463e; }

#sidebar .block {

	width: 205px;

	padding: 15px; 

	border-bottom: 1px solid #bfccbf; 

	overflow: hidden;

	color: #555;

}

#sidebar .block li { 

	background: url(images/arrow.gif) no-repeat 2px 8px; 

	padding-left: 12px;

}

#sidebar .block a:hover { color: #777; }

/* Calendar */

#sidebar .block #calendar_wrap a { }

#sidebar .block #calendar_wrap .pad { background: none; }

#sidebar .block #calendar_wrap #prev { background: none; }

#sidebar .block #calendar_wrap #next { background: none; }

#sidebar .block #calendar_wrap table { width: 100%; margin: 0;padding: 0;}

#sidebar .block #calendar_wrap table th { width: 14.2%; }

#sidebar .block #calendar_wrap table td { width: 14.2%; background: #d6ded4; text-align: center; color: #888; }

/* Wrapper Bottom

-------------------------------------------------------------------*/

#wrapper-bottom { 

	width: 900px; 

	height: 6px; 

	float: left; 

	margin-bottom: 7px; 

	background: url(images/wrapper-bottom.gif) no-repeat bottom;

}


/* Comments

-------------------------------------------------------------------*/

.comments-title { 


	text-align: center; 

	font: bold 22px "Trebuchet MS", Helvetica, Arial, Geneva; 

	color: #414d4c; 

}

#comments .comment { 

	background: #bfcec3; 

	margin-bottom: 10px; 

	overflow: hidden; 

	width: 635px; 

	padding-bottom: 5px; 

}

#comments .comment .comment-avatar { 

	float: left; 

	width: 50px; 

	padding: 5px 7px; 

}


#comments .comment .comment-content { 

	float: left; 

	padding: 10px 15px; 

	margin: 5px 5px 0 0; 

	width: 536px; 

	background: #CECFD5; 

}

#comments .comment .comment-content a { color: #444; }


#comments .comment .comment-info { 

	font-size: 11px;

	color: #777;

	margin-bottom: 5px; 

}

#comments .comment .comment-info span {

	font: bold 20px "Trebuchet MS", Helvetica, Arial, Geneva;  	

	padding-right: 10px; 

	margin-bottom: 5px;

}

#comments .comment .comment-info a { 

	color: #444; 

	text-decoration: none;

}


/* Comment Form

-------------------------------------------------------------------*/

#commentform { 

	background: #d6ded4; 

	border: 5px solid #bfcec3; 

	padding: 10px; 

	color: #555; 

}

#commentform p { margin-bottom: 7px; }

#commentform textarea { 

	width: 600px; 

	border: 1px solid #aaa; 

	height: 120px;

}

#commentform input.text { 

	width: 150px; 

	border: 1px solid #aaa; 

	margin-right: 5px; 

	padding: 3px 3px; 

}

#commentform input#submit { padding: 3px 10px; }



/* Footer

-------------------------------------------------------------------*/

#footer { 

	width: 900px; 

	color: #666699; 

	padding-top: 6px;

	text-align: left;

	font-size:11px;

	margin:0 auto;

	overflow:hidden;

	padding-left:0px;

	padding-right:0;

	padding-bottom:10px;

}

.footlogo{ float:right;}

.footleft{ float:left;}

#footer p { 

	font-size: 11px; 

	margin: 0; 

}

#footer a { color: #999999; }

.footercon{ border-top:1px #cfd0d6 solid;}

#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%;  }

#dropmenu a {display:block; padding:0.25em 1em; color:#ffffff; border-right:0px solid #c8c8c8; text-decoration:none;}

#dropmenu a:hover {background:#fdb102; color:#fff;}

#dropmenu .current_page_item a{ background:#fdb102; font-weight:bold;}

#dropmenu li {float:left; position:relative; list-style-image:none;}

#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:0px; z-index:100;}

#dropmenu ul a {border-left:0px solid #c8c8c8;}

#dropmenu li ul {border-top:0px solid #c8c8c8; width:12em;}

#dropmenu li:hover{

	background:#fdb102;

}

#dropmenu li ul a {width:12em; height:auto; float:left;  border-bottom:0px solid #c8c8c8; background:#fdb102;}

#dropmenu ul ul {top:auto;}

#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}

#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}

#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}

.menu{ clear:both; position:relative; height:43px;  }

.menuright{ float:right;}

.heading{ margin-bottom:26px; overflow:hidden; }

.splash{ float:left; width:532px;}

.headingright{ width:350px; height:282px; background:#e2e3e7; float:right; padding-left:18px; padding-top:15px;}

.headingright h2{ color:#009999; font-size:14px; color:#717582; font-weight:bold; margin-bottom:4px;}

#header .headright a,

#header .headright a:link,

#header .headright a:visited,


#header .headright p a:link,

#header .headright p a:visited{

	text-decoration:none;

	color: #fdb102;

}

.contactform{ padding-right:20px; padding-top:15px;}

.contactform label{ width:65px; display:block; float:left; text-align:right; padding-right:15px;}

.contactform input{ border:1px #999999 solid; }

.input{ width:245px; height:20px;}

.textbox{ width:245px;}

.text p{ margin-bottom:0px; line-height:normal; color:#999999;}

.btnsend{ background:#FFFFFF; margin-right:0px; height:20px; padding-left:20px; padding-right:20px;}

.contactform p{color:#999999;}


.block #cforms2form .single,

.block #cforms2form .area{

	border:1px #999999 solid;

	width:245px;

}

.block #cforms2form .area{

	height:60px;

}

.block #cforms2form .sendbutton{

	display:block;

	border:1px solid #FF0000;

	margin:60px 0 0 75px;	
}

.block .linklove a{

	display:none;

}

.block .cf-ol li{

	height:20px;


}


.block .cf-ol li label{

	width:55px;

}