/*
Theme Name:Enclosed
Theme URI:http://www.cpothemes.com
Description:A simple theme with a focus on primary content. It includes multiple templates, a fully-featured portfolio, and much more!
Author:CPOThemes
Author URI:http://www.cpothemes.com
Version:1.0
License:GNU General Public License 2.0
License URI:license.txt
*/


/*
INDEX

0. CSS RESET
Resets all styles for consistency and browser compatibility. 
Courtesy of Eric Meyer at http://meyerweb.com/eric/tools/css/reset/index.html.

1. GENERAL ELEMENTS
Styles basic elements such as headings or hyperlinks, affecting the overall site but not its layout.

2. LAYOUT
Defines the structure and design of the site. All styles that displace elements go here.
Special layout elements such as breadcrums or page-specific stuff also goes here.

3. NAVIGATION
Defines the styles for menus and cross-post navigation. Any specific element related to site traversing goes here.

4. POSTS
Styles the appearance of posts and overall content, as well as typography. 
Must be in line with editor-style.css, so that both styles match.

5. COMMENTS
Sets the appearance of the comment system, structuring both entries and posting forms.

6. WIDGETS
Establishes the layout of widgets. Whereas the layout section affects the site in general, 
this section determines widget appearance for both their layout and contents.

7. MOBILE & OTHER
Any other elements, such as expanded functions or plugins, go here. This includes special forms or templates.

*/


/* --------------------------------------------------------------
0. CSS RESET
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { background:transparent; border:0; margin:0; padding:0; vertical-align:baseline; }
body { line-height:1; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
ol, ul, li { list-style:none; }
blockquote { quotes:none; }
blockquote:before, blockquote:after { content:''; content:none; }
del { text-decoration:line-through; }
table {	border-collapse:collapse; border-spacing:0; }
a img { border:none; }


/* --------------------------------------------------------------
1. GENERAL ELEMENTS
-------------------------------------------------------------- */

