/*
Description: Baralalaye.com
Author: Ebitenyefa Baralaye
*/	


/* -- -- Template - START -- -- */

/*-- Start - Global Formatting ---*/


body {
	font-family: helvetica, verdana, arial;
	color: #575757;
	}
a {
	color: #4F569F;
	}
a:hover {
	text-decoration: underline;
	}
a.btn, .btn a {
	display:inline-block;
	color:#fff;
	font-size:11px;
	letter-spacing:3px;
	padding:4px 8px 2px 8px;
	background:#ccc;
	border-radius:8px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	white-space:nowrap;
}
a.btn:hover, .btn a:hover {
	background:#4F569F;
}
h1, h2, h3, h4 {
	font-weight:normal;
	text-transform: capitalize;
	line-height: 170%;
	letter-spacing: 2px;
	color:#333;
	}
h1 {
	font-size: 170%;
	margin-bottom: 10px;
	}
h2 {
	font-size: 150%;
	margin-bottom: 10px;
	}
h3 {
	font-size: 130%;
	margin-bottom: 5px;
	}
h4 {
	font-size: 120%;
	margin-bottom: 3px;
	}
p {
	font-size: 120%;
	line-height: 160%;
	margin-bottom: 10px;
	letter-spacing:1px;
	}
.em, em {
	background-color:#f3f3f3;
	border-radius: 6px;
	padding:2px 4px;
	white-space:nowrap;
	}
.small, small {
	font-size: 10px;
}
.hr, hr {
	border-bottom:1px solid #ccc;
	padding-top:8px;
	margin-bottom:14px;
	clear:both;
	}
/*--------- UL,OL styling -----------*/
ul.list,
ol.list { 
	font-size: 120%;
	letter-spacing:1px;
	}
ol.list,
ul.list {
	margin: 0 0 0 20px;
	padding: 0 0 3px 0;
	}
ol.list.inside,
ul.list.inside {
	margin: 0;
	}
ol.list li,
ul.list li {
	line-height: 150%;
	padding: 3px 0 3px 0; 
	}
ol.list p,
ul.list p {
	font-size:12px;
	margin-bottom:0;
}
ol.list ol,
ol.list ul,
ul.list ol,
ul.list ul {
	font-size: 100%;
	padding: 0 0 0 10px; 
	}
ol.list li li,
ul.list li li {
	padding: 6px 0 0 0; 
	}
ul.items li {
	padding-bottom: 5px;
	}
/*--------- Social buttons -----------*/
ul.social-btns {
	padding-bottom: 10px;
	}
ul.social-btns li {
	float:left;
	padding: 5px 5px 0 0;
	}
ul.social-btns li:last-child,
ul.social-btns li.last {
	padding-right: 0;
	}
ul.social-btns .btn-s a {
	float:left;
	display:block;
	border: 1px solid #ccc;
	background: #eee;
	padding:4px 4px 4px 4px;
	border-radius:3px;
	height:10px;
	line-height:10px;
	}
ul.social-btns .btn-s a:hover {
	text-decoration:none;
	border-color: #999;
	}

/*-- End - Global Formatting ---*/

#bg_img {
	position: absolute;
	top:0;
	left:0;
	z-index:1;
	width: 100%;
	min-height: 100%;
	opacity: .10;
	filter: alpha(opacity=10); 
	background-position: center top;
	background-repeat: no-repeat;
	}
* html #bg_img {
	height: 100%;
	} 
#bg_logo {
	position: absolute;
	top:0;
	left:0;
	z-index:0;
	height: 300px;
	width: 100%;
	background: url(/images/template/BodyBgsmall-track.gif) center -1px repeat-x;
	opacity: .70;
	filter: alpha(opacity=70); 
	}
#Wrap {
	position:relative;
	z-index:2;
	width: 900px;
	margin: 0 auto;
	padding: 14px 0 30px 0;
	}
#Top {
	height: 52px;
	position: relative;
	z-index: 10;
	}
#Top a.logo {
	display:block;
	display:inline-block;
	position: absolute;
	left:0;
	bottom:0;
	font-size:140%;
	line-height:170%;
	letter-spacing:3px;
	text-decoration:none;
	}
