/**

Theme Name: Trilo

Author URI: http://wpjunction.com

Version: 1.0

Author: hpa

Description: Magazine theme

*/



/* -------------------------------------- */



.clearfix:after { /* FF, O, etc. */

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}



.clearfix {

	display: inline-block; /* IE7xhtml*/

}



html[xmlns] .clearfix { /* O */

	display: block;

}



* html .clearfix {

	height: 1%; /* IE5-6 */

}



/*body {

	background:#f5f2e7 url(images/background.jpg) repeat-x 0 0;

	width:960px;

	margin:0 auto;

	font:normal 12px Georgia,"Times New Roman","Bitstream Charter",Times,serif;

	color:#585858;

}
*/


a {

	text-decoration:none;

	color:#3f3a31;

}



/*a:hover { color:#cda11b; }*/



/* header */

/*#header { padding:8px 0 9px; }*/



/*#site-title, #site-description {

	text-transform:uppercase;

	font:40px/84px Tahoma, Arial, Verdana;

	margin-bottom:8px;

}*/



#site-title {

	/*background:transparent url(images/separator.png) no-repeat 100% 0;

	display:block;

	color:#7e786c;

	float:left;

	font-weight:bold;

	padding-left:200px;

	margin-top:-90px;

*/

}



/*#site-title a { color:#7e786c; }



#site-title a:hover { color:#403d37; }



#site-description {

	display:block;

	float:left;

	font-size:16px;

	padding-left:20px;

	color:#af0909;

}



#navigation {

	background:#37342b url(images/nav-bg.png) repeat-x 0 0;

	display:block;

	width:932px;

	height:42px;

	overflow:hidden;

	position:relative;

	padding:0 9px;

}*/



/*#menu-top-left, #menu-top-right {

	background:#37342b url(images/nav-bg.png) no-repeat;

	position:absolute;

	height:42px;

	width:9px;

	top:0;

}
*/


/*#menu-top-left {

	background-position:0 -42px;

	left:0;

}*/



/*#menu-top-right {

	background-position:0 -84px;

	right:0;

}
*/


/* container */

/*#container { padding-bottom:20px; }*/



/* content */

/*#content {

	float:left;

	width:75%;

}
*/


.pagetitle {

	font-weight:normal;
	font-size:16px;
	color:#af0909;

}

.post {

	/*padding:7px 7px 10px;

	border-bottom:3px solid #e3ddc4;

	margin-bottom:7px;
*/
}



.post .title, .title-404 {

/*	font-size:24px;

	font-weight:normal;

	font-style:italic;

	color:#3f3a31;

	display:inline;*/
	margin-bottom:10px;


}



.post .thumbnail {

	background:#fff;

	float:left;

	padding:5px;

	display:inline;

	margin-left:-104px;

	border:1px solid #cfcdc5;

}



.post .entry {

	clear:both;

	padding-left:105px;

	margin-top:12px;

}



.no-image { padding:0 !important; }



#post-pages {

	margin-bottom:8px;

	font-size:16px;

}



/*.meta {

	color:#403b31;

	font-style:italic;

	float:right;

	line-height:38px;

}*/



/*.meta .inner, .date-post, .categories-post, .read-more { position:relative; }
*/


/*.meta .inner {

	height:37px;

	overflow:hidden;

}



.date-post, .categories-post, .read-more { z-index:2; }



.meta a, .meta .categories-post { color:#cda11b; }



.meta a:hover { color:#af0909; }

.meta a.read-more { color:#991313; }

.meta-shadow {

	position:absolute;

	top:1px;

	left:1px;

	z-index:1;

	color:#ae1414;

}*/



/* wp-pagenavi */

#wp-pagenavi-wrapper {

	clear:both;

	position:relative;

	height:30px;

}



.wp-pagenavi {

	padding-top:9px;

	font:normal 11px Tahoma, Verdana, Arial;

}



.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span.extend {

	background:#ede8d4 !important;

	color:#7b6d3b !important;

	text-transform:uppercase;

	padding:7px 9px !important;

	border-color:#cac3a5 !important;

}



