/*
Theme Name: Art Berman
Theme URI: http://artberman.com
Version: 1.0
Author: Genevieve G. Tan
Author URI: http://www.pause.ca
*/
html, body, body div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var, b, i, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video
{margin:0; padding:0; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, form label {display: block;}
@font-face {
    font-family: 'customFont';
    src: url('fonts/RobotoCondensed-Regular-webfont.eot');
    src: url('fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'),
         url('fonts/RobotoCondensed-Regular-webfont.svg#customFont') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1, h2, h3, #header, #topCallout, .projectDetails, #footer .social, #sideContent .title{font-family:customFont, Arial, san-serif; font-weight:normal;}
html, body{width:100%; min-width:320px;}
body{font:normal 0.8em Verdana, Helvetica, san-serif; color:#666; text-align:center; line-height:1.6em; padding:0; background-color:#efefef;}
a, a:visited{color:#3959b6; text-decoration:none;}
a:hover{color:#8097dc;}
.slider-caption h1, .slider-caption h2, .slider-caption a:hover{color:#fff;}
a img{border:0}
img{max-width:100%; height:auto;}
h1, h2, h3{font-weight:normal; line-height:1.2em; color:#4d4d4d;}
h1{font-size:3em; line-height:1.3em;}
h2{font-size:2em;}
h3{font-size:1.8em;}
h4 {font-weight:normal; font-size:1.5em;}
.smallScreen h1{font-size:2.5em;}
.smallScreen h2{font-size:1.9em;}
.smallScreen h3{font-size:1.6em;}
.smallScreen h4 {font-size:1.2em;}
p{padding:10px 0}
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} .clearfix:before,.clearfix:after{content:" "; display:table;} .clearfix:after{clear: both;} .clearfix{*zoom: 1;}
.center{text-align:center}
.sideMenuItems, .expandDivider {margin:0; list-style-type:none; padding:0;}
.fixedContent{width:1380px; max-width:96%; margin:0 auto; text-align:left;}
.no-js body, .no-js .fixedContent, .no-js #homeBody{min-width:995px;}
#header, #homeBody, #bodyContent{background-color:#fff;}


/* start core css classes */
.alignnone {margin:5px 20px 20px 0;}
.alignright {float:right; margin:5px 0 20px 20px;}
.alignleft {float:left; margin:5px 20px 20px 0;}
.aligncenter {display:block; margin:5px auto 5px;}
a .alignright {margin:5px 0 20px 20px;}
a .alignnone {margin: 5px 20px 20px 0;}
a .alignleft {margin: 5px 20px 20px 0;}
.wp-caption {background: #fff; border: 1px solid #f0f0f0; padding: 5px 3px 10px; text-align:center; max-width: 96%;}
.wp-caption img {border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto;}
.wp-caption p.wp-caption-text {margin: 0; padding: 0 4px 5px;}
/* end core css classes */

#header{font-size:1.45em; line-height:18px; z-index:1000; border-top:5px solid #555;}
#header .subTitle{width:auto; display:block; font:italic 0.8em Arial,Helvetica,sans-serif; color:#999;}
.headerSection{background-repeat:no-repeat; background-position:bottom right; height:145px; padding-left:10px;}
.smallScreen .headerSection{height:75px; background-image:none!important}
.smallScreen .headerSection a{font-size:80%;}
#header .fixedContent, #footer .fixedContent{max-width:100%;}
#wrapper, #header, #header .fixedContent, #logo{position:relative;}

/* Dropdown Transform */
.dropdown{width:100%; position:absolute; bottom:0; left:0; z-index:2500; font-size:0.9em;}
.dropdown ul{background-color:transparent; list-style-type:none; margin:0; padding:0; width:100%; clear:both;}
.dropdown li{position:relative; text-align:left; margin:0; padding:0; display:inline-block; zoom:1; *display:inline;}
.dropdown li:hover{background-color:#fff;}
.dropdown li li a:hover, .dropdown .menuItems li:hover ul {background-color:#4d4d4d;}
.dropdown li:hover a{color:#8097dc;}
.dropdown a{color:#3959b6; display:block; padding:10px;}
.dropdown .menu-item-has-children{cursor:pointer; background:transparent url('images/icon_filter-arrow-down.png') 96% 18px no-repeat;}
.dropdown .menu-item-has-children a{margin-right:20px;}
.dropdown ul ul{display:none; background-color:#4d4d4d; position:absolute; left:0; top:100%; z-index:2000; min-width:200px;}
.dropdown li li, .dropdown .menu-item-has-children li a, .no-js .dropdown li:hover ul{display:block; margin:0;}
.dropdown li li a{color:#fff;}
.dropdown li:hover li a, .dropdown li li:hover a{background-color:#999; color:#fff}
.dropdown .menu-item-has-children li a{}
.no-js .sideMenu:hover .menuContent{display:block;}
.smallScreen .dropdown{top:75px;}
.smallScreen .dropdown .menuTarget{width:75px; height:75px; top:-75px;}

.bookLink{font-weight:bold;}

#searchHeader{
	padding:10px;
	background-color:#efefef;
	font-size:0.8em;
}
#searchHeader form{
	max-width:500px;
}


#bodyContent{position:relative; background-color:#fff; color:#666;}
#bodyContent .fixedContent{padding:20px 2%;}

#mainContent, #sideContent, .fullWidthContent{text-align:left; margin:15px 0;}
#mainContent{float:left; width:68%;}
#sideContent{float:right; width:29%;}
#sideContent .children{padding-left:20px;}
#sideContent .title{font-size:1.6em; padding-top:20px; display:block;}
#sideContent h1, #sideContent h2{font-size:1.7em; background-color:#eee; padding:10px 2%; margin:0;}
#sideContent .more-link{font-size:1em; font-weight:normal; margin:0 0 20px}

#footer{padding:10px 0;}
#copyright{float:left;}
#footer .social{float:right; text-align:right;}
#footer .social span{color:#333; font-size:1.4em; display:block;}
.smallScreen #copright, .smallScreen #created{float:none; text-align:center; padding:10px 0;}

.more-link{font-weight:bold; text-transform:uppercase; font-size:1.1em; display:block;margin-top:2%;}


/*home*/
#homeSlider{padding-bottom:10px;}
.newsList{list-style-type:none; margin:0; padding:0; text-align:center;}
.newsList li{padding:10px 0; margin:0; text-align:left;}
.newsList img{max-width:100%; margin:0; auto;}
.newsList .title{font-size:1.6em; padding-top:20px; display:block;}
.newsList.horizontalBlocks li{padding: 10px 1%;}
.homeNews h1, .homeNews h2{font-size:1.7em; background-color:#eee; padding:10px 2%; margin:0;}
.newsList .more-link{font-size:1em; font-weight:normal; margin:0 0 20px}
.homePadding{padding:20px;}


/*columns*/
.col{display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.spaceBetween{padding-right:4%;}
.twoColumns .col{width:47%;}
.smallScreen .col{padding:0; width:100%!important; display:block; padding-bottom:30px}
.colPadding{padding:10px;}
.oneFourth{width:25%;}
.twoFourth{width:50%;}


/*thumbnails*/
.attachment-post-thumbnail, .attachment-entryImgPreview{}
.attachment-slider-img{height:auto;}

/*basic forms*/
.required{color:#ff9900; font-weight:bold;}
input, textarea, select{padding:5px 2%; border:1px solid #cdcdcd; font:normal 1em Verdana,Helvetica,san-serif; width:96%;}
.field{padding:2% 0;}
.btn, .button, a.btn, button, input[type='submit']{width:auto; background-color:#3959b6; color:#fff; text-transform:uppercase; border:0; padding:15px; cursor:pointer; font-size:1.1em; display:inline-block; zoom:1; *display:inline; text-align:center; font-weight:bold;}
.btn:hover, .button:hover, button:hover, input[type='submit']:hover{background-color:#8097dc}
a.btn, span.btn{display:block; display:inline; line-height:50px;}

/*slider*/
.rSlide{list-style-type:none; margin:0; padding:0;}
.rSlide li{position:relative;}
.rSlide img {width:100%; height:auto; display:block; margin:0 auto;}
.rSlide .slideDesc{position:absolute; bottom:0; left:0; z-index:2; width:96%; padding:5px 2%; text-align:left; background:transparent url('images/slideTitleBG.png'); color:#fff;}
.rSlide .slideDesc h1, .rSlide .slideDesc h2, .rSlide .slideDesc h3{color:#fff;}
.rSlide .slideDesc p{padding-top:0;}
.rSlide .slideDesc a{color:#fff; text-transform:uppercase; text-decoration:underline;}
.rSlide .slideDesc a:hover{color:#8097dc}
.rSlide .bx-wrapper{width:1430px;}
.bx-wrapper {position:relative; margin:0 auto; padding:0; *zoom:1;}
.bx-wrapper .bx-viewport {left:0;
-webkit-transform:translatez(0); -moz-transform:translatez(0); -ms-transform:translatez(0); -o-transform:translatez(0); transform:translatez(0);}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position:absolute; bottom:-30px; width:100%;}
.bx-wrapper .bx-loading {min-height:50px; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000; background:url('images/loader.gif') center center no-repeat #fff;}
.bx-controls-direction a{background:transparent url('images/slider-controls.png') no-repeat; opacity:0.35; position:absolute; top:50%; margin-top:-16px; outline:0; width:70px; height:70px; text-indent:-9999px; z-index:900;}
.bx-controls-direction a:hover{opacity:1;}
.bx-wrapper .bx-controls-direction a.disabled {display:none;}
.bx-wrapper .bx-prev{left:0; background-position:0 0;}
.bx-wrapper .bx-next{right:0; background-position:-70px 0;}
.rSlide .bx-wrapper .bx-prev{background-position:0 0;}
.rSlide .bx-wrapper .bx-next{background-position:-72px 0;}

/*top header*/
.topCallout{padding:0; max-width:100%; background-repeat:no-repeat; background-position:right center;}
.topCallout div{width:50%; padding: 10px 2% 15px;}
.topCallout span{font-size:1.3em}
.topCallout.whiteText h1, .topCallout.whiteText div{color:#fff;}

/*page callouts*/
.pageCallouts{margin:15px 0 0; padding:0; background:#eee url('images/white-divider.gif') top center repeat-y;}
.pageCallouts li{display:inline-block; zoom:1; *display:inline; padding:10px 2%; width:44.5%; vertical-align:top; margin-right:1%;}
.smallScreen .pageCallouts{background-image:none;}
.smallScreen .pageCallouts li{display:block; width:auto; border-bottom:5px solid #fff;}

/*Blog*/
.attachment-single-post-thumbnail{display:block;}
.entryImg{display:block; float:right; padding:0 0 1% 2%}
.entryDivide{width:100%; padding:10px 0;}
.entryDivide h2{margin-bottom:2%;}
.postAuthor{font-size:0.9em; padding-top:5px; display:block; color:#999; text-transform:uppercase;}
.postDate span{display:block; text-transform:uppercase; font-size:0.5em}
.attachment-entryImgPreview{float:left; margin-right:3%;}
.itemListed .itemInfo{display:inline-block; zoom:1; *display:inline; vertical-align:middle;}
.itemListed .itemInfo{padding-left:2%; width:98%; border-bottom:1px solid #ccc;}
.smallScreen .itemListed{text-align:center;}
.smallScreen .itemListed img, .smallScreen .itemListed .itemInfo{width:auto; display:block; margin:0 auto;}
.archiveDropdown{margin-top:10px;}

/*comments*/
#respond{border-top:1px solid #ccc; margin:10px 0 20px; padding-top:20px;}
#commentform{margin-bottom:20px;}
#commentform .btn{margin-top:10px;}
#comments{margin:50px 0 10px;}
.commentlist li{padding:10px 0;}

/*side menu*/
.sideMenu ul, .sideMenu li ul {list-style-type:none; padding:0; margin:0;}
.menuClickTarget{display:none; padding:10px 20px 10px 10px; background:#fff url('images/icon_filter-arrow-down.png') 95% center no-repeat; cursor:pointer; border:1px solid #ccc;}
.menuClickTarget:hover{background-color:#3959b6; color:#fff;}
.sideMenu li{padding:5px 0;}
.sideMenu h2{margin-top:20px;}
.sideMenu li li{margin:2px 0; padding:0;}
.sideMenu li li:hover{color:#fff;}
.sideMenu li li a, #recentcomments li{display:block; padding:5px 10px; background-color:#fff;}
.sideMenu li a:hover, #recentcomments li:hover{background-color:#3959b6; color:#fff;}
#recentcomments a{display:inline; padding:0; background-color:transparent;}
#searchform input{width:auto; display:inline-block; zoom:1; *display:inline; vertical-align:middle; border-right:0;}
#searchform .searchField{width:70%; padding:5px 1%;}
#searchform .btn.search{padding:5px 2%; width:20%; max-width:40px}

/*Pagination*/
.pagePagination {padding:10px 0; position:relative; font-size:0.9em; line-height:1.2em;}
.pagePagination span, .pagePagination a {display:inline-block; zoom:1; *display:inline; margin: 2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto;}
.pagePagination a:hover, .pagePagination .current{color:#fff; background: #3959b6;}

/*gallery*/
.gallery {margin:auto; height:140px;}
.gallery-item {display:inline-block; zoom:1; *display:inline; vertical-align:top; margin-top:10px; text-align:center; width:33%;}
.gallery-icon {width:200px; margin-right:16px;}
.gallery-caption {margin-left: 0;}

/*Search*/
.searchResults{text-align:left; display:block; padding:0; list-style-type:none;}
.searchResults h5{font-size:1.3em; font-weight:bold;}
.searchResults li{padding:10px 0; border-top:1px solid #ccc;}

/*Easy Contact Form custom styling*/
.twoColField, .twoColField-wrap{width:49%; display:inline-block; zoom:1; *display;inline; vertical-align:top;}
.fullWidthField-wrap, .smallScreen .twoColField-wrap{display:block; width:99%;}
.ufo-customfields-required-suffix{color:#c00!important; font-weight:bold;}
div.ufo-customform-row{margin-top:10px;}
div.ufo-form label{font-weight:bold;}
div.ufo-form .ufo-customfields-field-description{font-style:italic;}

.smallScreen div.ufo-form div span span{display:inline;}
.smallScreen div.ufo-customform-row {display:block; width:96%; padding:2%; margin:0;}

@media only screen and (max-width:55em){
	#topMenu{background-color:#4d4d4d}
	.dropdown{left:auto; right:0; bottom:auto; top:145px;}
	.dropdown ul{display:none;}
	.dropdown .menuTarget, .display, .dropdown li{display:block!important;}
	.dropdown .menuTarget{width:50px; height:50px; background:#4d4d4d url('images/icon_menuDropdown.png') center center no-repeat; cursor:pointer; position:absolute; top:-50px; right:0;}
	.dropdown li:hover{background-color:#999;}
	.dropdown li:hover a{color:#fff;}
	.dropdown a{color:#fff;}
	.dropdown .menu-item-has-children a{margin-right:20%}
	.dropdown .menu-item-has-children{background-image: url('images/icon_menu-arrow-down.png');}
	.dropdown ul ul{position:static;}
	
	#homeBody #mainContent, #homeBody #sideContent, #home .col{float:none; width:100%;}
	.smallScreen #searchHeader form{
		width:100%;
		padding:0;
	}
}
@media only screen and (max-width:48.75em){
	.menuClickTarget{display:block;}
	#mainContent, #sideContent{width:100%; padding:0;}
	#logo{max-width:60%;}
	.menuContent{display:none; background-color:#fff; border:1px solid #ccc; border-top:0;}
	.sideMenu li{padding:8px 1%;}
	.sideMenu h2{padding-top:10px;}
	.sideMenu h2, .sideMenu #searchform{margin-top:0;}
	#bodyContent .fixedContent.noPadding, .pageCallouts a{padding:0; max-width:100%;}
	#sideNav, #bodyWithSide{width:96%; display:block;}
	
	#copyright, #footer .social{float:none;display:block;}
	#footer .social{text-align:left; margin-top:20px;}
	
	/*top header*/
	.topCallout{background-image:none!important; height:auto!important}
	.topCallout div{width:96%;}
	
	/*slider*/
	#homeBody .bx-wrapper{background-color:#444;}
	.rSlide .slideDesc{position:static; background-image:none;}
	.bx-controls-direction a{top:25%;}
}