/*  
Theme Name: kathangisip
Theme URI: http://www.kathangisip.com
Description: travel-inspired theme (another quality theme from www.bakedthemes.com)
Version: 1.0
Author: TV
Author URI: http://www.bakedthemes.com
*/

body {
  margin:0;
  padding:0;
  font-size:12px;
	font-family: Georgia, Verdana,"BitStream vera Sans",Helvetica,Sans-serif,"Lucida Sans";
  color: #515254;
	font-stretch: wider;
	background: #f1efe8 url('images/bg.jpg') top left repeat;
}

#wrapper {
	margin:0 auto;
	width:900px;
}

/*featured*/

#featured {
	width:auto;
	margin:0 auto;
	clear:both;
}

.featPicBorder {

	background: url('images/featbg.jpg') top left no-repeat;

	width:542px;

	height:255px;

	float:left;

}

.featPic {

	width:500px;

	height:218px;

	overflow:hidden;

	margin:0 auto;

}

.featPic img{

	width:500px;

	border:0;

}

.featText {

	float:left;

	width:330px;

	margin-left:10px;

}

.featText h2 {

	margin:0 0 5px;

}	

.featText h2 a{

	font-size:26px;

	font-style:italic;

	text-decoration:none;

	color:#8bb96a;

}

.featText h2 a:hover{

	color:#FFF;

}

.featText p {

	font-style:italic;

	font-size:14px;



}

/*ads*/

.topads {

	width:728px;

	height:90px;

	overflow:hidden;

	margin:10px auto 10px;

	clear:both;

}

#hmenus {
	width:550px;
	float:left;
	margin-left:20px;
	margin-top:45px;
	font-size:18px;
	font-family: "Lucida Sans", Georgia;
}

#hmenus a{
	color:#3e6f0e;

	font-weight:bold;

	text-decoration:none;

	font-stretch: ultra-expanded;

}

#hmenus a:hover {

	color:#fff;

}

/** menu slider **/


/** menu slider **/

#content {

	width:100%;

	clear:both;																				

}
/*spotlight*/

	

/*post*/

#post {

	float:left;

	width:580px;	

	clear:both;

	overflow:hidden;

}

#postContent {

	float:left;

	clear:both;

	height:220px;

	width:560px;

	margin-bottom:10px;

}

#postContent .date {

	float:left;

	width:40px;

	margin-top:20px;

	color:#6a8e4f;

	text-align:center;	

	overflow:hidden;

	

}

#postContent .date p{

	font-size:26px;

	top:0;

	font-weight:bold;

	font-style:italic;

	margin:0;

	padding:0;

}

#postContent .date .pTitle{

	font-size:10px;

	font-weight:normal;

	margin:0;

	padding:0;	

}

#postContent .pic {
	float:left;
	width:316px;
	height:217px;
	overflow:hidden;
	background: url('images/postBg.jpg') top left no-repeat;
	position:relative;
}

#postContent .pic img {

	margin:8px;

}

#postContent .picDesc {

	width:190px;

	margin-left:5px;

	margin-top:0;

	float:left;

	font-size:12px;

	font-style:italic;

}

#postContent .picDesc  p {

	margin:0;

}

#postContent .picDesc  h2{

	margin-top:0;	

	margin-bottom:5px;

}

#postContent .picDesc  h2 a {

	text-decoration:none;

	color:#6a8e4f;

	font-style:italic;

	font-size:18px;

}