.wp-pagenavi a:hover { color:#000 !important; }



/* sidebar */

/*#sidebar {

	float:right;

	width:23%;

	overflow:hidden;

	display:inline;

}*/



.widget {

	margin-bottom:10px;

/*	font-style:italic;*/

}



.widget-title {
font-family:Calibri; font-weight:bold; font-size:21px; margin:0px 0px 0px 10px;
/*	color:#cda11b;*/

}



.widget ul li {

	line-height:28px;

	color:#595346;

	border-bottom:1px solid #ede8d6;

}



.widget ul ul { padding-left:15px; }



.widget ul li li {

	border-top:1px solid #ede8d6;

	border-bottom:none;

}



.widget a { color:#000; }



.widget a:hover { color:#af0909;}



/* footer */

/*#footer {

    border-bottom:2px solid #8B8B8B;    

	text-align:center;

	font-size:11px;

	font-family:Arial,Verdana,Tahoma;

	color:#8b8b8b;

	padding-bottom:5px;

	display:none;

}



#footer p { margin-bottom:5px; }*/

.beforebottom{border-bottom:2px solid #8B8B8B; }

#sponsor {

	font-size:12px;

	color:#585858;

}

.bmark{ padding-left:350px;text-align:right;}

.powered { margin-top:-20px; padding-bottom:10px; }

.logo{padding-right:264px;}

.bootom{border-bottom:2px solid #8B8B8B;  }
/* custom css */
body,td,th {
	font-family: Arial, Helvetica, sans-serif, Calibri;
}
body {
	background-color: #def5fd;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size:12px;
	font-weight:normal;
}
*{ margin:0px;}
*{ padding:0px;}
img{ border:0px;}

@font-face{ font-family:"Aller Light"
	  src: url(font/Aller_Lt.eot); /* IE */  
	  src: local("Aller Light"), url( font/Aller_Lt.ttf ) format("truetype"); /* non-IE */  }
@font-face{ font-family:"Century Gothic"
	  src: url(font/GOTHIC.eot); /* IE */
	  src: local("Century Gothic"), url( font/GOTHIC.ttf ) format("truetype"); /* non-IE */  }

#container{background:url(images/header.jpg) no-repeat center top;}
#wrapper{width:988px; margin:0px auto;}
#wrapper .header{ overflow:hidden;}
#wrapper .header .logo{ margin:17px 0px 0px 30px; float:left; width:0px;}
#wrapper .header .logo a {
	width: 188px;
	display: block;
	background: url(images/logo.png) no-repeat;
	height: 144px;
	position: relative;
	z-index: 100;
}
#wrapper .header .nav{ float:right;}
#wrapper .header .nav ul.menu{ margin:0px 2px 2px 2px;}
#wrapper .header .nav ul.menu li{ display:inline-block; background:url(images/seperator.png) no-repeat left center; font-size:18px; }
#wrapper .header .nav ul.menu li:first-child{ display:inline-block; background:none;}
#wrapper .header .nav ul.menu li a{ display:inline-block;  padding:14px 10px 14px 10px; text-decoration:none; color:#FFF; border:0px solid #F00;}
#wrapper .header .nav ul.menu li a:hover{ color:#CCC;}
#wrapper .header .success{ float:left; background:url(images/success-simplified.png) no-repeat; width:151px; height:16px; margin: 120px 0 0 250px; position:absolute;}
#wrapper .header .socialNetwork{ float:right; clear:both; margin:20px 70px 0px 0px; }
#wrapper .header .socialNetwork a{padding:0px 5px 0px 5px; }
#wrapper .content{ width:100%; overflow:hidden; margin:10px 0px 0px 0px;}
#wrapper .content .topCurve{ background:url(images/top-round.png) no-repeat; height:40px;}
#wrapper .content .midCurve{ background:url(images/mid-round.png) repeat-y; margin:0px; padding:0px; overflow:hidden; }
#wrapper .content .botCurve{ background:url(images/bot-round.png) no-repeat; height:40px; overflow:hidden; clear:both;}
#wrapper .content .leftCol{ float:left; overflow:hidden; margin:0px 10px 10px 30px; width:594px;}
#wrapper .content .leftCol .blog-box-top{ background:url(images/blog-box-top.png) no-repeat;  height:17px; overflow:hidden;}
#wrapper .content .leftCol .blog-box-mid{ background:url(images/blog-box-mid.png) repeat-y; overflow:hidden;}
#wrapper .content .leftCol .blog-box-bot{ background:url(images/blog-box-bot.png) no-repeat; height:17px; overflow:hidden; }
#wrapper .content .leftCol .blog-box-mid .contentHolder{ margin:10px 10px 10px 30px;}
#wrapper .content .leftCol .blog-box-mid .contentHolder h1{ font-family:Calibri; font-size:36px; font-weight:normal; line-height:36px; background:url(images/heading-line.png) bottom left no-repeat; padding-bottom:10px;}
#wrapper .content .leftCol .blog-box-mid .contentHolder h2{ font-family:Calibri; font-size:28px; font-weight:normal;  padding-bottom:10px;}
#wrapper .content .leftCol  h2{ font-family:Calibri; font-size:28px; font-weight:normal;  padding-bottom:10px; margin-left:30px;}
#wrapper .content .leftCol .blog-box-mid .contentHolder h3{ font-family:Calibri; font-size:24px; font-weight:normal; background:url(images/heading-line.png) bottom left no-repeat; padding-bottom:10px;}
#wrapper .content .leftCol .blog-box-mid .contentHolder h4{ font-size:11px; font-weight:bold; color:#818181; margin-top:5px;}
#wrapper .content .leftCol .blog-box-mid .contentHolder p{ padding:10px 0px 0px 0px; color:#333333;}
#wrapper .content .leftCol .blog-box-mid .contentHolder img{ border:1px solid #e1e1e1; padding:5px; background:#FFF; margin:15px 0px 10px 0px; }
#wrapper .content .leftCol .blog-box-mid .contentHolder p a{ clear:both;}
#wrapper .content .leftCol .blog-box-mid .contentHolder .postedby{font-size:11px; color:#9e9e9e; width:250px; float:left; margin:10px 0px 0px 0px; }
#wrapper .content .leftCol .blog-box-mid .contentHolder .readmore{ float:right; width:200px; }
#wrapper .content .leftCol .blog-box-mid .contentHolder .readmore1{ float:right; width:100px; }
#wrapper .content .leftCol .blog-box-mid .contentHolder .readmore img{ border:0px; padding:0px 0px 0px 5px; margin:10px 0px 10px 0px; background:none;}
#wrapper .content .leftCol .blog-box-mid .contentHolder .readmore1 img{ border:0px; padding:0px 0px 0px 5px; margin:10px 0px 10px 0px; background:none;}
#wrapper .content .leftCol a.oldentry{ color:#6185c5; display:block; float:left; margin:10px 0px 0px 0px; overflow:hidden; border:0px solid #F00; }
#wrapper .content .rightCol{ float:right; width:320px; border:0px solid #F00;}
#wrapper .content .rightCol .commonBlock{ background:url(images/bottom-bg.jpg) no-repeat bottom left; padding-bottom:30px;}
#wrapper .content .rightCol .commonBlock h2{font-family:Calibri; font-size:28px; font-weight:normal; margin:0px 0px 8px 20px; padding:0px; }
#wrapper .content .rightCol .commonBlock p{ margin:0px 0px 0px 20px; padding:0px 20px 10px 0px; font-size:12px; color:#333; text-align:justify; line-height:18px;}
#wrapper .content .rightCol .commonBlock p a img{border:1px solid #e1e1e1; padding:3px; background:#FFF; margin:0px 0px 5px 0px; }
#wrapper .content .rightCol .commonBlock ul{ margin:0px 20px 0px 20px; font-size:12px; color:#333;  }
#wrapper .content .rightCol .commonBlock ul li{ font-size:12px; color:#333; font-weight:bold; list-style:none;  border-bottom:1px solid #cfcfcf; padding:5px 0px 5px 0px; }
#wrapper .content .rightCol .commonBlock ul li a{ text-decoration:none; color:#333; }
#wrapper .content .rightCol .commonBlock .tagCloud{ margin:0px 20px 0px 20px; line-height:18px;}
#wrapper .content .rightCol .commonBlock .tagCloud a{ font-size:12px; color:#333333; padding:0px 3px 0px 3px; text-decoration:none;}
#wrapper .content .rightCol .commonBlock .tagCloud a:hover{ color:#1f487c;}
#wrapper .content .rightCol .commonBlock .tagCloud a span{font-family:Calibri; font-size:18px; }

/* paging */
#wrapper .content .leftCol #paging { float:left; margin:8px 0px 8px 0px; float:right; width:500px; }
#wrapper .content .leftCol #paging ul{
	/*width: 648px;*/
	height: 26px;
	float: right;
	margin: 0;
	padding-top: 3px;
	list-style: none;
	font-size: 15px;
	border:0px solid #F00;
}
#wrapper .content .leftCol #paging li {
	float: left;
	padding: 0 0px;
	/*background: url(images/split.png) no-repeat right center;*/
	position: relative;
	z-index: 1;
}
#wrapper .content .leftCol #paging li.active{ margin-right:5px;}
#wrapper .content .leftCol #paging li a {
	display: block;
	line-height: 25px;
	overflow: hidden;
	float: left;
	font-size:12px; font-weight:normal;
	margin-right:5px;
	color:#000;
	text-decoration:none;
}