/* BODY */
body { font-family:Arial, Helvetica, sans-serif; background:#211; color:#555; font-size:0.875em; line-height:1.5em; }

/* HEADINGS */
h1, h2, h3, h4, h5, h6 { font-family:'Roboto Condensed', Verdada, Arial, Helvetica, sans-serif; color:#333; line-height:1.2em; margin:0px 0px 10px; }
h1 { font-size:2.8em; } 
h2 { font-size:2.1em; } 
h3 { font-size:1.8em; } 
h4 { font-size:1.4em; } 
h5 { font-size:1.2em; } 
h6 { font-size:1.1em; }

/* HYPERLINKS */
a:link, a:visited { color:#36A; text-decoration:underline; }
a:hover { color:#58D; text-decoration:underline; }

/* GENERAL TYPOGRAPHY */
p, address { margin-bottom:2em; }
span, div, p, dl, td, th, ul, ol, blockquote { font-size:1em; }

/* LISTS */
ul li { list-style:square; margin:0 0 5px 25px; list-style-position:inside; }
ol li { list-style:decimal; margin:0 0 5px 25px; list-style-position:inside; }
ol ol li { list-style:upper-alpha; }
ol ol ol li { list-style:lower-roman; }
ol ol ol ol li { list-style:lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin-bottom:0; }
p, ul, ol, dd, pre, hr { margin-bottom:1.5em; }
ul ul, ol ol, ul ol, ol ul { margin-bottom:0; }

dl { margin:0 0 24px 0; }
dt { font-weight:bold; }
dd { margin-bottom:18px; }
strong, b { font-weight:bold; }
cite, em, i { border:none; font-style:italic; }
big { font-size:131.25%; }
ins { background:#ffc; border:none; }
del { text-decoration:line-through; }

/* ADDRESSES */
address { font-size:0.9em; line-height:1.2em; }

/* CITATIONS */
blockquote { display:block; background:url(images/bg_blockquote.png) no-repeat left top; font-style:italic; padding:0 40px; margin:0 0 25px; }
blockquote cite, blockquote em, blockquote i { font-style:normal; }

/* PREDEFINED TEXT */
pre { font-family:Courier, monospace; background:#f5f5f5; border:1px solid #ccc; color:#222; line-height:18px; margin-bottom:18px; padding:1.5em; display:block; overflow:auto; margin:25px 0px; }

abbr, acronym { border-bottom:1px dotted #666; cursor:help; }
ins { text-decoration:none; }
sup, sub { font-size:0.7em; height:0; line-height:1; position:relative; vertical-align:baseline; }
sup { bottom:1ex; }
sub { top:.5ex; }
pre, kbd, tt, var { line-height:21px; }
code { font-size:13px; }

/* CODE */
code, code var { font-family:Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

/* TABLES */
table { border:1px solid #bbb; border-collapse:collapse; border-spacing:0; margin:0 -1px 24px 0; text-align:left; width:100%; }
tr th, thead th { border:none; background:#ccc; font-weight:bold; line-height:1.2em; padding:9px 24px; }
tr td { border:none; border-top:1px solid #ddd; padding:6px 24px; }
tr th, thead th, label, tr th, thead th { font-family:Arial, Helvetica, "Nimbus Sans L", sans-serif; }

/* FORM FIELDS */
input, textarea { font-size:1em; }

/* HEADING LINE */
hr { background-color:#fff; border:0; border-top:1px solid #bbb; border-bottom:1px solid #fff; clear:both; height:0px; margin:40px 0px; }

/* INLINE IMAGES */
img { margin:0; max-width:100%; line-height:0em; }
img.size-auto, img.size-large, img.size-full, img.size-medium { max-width:100%; height:auto; }
.alignleft, img.alignleft { display:inline; float:left; margin-right:24px; margin-top:4px; }
.alignright, img.alignright { display:inline; float:right; margin-left:24px; margin-top:4px; }
.aligncenter, img.aligncenter { clear:both; display:block; margin-left:auto; margin-right:auto; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom:12px; }

/* IMAGE CAPTIONS */
.wp-caption { margin-bottom:20px; padding-bottom:5px; max-width:100%; text-align:center; background:#fff; line-height:0em; box-shadow:0px 3px 2px -1px #bbb; border-bottom:1px solid #ddd; }
.wp-caption .wp-caption-text{ }
.wp-caption img { margin:0px; padding:0; max-width:590px; line-height:0em; border:5px solid #fff; }
.wide .wp-caption img { max-width:950px; }
.wp-caption p { margin:10px 0px 10px; color:#666; line-height:1.2em; font-size:12px; }
.wp-smiley { margin:0; }

/* The basic styling ends here. Rendered styles ahead. */



/* BUTTONS */
.button, .button:visited { display:inline-block; background:url(images/bg_button.png) repeat-x #6c89b0 center bottom; width:auto; text-decoration:none; border:1px solid #456; margin:5px 0;padding:12px 15px; color:#fff; text-shadow:0 -1px 0 #345; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; font-weight:bold; cursor:pointer; }
.button:link { color:#fff; text-decoration:none; }
.button:hover { background:#79C; text-decoration:none; }
.button:active { border-top:1px solid #aaa; }
.button_small { font-size:12px; padding:5px 10px; margin:5px 0; }
.button_medium { font-size:16px; padding:15px 20px; margin:5px 0; }
.button_large { font-size:20px; padding:20px 30px; margin:10px 0; }
/* Button Colors */
.button_red, .button_red:visited { background-color:#F76; border-color:#A43; }
.button_blue, .button_blue:visited { background-color:#7dbdff; border-color:#48B; }
.button_green, .button_green:visited { background-color:#93ed7e; border-color:#694; }
.button_teal, .button_teal:visited { background-color:#6bd5d4; border-color:#499; }
.button_purple, .button_purple:visited { background-color:#c792f4; border-color:#86B; }
.button_pink, .button_pink:visited { background-color:#eb9ce1; border-color:#A6A; }
.button_orange, .button_orange:visited { background-color:#f0b371; border-color:#A84; }
.button_yellow, .button_yellow:visited { background-color:#ebe47b; color:#555; text-shadow:0 1px 0 #ffa; border-color:#AA6; }
.button_gray, .button_gray:visited { background-color:#ccc; border-color:#777; }
.button_black, .button_black:visited { background-color:#666; color:#fff; border-color:#333; }
.button_white, .button_white:visited { background-color:#fff; color:#555; text-shadow:0 1px 0 #fff; border-color:#BBB; }

/* MESSAGE BOXES */
.message_box { display:block; background:#f9f9f9; font-size:12px; font-weight:bold; margin:20px 0; padding:15px 20px; border:1px solid #BBB; color:#666; border-width:1px 0;  }
.message_ok { background:#d9f5ce; color:#060; border:1px solid #6dcd72; border-width:1px 0; }
.message_error { background:#ffdec9; color:#600; border:1px solid #d8986e; border-width:1px 0; }
.message_warn { background:#fff9d8; color:#960; border:1px solid #cdb676; border-width:1px 0; }
.message_info { background:#d6e8fd; color:#006; border:1px solid #8ea0e5; border-width:1px 0; }

.column { display:block; float:left; overflow:hidden; }
.col2 { width:47%; margin-right:6%; }
.col2_last { width:47%; }
.col3 { width:29%; margin-right:6%; }
.col3x2 { width:67%; }
.col3_last { width:30%; }
.col4 { width:20%; margin-right:6%; }
.col4x3 { width:74%; }
.col4_last { width:22%; }
.col5 { width:15%; margin-right:6%; }
.col5x3 { width:57%; }
.col5_last { width:16%; }
.col_content { display:block; padding:0 60px 0 0; }
.col_divide { display:block; clear:both; width:100%; }

/* ACCORDIONS */
.accordion { clear:both; background:url(images/bg_shade_light.png); border:1px solid #ddd; margin-bottom:15px; }
.accordion_title {  padding:10px; margin:0; cursor:pointer; }
.accordion_content { background:url(images/bg_shade_lighter.png); padding:10px; }

/* TABBED CONTENT */
.tabs {}
.tabs .tab_title { display:block; float:left; background:url(images/bg_shade_light.png); padding:5px 10px; }
.tabs .tab_content { clear:both; background:url(images/bg_shade_lighter.png); padding:10px; }

/* SEPARATORS */
.pageseparator { overflow:hidden; position:relative; clear:both; width:100%; height:26px; margin:20px 0; }
.pageseparator .line { position:absolute; border-top:1px solid #bbb; top:50%; width:100%; }
.pageseparator .top { position:absolute; right:48%; background:url(images/top.gif) no-repeat #999 center; height:18px; width:18px; border-radius:50%; border:3px solid #fff; box-shadow:0px 1px 2px 0px #111; }
.pageseparator .top:hover { background:url(images/top.gif) no-repeat #777 center; }



/* --------------------------------------------------------------
2. LAYOUT
-------------------------------------------------------------- */

/* WRAPPERS */
.wrapper_top { background:url(images/bg_shadow.png); overflow:hidden; padding:0px auto; }
.wrapper_header { margin:0px auto; width:980px; }
.wrapper { background:#fff; overflow:hidden; width:980px; margin:0px auto; border:0px solid #eee; border-radius:5px; box-shadow:0px 1px 3px 1px #222; }
.wrapper_footersidebar { overflow:hidden; margin:0px auto; width:980px; }
.wrapper_footer { background:url(images/bg_shadow.png); overflow: hidden; padding:0px 5%; width:90%; }

/* SITE STRUCTURE */
#topmenu { overflow:hidden; margin:0px auto; width:980px; }
#header { padding:30px 0px; width:980px; margin:0px auto; }
#menu { float:right; text-align:right; margin:50px 0px 0px; }
#social { float:right; text-align:right; margin:15px 0px 0px 10px; }
#submenu { float:left; width:25%; padding:30px 0 30px 30px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
#slider { padding:0px; position:relative; height:490px; }
#tagline { padding:0 0 30px; margin:0px 30px 30px; border-bottom:1px solid #ddd; }
#features { padding:30px 30px 0px; }
#showcase { clear:both; padding:0px; margin:0; }
#breadcrumb { background:url(images/bg_shade_lighter.png); font-size:12px; margin:15px 0px; border:1px solid #ddd; border-radius:3px; }
#main { padding:30px 30px 20px; padding:0; }
#content { float:left; width:68%; padding:30px 30px 20px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
#sidebar { float:right; background:url(images/bg_sidebar.png); border-left:1px solid #e0e0f0; padding:30px 30px 20px; width:32%;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
#footersidebar { padding-top:30px; overflow:hidden; color:#ddd; }
#footermenu { float:right; }
#footer { clear:both; margin:30px auto; width:980px; color:#bbb; }
.clear { clear:both; width:100%; height:0; margin:0; padding:0; }

/* CONTENT LAYOUT VARIATIONS */
#content.wide { width:100%; }
#content.submenu { width:75%; }
#content.right { float:right; }
#sidebar.left { float:left; margin:0px 60px 0px 0px; }

/* HEADER */
#header .logo { float:left; padding-right:20px; }
#header .logo a:link, #header .logo a:visited { color:#fff; text-shadow:none; text-decoration:none; }
#header .title { display:block; font-family:'Imprima', Verdada, Arial, Helvetica, sans-serif; color:#111; font-size:42px; line-height:1em; margin-bottom:5px; text-shadow:0px 1px 0px #fff; }
#header .title a:hover { text-decoration:none; }
#header .description { display:none; text-transform:capitalize; letter-spacing:2px; }
#header .hidden { display:none; }
#header .subheader { float:right; text-align:right; }
#header .subheader .contact { font-size:16px; }
#header #searchform label { display:none; }
#header #searchform input[type=text] { display:block; float:left; font-size:12px; width:188px; padding:5px; margin:0 10px 0 0; height:18px; border:1px solid #929DcB; border-radius:2px; }
#header #searchform input[type=text]:focus{ border:1px solid #525d9b; }
#header #searchform input[type=submit] { display:block; background:url(images/icon_search.gif) no-repeat center #777; border:1px solid #444; border-radius:2px; width:40px; height:30px; padding:0; margin:0; cursor:pointer; color:transparent; }
#header #searchform input[type=submit]:hover { background-color:#aaa; }

/* SOCIAL ICONS */
#social a { margin:0px 0px 0px 2px; }

/* BREADCRUMBS */
#breadcrumb a { display:inline-block; padding:10px 15px; border-right:1px solid #ddd; }
#breadcrumb a:first-child { padding-left:50px; background:url(images/icon_home.png) no-repeat 15px center; }
#breadcrumb a:hover { background-color:#f5f5f5; }
#breadcrumb span { font-size:12px; display:inline-block; padding:10px 15px; }

/* HOMEPAGE SLIDES */
#slider ul { display:block; overflow:hidden; padding:0px; margin:0px; height:450px;  }
#slider ul li { overflow:hidden; position:relative; list-style:none; width:100%; height:450px; margin:0px; padding:0px; }
#slider ul li .textbox { overflow:hidden; position:absolute; margin:0; padding:20px; top:100px; left:120px; width:300px; border-radius:3px; }
#slider ul li .textbox .title { font-size:30px; }
#slider ul li .right { text-align:right; right:120px; left:auto; }
#slider ul li .light { color:#eee; }
#slider ul li .light .title { color:#fff; text-shadow:0 -1px 0 #444; }
#slider ul li .center { text-align:center; right:200px; left:200px; width:auto; }
#slider ul li div p:last-child { margin-bottom:0; }
#slider ul li div a:link,
#slider ul li div a:visited { }
#slider ul li div a:hover { }
#slider .prev, #slider .next { display:block; opacity:0; position:absolute; top:190px; z-index:999; width:64px; height:64px; margin:0px 30px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; cursor:pointer; -moz-transition:0.3s all; -webkit-transition:0.3s all; transition:0.3s all; }
#slider:hover .prev, #slider:hover .next { display:block; opacity:1; }
#slider .prev:hover, #slider .next:hover { }
#slider .prev { left:0px; background: url(images/arrow_left.png) no-repeat center; }
#slider .next { right:0px; background: url(images/arrow_right.png) no-repeat center; }
#slider .pages { position:absolute; z-index:999; width:100%; height:20px; bottom:0; text-align:center; margin:0px auto; }
#slider .pages a { display:inline-block; overflow:hidden; background:#999; color:#999; border:2px solid #888; border-bottom:2px solid #777; border-width:1px 1px 2px; margin:0px 5px; width:30px; height:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:5px; -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; }
#slider .pages .activeSlide { color:#fff; background:#fff; }

/* HOMEPAGE FEATURES */
#features .feature { float:left; width:22%; margin:0px 4% 40px 0px; text-align:center; }
#features .feature_right { margin-right:0px; }
#features .feature_second { }
#features .feature img { display:block; margin:0px auto 10px; width:64px; line-height:0; height:auto;  }
#features .feature .content { }
#features .feature .content h2 { margin:0; }
#features .feature .content p { margin:0; }
#features .separator { clear:both; padding:0px 0px; width:100%; }

/* HOMEPAGE SHOWCASE */
#showcase > .title { text-align:center; margin-bottom:20px; }
#showcase .description { margin-bottom:20px; }
#showcase .work { }
#showcase .item { float:left; text-decoration:none; overflow:hidden; display:block; width:22%; margin:0px 4% 0px 0px; }
#showcase .item:hover { text-decoration:none; }
#showcase .item_second { }
#showcase .item_third { margin-right:0px; }
#showcase .item .thumbnail { position:relative; overflow:hidden; }
#showcase .item .overlay { position:absolute; background:url(images/bg_portfolio.png) no-repeat center 0; opacity:0; top:0; left:0; right:0; bottom:0; -moz-transition:0.2s all; -webkit-transition:0.2s all; transition:0.2s all; }
#showcase .item:hover .overlay { background:url(images/bg_portfolio.png) no-repeat center; opacity:1; }
#showcase .item img { width:100%; display:block; margin:0px auto; width:auto; height:auto; line-height:0; border-radius:3px; }
#showcase .item .title { padding:10px; margin:0px; text-align:center; }
#showcase .item .title h3 { padding:0px; margin:0px; line-height:1em; font-size:14px; text-shadow:0px 1px 0px #ddd; }
#showcase .separator { clear:both; padding:25px 0px; width:100%; }
#showcase .separator_two { display:none; }

/* FOOTER */
#footer a { color:#fff; }


/* --------------------------------------------------------------
3. NAVIGATION
-------------------------------------------------------------- */

/* TOP MENU */
.nav_top { overflow:hidden; font-size:12px; margin:0px auto; padding:0px 0px; }
.nav_top > ul { float:right; overflow:visible; }
/* Menu Elements */
.nav_top li { float:right; position:relative; margin:0px; list-style:none; }
.nav_top li a { display:block; float:right; margin:4px 0px; padding:0px 10px; font-size:12px; color:#FFF; }
.nav_top li a:hover,
.nav_top li:hover > a { text-decoration:underline; }
.nav_top .current_page_item > a, .nav_top .current-menu-item > a { text-decoration:underline; }
/* Children Elements */
.nav_top li ul { margin:0px; padding:4px; position:absolute; background:#fff; top:100%; z-index:9999; }
.nav_top li ul li a { padding:6px 10px; width:220px; }
/* Children display on hover */
.nav_top li > ul { display:none; }
.nav_top li:hover > ul { display:block; }
/* Children indicator for parents */
.nav_has_children, .nav_has_children:hover > a { }
/* Additional Children */
.nav_top li ul ul { top:0px; right:0px; }


/* MAIN MENU */
.nav_main { margin:0; }
.nav_main > ul { overflow:visible; margin:0; }
/* Menu Elements */
.nav_main li { float:left; position:relative; margin:0px; padding:0px; list-style:none; }
.nav_main li a { display:block; float:left; text-decoration:none; font-family:'Roboto Condensed', Verdada, Arial, Helvetica, sans-serif; padding:10px 15px; margin:0px 0px; color:#fff; font-size:16px; text-transform:uppercase; border-radius:50px; -moz-transition:0.2s all; -webkit-transition:0.2s all; transition:0.2s all; }
.nav_main li a:hover,
.nav_main li:hover > a { text-decoration:none; text-shadow:0 0 5px #fff; }
.nav_main .current-menu-parent > a, 
.nav_main .current-page-ancestor > a, 
.nav_main .current_page_item > a, 
.nav_main .current-menu-item > a { background:rgba(255, 255, 255, 0.9); color:#333; }
.nav_main .current-menu-parent > a:hover, 
.nav_main .current-page-ancestor > a:hover, 
.nav_main .current_page_item > a:hover,
.nav_main .current-menu-item > a:hover,
.nav_main .current-menu-parent:hover > a, 
.nav_main .current-page-ancestor:hover > a, 
.nav_main .current_page_item:hover > a,
.nav_main .current-menu-item:hover > a { text-decoration:none; }
/* Children Elements */
.nav_main li ul { display:block; overflow:hidden; width:0; margin:0px; position:absolute; background:#fff; top:98%; left:0px; opacity:0; z-index:9999; border:1px solid #ddd; border-radius:3px; -moz-transition:0.2s all; -webkit-transition:0.2s all; transition:0.2s all; }
.nav_main li ul li a { text-align:left; color:#555; padding:8px 15px; margin:0px; width:140px; font-size:12px; text-transform:capitalize; border-radius:0; }
.nav_main li ul li a:hover { background:#eee; }
/* Children display on hover */
.nav_main li > ul { display:block; }
.nav_main li:hover > ul { opacity:1; width:170px; }
/* Children indicator for parents */
.nav_has_children, .nav_has_children:hover > a { }
/* Additional Children */
.nav_main li ul ul { top:0px; left:100%; }


/* FOOTER MENU */
.nav_footer { font-size:12px;  margin:0; padding:0; float:right; }
.nav_footer > ul { overflow:visible; margin:0; padding:0; }
/* Menu Elements */
.nav_footer li { float:left; position:relative; margin:0px; list-style:none; }
.nav_footer li a { display:block; float:left; margin:0px 0px 0px 20px; padding:0px; color:#fff; text-decoration:none; }
.nav_footer li a:hover,
.nav_footer li:hover > a { }
.nav_footer .current_page_item > a, 
.nav_footer .current-menu-item > a { text-decoration:underline; }
/* Children Elements */
.nav_footer li ul { padding:4px; position:absolute; background:#fff; top:100%; z-index:9999; }
.nav_footer li ul li a { font-size:0.9em; }
/* Children display on hover */
.nav_footer li > ul { display:none; }
.nav_footer li:hover > ul { display:block; width:auto; }
/* Children indicator for parents */
.nav_has_children, .nav_has_children:hover > a { }
/* Additional Children */
.nav_footer li ul ul { top:0px; left:100%; }


/* NEXT/PREV POST NAVIGATION */
#navigation { width:100%; margin:0px; padding:20px 0px; float:left; }
#navigation .prev { float:left; width:50%; text-align:right; }
#navigation .next { float:right; width:50%;  }
#navigation a:link, #navigation a:visited { display:inline-block; background:#ddd; color:#777; border-bottom:1px solid #aaa; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:6px 15px; margin:0px 3px; font-size:14px; text-shadow:0px 1px 0px #fff; box-shadow:0px 3px 3px -3px #779; }
#navigation a:active,
#navigation a:hover {}

/* PAGINATION */
.page-link { clear:both; }
#pagination { width:100%; margin:10px 0px 20px; float:left; }
#pagination span { padding:0 5px; }
#pagination a { padding:0 5px; }
#pagination a:hover { }
#pagination .current { }

/* IN-POST PAGINATION */
.page-link { clear:both; }
#postpagination { width:100%; margin:10px 0px 20px; float:left; }
#postpagination span { padding:0 5px; }
#postpagination a span { }
#postpagination a span:hover { }
#postpagination .current { }

/* SUBMENU NAVIGATION */
.nav_sub { margin:0px; padding:0px; }
.nav_sub li { list-style:none; margin:0; }
.nav_sub li a { display:block; padding:8px 10px; border-radius:3px; text-decoration:none; }
.nav_sub .current_page_item, .nav_sub .current-cat { border-bottom:0px; }
.nav_sub .current_page_item a, .nav_sub .current-cat a { background-color:#666; color:#fff; border-bottom:0px; }
.nav_sub li ul { display:none; font-size:1em; }

/* SUBMENU NAVIGATION */
.nav_portfolio { overflow:hidden; margin:0 0 40px; padding:0; }
.nav_portfolio li { display:block; float:left; list-style:none; width:120px; padding:0; }
.nav_portfolio li a { display:block; background:#ddd; color:#666; padding:8px 0px; border-radius:3px; text-decoration:none; text-align:center;}
.nav_portfolio li a:hover { background:#eee; color:#666; }
.nav_portfolio .current_page_item, .nav_portfolio .current-cat { border-bottom:0px; }
.nav_portfolio .current_page_item a, .nav_portfolio .current-cat a { background-color:#666; color:#fff; border-bottom:0px; }
.nav_portfolio li ul { display:none; font-size:1em;}


/* --------------------------------------------------------------
4. POSTS & PAGES
-------------------------------------------------------------- */

/* PREVIEWS */
.preview { margin:0px 0px 40px; padding:0px; clear:both; }
.preview .title { margin:0px 0px 10px; }
.preview .title a { color:#333; text-decoration:none; }
.preview .byline { overflow:hidden; padding:0; margin:0px 0px 10px; color:#888; }
.preview .byline a:link, .preview .byline a:visited { color:#888; }
.preview .byline .date { float:left; padding:0 15px 0 0; }
.preview .byline .author { float:left; padding:0 15px; margin:0px; border-left:1px solid #ddd; }
.preview .byline .category { float:left; padding:0 15px; border-left:1px solid #ddd; }
.preview .thumbnail { float:left; width:144px; overflow:hidden; text-align:right; margin-right:20px; border:3px solid #fff; border-radius:10px; box-shadow:0px 1px 2px 0px #111; }
.preview .thumbnail img { display:block; line-height:0em; width:100%; height:auto; }
.preview .meta .date { background:#222; color:#fff; padding:10px; margin:0px 0px 10px; line-height:1em; font-size:14px; border-radius:0px 0px 3px 3px; text-shadow:0px -1px 0px #000; box-shadow:0px 10px 8px -10px #778; }
.preview .metafield { padding:0px 30px 2px 0px; font-size:12px; }
.preview .meta .tags { background:url(images/icon_tags.png) no-repeat right 4px; }
.preview .meta .comments { background:url(images/icon_comments.png) no-repeat right 4px; }
.preview .content { padding:0px; margin-left:170px; }
.preview .nomargin { margin-left:0; }
.preview .content p { margin-bottom:0px;  }
.preview .readmore { font-size:11px; }
.preview .pagecontent { margin-left:0; }
.preview .content p { padding:0; }

/* ENTRIES */
.entry { margin:0px 0px 30px; padding:0px; clear:both; }
.entry .title { margin:0px 0px 10px; }
.entry .title a { }
.entry .byline { overflow:hidden; padding:0; margin:0px 0px 10px; color:#888; }
.entry .byline a:link, .entry .byline a:visited { color:#888; }
.entry .byline .date { float:left; padding:0 15px 0 0; }
.entry .byline .author { float:left; padding:0 15px; margin:0px; border-left:1px solid #ddd; }
.entry .byline .category { float:left; padding:0 15px; border-left:1px solid #ddd; }
.entry .meta { font-size:11px; }
.entry .thumbnail img { display:block; margin:0px 0px 20px; line-height:0em; line-height:0em; border-radius:5px; width:100%; height:auto; }
.entry .meta .date { background:#222; color:#fff; padding:10px; margin:0px 0px 10px; line-height:1em; font-size:14px; border-radius:3px; text-shadow:0px -1px 0px #000; box-shadow:0px 10px 8px -10px #778; }
.entry .metafield { padding:0px 30px 2px 0px; font-size:12px; }
.entry .meta .tags { background:url(images/icon_tags.png) no-repeat right 4px; }
.entry .meta .comments { background:url(images/icon_comments.png) no-repeat right 4px; }
.entry .readmore { font-size:0.9em; }
.entry .content { padding:0px; }
.entry .page { margin-left:0; }
.entry .subscribe { float:right; }

.twitter-share-button { display:block; float:left; }

/* PORTFOLIO PAGE */
#portfolio { }
#portfolio .work { overflow:hidden; }
#portfolio .item { overflow:hidden; display:block; float:left; width:31%; margin-right:3.5%; margin-bottom:50px; }
#portfolio .item_last { margin-right:0px; }
#portfolio .item .thumbnail { margin:0 0 20px 0;}
#portfolio .item img {  display:block; width:auto; height:auto; line-height:0; border-radius:3px; box-shadow:0 3px 3px -3px #888; }
#portfolio .item > a { text-decoration:none; }
#portfolio .item .title { }
#portfolio .item .content { }
#portfolio .item .content p { }
#portfolio .item:hover .content { top:0px; }
#portfolio .item .content h3 { color:#fff; text-shadow:0px -1px 0px #000; }
#portfolio .item .content p { margin:0; }
#portfolio .separator { clear:both; padding:25px 0px; width:100%; }

/* PORTFOLIO ITEM */
.portfolio { margin:0; padding:0; }
.portfolio .title { margin:0px 0px 0px; }
.portfolio .title a { color:#333; }
.portfolio .meta { font-size:0.8em; color:#545454; }
.portfolio .meta a { padding-bottom:20px; color:#000; }

.portfolio .thumbnail { overflow:hidden; position:relative; margin:0 0 0; line-height:0em; height:auto; max-height:500px; }
.portfolio .thumbnail .title { position:absolute; background:url(images/bg_portfolio_title.png) repeat-x left top; color:#fff; font-size:46px; bottom:0; left:0; right:0; padding:60px 200px 30px 30px; line-height:1; margin:0; text-shadow:0 -1px 0 #222; }
.portfolio .thumbnail .description { position:absolute; color:#fff; text-align:right; font-size:16px; bottom:0; right:0; padding:30px; width:250px; margin:0; text-shadow:0 -1px 0 #222; line-height:1.5em; }
.portfolio .thumbnail img { display:block; margin:0; line-height:0em; width:100%; height:auto; }



.portfolio .slides { margin:0 0 0; }
.portfolio .slides ul { display:block; overflow:hidden; position:relative; height:400px; margin:0px 0px 20px; padding:0px 0px 10px; }
.portfolio .slides ul li { display:block; position:absolute; float:left; overflow:hidden; width:100%; background:#222; list-style:none; margin:0; padding:0; }
.portfolio .slides ul li img { display:block; height:auto; margin:0px; width:100%; height:auto; line-height:0em; }

.portfolio .pages { width:100%; text-align:center; margin:0px auto; }
.portfolio .pages a { display:inline-block; overflow:hidden; background:#555; color:#555; border:3px solid #555; margin:0px 5px; width:15px; height:10px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:10px 0 10px 0; }
.portfolio .pages .activeSlide { color:#fff; background:#fff; }
.portfolio .readmore { font-size:0.9em; }
.portfolio .content { margin:0; padding:0px 0px 0px; }
.portfolio .preview { padding:0px; }
.portfolio .utility { font-size:0.8em; }
.portfolio .utility a { }



.sticky {}

/* ADMIN EDIT LINKS */
.edit_link { background:#F90; color:#FFF; padding:0px 5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.edit_link:hover { background:#FC3; }
.edit_link a { color:#FFF; }

/* AUTHOR BIOS */
.author_bio { overflow:hidden; clear:both; padding:20px 0px 0px; margin:20px 0px 0px; border-radius:3px; }
.author_bio .avatar { float:left; display:inline; margin:0px 20px 0px 0px; border-radius:50%; }
.author_bio h2 { margin:0px 0px 10px; }
.author_bio .description { font-size:12px; }
.author_bio .link { float:right; margin:20px 0px 0px; }

/* SHORTCODES */

/* WP GALLERY */
.gallery { margin:0 auto 2em;}
.gallery .gallery-item { float:left; overflow:hidden; display:block; background:#eee; margin:10px 1.5% 20px; text-align:center; border-bottom:1px solid #bbb; width:47%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border:3px solid #f5f5f5; border-radius:10px; box-shadow:0px 1px 2px 0px #111; }
.gallery .gallery-item:hover { box-shadow:0 1px 4px 2px #999; }
.gallery .gallery-icon { text-align:center; padding:0; margin:0; overflow:hidden; line-height:0; }
.gallery-columns-2 .gallery-item { width:47%; border-width:10px; }
.gallery-columns-3 .gallery-item { width:30%; border-width:8px; }
.gallery-columns-4 .gallery-item { width:22%; border-width:7px; }
.gallery-columns-5 .gallery-item { width:17%; border-width:5px; }
.gallery-columns-6 .gallery-item { width:13.6%; border-width:3px; }
.gallery-columns-7 .gallery-item { width:12.25%; margin:10px 1% 10px; }
.gallery-columns-8 .gallery-item { width:10.5%;  margin:10px 1% 10px; }
.gallery-columns-9 .gallery-item { width:9.11%; margin:10px 1% 10px; }
.gallery dl a { display:block; }
.gallery dl a img { width:100%; height:auto; margin:0 auto; }
.gallery .gallery-caption {	font-size:12px; line-height:1.2em; margin:10px 0 0;}
.gallery br+br { display:none; }

/* SEARCH PAGE */
#search_form { margin:20px 0px 50px; position:relative; }
#search_form input[type=text] { float:left; font-size:12px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; padding:10px 45px 10px 10px; height:40px; border:1px solid #929DcB; border-radius:20px; }
#search_form input[type=submit] { display:block; position:absolute; right:0px; background:url(images/icon_search.gif) no-repeat center; width:40px; height:38px; border:0; padding:0; margin:1px; cursor:pointer; color:transparent; }
#search_form input[type=submit]:hover { background-color:#eee; }

/* CONTACT FORM */
#contact_form .test { left:-9999px; position:absolute; top:-9999px; }
#contact_form .field { float:left; list-style:none; width:100%; margin:10px 0 0; }
#contact_form .field { float:left; margin:0px 0px 18px; width:100%; }
#contact_form .field label{ display:block; float:left; padding:8px 20px 8px 0px; width:100px; }

#contact_form .field textarea{ height:200px; width:420px; max-height:400px; min-height:200px; resize:vertical; }
#contact_form .field .error{ display:block; margin-left:120px; color:#F30; font-weight:bold; font-size:0.8em; }
#contact_form .field li.buttons .submit{ margin:15px 0px 0px 120px; cursor:pointer; }
#contact_form .sfield input[type=submit]{ background:#2D72BE; width:auto; border:0; margin:20px 0px; padding:8px 15px; color:#FFF; text-shadow:0px -1px 0px #333; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; font-size:12px; font-weight:bold; cursor:pointer; }

/* SITEMAP */
#sitemap { overflow:hidden; }
#sitemap li { display:block; float:left; list-style:none; width:31%; margin:0 2% 30px 0; padding:0; }
#sitemap .current_page_item { display:none; }
#sitemap ul { margin:0; padding:0; }
#sitemap ul li { margin:0; float:none; padding:0 0px 0 20px; width:auto; height:auto; text-transform:none; font-size:12px; }
#sitemap .separator { clear:both; width:100%; }

/* --------------------------------------------------------------
5. COMMENTS
-------------------------------------------------------------- */


/* COMMENTS */
#comments { clear:both; border-top:1px solid #bbb; padding:20px 0px 0px; }
#comments h3 { margin:0 0 30px; }
#comments ol { list-style:none; margin:0; padding:0; }
#comments ol li { list-style:none; margin:0; padding:0; position:relative; }
#comments ol li .comment { margin:0 0 25px 100px; }
#comments ol .comment { margin-bottom:20px; padding:0px; }
/* Comment Layout */
#comments .commentlist { margin:0px 0px 30px; }
#comments .thumbnail { float:left; }
#comments .avatar { display:block; border-radius:50px; border:5px solid #bbb; }
.comment .title { font-size:12px; padding:0; }
.comment .author { font-size:16px; font-weight:bold; }
.comment .bypostauthor { }
.comment .date { float: right; }
.comment .title a:link, .comment .title a:visited { }
.comment .title a:active, .comment .title a:hover { }
.comment .approval { display:block; background:#eee; padding:0px 10px 0px; margin:0;}
.comment .content { padding:10px 0; }
.comment .options { padding:5px 0; overflow:hidden; }
.comment .options a { display:block; float:right; margin-left:10px; font-size:12px; }
/* Contents Styling for Comment Body */
.comment .content ul, .comment .content ol { margin-bottom:18px; }
.comment .content p:last-child { margin-bottom:6px; }
.comment .content blockquote p:last-child { margin-bottom:24px; }
/* Nested Comments */
.commentlist .children { list-style:none; margin-left:56px; }
.nopassword, .nocomments { font-size:12px; font-weight:bold; margin:0; padding:0; }
/* Pingbacks & Trackbacks */
#comments ol.pinglist { margin:0px 0px 0px 0; }
#comments .pingback { list-style:none; margin:0 0 10px 0; }
#comments .pingback .url { font-size:13px; font-style:italic; }


/* COMMENT FORM */
#respond { margin:30px 0 0; overflow:hidden; position:relative; }
#respond h3 {  }
#respond p { display:block; padding:0; margin:10px 0px; }
#respond form {  }
.children #respond { margin:0 48px 0 0; }
/* Fields */
#respond .comment-notes { display:none; }
#cancel-comment-reply-link { display:block; font-size:0.9em; font-weight:normal; line-height:18px; }
#respond .required { display:none; color:#ff4b33; font-weight:bold; }
#respond label{ display:block; float:left; padding:8px 5% 8px 0px; width:30%; }
#respond input[type=text] { width:55%; }
#respond textarea{ height:200px; width:90%; max-height:400px; min-height:200px; resize:vertical; }
/* Nested Form */
#comments-list #respond { margin:0 0 18px 0; }
#comments-list ul #respond { margin:0; }
/* Allowed Tags */
#respond .form-allowed-tags { display:block; color:#888; font-size:12px; line-height:18px; }
#respond #submit, #respond #submit:visited { display:inline-block; background:#7db9e8; background: -moz-linear-gradient(top, #7db9e8 0%, #49569a 100%); background: -webkit-linear-gradient(top, #7db9e8 0%,#49569a 100%); background: linear-gradient(to bottom, #7db9e8 0%,#49569a 100%); width:auto; border:0; margin:20px 0; border-bottom:1px solid #111; padding:12px 20px; color:#FFF; text-shadow:0 -1px 0 #333; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; font-weight:bold; cursor:pointer; } }
#respond #submit:hover { background:#666; }
#respond #submit:active { background:#666; border-bottom:0; border-top:1px solid #335; }


/* --------------------------------------------------------------
6. WIDGETS
Includes all widget-related elements
-------------------------------------------------------------- */

/* WIDGET LAYOUT */
#sidebar .widget { list-style:none; overflow:hidden; margin:0; }
#sidebar .widget li { list-style:none; margin:0px 0px 30px; }
#sidebar .widget ul { margin:0px 0px 30px; }
#sidebar .widget ul li { background:url(images/bg_list.png) no-repeat left 7px; padding:0 0 0 20px; margin:0px 0px 5px; }
#sidebar .widget ul ul { margin-left:1.3em; margin-bottom:5px; }
#sidebar .widget ul ul ul { margin-bottom:0px; }
#sidebar .widget .widget-title { margin:0px 0px 10px; }

/* WIDGET LAYOUT AT FOOTER */
#footersidebar .widget { list-style:none; overflow:hidden; margin:0; }
#footersidebar .widget .title { margin:0px 0px 10px; color:#fff; text-shadow:0px -1px 0px #222; }
#footersidebar .widget li { list-style:none; margin:0px 0px 30px; text-shadow:0px -1px 0px #444; }
#footersidebar .widget ul { margin:0px 0px 30px; }
#footersidebar .widget ul li { background:url(images/bg_list_footer.png) no-repeat left 7px; padding-left:20px; margin:0px 0px 5px; }
#footersidebar .widget li a { color:#fff; }
#footersidebar .widget ul ul { margin-left:1.3em; margin-bottom:5px; }
#footersidebar .widget ul ul ul { margin-bottom:0px; }

/* Footer widget areas */
.footerwidget { float:left; width:22%; margin-right:4%;  }
.footerwidget_last { float:left; width:22%; }

/* Forms */
.widget select { max-width:100%; }

/* SEARCH WIDGET */
.widget_search { overflow:hidden; position:relative; }
.widget_search label { display:none; }
.widget_search input[type=text] { float:left; font-size:12px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; padding:10px 45px 10px 10px; height:40px; border:1px solid #777; border-radius:50px; }
.widget_search input[type=text]:focus{ border:1px solid #444; }
.widget_search input[type=submit] { display:block; position:absolute; right:0px; background:url(images/icon_search.gif) no-repeat center; width:32px; height:30px; border:0; padding:0; margin:5px; cursor:pointer; color:transparent; border-radius:50%; }
.widget_search input[type=submit]:hover { background-color:#ddd; }

/* TAG CLOUD WIDGET */
.widget_tag_cloud #wp_tag_cloud div { line-height:1.6em; }
.widget_tag_cloud a { display:inline-block; background:url(images/bg_shade_light.png); padding:4px 8px; margin:2px; border-radius:3px; }

/* CALENDAR WIDGET */
#wp-calendar { width:100%; padding:0; clear:both; }
#wp-calendar caption { font-weight:bold; padding:5px; text-align:center; }
#wp-calendar td { background:#f5f5f5; padding:5px; text-align:center; }
#wp-calendar td, table#wp-calendar th { padding:3px 0; text-align:center; }
#wp-calendar thead { background:#ddd; }
#wp-calendar tbody { background:#ccc; }
#wp-calendar tfoot #next { text-align:right; }
#wp-calendar tfoot td { background:none; }

#footersidebar #wp-calendar { border:none; color:#bbb; }
#footersidebar #wp-calendar td { background:none; border-bottom:0px; }
#footersidebar #wp-calendar thead { background:none; }
#footersidebar #wp-calendar thead th { color:#bbb; }
#footersidebar #wp-calendar tbody { background:none; }
#footersidebar #wp-calendar tfoot td { background:none; }

/* RSS WIDGET */
.widget_rss a.rsswidget { }
.widget_rss a.rsswidget:hover {	color:#ff4b33; }
.widget_rss .widget-title img {	width:14px; height:14px; }

/* CPOTHEMES RECENT POSTS WIDGET */
.cpotheme_recent_posts {}
.cpotheme_recent_posts .item { overflow:hidden; margin-bottom:15px;}
.cpotheme_recent_posts .item .title {}
.cpotheme_recent_posts .item .thumbnail { display:block; float:left; margin-right:15px;  }
.cpotheme_recent_posts .item img { display:block; width:75px; height:auto; border:3px solid #fff; border-radius:10px; box-shadow:0px 1px 2px 0px #111; }
.cpotheme_recent_posts .item .meta { font-size:10px; }

/* CPOTHEMES FLICKR WIDGET */
#cpotheme_flickr { overflow:hidden; }
#cpotheme_flickr div { float:left; overflow:hidden; margin:0px 10px 10px 0px; border:3px solid #fff; border-radius:10px; box-shadow:0px 1px 2px 0px #111; }
#cpotheme_flickr a { display:block; line-height:0; }
#cpotheme_flickr img { width:55px; height:55px; }

/* CPOTHEMES TWITTER STREAM WIDGET */
#cpotheme_twitter_stream { }
#cpotheme_twitter_stream .tweet {  }

/* LINGUA */
#flaggenmast { heigth: 8px; width: 100px; margin: 0; padding: 0; float: right; clear: right; background-color:'transparent';}
#headerMenuSystem { position:absolute; top:20px; right:30px;}
#qtranslate-chooser li { list-style-type:none; float:left; margin: 20px 10px 10px 5px; }
.qtrans_language_chooser {  }

/* --------------------------------------------------------------
6. MOBILE & OTHER
Includes all queries that shape the site for mobile experiences as well as random snippets that don't fit elsewhere
-------------------------------------------------------------- */