/*sidebar*/
#sidebar {
	width:316px;	
	margin-right:0;
	margin-bottom:20px;
	float:left;	
	overflow:hidden;
}
#sidebar .widgetBody {
	background: url('images/widgetBody.jpg') center top repeat-y;
	float:left;
	clear:both;
	margin:0;
	padding:0;	
	width:316px;
}
#sidebar .widgetFooter {
	width:316px;	
	height:45px;
	background: url('images/sidebarsprite.jpg') top center no-repeat;
	/*right top left bottom*/
	background-position:0 -210px;
	float:left;
	clear:both;
	margin:0;
	padding:0;	
}
.widgetContent {
	width:300px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
.widgetContent h3 {
	width:290px;
	margin:5px auto 5px;
	overflow:hidden;
	font-size:14px;
}
.widgetContent ul {
	margin:0 0 10px;
	list-style:none;
	padding-left:0;
	margin-left:10px;
	overflow:hidden;
	width:280px;
}
.widgetContent ul li {
	width:280px;
	padding-left:15px;
	margin-top:5px;
	background-position:0 5px;
	background: url('images/bullet.png') no-repeat;
}
.widgetContent ul li a {
	color: #515254;	
	text-decoration:none;
}
.widgetContent ul li a:hover {
	color: #6A8E4F;	
	text-decoration:none;
}
.widgetContent img {
	margin-left:5px;
}
.widgetContent  .spotlightp {
	margin:5px 3px 5px;
}
.widgetContent .spotlightMore {
	float:right;
	text-decoration:none;
	color:#a6bf7a;
	margin-top:5px;
	margin-right:5px;
}
#sidebar .subscribeWidget {
	width:316px;	
	height:35px;
	background: url('images/sidebarsprite.jpg') no-repeat;
	/*right top left bottom*/
	background-position:0 -140px;
	float:left;
	clear:both;
	margin:0;
	padding:0;	
}
#sidebar .localWidget {
	width:316px;	
	height:35px;
	background: url('images/sidebarsprite.jpg') no-repeat;
	/*right top left bottom*/
	background-position:0 -35px;
	float:left;
	clear:both;
	margin:0;
	padding:0;	
}
#sidebar .relatedWidget {
	width:316px;	
	height:35px;
	background: url('images/sidebarsprite.jpg') no-repeat;
	/*right top left bottom*/
	background-position:0 -70px;
	float:left;
	clear:both;
	margin:0;
	padding:0;	
}
#sidebar .adWidget {
	width:316px;	
	height:35px;
	background: url('images/sidebarsprite.jpg') no-repeat;
	/*right top left bottom*/
	background-position:0 -176px;
	float:left;
	clear:both;
	padding:0;	
}
#sidebar .searchWidget {
	width:316px;	
	height:35px;
	background: url('images/sidebarsprite.jpg') no-repeat;
	/*right top left bottom*/
	background-position:0 -105px;
	float:left;
	clear:both;
	padding:0;	
}
#sidebar .commentsWidget {
	width:316px;	
	height:35px;
	background: url('images/sidebarsprite.jpg') no-repeat;
	/*right top left bottom*/
	background-position:0 0px;
	float:left;
	clear:both;
	padding:0;	
}
/*related posts*/
#related {
	clear:both;
	float:left;
	width:280px;
	height:50px;
	overflow:hidden;
	margin:0 auto;
}
#related a.icon {
	width:43px;
	height:42px;
	display:block;
	background: url('images/relPostBorder.jpg') no-repeat;
	float:left;
	padding:6px 2px;
	overflow:hidden;
}
#related p{
	margin-left:5px;
	margin-top:2px;
}
#related p a{
	color: #515254;
	text-decoration:none;
}
#related p a:hover{
	color: #FFF;
}



/*categories*/

.catPost {

	float:left;

	clear:both;

	width:100%;		

	margin-bottom:10px;

	font-size:12px;

}

.catMore {

	font-size:12px;

	float:right;

	width:110px;

	margin:0 10px;

}

.catMore p {

	float:left;

	line-height:15px;

	position:relative;

}

.catMore img{

	border:0;	

	float:left;

	margin-left:5px;

}

.catMore a{

	text-decoration:none;

	color:#515254;	

}

.catMore a:hover{

	color:#416823;

}

.catPic {

	width:112px;

	height:112px;

	background: url('images/thumbBg.jpg') no-repeat;

	float:left;

	margin:8px 8px;

}

.catPic  img{

	border:0;

	margin:5px 6px;

}

.catDesc h3 {

	margin-bottom:0;

}

.catDesc h3 a{

	font-style:italic;

	font-size:16px;

	text-decoration:none;

	color:#6A8E4F;

}

.catDesc p {

	margin:5px;

}



/*header*/

#header {
	width:900px;
	height:100px;
	margin:0 auto;	
}
#header .logo {
	margin-top:5px;
	margin-left:60px;
	width:203px;
	height:93px;
	float:left;
}

/*footer*/

.topInnerFooter {

	background: url('images/footertop.jpg') top left no-repeat;

	height:209px;

	width:100%;

	margin:0 auto;

}

.topBotFooter {

	height:209px;

	width:100%;

	margin-top:15px;

	background: url('images/footer.jpg') bottom left repeat-x;

	clear:both;

}