#wrapper .content .leftCol #paging a .menu-left {
	background: url(images/left-menu.png) no-repeat left top;
	width: 5px;
	height: 26px;
	line-height: 27px;
	display: block;
	float: left;
}
#wrapper .content .leftCol #paging .menu-left {
	background: url(images/left-menu.png) no-repeat left top;
	width: 5px;
	height: 26px;
	line-height: 27px;
	display: block;
	float: left;
}

#wrapper .content .leftCol #paging a .menu-mid {
	background: url(images/mid-bg.png) repeat-x top left;
	height: 26px;
	line-height: 25px;
	display: block;
	float: left;
	padding: 0px 5px 0px 5px;
	color:#000;

}
#wrapper .content .leftCol #paging  .menu-mid {
	background: url(images/mid-bg.png) repeat-x top left;
	height: 26px;
	line-height: 25px;
	display: block;
	float: left;
	padding: 0px 5px 0px 5px;
	color:#FFF;

}
#wrapper .content .leftCol #paging a .menu-right {
	background: url(images/right-menu.png) no-repeat top left;
	width: 5px;
	height: 26px;
	line-height: 25px;
	display: block;
	float: left;
}
#wrapper .content .leftCol #paging .menu-right {
	background: url(images/right-menu.png) no-repeat top left;
	width: 5px;
	height: 26px;
	line-height: 25px;
	display: block;
	float: left;

}

