/*
Theme Name: Size Mttrs
Theme URI: http://www.happycomb2b.com/
Author: Happycom
Author URI: http://happycomb2b.com/
Description: Size Mttrs is a responsive and unique theme designed for Designers, Artists, Photographers, etc, who want to show their work from a wider view, but adapting it to any device.
All your content will adapt to any screen, wide screen, laptop, tablet and smartphone.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags:dark, light, white, black, two-columns, left-sidebar, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, translation-ready
*/

/*----------------------------------------
Kisterem_(Re)Design: Ferenc Eln
http://www.elnferenc.net
----------------------------------------*/

/* ---------------------------------------- */
/* Base structure
/* ---------------------------------------- */

html, body { height:100% }
body { margin:0; padding:0 }
body { font:12px Helvetica, Arial, sans-serif; color:#666; background-color:#FFF; /*background:url(images/bgtexture_dark.png) #282a2d; text-shadow:0 1px 1px rgba(0,0,0,0.3)*/ }
fieldset { margin:0; padding:0; border:0; background:none }
a { text-decoration:none }
* { -webkit-tap-highlight-color:rgba(0,0,0,0) }
h1, h2, h3, h4, h5, h6 { color:#000 }
h1 { font-size:300%!important; line-height:42px }
h2 { font-size:200%!important; line-height:30px }
h3 { font-size:150%!important; line-height:22px }
h4 { font-size:120%!important; line-height:20px }
h5 { font-size:100%!important; line-height:18px }
h6 { font-size:70%!important; line-height:14px; text-transform:uppercase }

/* ---------------------------------------- */
/* Common Classes
/* ---------------------------------------- */

a { -webkit-transition:color .1s linear; -moz-transition:color .1s linear; -o-transition:color .1s linear; -ms-transition:color .1s linear; transition:color .1s linear }

.portfolio-content .mosaic .entry-hover,
.navigation-posts a:hover,
.more-link:hover,
.button:hover,
.text:hover,
p.artist:hover,
.flex-direction-nav li .next:hover,
.flex-direction-nav li .prev:hover { -webkit-transition:background-color .1s linear; -moz-transition:background-color .1s linear; -o-transition:background-color .1s linear; -ms-transition:background-color .1s linear; transition:background-color .1s linear }

#logo,
#sidebar ul,
.portfolio-content .display, .filters,
.contactform,
#sidebar .widget ul,
.widget-area .widget ul,
.single-portfolio .images { list-style:none; margin:0; padding:0 }

/*.drop-menu:after,*/
.nav-top .expand-button .icon,
.info,
.navigation .icon,
.display-mode .mosaic,
.display-mode .full,
.comment-reply-link,
.comment-edit-link,
/*span.icon { background:url(images/sprite.png) no-repeat }*/

.clear { clear:both; display:block; font-size:0; height:0; line-height:0; width:100% }
.clearfix:before, .clearfix:after { content:""; display:block; height:0; overflow:hidden }
.clearfix:after { clear:both }
.clearfix { zoom:1 }

.aligncenter { margin-left:auto; margin-right:auto; display:block; clear:both }
.alignleft,
.left { float:left }
.alignright,
.right { float:right }

.left { margin:0 20px 20px 0 }
.right { margin:0 0 20px 20px }

.wp-caption { margin-top:10px 0 20px 0; max-width:500px; padding:10px }
.wp-caption img { display:block; margin:0 auto }
.wp-caption .wp-caption-text, .gallery-caption { font-size:12px; }
.wp-caption .wp-caption-text { margin-bottom:10em; padding:10px 0 5px 40px; position:relative; }

.blog .sticky .entry-header .entry-meta { clip:rect(1px 1px 1px 1px); /* IE6, IE7 */ clip:rect(1px, 1px, 1px, 1px); position:absolute !important }
.gallery-caption { font-size: 12px }
.bypostauthor { }

/*p { margin:0 0 10px 0 }*/

blockquote { color:#999; margin:0 0 10px 0; padding:5px 20px 5px 40px; background:url(images/quote.png) no-repeat 10px 10px; line-height:20px!important; font-size:110%!important }
cite { font-weight:bold; color:#666; display:block; padding:10px 0 0 0 }

img, object, embed { max-width:100% }
img { height:auto; border:0 }

span.icon { display:inline-block }

.post,
#respond,
#comments .comment-body { border:0px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;/*background-color:#FFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0px 10px 20px rgba(0,0,0,0.2); -moz-box-shadow:0px 10px 20px rgba(0,0,0,0.2); box-shadow:0px 10px 20px rgba(0,0,0,0.2)*/ }

.nav-top .expand-button .icon,
.expand-button .icon { width:20px; height:20px; margin:0 10px 0 0 }
.nav-top .expand-button .icon { background-position:-75px -33px }
.expand-button .icon { background-position:-100px -33px }
.nav-top .expand-button:hover .icon { background-position:-75px -58px }
.expand-button .icon:hover { background-position:-100px -58px }

.backtop-button .icon { background-position:0 -33px }
.backtop-button:hover .icon { background-position:0 -58px }

.close-box { display:inline-block; overflow:hidden; margin:0 5px 0 0; width:10px; height:0; padding:10px 0 0 0; background:url(images/alert-close.png) no-repeat }

#logo .description,
/*#sidebar .menu .sub-menu a,*/
.entry-utility div,
.portfolio-content .entry-title,
.single-portfolio .entry-title,
.filters li,
.more-link,
.navigation-posts a,
.page-title,
.respond-wrap .title,
#comments .title,
blockquote,
#comments .comment-meta { font-style:italic!important }

/* ---------------------------------------- */
/* Shortcodes
/* ---------------------------------------- */

/* Tabs */

.ui-tabs .ui-tabs-hide { position:absolute; left:-10000px }
.tabs { margin:0 0 20px 0 }
.tabs ul.nav { list-style:none; margin:0; padding:0 }
.tabs ul.nav li { float:left; position:relative; margin:0 5px -1px 0; z-index:10 }
.tabs ul.nav li a { border-bottom:none; display:block; overflow:hidden; padding:5px 7px 10px; margin:0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0 }
.tabs ul.nav li.ui-tabs-selected a { background:#eaeaea }
.tabs .tab { padding:10px; background:#eaeaea; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px }

/* Accordion */

.accordion { margin:0 0 20px 0 }
.accordion h4 { padding:10px; cursor:pointer; margin:0; background:#eaeaea; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin:0 0 5px 0; outline:none }
.accordion h4:hover { background:#e5e5e5 }
.accordion .accordion-wrap { padding:10px }
.accordion .ui-icon { background:url(images/accordion-open.png) no-repeat center; width:16px; height:16px; float:left; margin:0 10px 0 0 }
.accordion .ui-state-active .ui-icon { background:url(images/accordion-closed.png) no-repeat center }

/* Alert */

.alert { display:block; padding:15px 25px; margin:0 0 20px 0; background:#eaeaea; text-align:center; line-height:18px }
.alert .close { display:block; background:url(images/alert-close.png) no-repeat; width:10px; height:10px; float:right; margin:0 -10px 10px 10px; cursor:pointer }
.alert.red { background:#fcc; color:#c33 }
.alert.orange { background:#ffc; color:#c60 }
.alert.green { background:#cfc; color:#693 }

/* Buttons */

.more-link,
.navigation-posts a,
.button { text-shadow:none; display:inline-block; padding:7px 12px; background:#282a2d; color:#eaeaea; border:0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-weight:bold; margin:0 2px 5px; cursor:pointer; line-height:none!important }
.button:hover { color:#FFF!important }
.button.small { padding:5px 7px; font-size:10px }
.button.large { padding:12px 15px; font-size:14px }
.button.extralarge { padding:15px 20px; font-size:18px }

.brown .button { background-color:#5a3e30 }
.grey .button { background-color:#999 }
.black .button { background-color:#282a2d }
.white .button { background-color:#eaeaea; color:#282a2d }
.red .button { background-color:#ac3131 }
.orange .button { background-color:#cc6633 }
.yellow .button { background-color:#efc532 }
.green .button { background-color:#92ba27 }
.blue .button { background-color:#66cbe4 }
.purple .button { background-color:#8869d6 }
.pink .button { background-color:#dd71d7 }

.brown .button:hover,
.grey .button:hover,
.black .button:hover,
.white .button:hover,
.red .button:hover,
.orange .button:hover,
.yellow .button:hover,
.green .button:hover,
.blue .button:hover,
.purple .button:hover,
.pink .button:hover { background-color:#282a2d; color:#FFF; -webkit-transition:background-color .1s linear; -moz-transition:background-color .1s linear; -o-transition:background-color .1s linear; -ms-transition:background-color .1s linear; transition:background-color .1s linear }

/* Columns */

.one_twelfth, .one_sixth, .one_fourth, .one_third, .two_fifth, .one_half, .three_fifth, .two_third, .three_fourth, .five_sixth, .eleven_twelfth { margin-right:3.8%; margin-bottom:20px; float:left; min-height:1px }
.one_twelfth { width:4.85% }
.one_sixth { width:13.45% }
.one_fourth { width:22.05% }
.one_third { width:30.75% }
.two_fifth { width:39.45% }
.one_half { width:48% }
.three_fifth { width:56.75% }
.two_third { width:65.4% }
.three_fourth { width:74.05% }
.five_sixth { width:82.7% }
.eleven_twelfth { width:91.35% }
.full_width { width:100%; float:left }
.last { margin-right:0!important }


/* ---------------------------------------- */
/* Setup document
/* ---------------------------------------- */

#container { overflow:hidden }
.page #page,
.single #page,
.archive #page,
.single #page,
.blog #page,
.search #page { /*width:940px*/  width:1034px; padding-top: 18px;}
.single-portfolio #primary,
.single-portfolio .navigation,
.single-portfolio .post { width:auto }
.page-template-template-contact-php .post { width:700px }
.archive.tax-categories-portfolio #primary,
.archive.tax-categories-portfolio #page,
.page-template-template-portfolio-php #page { width:auto }
.single-portfolio #page,
.page-template-template-full-width-php #page { width:auto; padding-right:30px }


.post { position:relative; padding:0; margin:0 0 30px 0; line-height:20px }
.entry-title { margin:0 0 5px 0; padding:20px 30px 5px 30px; font-size:22px }
.archive .entry-title,
.single .entry-title,
.blog .entry-title,
.search .entry-title { font-weight:bold; margin-right:240px }
.post-thumb { width:940px; height:auto; overflow:hidden; margin:0 }
.entry { /*padding:10px 30px*/ }
.archive .entry,
.single .entry,
.blog .entry,
.search .entry { /*margin-right:240px*/ margin-right:10px }
.navigation-posts a,
.more-link { color:#eaeaea }
.navigation-posts a:hover,
.more-link:hover { color:#eaeaea!important }
.page-title { clear:both; font-weight:normal; padding-bottom:10px; margin:0 0 10px 0 }

.respond-wrap .title,
#comments .title,
.page-title { font-size:160%!important }

.nav-top, .widget-top,
#content { margin-left:210px }
#content { max-height:100%; height:100%; background-color:#FFF; /*url(images/bgtexture_light.png);*/ width:auto; position:relative; padding:30px 0 0 0/*30px*/; /*text-shadow:0 1px 1px rgba(255,255,255,0.3)*/}
/*#content { -moz-box-shadow:0px 5px 10px rgba(0,0,0,0.2), inset 0px 1px 1px rgba(255,255,255,0.1); box-shadow:0px 5px 10px rgba(0,0,0,0.2), inset 0px 1px 1px rgba(255,255,255,0.1) }*/
.header-content-container { padding:0 10px 10px 0; margin:0 0 20px 0; width:auto }
.header-content { font-weight:normal; font-size:240%!important; margin:0 0 15px 0 }

#footer { color:#999; font-size:11px; line-height:16px; border-top:1px solid #dbdbdb; margin-top:20px; margin-right:30px; padding:20px 0; width:auto }


/* ---------------------------------------- */
/* Header (Sidebar, Navigation & Widgets)
/* ---------------------------------------- */

/* Logo (Main & Small) */

#logo { margin-bottom:20px }
#logo .text { font-size:30px; color:#aaa; font-weight:bold }
#logo .text a { font-size:30px; color:#aaa; font-weight:bold }
#logo .text:hover { font-size:30px; color:#9a93bd; font-weight:bold }
#logo .small { width:60px; height:auto; float:left; margin-left:-80px }
#logo a { padding:20px 0; display:block }
#logo .description { color:#666; width:170px; margin:10px 0; display:block }

/* Sidebar */

#header { top:0; position:absolute; padding:0 20px; width:170px; -webkit-user-select:none }
#header.fixed { position:fixed; height:100% }
#sidebar { width:170px; top:0; line-height:18px; position:absolute }
.widget-top a,
#sidebar a { color:#CCC }
#sidebar .separator,
#sidebar .backtop-button,
#sidebar .expand-button { display:block; width:inherit; margin:0 0 20px 0; overflow:hidden }
#sidebar .expand-button .icon { cursor:pointer }
#sidebar .backtop-button { position:fixed; bottom:0; font-size: 11px; line-height:20px }
#header.fixed .backtop-button { position:static }
#sidebar .backtop-button .icon { float:left; width:20px; height:20px; margin:0 10px 0 0 }
#sidebar .separator { padding:0; cursor:auto; clear:both }
#sidebar .line { border-bottom:1px solid rgba(255,255,255,0.1); display:inline-block; margin-bottom:10px; margin-right:10px; padding-top:10px; width:70px }
#sidebar .separator .line { width:100px; margin:0; padding:0 }
#container.expanded #sidebar .menu,
#sidebar .menu { padding:0; margin:0 0 20px; display:block }
#container.expanded #sidebar .menu a,
#sidebar .menu a { color:#333; font-size:14px; font-weight:bold; font-style:normal; display:block; padding:5px 0 }
#sidebar .menu li { margin-bottom:0!important }
#sidebar .menu .sub-menu { font-size:14px; color:#333; display:none; margin-left:10px }
#sidebar .menu .sub-menu a { font-size:14px; color:#333; font-weight:normal; padding:5px 0; font-size:100% }
#sidebar .menu .sub-menu:hover { color:#9a93bd;}
#sidebar .sub-menu ul { font-size:14px; border-left:0 }
#sidebar .drop-menu:after { content:""; display:block; float:right; width:11px; height:11px; overflow:hidden; background-position:-122px 0; margin:3px 0 0 0 }
#sidebar .drop-menu:hover:after { background-position:-122px -16px }
#sidebar .drop-menu.open:after { background-position:-134px 0 }
#sidebar .drop-menu.open:hover:after { background-position:-134px -16px }
#sidebar input[type=text], .textfield { background:#282a2d; color:#666; border:0px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;/*border:3px solid #222326; -webkit-box-shadow:inset 0px 1px 1px rgba(0,0,0,0.5); -moz-box-shadow:inset 0px 1px 1px rgba(0,0,0,0.5); box-shadow:inset 0px 1px 1px rgba(0,0,0,0.5)*/ }
#sidebar input[type=text]:focus, .textfield:focus { color:#999 }

.widget-top .widget,
#sidebar .widget { margin:0 0 20px }
.widget-top .widget-title,
/*#sidebar .widget-title { color:#FFF; font-size:130%!important; font-weight:bold }*/
#sidebar .widget-title { color:#aaa; font-size:100%!important; font-weight:bold }
.widget li { margin-bottom:5px }
.almenu { font-size:14px;}

/* Widget:Networks */

.hc_network_widget a { font-style:italic; color:#999; padding:0; margin:0 0 5px 0; display:block; font-size:12px!important; line-height:18px }
.hc_network_widget ul { margin:0; padding:0; list-style-type:none }
.hc_network_widget .icon { width:18px; height:18px; margin:3px 7px -5px 0; background:url(images/social-icons.png) no-repeat }
.hc_network_widget .icons a { float:left; width:20px; height:20px; padding:0; margin:0 10px 10px 0; overflow:hidden }
.hc_network_widget .icons .icon { margin:0 }
.hc_network_widget .twitter .icon { background-position:0 0 }
.hc_network_widget .twitter:hover .icon { background-position:0 -20px }
.hc_network_widget .facebook .icon { background-position:-20px 0 }
.hc_network_widget .facebook:hover .icon { background-position:-20px -20px }
.hc_network_widget .feed .icon { background-position:-40px 0 }
.hc_network_widget .feed:hover .icon { background-position:-40px -20px }
.hc_network_widget .vimeo .icon { background-position:-60px 0 }
.hc_network_widget .vimeo:hover .icon { background-position:-60px -20px }
.hc_network_widget .youtube .icon { background-position:-80px 0 }
.hc_network_widget .youtube:hover .icon { background-position:-80px -20px }
.hc_network_widget .dribbble .icon { background-position:-100px 0 }
.hc_network_widget .dribbble:hover .icon { background-position:-100px -20px }
.hc_network_widget .linkedin .icon { background-position:-120px 0 }
.hc_network_widget .linkedin:hover .icon { background-position:-120px -20px }
.hc_network_widget .flickr .icon { background-position:-140px 0 }
.hc_network_widget .flickr:hover .icon { background-position:-140px -20px }
.hc_network_widget .googleplus .icon { background-position:-160px 0 }
.hc_network_widget .googleplus:hover .icon { background-position:-160px -20px }
.hc_network_widget .tumblr .icon { background-position:-180px 0 }
.hc_network_widget .tumblr:hover .icon { background-position:-180px -20px }
.hc_network_widget .instagram .icon { background-position:-200px 0 }
.hc_network_widget .instagram:hover .icon { background-position:-200px -20px }

/* Widget:Twitter */

.hc_twitter_widget ul { margin:0; padding:0; list-style-type:none }
.hc_twitter_widget li { font-size:13px!important; margin:0 0 15px 0 }
.hc_twitter_widget li:last-child { margin-bottom:20px }
.hc_twitter_widget ul span { display:block }
.hc_twitter_widget ul span a { font-style:italic; font-size:12px!important }
.hc_twitter_widget .twitter-link { font-style:italic; }
.hc_twitter_widget .twitter-link .icon { width:18px; height:18px; margin:3px 7px -5px 0; background:url(images/social-icons.png) 0 0 no-repeat }
.hc_twitter_widget a:hover .icon { background-position:0 -20px }

/* Navigation for mobile device */

.nav-top { display:none; position:relative; padding:20px 10px 5px 10px }
.nav-top .expand-button .icon { margin-bottom:2px }
.nav-top .expand-button { cursor:pointer; position:absolute; bottom:10px; left:10px }
.nav-top .title { text-align:center; width:300px; height:auto; font-weight:normal; margin:0 0 20px -700px; font-size:32px!important; color:#999; opacity:0 }

/* Widget Area on the top */

.widget-top { background:url(images/bgtexture_dark.png); padding-left:30px; position:relative; color:#999; padding-top:3px; margin-bottom:-10px; padding-bottom:10px }
.widget-top { -webkit-box-shadow:inset 0px 5px 10px rgba(0,0,0,0.2); -moz-box-shadow:inset 0px 5px 10px rgba(0,0,0,0.2); box-shadow:inset 0px 5px 10px rgba(0,0,0,0.2) }
.widget-top .expand-button { cursor:pointer; background:-150px -33px url(images/sprite.png); width:20px; height:20px; display:block; position:absolute; right:10px; bottom:-2px; z-index:10 }
.widget-top .expand-button:hover { background-position:-150px -58px }
.widget-top .widget-area { padding:15px 30px 0 0; display:none }
.widget-top .widget-area.open { display:block }

/* Expanded sidebar */

#container.expanded #sidebar .separator,
#container.expanded #sidebar .expanded-item { margin-left:0; width:auto }
#container.expanded #sidebar .expanded-item .icon { margin-left:0 }
#container.expanded #sidebar .hc_network_widget { margin-left:0; width:auto }
#container.expanded #sidebar .backtop-button { width:auto; height:auto; padding:0 }
#container.expanded #sidebar .hc_network_widget a { width:auto; height:auto; padding:0; margin:0 0 5px 0; display:block }
#container.expanded #sidebar .hc_network_widget .icon { width:18px; height:18px; margin:3px 7px -5px 0 }
#container.expanded #sidebar .hc_network_widget .icons a { float:left; width:20px; height:20px; padding:0; margin:0 10px 10px 0; overflow:hidden }

/* Contracted sidebar */

#container.contracted #sidebar .menu { margin-left:-70px }
#container.contracted #sidebar .menu a { padding-left:80px }
#container.contracted #sidebar .separator,
#container.contracted #sidebar .expanded-item { margin-left:-70px; width:40px }
#container.contracted #sidebar .expanded-item .icon { margin-left:10px }
#container.contracted #sidebar .hc_network_widget { margin-left:-60px; width:20px }
#container.contracted #sidebar .backtop-button { width:40px; height:20px; padding:0 }
#container.contracted #sidebar .hc_network_widget a { width:18px; height:18px; padding:0; margin:0 10px 10px 0; overflow:hidden }
#container.contracted #sidebar .hc_network_widget .icon { margin:0 }

/* ---------------------------------------- */
/* Portfolio
/* ---------------------------------------- */

/* Category Filter */

.filters li { float:left; margin:0 5px 5px 0; font-size:14px }
.filters li a { color:#666 }
.filters li span { color:#CCC }
.filters li:last-child span { display:none }

/* Display Mode */

.display-mode { float:right; padding:0; margin:0 }
.display-mode li { float:left; margin:0 5px 0 0; padding-top:11px; width:14px; height:0; overflow:hidden; cursor:pointer }
.display-mode li:last-child { margin-right:0 }
.display-mode .mosaic { background-position:-84px 0 }
.display-mode .mosaic:hover, .display-mode .mosaic.current { background-position:-84px -16px }
.display-mode .full { background-position:-103px 0 }
.display-mode .full:hover, .display-mode .full.current { background-position:-103px -16px }

/* Buttons */

.info { display:block; background-position:-50px -33px; width:20px; height:0; padding-top:20px; overflow:hidden; position:absolute; top:0; left:-25px }
.info:hover, .info.current { background-position:-50px -58px }

/* Portfolio */

.portfolio-content .entry-hover-mosaic { display:none }
.portfolio-content .entry-overflow { overflow:hidden }
.portfolio-content .display .post { float:left; margin:0 20px 20px 0; position:relative; background:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none }
.portfolio-content .entry-hover { display:none }

/* Portfolio:Mosaic */

.portfolio-content .mosaic .post { width:300px }
.portfolio-content .mosaic .entry-overflow { width:100%; height:200px; overflow:hidden; max-height:200px }
.portfolio-content .mosaic .entry-hover-mosaic { display:block; width:inherit; height:inherit; position:absolute; top:0; left:0; z-index:20 }
.portfolio-content .mosaic .entry-utility * { color:#FFF; border:0 }
.portfolio-content .mosaic .entry-utility div { padding:0; margin:0; opacity:0.8 }
.portfolio-content .mosaic .thumb-full { display:none }
.portfolio-content .mosaic .thumb-mosaic { display:block }
.portfolio-content .mosaic .info { display:none }

/* Portfolio:Full */

.portfolio-content .full .post { width:auto; margin-right:30px }
.portfolio-content .full .thumb-mosaic { display:none }
.portfolio-content .full .thumb-full { display:block }
.portfolio-content .full .entry-title { margin:0; font-weight:normal; font-size:160%; line-height:28px }

/* Portfolio:Single */

.single-portfolio .post { padding:0; background:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none }
.single-portfolio .entry { margin:0; padding:0 }
.single-portfolio .entry-title { font-weight:normal }
.single-portfolio .video,
.single-portfolio .images { margin-bottom:20px }
.single-portfolio .image { margin-bottom:10px }
.single-portfolio .caption { padding:10px 0; margin-bottom:10px }
.single-portfolio .content { margin-left:240px; padding:0 }
.single-portfolio .navigation { text-align:center; padding:0 0 10px 0; margin-bottom:10px }
.single-portfolio .navigation a { margin:5px }


/* Portfolio:Common Classes */

.single-portfolio .portfolio-content .entry-hover,
.portfolio-content .mosaic .entry-hover { display:none; position:absolute; top:0; left:0; width:100%; height:100%; color:#FFF; margin:0; padding:0 }
.single-portfolio .portfolio-content .entry-title,
.portfolio-content .mosaic .entry-title { margin:0 0 10px 0!important; padding:0; font-size:22px!important; font-weight:normal; text-shadow:none }
.single-portfolio .portfolio-content .entry-utility,
.portfolio-content .mosaic .entry-utility { position:absolute; padding:0; height:auto; top:50%; margin:-10% 20px 10px 20px; text-align:left }
.single-portfolio .portfolio-content .entry-utility div { padding:0; margin:0; float:none }
.portfolio-content .mosaic .entry-utility .icon { display:none }
.single .entry-hover,
.blog .entry-hover,
.search .entry-hover,
.archive .entry-hover,
.portfolio-content .full .entry-hover { display:none; background:none; width:140px; padding:0; margin-left:0; text-align:right; position:absolute; top:0 }
.portfolio-content .full .thumb-full { margin-left:0 }
.portfolio-content .entry-title, .single-portfolio .entry-title { margin:0; padding:0 0 10px 0 }
.portfolio-content .mosaic .date { display:none }
.tax-categories-portfolio .full .entry-utility { margin:0!important }

.portfolio-content .entry-title,
.single-portfolio .entry-title,
.entry-utility div { border-bottom:1px solid rgba(0,0,0,0.1) }

.entry-utility div { padding:10px 0 }
.entry-utility a,
.entry-utility .date,
.entry-utility .categories,
.entry-utility .comments { color:#666 }
.entry-utility .entry-title a { color:#000 }
.entry-utility .icon { display:block; float:left; width:12px; height:12px; margin:2px 10px 0 0 }
.entry-utility .comments .icon { background-position:0 0 }
.entry-utility .comments:hover .icon { background-position:0 -16px }
.entry-utility .date .icon { background-position:-17px 0 }
.entry-utility .date:hover .icon { background-position:-17px -16px }
.entry-utility .categories .icon { background-position:-34px 0 }
.entry-utility .categories:hover .icon { background-position:-34px -16px }
.entry-utility .edit-post .icon { background-position:-150px 0 }
.entry-utility .edit-post:hover .icon { background-position:-150px -16px }

.single .entry-utility, .blog .entry-utility, .archive .entry-utility, .search .entry-utility { display:block; width:200px; margin:0; padding:20px 20px 0 0; float:right }
.single-portfolio .entry-utility { float:left; width:220px; padding:0 }
.single-portfolio .entry-utility div { padding:10px 5px; overflow:hidden }
.archive.tax-categories-portfolio .entry-utility { width:auto; padding:0 }

.search .entry-utility,
.archive .entry-utility,
.single .entry-utility,
.blog .entry-utility { -webkit-transition:opacity .1s linear; -moz-transition:opacity .1s linear; -o-transition:opacity .1s linear; -ms-transition:opacity .1s linear; transition:opacity .1s linear; /*opacity:0.6*/ opacity:0.9}
.search .entry-utility:hover,
.archive .entry-utility:hover,
.single .entry-utility:hover,
.blog .entry-utility:hover,
.single-portfolio .entry-utility,
.archive.tax-categories-portfolio .entry-utility { opacity:1 }

.search .portfolio .entry-utility .categories { display:none }

.portfolio-content .entry-utility .icon { float:right; margin:2px 0 0 10px }

.entry-utility .navigation { text-align:left; float:left; width:100%; border:0 }
.navigation a { display:inline-block; width:12px; height:12px; margin:0 10px 0 0; overflow:hidden }
.navigation .back,
.navigation .back .icon { width:14px; height:13px; margin-top:2px }
.navigation .icon { display:inline-block; width:12px; height:12px; margin:0 10px 0 0 }
.navigation .prev-posts .icon { background-position:-50px 2px }
.navigation .next-posts .icon { background-position:-67px 2px }
.navigation .back .icon { background-position:-84px 0 }
.navigation .prev-posts:hover .icon { background-position:-50px -14px }
.navigation .next-posts:hover .icon { background-position:-67px -14px }
.navigation .back:hover .icon { background-position:-84px -16px }

.navigation-posts { float:left; width:100%; text-align:center }
.navigation-posts .prev-posts,
.navigation-posts .next-posts { display:inline-block }


/* ---------------------------------------- */
/* Comments
/* ---------------------------------------- */

#comments { margin-top:20px }
.respond-wrap .title,
#comments .title { background:url(images/icon-bubble.png) 3px -23px no-repeat; font-weight:normal; margin:0 0 20px 0 }
.respond-wrap .title .icon,
#comments .title .icon { display:inline-block; width:12px; height:12px; margin:0 10px 0 0; background-position:0 -16px }
#comments .pinglist { margin:0 0 30px 0; padding:0 0 0 30px }
#comments .commentlist { padding:0; margin:0 0 30px 0; list-style:none; line-height:20px }
#comments .comment-author-admin { }
#comments .comment-author { }
#comments .comment-author .fn { font-size:16px }
#comments .cite { padding-top:0 }
#comments .comment-meta { color:#CCC; font-size:11px }
#comments .pinglist .comment-body { font-size:110%!important; font-weight:bold; color:#999; padding:0; margin:0 0 20px 0; background:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none }
#comments .comment-body { position:relative; padding:10px 30px; margin:0 0 20px 0 }
#comments .children { list-style:none; padding:0 0 0 10px; margin:-10px 0 0 0 }
#comments .children .comment-body { padding-left:20px }
#comments .reply { position:absolute; top:20px; right:15px }
#comments .reply a { color:#999 }
#comments .comment-reply-link,
#comments .comment-edit-link { display:inline-block; width:15px; height:0; padding-top:15px; margin-right:5px; overflow:hidden; opacity:0.8 }
#comments .comment-reply-link { background-position:-170px 0 }
#comments .comment-reply-link:hover { background-position:-170px -16px; opacity:1  }
#comments .comment-edit-link { background-position:-150px 0 }
#comments .comment-edit-link:hover { background-position:-150px -16px; opacity:1 }

/* ---------------------------------------- */
/* Reply Comment
/* ---------------------------------------- */

#respond { padding:20px 20px; margin:20px 0 }
#respond input[type=text], #respond .textfield { margin:0 10px 10px 0 }
#respond #author,
#respond #email,
#respond #url { width:40% }
#respond #comment { width:97.5% }
#respond label span { color:#ccc }

input[type=text], .textfield { color:#999; background:#ededed; border:0px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;/*-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:3px solid #e5e5e5;-webkit-box-shadow:inset 0px 1px 1px rgba(0,0,0,0.2); -moz-box-shadow:inset 0px 1px 1px rgba(0,0,0,0.2); box-shadow:inset 0px 1px 1px rgba(0,0,0,0.2);*/ padding:7px }
input[type=text]:focus, .textfield:focus { outline:none; color:#333 }

/* ---------------------------------------- */
/* Contact Form
/* ---------------------------------------- */

.contactform { width:686px; }
.contactform li label { display:block; font-weight:normal; font-size: 11px; margin:0 0 4px 0; padding:0 0 0 0px }
.contactform li { margin:0 0 20px 0 }
.contactform #contactName,
.contactform #email { width:300px }
.contactform #commentsText { width:686px }
.contactform .buttons { float:left; }

/* ---------------------------------------- */
/* Flexslider
/* ---------------------------------------- */

.flex-container a:active,
.flexslider a:active { outline:none }
.slides,
.flex-control-nav,
.flex-direction-nav { margin:0; padding:0; list-style:none }
.flexslider { width:100%; margin:0; padding:0 }
.flexslider .slides > li { display:none }
.flexslider .slides img { max-width:100%; display block }
.flex-pauseplay span { text-transform:capitalize }
.slides:after { content:"."; display:block; clear:both;visibility:hidden; line-height:0; height:0 } 
html[xmlns] .slides { display:block } 
* html .slides { height:1% }
.no-js .slides > li:first-child { display:block }

/* Theme */
.flexslider { position:relative; zoom:1; margin-bottom:70px }
.flexslider .slides { zoom:1 }
.flexslider .slides > li { position:relative }
.flex-container { zoom:1; position:relative }

/* Caption style */
/* IE rgba() hack */
.flexslider .caption { background:#000; zoom:1 }
.flexslider .caption { width:75%; padding:7px 15px; margin:0; position:absolute; left:20px; bottom:25px; background:rgba(0,0,0,0.9); text-shadow:0 1px 1px #000; color:#FFF; font-size:12px!important; line-height:16px }

/* Direction Nav */
.flex-direction-nav li a,
.flex-control-nav li a { background-image:url(images/slider.png) }
.flex-direction-nav li a { bottom:-25px; position:absolute; width:20px; height:0; padding-top:20px; display:block; background-color:#212325; cursor:pointer; overflow:hidden; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px }
.flex-direction-nav li .next { left:25px; background-position:-20px 0 }
.flex-direction-nav li .prev { left:0; background-position:0 0 }
.flex-direction-nav li .next:hover,
.flex-direction-nav li .prev:hover { background-color:#cacaca }
.flex-direction-nav li .disabled { opacity:.9; filter:alpha(opacity=90); cursor:default }

/* Control Nav */
.flex-control-nav { position:absolute; bottom:-27px; left:60px }
.flex-control-nav li { margin:0 0 0 5px; display:inline-block; zoom:1; *display:inline }
.flex-control-nav li:first-child { margin:0 }
.flex-control-nav li a { width:13px; height:13px; display:block; background-position:-40px 0; cursor:pointer; text-indent:-9999px }
.flex-control-nav li a:hover { background-position:-53px 0 }
.flex-control-nav li a.active { background-position:-53px 0; cursor:default }

/* ---------------------------------------- */
/* Custom Classes
/* ---------------------------------------- */

a:hover,
#sidebar .menu a:hover,
#container.expanded #sidebar .menu a:hover,
#sidebar .widget a:hover,
.filters a.current,
.filters li a:hover,
.portfolio-content.mosaic .entry-utility a:hover,
.portfolio-content.full .entry-utility .categories a:hover,
.portfolio-content.full .entry-utility .comments a:hover,
.navigation .prev-posts a:hover,
.navigation .next-posts a:hover,
.comments-wrap .reply a:hover,
.page-title,
.respond-wrap .title,
.entry-utility a:hover, .entry-utility .date:hover,
.entry-utility .categories:hover, .entry-utility .comments:hover,
#comments .title /*{ color:#33CCCC }*/ { color:#9a93bd }

input[type=text]:focus, .textfield:focus  { border-color:#9a93bd }

.portfolio-content .mosaic .entry-hover,
.navigation-posts a:hover,
.more-link:hover,
.button:hover { background:#9a93bd }

a { color:#282a2d }

::selection { background:#9a93bd; color:#FFF; text-shadow:none }
::-moz-selection { background:#9a93bd; color:#FFF; text-shadow:none }

body,
.widget-title,
#sidebar .menu a  { font-family:Helvetica }

body { font-size:13px; font-style:normal; font-weight:normal  }

.nav-top .title,
h1, h2, h3, h4, h5, h6,
blockquote,
.alert,
.tabs ul.nav li a,
/*#container.expanded #sidebar .sub-menu a,*/
/*#sidebar .sub-menu a,*/
#sidebar .widget,
.widget-area,
.backtop-button, .expand-button, .more-link,
.entry-utility,
.description,
.filters,
#comments .comment-author,
#footer,
.caption,
.navigation-posts a,
#comments .pinglist .comment-body { font-family:Helvetica; font:11px; font-style:normal; font-weight:normal }

/* ---------------------------------------- */
/* Wide desktop devices styles
/* ---------------------------------------- */

@media handheld, only screen and (max-width:1500px) {
	#footer,
	.single-portfolio .navigation, .single-portfolio .post,
	.single-portfolio #page, .single-portfolio #primary,
	.widget-top .widget-area,
	.header-content-container { width:940px }
	.widget-top .expand-button { left:950px }
	.single-portfolio #page { width:960px; padding-right:0; }
	.portfolio-content .full .post { width:940px; margin-right:0 }
}

/* ---------------------------------------- */
/* Desktop devices styles
/* ---------------------------------------- */

@media handheld, only screen and (max-width:1200px) { 
	.widget-top .widget-area,
	.header-content-container { width:auto }
	.widget-top .expand-button { right:10px; left:auto }
	.single-portfolio .navigation { width:auto }
	.navigation,
	.single-portfolio #page,
	.single-portfolio #primary,
	.single-portfolio .post { width:auto }
	.single-portfolio #page { padding:0 10px 0 0 }
	.portfolio-content .mosaic .entry-overflow { height:140px }
	.portfolio-content .mosaic .post { width:220px }
	
	.portfolio-content .full .post { width:100% }
	
	.page #primary,
	.single #primary,
	.archive #primary,
	.single #primary.entries,
	.blog #primary,
	.archive #primary,
	.search #primary,
	#footer { width:auto }
	.page #page,
	.single #page,
	.archive #page,
	.blog #page,
	.archive #page,
	.search #page,
	#page { width:auto; padding-left:0; padding-right:30px }
	
	#primary .post-thumb { width:auto; height:auto; margin:0 0 10px 0 }
}

/* ---------------------------------------- */
/* Tablets/netbooks styles
/* ---------------------------------------- */

@media handheld, only screen and (max-width:900px) { 
	#header { width:0; padding-left:85px; padding-right:0; overflow:hidden; height:100% }
	#sidebar .menu { margin-left:-70px }
	#sidebar .menu a { padding-left:80px }
	#sidebar .separator,
	#sidebar .expanded-item { margin-left:-70px; width:40px }
	#sidebar .expanded-item .icon { margin-left:10px }
	#sidebar .hc_network_widget { margin-left:-60px; width:20px }
	#sidebar .backtop-button { width:40px; height:20px; padding:0 }
	#sidebar .hc_network_widget a { width:18px; height:18px; padding:0; margin:0 10px 10px 0; overflow:hidden }
	#sidebar .hc_network_widget .icon { margin:0 }
	.nav-top, .widget-top,
	#content { margin-left:70px; padding-left:20px }
	#content { padding-top:20px }
	.page #page,
	.single #page,
	.archive #page,
	.blog #page,
	.archive #page,
	.search #page,
	#page { padding-right:20px }
	
	.info { display:none!important }
	.portfolio-content .display.mosaic { width:110% }
	
	.one_twelfth, .one_sixth, .one_fourth, .one_third,
	.two_fifth, .one_half, .three_fifth, .two_third,
	.three_fourth, .five_sixth, .eleven_twelfth, .full_width { width:auto; float:none; margin-left:0px; margin-right:0; padding-left:0px; padding-right:0px }
}

/* ---------------------------------------- */
/* Wide mobile devices styles
/* ---------------------------------------- */

@media handheld, only screen and (max-width:480px) { 
	#header { width:170px; padding-left:20px; padding-right:20px; left:50%; margin-left:-105px }
	#header.fixed { position:absolute }
	#sidebar .expand-button .icon { display:none }
	#sidebar .menu { margin-left:0; margin-top:-30px; }
	#sidebar .menu a { padding-left:0 }
	#sidebar .separator,
	#sidebar .expanded-item { margin-left:0; width:auto }
	#sidebar .expanded-item .icon { margin-left:0 }
	#sidebar .hc_network_widget { margin-left:0; width:auto }
	#sidebar .backtop-button { width:auto; height:auto; padding:0 }
	#sidebar .hc_network_widget a { width:auto; height:auto; padding:0; margin:0 0 5px 0; display:block }
	#sidebar .hc_network_widget .icon { width:18px; height:18px; margin:3px 7px 0 0 }
	#sidebar .hc_network_widget .icons a { float:left; width:20px; height:20px; padding:0; margin:0 10px 10px 0; overflow:hidden }
	.nav-top, .widget-top,
	#content { margin-left:0; padding-left:10px }
	#content { padding-left:0; padding-top:20px; padding-bottom:0 }
	.nav-top { display:block }
	.widget-top .widget-area { padding:20px 20px 0 10px }
	#footer { padding:10px 20px; margin-right:0 }
	
	#logo { margin-bottom:20px }
	#sidebar .line { border-bottom:1px solid rgba(255,255,255,0.1); display:inline-block; margin-bottom:0px; margin-right:10px; padding-top:0px; width:70px }
	
	.header-content-container { width:auto; padding-right:0 }
	
	.blog .entry-utility,
	.archive .entry-utility,
	.single .entry-utility,
	.search .entry-utility { float:none; width:auto; margin:0; padding:0; display:block; position:static }
	.blog .entry-utility .navigation,
	.single .entry-utility .navigation,
	.search .entry-utility .navigation { width:100%; padding-left:10px; padding-right:10px; margin-bottom:10px }
	.blog .entry-utility .navigation a,
	.single .entry-utility .navigation a,
	.search .entry-utility .navigation a { display:inline-block; width:auto; height:auto; padding-top:0; margin:0; overflow:hidden }
	.entry-utility .navigation .prev-posts { float:right; margin-right:20px }
	.entry-utility .navigation .prev-posts .icon { float:right; margin:2px 0 0 10px }
	.entry-utility .navigation .next-posts { float:left }
	.entry-utility .navigation .icon { margin:2px 10px 0 0 }
	.blog .entry-utility div,
	.archive .entry-utility div,
	.single .entry-utility div,
	.search .entry-utility div { margin:0; padding-top:10px; padding-left:10px; padding-right:10px }
	.single-portfolio .content { clear:both; margin-left:0; padding:10px }
	.blog .entry-utility,
	.archive .entry-utility,
	.single .entry-utility,
	.search .entry-utility { opacity:1 }
	
	.archive .entry-title,
	.single .entry-title,
	.blog .entry-title,
	.search .entry-title { margin-right:0 }
	.post-thumb { width:940px; height:auto; overflow:hidden; margin:0 }
	.entry { padding:10px 20px }
	.archive .entry,
	.single .entry,
	.blog .entry,
	.search .entry { margin-right:0 }
	
	.page #primary,
	.single #primary,
	.archive #primary,
	.single #primary.entries,
	.blog #primary,
	.archive #primary,
	.search #primary,
	.page-template-template-contact-php .post { width:auto }
	.page #page,
	.single #page,
	.archive #page,
	.blog #page,
	.archive #page,
	.search #page,
	#page,
	.page-template-template-full-width-php #page { width:auto; padding-left:10px; padding-right:10px }
	
	#sidebar .backtop-button { position:static }
	.display-mode { display:none }
	
	.portfolio-content .full li { margin-right:0 }
	.portfolio-content .full .thumb-mosaic { display:block }
	.portfolio-content .full .thumb-full { display:none }
	.portfolio-content .display.mosaic { width:auto }
	.portfolio-content .display .entry-overflow { height:auto }
	.portfolio-content .display .post { width:47.88%; margin:0 4.24% 10px 0 }
	.portfolio-content .display .post:nth-child(2n) { margin-right:0 }
	
	.single-portfolio .entry-utility { float:none; width:auto; margin-bottom:10px }	
	.flexslider .caption { display:none }
	
	.contactform { width:auto }
	.contactform #contactName,
	.contactform #email,
	.contactform #commentsText,
	#respond #comment { width:94% }
	
	#primary .post-thumb { width:auto; height:auto; margin:0 0 10px 0 }
	
}

/* exhibition list */
.exhibitionlist{clear: both; font-size: 24px; color: #808080; line-height: 25px}
.exhibitionlist h4{margin:0;font-size: 15px;line-height:18px;}
.exhibitionlist ul{ display: block; position: relative;  margin: 0; padding: 0;text-transform: uppercase;}
.exhibitionlist ul li{list-style-type:none; position: relative;  margin: 0; padding: 0; clear:both; display: block;}
.exhibitionlist ul li a{font-weight: bold; padding: 0; color: #808080; text-decoration:none}
.exhibitionlist ul li a:hover{color: #bbbbbb; background-color:#f3f3f3}
.exhibitionlist .title{color: #000;}
.exhibitionlist .smallLink{font-size:15px}
.exhibitionlist h4 a{color: #808080;}
.exhibitionlist .e0{color: #666;}
.exhibitionlist .e1{color: #aaa;}
.exhibitionlist .e2{color: #dcdcdc;}

/* archive exhibition list */
.exhibitionlist .archive{clear: both; font-size: 12px; color: #808080; line-height: 1em}

/* artist list */
.artistlist{clear: both; font-size: 24px; color: #808080; text-transform: uppercase;line-height: 25px}
.artistlist h3{float:left;margin: 0 8px 0 0}
.artistlist ul{ display: block; position: relative;  margin: 0; padding: 0;}
.artistlist ul li{list-style-type:none; position: relative;  margin: 0; padding: 0; clear:both; display: block;}
.artistlist ul li a{font-weight: bold; padding: 0; color: #808080; text-decoration:none}
.artistlist .smallLink{font-size:10px}
.artistlist ul li a.e0{color: #666;}
.artistlist ul li a.e1{color: #aaa;}
.artistlist ul li a.e2{color: #dcdcdc;}
.artistlist ul li a.e3{color: #dcdcdc;}
.artistlist ul li a.e4{color: #dcdcdc;}
.artistlist ul li a:hover{color: #bbbbbb;}

/* artist */

p.artist {font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size:18px; line-height:24px; color: #666; }
p.artist a:hover {color:#9a93bd;}

p.exhibitions {font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size:18px; line-height:20px; color: #666; margin-top: 0px; margin-bottom:4px; }
p.exhibitions a:hover {color:#9a93bd;}

p.date {font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size:14px; line-height:16px; color: #666; margin-top:0px; margin-bottom:14px; }
p.date a:hover {color:#9a93bd;}

p.artist_1 {font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size:18px; line-height:24px; color: #666; margin-bottom:6px; letter-spacing: 2px;}
p.artist a:hover {color:#9a93bd;}

p.exhibitions_1 {font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size:18px; line-height:24px; color: #666; margin-top: 0px; margin-bottom:6px; }
p.exhibitions a:hover {color:#9a93bd;}

p.date_1 {font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size:14px; line-height:16px; color: #666; margin-top:0px; margin-bottom:14px; }
p.date a:hover {color:#9a93bd;}

p.text_1 {font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size:12px; line-height:16px; color: #666; margin-top:0px; margin-bottom:14px; }
p.text_1 a:hover {color:#9a93bd;}

p.text_2 {font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size:12px; line-height:16px; color: #666; margin-top:14px; margin-bottom:0px; max-width: 800px;}
p.text_2 a:hover {color:#9a93bd;}

p.cim_1 {font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size:16px; line-height:20px; color: #666; margin-top:20px; margin-bottom:0px; max-width: 800px; letter-spacing: 2px;}

p.cim_2 {font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size:12px; line-height:16px; color: #666; margin-top:10px; margin-bottom:10px; max-width: 800px; letter-spacing: 2px;}
p.cim_2 a:hover {color:#9a93bd;}

p.text_2 a:hover {color:#9a93bd;}

p.szerzo_1 {font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size:11px; line-height:16px; color: #666; margin-top:20px; margin-bottom:20px; max-width: 800px; text-align: right; letter-spacing: 3px;}
p.szerzo_1 a:hover {color:#9a93bd;}

p.muleiras_1 {font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size:14px; line-height:16px; color: #666; margin-top:0px; margin-bottom:14px; }
p.muleiras_1 a:hover {color:#9a93bd;}

p.links_1 {font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size:12px; text-transform:uppercase; line-height:14px; color: #666; margin-top:5px; margin-bottom:25px; max-width: 1024px; text-align: left; letter-spacing: 1px;}
p.links_1 a:hover {color:#9a93bd;}

p.bio_ev {font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size:12px; line-height:16px; color: #666; margin-top:10px; margin-bottom:5px; max-width: 800px; text-align: left; letter-spacing: 1px;}
p.bio_ev a:hover {color:#9a93bd;}

.bio_t {font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size:12px; line-height:16px; color: #666; margin-top:0px; margin-bottom:0px; max-width: 800px;}
.bio_t a:hover {color:#9a93bd;}

.bio_bold {font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size:13px; line-height:16px; color: #666; margin-top:20px; margin-bottom:0px; max-width: 800px; letter-spacing: 2px;}
.bio_bold a:hover {color:#9a93bd; }

.kepala_1 {font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size:12px; line-height:14px; color: #666; margin-top:0px; margin-bottom: 0px; letter-spacing: 1px;}
.kepala_1 a:hover {color:#9a93bd;}

.kepala_2 {font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size:11px; line-height:12px; color: #666; margin-top:0px; margin-bottom:14px; letter-spacing: 1px;}
.kepala_2 a:hover {color:#9a93bd;}