#footer {	

	width:100%;

	background: url('images/footerbg.jpg') top left repeat;

	float:left;

	clear:both;		

	bottom:0;

}

.innerFooter {

	width:900px;

	margin:0 auto 10px;

}

.footerWidgetNoBg {

	width:100%;

	text-align:center;

	float:left;

	margin:0 0 10px;	

}

/* 1st bar */

#barOne {

	width:250px;	

	margin-left:12px;

	overflow:hidden;

	float:left;

}

.footerWidget {
	margin:0 0 10px;
	background: url('images/footerWidget.png') top left repeat;
	clear:both;
	float:left;
	overflow:hidden;
	width:250px;
}

.footerWidget h3 {

	margin:10px;

	font-style:italic;

	font-size:17px;

}

.footerWidget p {

	margin:10px;

}

/*2nd bar*/

#barTwo {

	width:300px;

	margin-left:12px;

	overflow:hidden;

	float:left;

}

.footerWidget2 {
	width:300px;
	margin:0 0 10px;
	background: url('images/footerWidget.png') top left repeat;
	clear:both;
	float:left;	
}

.footerWidget2 h3 {

	margin:10px;

	font-style:italic;

	font-size:17px;

}

.footerWidget2 p {

	margin:10px;

}

/* list */

.footerList {

	margin:0 20px 10px;

	width:280px;

	list-style:none;

	padding-left:0;

}

.footerList li {

	width:270px;

	padding-left:25px;

	margin-top:5px;

	background-position:0 5px;

	background: url('images/bullet.png') no-repeat;

}

.footerList a{

	text-decoration:none;	

	color:#515254;

}

.footerList a:hover{

	color:#FFF;

}

/*2nd bar*/

#footerBot {

	width:100%;

	clear:both;

}

#footerBot p {

	text-align:center;

}

#footerBot img {

	border:0;

}

.footerLine {

	margin:0 auto;

	background: url('images/footerLine.jpg') top left no-repeat;

	width:795px;

	height:2px;

	clear:both;

}

#footerBot a{

	text-decoration:none;

	color:#515254;

}

#footerBot a:hover{

	color:#FFF;

}

#menus {

	width:auto;

	text-align:center;

	color:#4f8e23;

	margin:0 auto;

}

#menus a{

	color:#4f8e23;

	font-weight:bold;

	text-decoration:none;

	font-stretch: ultra-expanded;

}

/* end footer*/

.break {

	clear:both;

}

.mainHr {

	background: url('images/hr.jpg') top left no-repeat;

	width:800px;

	height:2px;

	margin:0 auto;

	clear:both;

}

.readmoreText {

	float:right;

	clear:both;

	padding:5px 10px 5px 10px;

	margin:10px 10px 0 10px;

	background-color:#6a8e4f;

}	

.readmoreText  a {

	text-decoration:none;

	color:#FFF;

}	

.readmoreText  a:hover {

	color:#e6dfc9;

}	

.readmore {

	float:right;

	clear:both;

	height:23px;

	margin:10px 20px 10px 10px;

	overflow:hidden;

}	

.readmore a:hover{

	color:#FFF;

}

.readmore  img{

	border:0;	

	float:left;

	margin-left:5px;

}	

.readmore p {

	float:left;

	line-height:25px;

	color:#515254;

	position:relative;

}

.readmore  a{

	text-decoration:none;

	display:block;

	color:#515254;	

}	

.title {

	float:left;

	clear:both;

	margin:15px 20px 0px;

}

.catTitle {

	background: url('images/catHdr.jpg') top left no-repeat;

	width:554px;

	min-height:45px;

	margin-top:20px;
	float:left;
	clear:both;
}

.catTitle h3 {

	margin:0 20px;

	padding-top:0;

	font-size:24px;

	font-style:italic;

	color:#416823;


}

.catTitle p {

	float:right;

	clear:both;

	margin:3px;

}

.catTitle a {

	color:#294514;

	text-decoration:none;

	font-size:11px;

	font-style:italic;

}

/*form stuff*/

.searchInput {

	background-color:#C2BAA3;

	color:#FFF;

	border:1px solid #FFF;

}

.searchBtn {

	background: url('images/readmorePost.jpg') top left no-repeat;

	width:32px;

	margin-left:10px;

	height:23px;

	border:0px;

	cursor:hand;	

}

.navi {

	margin:10px;

	clear:both;

}