#Top a.logo:hover {
	border-bottom: 2px solid #4F569F;
	bottom:-2px;
	}
#Sub {
	border-top:2px solid #dfdfdf;
	padding: 40px 0 50px 0;
	z-index: 1;
	}
.banner {
}
.page-body {
	padding: 0 0 0 0;
	}
.page-body .col {
	float: left;
	padding-right: 5%;
	}
.page-body .col.side {
	width: 23%;
	}
.page-body .col.body {
	width: 72%;
	}
.page-body .row {
	margin-bottom: 20px;
	width: 100% !important;
	}
.page-body .page-main {

	margin: 0 auto 0 auto;

	}
.page-body .last {
	padding-right: 0 !important;
	margin-bottom: 0 !important;
	margin-right: 0 !important;
	clear: right;
	}
#gMap { /* Google Map popup default dimension */
	width: 400px;
	height: 400px;
	}
#Bottom {
	position: relative;
	border-bottom: 2px solid #dfdfdf;
	height: 24px;
	}
#Bottom .site-search {
	position: absolute;
	left:718px;
	bottom:-1px;
	font-size: 120%;
	line-height: 12px;
	letter-spacing:1px;
	}
#Bottom input.field {
	display: block;
	height: 16px;
	padding: 3px;
	border: 1px solid #dfdfdf;
	background-color: #eeeeee;
	float: left;
	color:#666666;
	border-radius: 8px 8px 0 0;
	}
#Bottom .site-search input.field {
	width: 141px;
	}
#Bottom input.btn {
	float: left;
	display: block;
	height: 20px !important;
	border:0;
	background:none;
	outline:none;
	color:#4F569F;
	padding:0 0 0 6px;
	margin:0;
	font-size:13px;
	cursor: pointer;
	}
#Bottom .social-media {
	position: absolute;
	left: 718px;
	top: 70px;
	}
#Bottom .social-media li {
	padding-bottom:10px;
	}
#Bottom .social-media a {
	display:block;
	float:left;
	padding-right:8px;
	}
#Bottom .copyright {
	position:absolute;
	top:80px;
	left:0;
	letter-spacing:4px;
	}
#Bottom #google_translate_element {
	position: absolute;
	top:36px;
	left:718px;
}

#Bottom .mailing-list {
	position:absolute;
	width:330px;
	left:0px;
	top:1px;
}
#Bottom .mailing-list h3,
#Bottom .mailing-list .hr {
	display:none;
}

#Bottom .mailing-list input {
	height:16px;
	font-size:110%;
	width:103px !important;
}
#Bottom .mailing-list input.email {
	border-radius: 8px 0 0 0;
	border-right:0;
}
#Bottom .mailing-list input.name {
	border-radius: 0 8px 0 0;
	border-left:0;
}
#Bottom .mailing-list li {
	width:110px !important;
}

#Bottom .mailing-list input.btn {
	width:auto !important;
	font-size:13px;
}
	
.header {
	width: 500px;
	margin-bottom:20px;
	}
.header h1 {
	display:inline;
	}
.header h2 {
	display:inline;
	font-weight:normal;
	}
.header p {
	font-size:110%;
	margin:0;
	}
.trans {
	z-index: 1 !important;
	position: absolute !important;
	top: 0;
	left: 0;
	opacity: .10;
	background: #000;
	filter: alpha(opacity=10); 
	width: 100%;
	height: 100%;
	}
.h-title {
	margin-bottom: 14px;
	border-bottom: 2px solid #dfdfdf;
	letter-spacing: 2px;
	}
.h-title.z-m {
	margin-bottom:0;
	}
.h-title a {
	display:block;
	display:inline-block;
	text-decoration:none;
	}
a.h-title.active,
a.h-title:hover,
.h-title a:hover {
	border-bottom: 2px solid #4F569F;
	margin-bottom:-2px;
	}
.h-title.sub {
	margin-bottom: 7px;
	border-bottom: 1px solid #dfdfdf;
	}
.h-title.sub a:hover {
	border-bottom: 1px solid #4F569F;
	margin-bottom:-1px;
	}
	
/*******************************************
Template - END
********************************************/

/*******************************************
Sub/Full Pages - START
********************************************/