#wrapper .content .leftCol #paging li a:hover .menu-left,
#wrapper .content .leftCol #paging li.active a .menu-left,
#wrapper .content .leftCol #paging li.active span.menu-left,
#wrapper .content .leftCol #paging li:hover a .menu-left,
#wrapper .content .leftCol #paging li a:hover .menu-mid,
#wrapper .content .leftCol #paging li.active a .menu-mid,
#wrapper .content .leftCol #paging li.active span.menu-mid,
#wrapper .content .leftCol #paging li:hover a .menu-mid,
#wrapper .content .leftCol #paging li a:hover .menu-right,
#wrapper .content .leftCol #paging li.active a .menu-right,
#wrapper .content .leftCol #paging li.active span.menu-right,
#wrapper .content .leftCol #paging li:hover a .menu-right {
	background-position: 0 -26px;
	line-height: 25px;
	color:#FFF;
}
#wrapper .content .leftCol #paging li a:hover,
#wrapper .content .leftCol #paging li.active a,
#wrapper .content .leftCol #paging li.hover a,
#wrapper .content .leftCol #paging li:hover a {
	color: #FFF;
	cursor:pointer;
	text-decoration:none;
	
}
/*end paging*/
#footer{ background:url(images/footer-bg.png) repeat-x bottom left; overflow:hidden; min-height:420px;}
#footer .Section{ width:988px; margin:0px auto; overflow:hidden;}
#footer .Section .socialApi{ float:left; width:300px; margin:0px 10px 0px 10px;}
#footer .Section #flickr-photostream{ float:left; width:300px; margin:0px 10px 0px 10px; list-style:none; }
#footer .Section  div#photoAlbum{ list-style:none; background:url(images/social-api-bg.jpg) no-repeat top; text-align:center; }
#footer .Section #flickr-photostream li{ list-style:none;}
#footer .Section .socialApi li{ list-style:none; background:url(images/social-api-bg.jpg) no-repeat top; text-align:center; padding-top:10px; }
.fbConnectWidgetTopmost{ border-style:none;}
*{border-style:none;}
.fbConnectWidgetTopmost{-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color:none;
    border-right:none;
    border-style:none;
    border-width:none;
    overflow: hidden;
    padding: 0;
    position: relative;}
