/**
 * Author Dan Partac
 * Copyright (C) 2005 - 2012 Dan Partac. All rights reserved.
 * @license	commercial
 * Template Tablet Styling
 */
 
 
/* headings */
h2.itemTitle, h3.catItemTitle,
h3, .column h3, .typo-column h3,
div.widget h3, div.login h1:first-child,
.blog-featured h1:first-child, .item-page h1:first-child, 
.contact h1:first-child, .blog h1:first-child, .componentheading, 
div.search h1:first-child, div.registration h1:first-child {line-height: 1 !important}
div.widget span.mod-desc { margin:0 }

/* topbar */
 #topbar .main-inner {}
 
 /* main */
.main { max-width: 980px}

/* spotlights */
.spotlight.columns-1 .modulebox {width: 100%}
.spotlight.columns-2 .modulebox {width: 49.9%}
.spotlight.columns-3 .modulebox {width: 33.2%}

.spotlight.columns-3 .modulebox:nth-of-type(3n) .inner, 
.spotlight.columns-4 .modulebox:nth-of-type(3n) .inner { margin:0 }

.widget .dnt-flickr {
    margin: 1.5em -15px 0 0;
}

.spotlight.columns-4 .modulebox.last,
.spotlight.columns-4 .modulebox {width: 33.2%}

.spotlight.columns-4 .modulebox.last {clear: both}

#content.hl,
#content.hr { width: 100%; max-width: 67%; float:left }

#left.hl,
#right.hr { min-width: auto; width: 100%; max-width: 33%; float:left }

#left.hl.hr,
#right.hl.hr { min-width: auto; width: 100%; max-width: 49.9%; float:left }

#content.hr.hl { width: 100%; max-width: 100%; float:left }

#right { width:100%; min-width: 220px; max-width: 49.9% }
#left { width:100%; min-width: 220px; max-width: 49.9% }

#content.hl.hr div.widget .inner {
    margin: 0;
}
#content.hl.hr .component-wrapper {
    margin: 1.5em 0;
}


/* mainnav */
.mainnav .menu > li ul > li:hover > a,
.mainnav .menu li.active ul li a {
    color: #333 !important;
}

.mainnav li.mini > a:hover {}

.mainnav li.mini > a.active { }

.mainnav .menu > li.deeper ul {padding: 0}

/*.mainnav li.mini  > a,
.mainnav li.mini  > a:hover,
.mainnav li.mini  > a:focus,
.mainnav li.mini:hover  > a,
.mainnav li.mini:focus  > a,
.mainnav ul.mini > li.mini > ul {border-color:#333}*/

.mainnav {}
.mainnav .main-inner {overflow:hidden;}
.mainnav ul.menu {display: none }
.mainnav ul.menu.mini {display: block; width: 100%; padding: 0 }

.mainnav ul.menu.mini ul.menu.open {display: block }

.mainnav .mini * {
	-moz-transition: none !important; 
	-webkit-transition: none !important; 
	transition: none !important;
}
.mainnav .menu > li.deeper ul {-webkit-box-shadow: none; box-shadow: none; -moz-box-shadow: none; border: 0}

.mainnav ul.mini  > li { border-right: 0; width: 100%; background: none}
.mainnav .menu > li.deeper ul li {padding: 0; margin: 0}

.mainnav li.mini li,
.mainnav .menu > li.deeper.active ul li,
.mainnav li.mini.deeper.parent ul.menu > li {
	display: block; clear:both; float:none; box-shadow:none; -webkit-box-shadow:none;
	border-bottom: 1px solid #ddd !important; border-right: 0; background:none; margin: 0; padding: 0
}