.page-body.home .intro {
	margin:0;
	}
.page-body.home .innerfade {
	opacity: .0;
	filter: alpha(opacity=0); 
	}
.page-body.home .page-main {
	}
.page-body.home .section {
	float: left;
	}
.page-body.home .banner  {
	position:relative;
	}
	.page-body.home .banner a  {
	position:relative;
	display:block;
	height:200px;
	}
.page-body.home .banner .caption {
	background:transparent url(/images/plugin/classic-accordion/captionBg.png);
	background:rgba(0,0,0,0.5);
	padding:14px 30px 10px 30px;
	position:absolute;
	bottom:0;
	left:0;
	font-size:140%;
	letter-spacing:2px;
	color:#fff;
	width:auto;
	text-align:center;
	display:block;
	}
.page-body.home .section.a {
	width: 75%;
	}
.page-body.home .section .row .body {
	height:200px;
	position:relative;
	overflow:hidden;
	}
.page-body.home .section.b .row.b,
.page-body.home .section.a .row.a {

	}
.page-body.home .section.a .row.b {
	}
.page-body.home .section .row ul.links a {
	font-size:110%;
	letter-spacing:2px;
	}
.page-body.home .section .row ul.links li {
	margin-bottom:16px;
	}
.page-body.home #twitter_div li {
	margin-bottom:5px;
	line-height:160%;
	}
.page-body.home .section.a .row.b .body {
	height:200px;
	}
.page-body.home .section.a .row.c .col.a {
	width: 50%;
	}
.page-body.home .section.a .row.c .col.b {
	width: 45%;
	}
.page-body.home .section.b {
	width: 20%;
	padding-left: 5%;
	}
.thumb {
	display:block;
	height:200px !important;
	overflow:hidden;
	}
.page-body.home .section.b .row p {
	font-size: 110%;
	margin:0;
	position: absolute;
	bottom:0;
	left:0;
	width:180px;
	background:transparent url(/images/plugin/classic-accordion/captionBg.png);
	background:rgba(0,0,0,0.5);
	z-index: 5;
	color:#fff;
	padding:7px 10px;
	}
.page-body.home .section.b .row.a {
	width: 100%;;
	}
.page-body.home .post {
	margin:0 0 10px 0;
	}
.page-body.home .post .h-title {
	font-size:120%;
	letter-spacing:1px;
	}
.page-body.home .post .h-title,
.page-body.home .post .h-title a:hover {
	border:0;
	margin:0;
	}
.page-body.home .post .h-title a:hover {
	text-decoration:underline;
	}
.page-body.web li em {
	font-size:10px;
	}
.page-body ul.featured {
	width: 100%;
	}
.page-body ul.featured p {
	font-size:100%;
	}
.page-body.statement p,
.page-body.biography p {
	text-indent: 30px;
	}
.head-shot {
	display: block;
	margin:-25px auto 25px auto;
	}
.page-body.in-progress .body {
	height:450px;
	}
.page-body.in-progress .productItem a {
	display:none;
	}
.page-body.in-progress .productItem a.main {
	display:table-cell;
	}
.page-body.resume .page-main h2 {
	letter-spacing: 3px;
	text-transform:uppercase;
	}
.page-body.resume .page-main h3 {
	letter-spacing: 2px;
	text-transform:uppercase;
	margin: 0 0 8px 0;
	padding-top:5px;
	}
.page-body.resume  p {
	margin: 0 0 10px 30px;
	}
.page-body.resume  ul.list {
	margin-bottom: 9px;
	margin-left: 30px;
	}
.page-body.resume  ul.list.square,
.page-body.resume  ul.list.disc {
	margin-left: 45px;
	}
.page-body.links ul.nav {
	margin-bottom: 30px;
	position: fixed;
	width: 160px;
	padding: 5px;
	}
.page-body.links ul.nav li.row {
	width: 150px !important;
	padding: 5px;
	position: relative;
	z-index: 6;
	margin-bottom: 0;
	}
.page-body.links ul.nav h2 {
	padding-bottom: 5px;
	font-size: 120%;
	}
.page-body.links ul.nav h2 a {
	letter-spacing: 2px;
	display: block;
	padding: 0 5px;
	background: #f3f3f3;
	}