#footer .Section .socialApi li img{ margin-top:10px;}
#footer .Section .socialApi h2{ font-family:Calibri; font-weight:bold; font-size:21px; margin:0px 0px 0px 10px;}
#footer .Section #flickr-photostream .widget-title a{ color:#000;}

#footer .Section .widget-title h4{ font-family:Calibri; font-weight:bold; font-size:21px; margin:0px 0px 0px 10px;}
#footer .Section .info{ clear:both; margin:30px 0px 0px 0px; float:left;}
#footer .Section .info p{ padding:5px 0px 5px 0px;}

#wrapper .content .rightCol ul li#transdeluxe{ background:url(images/bottom-bg.jpg) no-repeat bottom left; padding-bottom:30px;}
#wrapper .content .rightCol ul li#categories-3{ background:url(images/bottom-bg.jpg) no-repeat bottom left; padding-bottom:30px;}

#wrapper .content .rightCol h4{font-family:Calibri; font-size:28px; font-weight:normal; margin:0px 0px 8px 20px; padding:0px; }
#wrapper .content .rightCol .commonBlock p{ margin:0px 0px 0px 20px; padding:0px 20px 10px 0px; font-size:12px; color:#333; text-align:justify; line-height:18px;}
#wrapper .content .rightCol #translation_bar{ margin:0px 0px 0px 20px;}
#wrapper .content .rightCol ul li div a img{border:1px solid #e1e1e1; padding:3px; background:#FFF; margin:0px 0px 5px 0px; }
#wrapper .content .rightCol .commonBlock ul{ margin:0px 20px 0px 20px; font-size:12px; color:#333;  }
#wrapper .content .rightCol .commonBlock ul li{ font-size:12px; color:#333; font-weight:bold; list-style:none;  border-bottom:1px solid #cfcfcf; padding:5px 0px 5px 0px; }
#wrapper .content .rightCol .commonBlock ul li a{ text-decoration:none; color:#333; }

#wrapper .content .rightCol ul li#categories-3 ul{ margin:0px 20px 0px 20px; font-size:12px; color:#333;  }
#wrapper .content .rightCol ul li#categories-3 ul li{ font-size:12px; color:#333; font-weight:bold; list-style:none;  border-bottom:1px solid #cfcfcf;  }
#wrapper .content .rightCol ul li#categories-3 ul li a{ text-decoration:none; color:#333;}
#wrapper .content .rightCol #tag_cloud-3{ background:url(images/bottom-bg.jpg) no-repeat bottom left; padding-bottom:30px;}
#wrapper .content .rightCol #tag_cloud-3 div{ margin:0px 0px 0px 20px;}
#wrapper .content .rightCol #tag_cloud-3 div{  line-height:18px;}
#wrapper .content .rightCol #tag_cloud-3 div a{ font-size:12px; color:#333333; padding:0px 3px 0px 3px; text-decoration:none;}
#wrapper .content .rightCol #tag_cloud-3 div a:hover{ color:#1f487c;}
#wrapper .content .rightCol #tag_cloud-3 div .tag-link-82{font-family:Calibri; font-size:18px; }
#wrapper .content .rightCol #tag_cloud-3 div .tag-link-16, .tag-link-27, .tag-link-52, .tag-link-84, .tag-link-53{ font-weight:bold; font-weight:18px; }
#tag_cloud-3 div a{ font-size:12px;}

.ultaghm{}
.ultaghm li {
    background: url("images/bullet.gif") no-repeat scroll 0 7px transparent;
    list-style: none outside none;
    padding: 0px 0 8px 17px; font-weight: normal !important;
}
.ultaghm li a{
   color: #444444;
    text-decoration: none; line-height:16px
}
.maxbnr{ float: right;
    margin-top: 20px;}
.gplus{  left: 50%;
    margin-left: 279px;
  
    margin-top: 251px;
   
    position: absolute;}