/*post*/

.postAdTop {

	width:470px;

	height:60px;

	background-color:#e6dec8;

	margin:10px auto 10px;

	clear:both;

}

.postContent {

	width:550px;

	margin:0 auto;

	font-size:14px;

	clear:both;

	overflow:hidden;

}

.postContent a {
	text-decoration:none;
	color:#617d34;
}
.postContent a.out {
	text-decoration:none;
	color:#617d34;
	background: url('images/externalLink.png') right center no-repeat;
	background-color: transparent;
	padding-right: 15px;
}

.postContent img {

	border:0;

}

/**wordpress required**/

.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}



.alignleft {

   float: left;

}



.alignright {

   float: right;

}



.wp-caption {

   border: 1px solid #918566;

   text-align: center;

   padding-top: 4px;

   margin: 10px;

   color:#515254;

   /* optional rounded corners for browsers that support it */

   -moz-border-radius: 3px;

   -khtml-border-radius: 3px;

   -webkit-border-radius: 3px;

   border-radius: 3px;

	 background-color:#eee9df;

}



.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}



.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

   color:#515254;

}

.postNav {
	width:500px;
	clear:both;
	margin:0 auto;
	overflow:hidden;
}
.new a {
	display:block;
	background: url('images/nextPrevBtn.jpg') no-repeat;
	background-position:120px 0;
	width:200px;
	height:32px;
	float:right;
	margin-top:0;
	margin-right:10px;
	text-align:right;	
	padding-top:35px;
	color:#515254;
	text-decoration:none;
	font-size:14px;	
}
.new a:hover{
	color:#FFF;
}
.old a {
	display:block;
	background: url('images/nextPrevBtn.jpg') no-repeat;
	background-position:-88px 0;
	width:200px;
	height:32px;
	float:left;
	margin-top:0;
	margin-right:10px;
	text-align:left;	
	padding-top:35px;
	color:#515254;
	text-decoration:none;
	font-size:14px;	
}
.old a:hover{
	color:#FFF;
}


#comments {

	width:500px;

	margin:100px auto;

	clear:both;

	overflow:hidden;

}

/* message display page */

.message_list {

	list-style: none;

	margin: 0 auto;

	padding: 0;

	width: 500px;

}

.message_list li {

	padding: 0;

	margin: 0;

	background: url('images/message-bar.jpg') top left no-repeat;

}

.comment-data {

	padding: 4px 20px 5px 10px;

}

.comment-data .collapse {

	display: block;

	float: right;

	width: 90px;

	height: 20px;

	cursor: pointer;

	margin-top: 3px;

	text-align:right;

	color:#FFF;

}

.comment-data cite {

	font: normal bold 110%/130%;

	color:#FFF;

	float: left;

	overflow: hidden;

}

.comment-data cite small {

	font: normal 90%;

	color:#515254;

}

.comment-data cite a {

	background: none;

	border: none !important;

	text-decoration: none;

	color:#515254;

}

.comment-data cite a:hover {

	color:#FFF;

}

.commentlist .commentmetadata {

	display: block;

	margin-top:10px;

	padding: 2px 0 2px 38px;

	clear: both;

	color: #666666;

}

.comment-entry {

	padding: 0 0 15px 38px;

	width: 440px;

	overflow: hidden;

}

.comment-entry a{

	color:#515254;

	text-decoration:underline;

}

/*comment form*/

.postComments {
	width:199px;
	height:19px;
	background: url('images/commentsHeader.jpg') no-repeat;
	background-position: 0 -23px;
	clear:both;
	overflow:hidden;	
}
.commentsTitle {
	width:199px;
	height:19px;
	margin-bottom:10px;
	overflow:hidden;
	background: url('images/commentsHeader.jpg') no-repeat;
	background-position: 0 -1px;
	clear:both;
}
.facebook {
	width:280px;
	height:300px;
	margin:10px;
}

.info {
	margin:0 auto;
	overflow:hidden;

}