.page-body.links ul.nav ul {
	padding-bottom:0;
	}
.page-body.links #suggest-a-link {
	display: none;
	}
.page-body.links .section {
	padding: 0 0 15px 200px;
	}
.page-body.links .page-main p {
	margin-left: 20px;
	}
.page-body.links .page-main ul {
	padding-bottom: 15px;
	}
.page-body.links .page-main h1 {
	position: relative;
	letter-spacing: 10px;
	}
.page-body.links .page-main strong {
	font-size: 200%;
	position: absolute;
	left: 2px;
	}
.page-body.links .page-main .title-desc {
	position: relative;
	font-size: 110%;
	letter-spacing: 1px;
	margin: 0;
	padding-left: 20px;
	}
.page-body.links .page-main h1 a.back {
	position: absolute;
	right: 5px;
	top: 10px;
	letter-spacing: 1px;
	font-weight: normal;
	text-decoration: underline;
	font-size: 11px;
	margin: 0;
	}
.page-body.links .page-main h3 {
	letter-spacing: 2px;
	background: #f3f3f3;
	padding: 2px 5px;
	margin-bottom: 5px;
	}
.page-body.links .page-main h4 {
	padding: 0 5px;
	border: 1px dashed #f9f9f9;
	border-width: 0 0 1px 1px;
	margin-bottom: 5px;
	}
.page-body.home .blog-post .links {
	display: none;
	}
.page-body.news #twitter_div {
	/*height: 400px;
	overflow:auto;*/
}
.page-body.news #twitter_update_list {
}
.page-body.news #twitter_div li {
	font-size: 100%;
    line-height: 160%;
    margin-bottom: 10px;
}
.page-body.art .productItem .image a.innerfade {
	display:block !important;
	opacity:0;
	top:0 !important;
	left:0 !important;
}
.page-body.art .productItem .image img {
	display:block;
}
.page-body.about .productSmall img {
	width:150px;
	height:150px;
}
	
.page-body.samples .page-main{
	width:720px;
}
	
.page-body.samples .productList {
	float:left;
	width:360px;
	padding-bottom: 30px;
}

.page-body.samples .productList h3 {
	text-align:center;
	margin:0 15px;
}

.page-body.samples .productList .productItem {
	padding-top:6px;
}

.page-body.resume .section {
	/*
	float:left;
	width:425px;
	padding:0 25px 20px 0;
	*/
}
	
/*-- Gallery --*/

object.gallery {
	display: block;
	padding-top: 10px;
	width: 900px;
	height: 450px;
	}

/*-- RSS --*/

/*******************************************
Sub Pages - END
********************************************/

/*--------- Global -----------*/
#TopNav li,
#LeftNav li,
#BottomNav li,
#SecureZNav li {
	}
#TopNav a,
#LeftNav a,
#BottomNav a,
#SecureZNav a {
	}

/*--------- Top Nav -----------*/
#TopNav {
	position:absolute;
	right:0;
	bottom:0;
	}
#TopNav #web {
	display: none;
	}
#TopNav #home a {
	font-size: 100%;
	text-transform:uppercase;
	}
#TopNav ul {
	}
#TopNav ul li {
	float:left;
	position: relative;
	}
#TopNav ul li a {
	display:block;
	float:left;
	padding:20px 20px 5px 20px;
	font-size: 150%;
	height:15px;
	letter-spacing: 1px;;
    white-space: nowrap;
	text-decoration:none;
	}
#TopNav ul li.selected a,
#TopNav ul li a:hover {
	border-bottom: 2px solid #4F569F;
	margin-bottom:-2px;
	}
#TopNav ul li ul li,
#TopNav ul li ul li a {
	background:#F3F3F3;
	}
#TopNav ul li ul {
	display: none;
	position: absolute;
	top: 42px;
	right:0;
	width: 700px;
	
	}
#TopNav ul li.selected ul {
	display: block !important;
}
#TopNav ul li ul li {
	float: right;
	}
#TopNav ul li ul li a {
	font-size: 110%;
	line-height:100%;
	padding:12px;
	border:0 !important;
	margin:0;
	}