.mainnav .menu > li.active { box-shadow:none; -webkit-box-shadow:none; background-color: transparent !important}
.mainnav .mini li.active > a {color: #fff !important}

.mainnav ul.menu > li.active.deeper ul {background-color: transparent !important}

/*#mainnav-wrapper .mainnav .menu li.deeper ul li { border-bottom: 1px solid #666666 !important}*/

#mainnav-wrapper .mainnav li.mini.deeper.parent ul.menu li:last-child,
#mainnav-wrapper .mainnav li.mini.deeper.parent ul.menu li li:last-child {border-bottom: 0 !important; border-top: 0; background:none}

.mainnav .menu li ul li a {
    color: #555;
}

.mainnav li.mini ul.menu > li > a {border:0; float:none;}

.mainnav li.mini.deeper > ul { 
	margin-left: 0; margin-top: 45px; left: 0; top: 0; 
	opacity: 1; filter: alpha(opacity=100); display:none
}

.mainnav .menu li.deeper ul {width: 100%; }


/* below */
.mainnav ul.menu li.deeper li.deeper:hover > ul {
    left: 0; top: 0;
    margin-left: auto;
    opacity: 1; filter: alpha(opacity=100);
    position: relative;
}

.mainnav .menu > li > a { margin: 0 20px }
.mainnav ul.menu.mini li.mini ul.menu {position:relative !important; margin-top:0; left:0;top:0;float:left; margin-bottom: 1.5em; margin: 0 }

.mainnav ul.menu.mini li.mini > ul.menu { border-top: 1px solid #ddd !important }

.mainnav ul.menu.mini li ul.menu li ul,
.mainnav ul.menu.mini li ul.menu li ul li ul  {
	position:relative; left:auto; top: auto; 
	margin-top:0; margin-left:0; border:0; display:none;
	opacity: 1; filter: alpha(opacity=100);
	border-top: 1px solid #ddd;
}

div.top-links div > a {
    padding: 6px 0 0 0;
}

.mainnav .menu > li.deeper ul li { background-color: transparent !important }
.mainnav .menu > li ul li:hover > a {text-decoration: none; color:#333}
.mainnav .menu > li ul > li:hover > a { color: #333; }
.mainnav ul.menu.mini > li.mini > a { 
   border-bottom-color: transparent;
    border-left: 4px solid #ccc;
    border-top-color: transparent;
    height: 26px;
    line-height: 26px;
    margin: 7px 0;
    padding-left: 15px;
	color: #777
}
.mainnav ul.menu.mini > li.mini > a.active,
.mainnav ul.menu.mini > li.mini:hover > a { border-left: 4px solid #333; color: #333 }
.mainnav .menu ul li.active > a { color:#111 !important }

.mainnav ul.menu.mini li a {text-transform:uppercase; box-shadow:none !important; -webkit-box-shadow:none !important;}

.mainnav .mini li ul li.active, 
.mainnav .mini li ul li.active:hover, 
.mainnav .mini li ul li.active:active, 
.mainnav .mini li ul li.active:focus {background-color: #f0f0f0 !important}

.mainnav ul.menu.mini li ul.menu > li:hover { /*background-color: #f0f0f0 !important*/ }
.mainnav ul.menu.mini li ul.menu > li:hover li:hover {background-color: #f6f6f6 !important}
.mainnav ul.menu.mini li ul.menu > li:hover li:hover li:hover {background-color: #f9f9f9 !important}
.mainnav ul.menu.mini li ul.menu li a {border: 0 !important}

.mainnav ul.menu.mini li ul.menu a { display:block; text-transform:uppercase; width: auto !important; color: #555 !important; border:0; padding-left: 0; height: 35px; line-height: 35px;  }
.mainnav ul.menu.mini li ul.menu li ul li a { display:block; padding-left:35px; text-transform:none; }
.mainnav ul.menu.mini li ul.menu li ul li ul li a { display:block; padding-left:45px; text-transform:none; }
.mainnav ul.menu.mini li ul.menu li ul li ul li ul li a { display:block; padding-left:55px; text-transform:none; }

.mainnav ul.mini li.active:hover > a { }
.mainnav .mini li ul li.active {background-color: transparent !important; background-image: none !important;}

.mainnav .mini li ul li:hover,
.mainnav .mini li ul li.active:hover, 
.mainnav .mini li ul li.active:active, 
.mainnav .mini li ul li.active:focus { background-image: none !important;}

/*.mainnav ul.menu li.parent li.parent > ul,*/
.mainnav ul.menu li.parent li.parent li.parent > ul,
.mainnav ul.menu li.parent li.parent li.parent li.parent > ul {display:none /*!important;*/}

/*.mainnav ul.menu li.parent li.parent:hover > ul,*/
.mainnav ul.menu li.parent li.parent li.parent:hover > ul,
.mainnav ul.menu li.parent li.parent li.parent li.parent:hover > ul {/*display:block !important;*/}

.mainnav ul.menu li.parent li.parent li.parent:hover,/**/
.mainnav ul.menu li.parent li.parent li.parent li.parent:hover,
.mainnav ul.menu li.parent li.parent li.parent li.parent li.parent:hover { }

.mainnav ul.menu li.parent li.parent li.parent:hover > a,/**/
.mainnav ul.menu li.parent li.parent li.parent li.parent:hover > a,
.mainnav ul.menu li.parent li.parent li.parent li.parent li.parent:hover > a { }

#mainnav-wrapper ul.mini li > ul > li > ul > li > a { background-color: transparent !important }
#mainnav-wrapper .mainnav .menu ul li.current-menu-item > a { color: #111 !important }

/* arrows */
.menu li ul li.deeper {background-image: none;}

.menu li ul li ul li > a {
    background-image: url(../../img/arrow-b.png);
    background-position: 24px 13px;
    background-repeat: no-repeat;
}

.menu li ul li ul li > a:hover {}

.menu li ul li ul li.parent.active > a {color: #333}

.menu li ul li ul li.parent.active > a:hover {}

.menu li ul li ul li ul li > a {background-position: 35px 13px;}
.menu li ul li ul li ul li ul li > a {background-position: 45px 13px;}
.menu li ul li ul li ul li ul li ul li > a {background-position: 55px 13px;}

.mainnav .menu > li.active ul > li.active,
#mainnav-wrapper .menu li.active ul > li.deeper.active {background: none !important}

/* menu styles */
#mainnav-wrapper.clean .mainnav .menu > li.deeper > ul {
    margin-left: 15px;
}


.contact form fieldset dt {
    width: 100%; padding: 0
}

/* typography */
/* font */
body {
	/*font-size: 14px;*/
	-webkit-text-size-adjust: 100%; /*Fix Mobile Safari Font Scale*/
}


div.items-row.cols-4 div.blog-item { width: 33%;}
div.items-row.cols-3 div.blog-item { width: 33%;}
div.items-row.cols-2 div.blog-item { /*width: 48%;*/}
div.items-row.cols-1 div.blog-item { /*width: 100%;*/}

/* porftolio */
div.portfolio.cols-2 div.itemContainer {}
div.portfolio.cols-3 div.itemContainer,
div.portfolio.cols-4 div.itemContainer {width: 33.2%}

/* Logo */ 


/* Search */
#search {}

#search.active {}


#search .search {
  border: none;
}

#search .inputbox {width: 100px}

#search .button {
  display: none;
}

#pathway .main-inner { }

.breadcrumbs a { display:none }

.main-inner { /*width:auto; margin: 0 20px !important*/ }

#footer-wrapper .main-inner { }

div.top-link {
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    bottom: 0px;
	right: 20px;
}

.social-text {
    display: none;
}

.social-icons li {display:inline-block; float:left; margin: 0 0 0 1px}
.social-icons li.first, .social-icons li.first a{border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0;}
.social-icons li.last, .social-icons li.last a{border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0;}

div.top-link {
    border-radius: 5px 5px 0 0;
    bottom: 20px; margin-bottom: 0;
    right: 20px; font-size: 30px;
}
#gototop {font-size: 30px;}
div.top-link:hover a{ color: #ccc}

/* slideshow */
.flex-direction-nav li:last-child a  { border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0 }


/* k2 */
div.itemIsFeatured, div.catItemIsFeatured, div.userItemIsFeatured {background:none}
div.catItemArticleTools {
    padding: 0 1.5% 15px 0
}
.has-image span.catItemImage img { width: 100% !important }
span.catItemAuthor {display:block}
div.catItemIntroText {float:none; width: 100%;}

div.itemRatingBlock,
div.itemToolbar,
span.itemAuthor,
span.itemHits,
div.itemCategory {
    float: none;
	display:inline-block;
	border:0;
}
div.itemToolbar {
    display: none;
}
span.itemHits {float:left;}
div.itemRatingBlock {clear:both; width:100%}
span.itemDateCreated{border:0}

div.itemHeader > div,
div.itemHeader > span {display:inline-block !important}
div.itemCommentsForm form textarea.inputbox {
    max-width: 97%;
    min-width: 97%;
    width: 97%;
}

div.catItemBody.has-image div.catItemArticleTools {width: 40%; top: 100px}
div.catItemBody.has-image span.catItemAuthor {display:inline}

/* gk 
.nspCol2 {width: 50%; }
.nspCol3 {width: 33.33%; }
.nspCol4 {width: 33.33%; }*/

/* DNP portfolio */
div.portfolio-item {width: 33.3%}

/* BS columns */
.row-fluid .span2 { width: 31.6239% !important; float: left; margin-left: 2.12766% } /* 6 cols */
.row-fluid .span3 { width: 31.6239% !important; float: left; margin-left: 2.12766% } /* 4 cols */
.row-fluid .span4 { width: 31.6239% !important; float: left; margin-left: 2.12766% } /* 3 cols */
.row-fluid .span5 {  } /* 2.5 cols */
.row-fluid .span6 {  } /* 2 cols */

.row-fluid .span2:nth-child(3n+1) { margin-left: 0 } /* 6 cols */
.row-fluid .span3:nth-child(3n+1) { margin-left: 0 } /* 4 cols */
.row-fluid .span4:nth-child(3n+1) { margin-left: 0 } /* 3 cols */

.dnt-flickr-item-modal.modal.fade,
#portfolio-page-modal.modal.fade, #gallery-page-modal.modal.fade { width: 90%; margin-left: -46%; left: 50% }

.label_slider:not(.media_wrapper) {
    padding-top: 30px;
}