/* @override http://tusocant.vaivaisoft.com/wp-content/themes/tusocant/style.css */
/*
Theme Name:  Tusocant
Description: Default Theme For Tusocant
Version: 1
Author: Vai Vai Soft
Author URI: http://www.vaivaithemes.com/
Tags: simple, clean, widget ready
*/


@font-face {
    font-family: 'DBFuthairaHeadXMedRound';
    src: url('fonts/db_futhaira_head_x_med_round_v3.2-webfont.eot');
    src: url('fonts/db_futhaira_head_x_med_round_v3.2-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/db_futhaira_head_x_med_round_v3.2-webfont.woff') format('woff'),
         url('fonts/db_futhaira_head_x_med_round_v3.2-webfont.ttf') format('truetype'),
         url('fonts/db_futhaira_head_x_med_round_v3.2-webfont.svg#DBFuthairaHeadXMedRound') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DBFuthairaHeadXDemiBdRound';
    src: url('fonts/db_futhaira_head_x_demi_bold_round_v3.2-webfont.eot');
    src: url('fonts/db_futhaira_head_x_demi_bold_round_v3.2-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/db_futhaira_head_x_demi_bold_round_v3.2-webfont.woff') format('woff'),
         url('fonts/db_futhaira_head_x_demi_bold_round_v3.2-webfont.ttf') format('truetype'),
         url('fonts/db_futhaira_head_x_demi_bold_round_v3.2-webfont.svg#DBFuthairaHeadXDemiBdRound') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {color:#333333;}
h1, h2, h3 {font-family: DBFuthairaHeadXMedRound, sans-serif;font-weight: normal;}
h1{font-size: 34px;line-height: 1.1;margin-bottom: 12px;}
h2{font-size: 28px;line-height: 1.1;margin-bottom: 12px;}
h3{font-size: 24px;line-height: 1.1;margin-bottom: 12px;}

a { color:#C02F52; }
a:hover {color: #d53359;}

.leftbox {float:left;}
.rightbox {float:right;}
.box960 {width:960px;margin:0 auto;}
.readmore {display:block;background:url(images/arrow.png) no-repeat 80px 9px #d43e62;color:#FFFFFF;padding:5px 20px 5px 10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

/*************** Header ***************/
#header {background:#d43e62;padding:10px 0;}
#header .leftbox {width:575px;}
#header .rightbox {width:290px;}

/*************** Header : Leftbox ***************/
#logo {float:left;margin-right:20px; width:92px; height:93px; }
#header .leftbox #title {float:left;text-shadow:1px 1px #333;padding-top:10px; }
#header .leftbox h1 { margin:0; }
#header .leftbox h2 { margin:0; font-size:20px; }
#header .leftbox a { color:#FFFFFF; }
/*************** Header : Rightbox ***************/
#header .rightbox h3 {color:#681227;text-shadow:0px 1px #717171; font-size: 16px; }
#search {float:left;}
#search .search-text {background:url(images/search-text.png) no-repeat left top;border:0 none;width:155px;height:28px;padding:0 5px;float:left;color:#FFF;outline: none;}
#search .search-button {background:url(images/search-button.png) no-repeat left top;border:0 none;width:35px;height:28px;text-indent:-9999px;float:left;cursor:pointer;}
#social {float:right; height:30px; }
#social a {margin-left:5px;}

/*************** Navigation ***************/
#nav {background:url(images/nav.jpg) repeat left top;}
#mainnav {font-size:16px;line-height:40px;}
#mainnav li {float:left;display:block;padding:0 16px;height:40px;}

#mainnav li.home-menu {padding:0 7px; margin-right: 10px; }
#mainnav li.home-menu a {background:url(images/home.png) no-repeat left top;width:23px;height:21px;text-indent:-9999px;margin-top:9px;}
#mainnav li a {display:block;color:#633f3d;text-shadow:0px 1px #FFFFFF;font-family: DBFuthairaHeadXMedRound, sans-serif;font-weight: normal;
 font-size:20px; }
#mainnav li a:hover {color:#642323;}
#mainnav li ul.sub-menu { position:absolute; display:none; }
#mainnav li.on ul.sub-menu { display:block; background: #fff; z-index:100; }
#mainnav li ul.sub-menu li { float:none; background: url(images/nav.jpg) repeat left top; }
#mainnav li.current-menu-item,
#mainnav li.current_page_item,
#mainnav li.current-menu-ancestor,
#mainnav li.current_page_ancestor {background:url(images/main.jpg);}
#mainnav li.current-menu-item a,
#mainnav li.current_page_item a,
#mainnav li.current_page_ancestor a {color:#c02f52;}
#mainnav li.home-menu.current-menu-item a {background:url(images/home.png) no-repeat left -21px;}

/*************** Main ***************/
#main {padding:25px 0;background:url(images/main.jpg);}
#main .leftbox {width:510px;}
#main .rightbox {width:430px;}
#main #content-home {margin-bottom:20px;}
#main #content {margin-bottom:20px;background-color: #fff;border: 1px solid #fff;padding: 30px 39px 25px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;-moz-box-shadow: 0px 0px 6px #ccc;-webkit-box-shadow: 0px 0px 6px #ccc;box-shadow: 0px 0px 6px #ccc;}
#main #content .readmore {float:right; font-family: DBFuthairaHeadXMedRound, sans-serif;font-weight: normal; font-size:18px; }

/*************** Main : Slide ***************/
#slide { width:480px;padding:14px 14px 0 14px;margin:-4px 0 0 -4px; border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 2px #999; -webkit-box-shadow: 0 0 2px #999; box-shadow: 0 0 2px #999;background-color: #fff;}
#slideshow {width:480px; margin-bottom:14px;}
#slidenav {text-align:center;}
#slidenav ul li {display:inline;padding:4px 5px 3px 5px;background:#e4e4e4;margin:0 2px;}
#slidenav ul li a {color:#666666;font-weight:bold;}
#slidenav ul li a:hover {color:#FFFFFF;}
#slidenav ul .prev, #slidenav ul .next {background:none;}
#slidenav ul .prev a {background:url(images/prev.png) no-repeat left center;padding:0 5px;}
#slidenav ul .next a {background:url(images/next.png) no-repeat left center;padding:0 5px;}

/*************** Main : Item ***************/
.item { margin-bottom:15px;}
.item .pic {float:left;background:url(images/item-pic.png) no-repeat left top;width:75px;height:75px;padding:5px 5px 6px 5px;}
.item .info { padding-left: 100px; }
.item .info h3 {margin:0 0 5px; font-size:20px; }
.item .info h3 a {}
.item .info .excerpt {}
.item .info .excerpt p {margin:0; font-size: 12px; line-height: 1.4; }

.home .item { width:430px; }
div.pic a img {max-height: 100%;}

/*************** Main : Badge ***************/
.badge {clear:both;}
.badge a {margin-right:10px;}

/*************** Content ***************/

.entry h1 { color: #633f3d; margin:0 0 25px; }
.entry .wp-caption{text-align:center;padding:14px 14px 0 14px;margin:-4px 0 0 -4px; border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 2px #999; -webkit-box-shadow: 0 0 2px #999; box-shadow: 0 0 2px #999;}
.entry .wp-caption img{margin:0;padding:0;border:0 none;}
.entry .wp-caption p.wp-caption-text{font-size:13px;line-height:17px;padding:6px 5px 4px;margin:0;}
.entry .ui-accordion-content {padding-bottom: 25px;}

/*************** Footer ***************/
#footer {background:url(images/footer.jpg);padding:10px 0; font-size:11px;}
#copyright {float:left; color:#5c5c5c;text-shadow:1px 0px #AFAFAF;}
#footer .e-office {float:right;}

/********** Pagination ***************/
.pagination {
clear: both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding: 6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}

.pagination a:hover{
color:#fff;
background: #C02F52;
}

.pagination .current{
padding: 6px 9px 5px 9px;
background: #C02F52;
color:#fff;
}

/********** Sidebar page ***************/
#primary {
	float: left;
	width: 75%;
}
#secondary {
	float: right;
	width: 24%;
}
#secondary .wiget-item {
	margin-bottom: 15px;
	background-color: white;
	border: 1px solid white;
	padding: 15px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 0px 6px #ccc;
	-webkit-box-shadow: 0px 0px 6px #CCC;
	box-shadow: 0px 0px 6px #CCC;
}
#eulogy {
	padding-top: 15px;
	padding-bottom: 40px;
}

a.footer-button {
	background-color: #7F6558;
	border: 1px solid #7F6558;
	padding: 7px;
	color: white;
	float: right;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 6px #ccc;
	-webkit-box-shadow: 0px 0px 6px #CCC;
	box-shadow: 0px 0px 6px #CCC;
}