#TopNav ul li ul li a.active,
#TopNav ul li ul li a:hover {
	text-decoration:underline;
	border:0 !important;
	margin:0;
	}

/*--------- Left Nav -----------*/
#LeftNav {
	}
#LeftNav ul {
	}
#LeftNav ul li {
	}
#LeftNav ul li.selected {
	}
#LeftNav ul li a {
	}
#LeftNav ul li ul {
	}
#LeftNav ul li.selected ul li { /* .dynMenu_LeftNav_main */
	}
#LeftNav ul li.selected ul li a {
	}
#LeftNav ul li.selected ul li a.active,
#LeftNav ul li.selected ul li a:hover {
	}
#LeftNav ul li.selected ul li ul {
	}
#LeftNav ul li.selected ul li ul li { /* .dynMenu_LeftNav_sub1 */
	}
#LeftNav ul li.selected ul li ul li a {
	}
#LeftNav ul li.selected ul li ul li a:hover {
	}
#LeftNav ul li.selected ul li ul li ul {
	}
#LeftNav ul li.selected ul li ul li ul li { /* .dynMenu_LeftNav_sub2 */
	}
#LeftNav ul li.selected ul li ul li ul li a {
	}
#LeftNav ul li.selected ul li ul li ul li a:hover {
	}
#LeftNav ul li.selected ul li ul li ul li ul {
	}

/*--------- Bottom Nav -----------*/
#BottomNav {
	z-index:1;
	position: absolute;
	right: 220px;
	top: 7px;
	padding-bottom:30px;
	}
#BottomNav ul {
	width:340px;
	}
#BottomNav ul li {
	float:left;
	padding:0 0 0 30px;
	}
#BottomNav ul li a {
	display:block;
	float:left;
	padding-bottom:4px;
	font-size: 130%;
	height:13px;
	line-height:13px;
	letter-spacing:1px;
	}
#BottomNav ul li .active,
#BottomNav ul li a:hover {
	text-decoration:none;
	border-bottom: 2px solid #4F569F;
	margin-bottom:-1px;
	}
#BottomNav ul li ul {
	width:auto;
	padding-top:27px;
	}
#BottomNav ul li ul li {
	float:none;
	padding:0 0 5px 0;
	}
#BottomNav ul li ul li a {
	font-size: 110%;
	font-weight:normal;
	float:none !important;
	padding:0;
	}
#BottomNav ul li ul li .active,
#BottomNav ul li ul li a:hover {
	border:0 !important;
	margin:0 !important;
	text-decoration:underline;
	}

/*--------- Secure Zone Nav -----------*/
#SecureZNav {
	}
#SecureZNav ul {
	}
#SecureZNav ul li { /* .dynMenu_SecureZNav_main */
	}
#SecureZNav ul li a {
	}
#SecureZNav ul li a:hover {
	}

/************ Dynamic Menus - END *************/

/* Feedburner */
.feed-wrap {
font-size: 110%;
margin-bottom:20px;
width:700px;
position:relative;
}
.feedburnerFeedBlock {
padding-top:25px;
height: 250px;
overflow:auto;
}
.feedburnerFeedBlock .feedTitle {
position:absolute;
top:0;
left:0;
}
.feedburnerFeedBlock .feedTitle,
.feedburnerFeedBlock .feedTitle a {
font-weight:bold;
color:#663333;
}
.feedburnerFeedBlock li {
line-height:170%;
margin:0 0 10px 15px;
list-style-type: disc;
list-style-position: outside;
}

/* Galleria */
.galleria,
.galleria .tabs,
.galleria .set {
	position:relative;
	height:500px;
	width:675px;
	}
.galleria .set {
	position:absolute;
	}
.galleria .tabs {
	height:20px;
	text-align:center;
	}
.galleria .tabs a {
	padding: 6px 15px 4px;
	margin:0;
	white-space:nowrap;
	letter-spacing:1px;
	font-size: 120%;
	}
.galleria .tabs a:hover {
	text-decoration:none;
	}
#Wrap.web {
	margin-bottom:60px;
}
#Wrap.web #BottomNav {
	right:250px;
}
#Wrap.web .social-media {
	left:auto;
	right:0;
	top:30px;
}
.b-s {
box-shadow: 0 0 10px #DFDFDF;
}