#bookmarks {
	width:224px;
	height:33px;
	margin:0 auto 10px;
	overflow:hidden;	
}
#bookmarks a {
	width:32px;
	height:34px;
	display:block;
	float:left;
	margin-left:5px;
	overflow:hidden;
	cursor:hand;
	background: url('images/socialIconsFooter.png') no-repeat;	
}
#bookmarks a.nav00 {
	background-position:0 0;
}
#bookmarks a.nav01 {
	background-position:-38px 0;
}
#bookmarks a.nav02 {
	background-position:-77px 0;
}
#bookmarks a.nav03 {
	background-position:-116px 0;
}
#bookmarks a.nav04 {
	background-position:-155px 0;	
}
#bookmarks a.nav05 {
	background-position:-192px 0;
}
#bookmarks a:hover {
	filter: alpha(opacity=50);
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
/**wordpress required**/

.shareBorder {
	width:515px;
	height:3px;
	clear:both;
	margin:0 auto;
	background: url('images/sharePostBorder.jpg') top left no-repeat;
}
.share {
	width:515px;
	height:15px;
	clear:both;
	margin:10px auto 10px;
	font-style:italic;
	font-size:14px;
	font-weight:bold;
	color:#4f8e23;
	float:left;
}
.share p {
	float:left;
	width:150px;
	margin:0;
	margin-left:30px;
}
#sharePost {
	float:left;
	width:130px;
	margin:0;
	padding:0;
}
#sharePost a {
	width:18px;
	height:16px;
	background: url('images/socialIconsMini.png') top no-repeat;
	display:block;
	float:left;
	margin-left:3px;
}
#sharePost a.nav06 {
	background-position:0 0;
}
#sharePost a.nav07 {
	background-position:-18px 0;
}
#sharePost a.nav08 {
	background-position:-37px 0;
}
#sharePost a.nav09 {
	background-position:-60px 0;
}
#sharePost a.nav10 {
	background-position:-80px 0;
}
#sharePost a:hover {
	filter: alpha(opacity=50);
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.spotlighth {
	margin:5px auto 5px;
}
/**
* Carousel Start
**/
#wrap {
	height:120px;
	overflow:hidden;
	float:left;
	clear:both;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 810px;
    padding: 20px 40px;
		margin:0 auto;
		overflow:hidden;
		clear:both;
		float:left;	
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  810px;
    height: 100px;
}

.jcarousel-skin-tango .jcarousel-item {
    margin-left:10px;
		margin-right:10px;
}

.jcarousel-skin-tango .jcarousel-item  div{
    text-align:center;
		font-style:italic;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
  margin-right: 10px;
	background: url('images/placesBg.jpg') center top no-repeat;		
  width: 112px;
  height: 100px;	 
}
.jcarousel-skin-tango .jcarousel-item-horizontal img{
	margin:6px 5px;
	border:0;
  width: 102px;
  height: 70px;	 
}
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    background: url('images/readmorePost.jpg') no-repeat;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: hand;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
		background-color:#000;
    background: url('images/readmorePrev.jpg') no-repeat;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: hand;
    background-position: -96px 0;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
		clear:both;
		float:left;
		overflow:hidden;
		height:110px;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/**
* Carousel End
**/
/**
* Page Navi CSS Start
**/
.wp-pagenavi a, .wp-pagenavi a:link {

	padding: 2px 2px 2px 2px; 

	margin: 2px;

	text-decoration: none;

	border: 1px solid #4D4D4D;

  color:#4D4D4D;

	font-size:1.5em;	

}

.wp-pagenavi a:visited {

	padding: 2px 2px 2px 2px; 

	margin: 2px;

	text-decoration: none;

	border: 1px solid #4D4D4D;

  color:#4D4D4D;

}

.wp-pagenavi a:hover {	

	border: 1px solid #4D4D4D;  

}

.wp-pagenavi a:active {

	padding: 2px 2px 2px 2px; 

	margin: 2px;

	text-decoration: none;

	border: 1px solid #4D4D4D;

  color:#4D4D4D;



}

.wp-pagenavi span.pages {

	padding: 2px 2px 2px 2px; 

	margin: 2px 2px 2px 2px;

	/*border: 1px solid #4D4D4D;*/

  color:#4D4D4D;

	font-size:1.5em;

}

.wp-pagenavi span.current {

	padding: 2px 2px 2px 2px; 

	margin: 2px;

	font-weight: bold;

	border: 1px solid #4D4D4D;

  color:#4D4D4D;

	font-size:1.5em;

}

.wp-pagenavi span.extend {

	padding: 2px 2px 2px 2px; 

	margin: 2px;	

	border: 1px solid #4D4D4D;

  color:#4D4D4D;

	font-size:1.5em;

}
/**
* Page Navi CSS End
**/