/*
Theme Name:Illustrious
Theme URI:http://www.cpothemes.com/theme/illustrious
Description:A portfolio oriented theme with a clean, organized design. It includes custom templates and multiple widget areas in the sidebar as well as the footer, as well as a Theme Settings page where you can customize the background, the site logo and more.
Author:CPOThemes
Author URI:http://www.cpothemes.com
Version:1.4
License:GNU General Public License 2.0
License URI:license.txt
Tags:one-column,two-columns,custom-colors,custom-header,featured-images,full-width-template,threaded-comments,translation-ready,theme-options,right-sidebar,custom-menu
*/


/*
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. 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:3; }
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:url(images/bg_main_texture.png)#ddd;color:#555; font-size:14px; line-height:1.5em; }
/* 	 background: url(images/bg.jpg) no-repeat center center fixed;
 	 background-size: cover; /*Css padrão*/
 	 -webkit-background-size: cover; /*Css safari e chrome*/
	  -moz-background-size: cover; /*Css firefox*/
	  -ms-background-size: cover; /*Css IE não use mer#^@%#*/
 	 -o-background-size: cover; /*Css Opera*/*/
			

/* HEADINGS */
h1, h2, h3, h4, h5, h6 { font-family:'Asap', Verdada, Arial, Helvetica, sans-serif; color:#432; line-height:1.2em; margin:0px 0px 10px; text-shadow:0px 1px 0px #fff; }
h1 { font-size:36px; } 
h2 { font-size:24px; } 
h3 { font-size:21px; } 
h4 { font-size:18px; } 
h5 { font-size:16px; } 
h6 { font-size:14px; }

/* HYPERLINKS */
a:link, a:visited { color:#210; text-decoration:none; }
a:hover { color:#432; text-decoration:underline; }

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

/* 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:24px; }
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; color:#333; }
del { text-decoration:line-through; color:#555; }

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

/* CITATIONS */
blockquote { display:block; color:#555; font-style:italic; padding:0px 30px; margin:25px 0px; }
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; color:#888; 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:20px 0px 40px; }

/* 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 0px 2px 2px #987; }
.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. */

/* FORMS */
input[type=text], textarea { font-family:Arial, Helvetica, sans-serif; border:1px solid #bbb; padding:8px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

/* BUTTONS */
.button, .button:visited { display:inline-block; background:url(images/bg_button.png) repeat-x #836969 center bottom; width:auto; margin:5px 0; padding:12px 15px; color:#fff; text-shadow:0 1px 0 #555; -moz-border-radius:2px; -webkit-border-radius:2px; border:none; border-radius:2px; font-weight:bold; cursor:pointer; }
.button:link { color:#fff; }
.button:hover { background:#836969; text-decoration:none; }
.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; text-shadow:0 1px 0 #C43; border-color:#A43; }
.button_blue, .button_blue:visited { background-color:#7dbdff; text-shadow:0 1px 0 #49d; border-color:#48B; }
.button_green, .button_green:visited { background-color:#93ed7e; text-shadow:0 1px 0 #6b4; border-color:#694; }
.button_teal, .button_teal:visited { background-color:#6bd5d4; text-shadow:0 1px 0 #4aa; border-color:#499; }
.button_purple, .button_purple:visited { background-color:#c792f4; text-shadow:0 1px 0 #96c; border-color:#86B; }
.button_pink, .button_pink:visited { background-color:#eb9ce1; text-shadow:0 1px 0 #b6b; border-color:#A6A; }
.button_orange, .button_orange:visited { background-color:#f0b371; text-shadow:0 1px 0 #d84; border-color:#A84; }
.button_yellow, .button_yellow:visited { background-color:#ebe47b; text-shadow:0 1px 0 #bb4; border-color:#AA6; }
.button_gray, .button_gray:visited { background-color:#ccc; text-shadow:0 1px 0 #999; border-color:#777; }
.button_black, .button_black:visited { background-color:#666; text-shadow:0 -1px 0 #000; color:#fff; border-color:#333; }
.button_white, .button_white:visited { background-color:#fff; text-shadow:0 1px 0 #fff; border-color:#BBB; color:#666; }

/* MESSAGE BOXES */
.message_box { display:block; background:#eee; font-size:12px; font-weight:bold; margin:20px 0px; padding:15px 20px; border:1px solid #999; color:#333; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.message_ok { background:#B6EBA0; color:#030; border:1px solid #2A5; }
.message_error { background:#FFBE96; color:#300; border:1px solid #C62; }
.message_warn { background:#FFF3B3; color:#630; border:1px solid #AA2; }
.message_info { background:#B0D3FB; color:#003; border:1px solid #88E; }

.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:30px; margin:20px 0; }
.pageseparator .line { position:absolute; border-top:1px solid #bbb; top:40%; width:100%; }
.pageseparator .top { position:absolute; right:50%; margin-right:-12px; background:url(images/top.gif) no-repeat #eee center; height:24px; width:24px; border-radius:50%; }
.pageseparator .top:hover { background:url(images/top.gif) no-repeat #fff center; }


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

/* WRAPPERS */
.wrapper { padding:0px 0px; margin:0px auto; width:960px; }
.wrapper_footer { background:url(images/bg_footer_texture.png); overflow: hidden; }

/* SITE STRUCTURE */
#topmenu { background:#999; overflow:hidden;}
#header { padding:20px 0px 30px; }
#menu { float:right; text-align:right; margin:15px 0px 0px; }
#submenu { float:left; width:200px; margin-right:50px; }
#slider { padding:0px; position:relative; height:360px; width:960px; }
#features { padding:0px 0px 0px; }
#breadcrumb { font-size:12px; padding:20px 0px; border-bottom:1px solid #BBB; }
#main { padding:30px 0px 20px; }
#content { float:left; width:600px; }
#sidebar { float:right; padding:0px; width:300px; margin:0px 0px 0px 60px; }
#footersidebar { padding-top:30px; width:960px; margin:0px auto; overflow:hidden; color:#fff; }
#footermenu { float:right; }
#footer { clear:both; width:960px; margin:20px auto; padding:20px 0px 0px; border-top:1px solid #aaa; color:#fff; }
#clear { clear:both; height:0; margin:0; padding:0; }
.clear { clear:both; height:0; margin:0; padding:0; }

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

/* HEADER */
#header .logo { float:left; }
#header .title { display:block; font-family:'Asap', Verdada, Arial, Helvetica, sans-serif; color:#111; font-size:42px; line-height:1em; margin-bottom:5px; }
#header .title a:hover { text-decoration:none; }
#header .description { display:block; 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; }

/*#header {
	margin-bottom: 45px;
	border-top: 4px solid #2e2f30;
	border-bottom: 4px solid #2e2f30;
	min-height: 80px;
	background: #ffffff/* url('images/headerbgdark.png')*/
}*/
 /* BREADCRUMBS */
#breadcrumb a {  }

/* HOMEPAGE SLIDES */
#slider ul { display:block; overflow:hidden; background:#d9d5d9; border:0px solid #fff; padding:0px; margin:0px; width:960px; height:300px; box-shadow:0px 0px 2px 2px #987; }
#slider ul li { overflow:hidden; position:relative; list-style:none; width:960px; height:300px; margin:0px; padding:0px; }
/*#slider ul li .content { float:left; position:absolute; bottom:0; padding:15px 20px; margin:0px; width:900px; background:url(images/bg_slider_textbox.png); color:#fff; }
#slider ul li .content h2 { color:#fff; text-shadow:0px -1px 0px #444; }
#slider ul li .content p { margin-bottom:0; }
#slider ul li .content a:link,
#slider ul li .content a:visited { color:#bbb; text-decoration:underline; }
#slider ul li .content a:hover { color:#fff; }*/
#slider .prev, #slider .next { display:block; opacity:0; position:absolute; top:140px; z-index:999; width:40px; height:40px; 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.6s 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 { width:960px; text-align:center; margin:10px 0px; padding:10px 0px; }
#slider .pages a { background:#f2f2f2; color:#f2f2f2; margin:0px 5px; width:15px; height:15px; padding:2px 7px; border-top:1px solid #fff; border-bottom:1px solid #888; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; }
#slider .pages .activeSlide { color:#bbb; background:#bbb; border-top:1px solid #666; border-bottom:1px solid #fff; }

/* HOMEPAGE FEATURES */
#features .feature { float:left; width:280px; margin:0px 60px 40px 0px; }
#features .feature_right { margin-right:0px; }
#features .feature img { background:#fff; margin:0px 0px 20px; border:6px solid #fff; width:268px; height:auto; box-shadow:0px 0px 2px 2px #987; line-height:0; }
#features .feature .content { }
#features .feature .content p { margin:0; }
#features .separator { clear:both; padding:0px 0px; width:100%; }

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


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

/* TOP MENU */

.nav_top { float:right; font-size:12px; margin:0px; padding:0px 0px; }
.nav_top > ul { float:right; overflow:visible; }
/* Menu Elements */
.nav_top li { float:left; position:relative; margin:0px; list-style:none; }
.nav_top li a { display:block; float:right; margin:4px 0px; padding:0px 10px; 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; padding:0px; margin:10px 0px 10px 30px; color:#222; font-size:14px; text-transform:uppercase;}
.nav_main li a:hover,
.nav_main li:hover > a { }
.nav_main .current-menu-parent > a, 
.nav_main .current-page-ancestor > a, 
.nav_main .current_page_item > a, 
.nav_main .current-menu-item > a { }
/* Children Elements */
.nav_main li ul { margin:0px; position:absolute; background:#fff; top:100%; left:30px; z-index:9999; box-shadow:0px 0px 2px 2px #987; }
.nav_main li ul li a { text-align:left; padding:5px 10px; margin:0px; width:150px; font-size:12px; text-transform:capitalize; }
.nav_main li ul li a:hover { background:#eee; }
/* Children display on hover */
.nav_main li > ul { display:none; }
.nav_main li:hover > ul { display:block; }
/* 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; }
.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; border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:6px 15px; margin:0px 5px; font-size:14px; box-shadow:0px 1px 2px 0px #aaa; background:#fff; background:-moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background:-webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background:linear-gradient(top, #ffffff 0%, #eeeeee 100%); color:#999; text-shadow:0px 1px 0px #fff; }
#navigation a:active,
#navigation a:hover {}

/* PAGINATION */
.page-link { clear:both; }
#pagination { width:100%; margin:10px 0px 20px; float:left; }
#pagination span { display:block; float:left; background:#ddd; font-weight:bold; color:#777; border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:4px 8px; margin:0px 3px; font-size:14px; text-shadow:0px 1px 0px #fff; box-shadow:0px 1px 2px 0px #aaa; border:1px solid #ccc; }
#pagination a { display:block; float:left; border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:4px 8px; margin:0px 3px; font-size:14px; box-shadow:0px 1px 2px 0px #aaa; background:#fff; background:-moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background:-webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background:linear-gradient(top, #ffffff 0%, #eeeeee 100%); color:#999; text-shadow:0px 1px 0px #fff; }
#pagination a:hover { background:#fff; }
#pagination .current { }

/* IN-POST PAGINATION */
.page-link { clear:both; }
#postpagination { width:100%; margin:10px 0px 20px; float:left; }
#postpagination span { display:block; float:left; background:#ddd; border:1px solid #ccc; color:#777; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:4px 8px; margin:0px 3px; font-size:14px; text-shadow:0px 1px 0px #fff; box-shadow:0px 1px 2px 0px #aaa; }
#postpagination a span { background:#fff; background:-moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background:-webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background:linear-gradient(top, #ffffff 0%, #eeeeee 100%); color:#999; text-shadow:0px 1px 0px #fff; }
#postpagination a span:hover { background:#fff; }
#postpagination .current { background:none; border:0; font-weight:bold; float:left; padding:2px 6px; margin:0px 4px; font-size:14px; }

/* SUBMENU NAVIGATION */
.nav_sub { font-size:14px; margin:0px; padding:0px 0px; border-right:0px solid #aaa; }
.nav_sub li { list-style:none; margin:0px; }
.nav_sub li a { display:block; padding:6px 5px 6px 10px;  }
.nav_sub .current_page_item a { background-color:#999; color:#fff; }
.nav_sub li ul { font-size:1em; }


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

/* ENTRIES */
.entry { margin:0px 0px 30px; padding:0px 0px 5px; }
.entry .title { margin:0px 0px 0px; }
.entry .title a {color:#554339; }
.entry .meta { font-size:0.8em; color:#545454; }
.entry .meta a { padding-bottom:20px; color:#000; }
.entry .thumbnail { float:left; display:inline; overflow:hidden; width:100px; border:5px solid #fff; line-height:0em; box-shadow:0px 0px 2px 2px #987; }
.entry .readmore { font-size:0.9em; }
.entry .content { padding:30px 0px 0px; }
.entry .preview { padding:0px; }
.entry .utility { font-size:0.8em; }
.entry .utility a { }

/* PORTFOLIO PAGE */
#portfolio {  }
#portfolio > .title { margin-bottom:20px;  }
#portfolio .item { float:left; display:block; width:300px; margin:0px 30px 30px 0px; }
#portfolio .item_right { margin-right:0px; }
#portfolio .item .thumbnail { position:relative; overflow:hidden; border:5px solid #fff; box-shadow:0px 0px 2px 2px #987; }
#portfolio .item img {  max-width:100%; display:block; width:auto; height:auto; line-height:0; }
#portfolio .item .title { margin:5px 0; }
#portfolio .item .title h3 { color:#fff; padding:0px; margin:0px; line-height:1em; font-size:14px; text-shadow:0px -1px 0px #000; }
#portfolio .separator { clear:both; padding:0; width:100%; }

/* PORTFOLIO ITEM */
.portfolio { margin:0px 0px 30px; padding:0px 0px 5px; }
.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 .slides { margin:20px 0; }
.portfolio .slides ul { display:block; overflow:hidden; margin:0; border:10px solid #fff; box-shadow:0px 0px 2px 2px #987; }
.portfolio .slides ul li { display:block; overflow:hidden; background:#222; list-style:none; width:100%; margin:0px; padding:0; box-shadow:0px 10px 8px -10px #778; }
.portfolio .slides ul li img { display:block; width:100%; height:auto; margin:0px; line-height:0em; }
.portfolio .pages { width:960px; text-align:center; margin:10px 0px; padding:10px 0px; }
.portfolio .pages a { background:#f2f2f2; color:#f2f2f2; margin:0px 5px; width:15px; height:15px; padding:2px 7px; border-top:1px solid #fff; border-bottom:1px solid #888; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; }
.portfolio .pages .activeSlide { color:#bbb; background:#bbb; border-top:1px solid #666; border-bottom:1px solid #fff; }
.portfolio .readmore { font-size:0.9em; }
.portfolio .content { margin:20px 0px 0px; 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; border:1px solid #CCC; background:#f8f8f8; padding:20px; margin:10px 0px; }
.author_bio .avatar { float:left; display:inline; margin:0px 15px 15px 0px; }
.author_bio h2 { margin:0px 0px 10px; }
.author_bio .description { font-size:12px; }
.author_bio .link { float:right; clear:both; margin:12px 0px 0px; }

/* SHORTCODES */

/* WP GALLERY */
.gallery { margin:0 auto 2em;}
.gallery .gallery-item { float:left; display:block; margin:5px 10px; text-align:center; border:1px solid #bbb;   }
.gallery .gallery-icon { text-align:center; padding:0; margin:0; overflow:hidden; background:#eee; line-height:0; }
.gallery .gallery-icon:hover { background:#fff; box-shadow:0px 0px 4px 2px #999; }
.gallery-columns-2 .gallery-item {  }
.gallery-columns-4 .gallery-item { }
.gallery-columns-2 .attachment-medium { max-width:92%; height:auto; }
.gallery-columns-4 .attachment-thumbnail { max-width:84%; height:auto;}
.gallery .gallery-caption {	color:#666; font-size:0.8em; margin:0px;}
.gallery dl { margin:0;}
.gallery img { padding:10px; margin:0px auto; }
.gallery br+br { display:none; }
#content .attachment img { display:block; margin:0 auto; }

/* 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:2px; }
#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 input[type=text] { width:250px; }
#contact_form .field textarea{ height:200px; width:460px; 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 */
.cpo_sitemap { margin:10px 0px 0px; line-height:22px; }
.cpo_sitemap li ul { list-style:circle; padding-left:25px; }
.sitemap { }
.sitemap h2 { }
.sitemap .row { float:left; width:100%; }
.sitemap ul { width:25%; float:left; }
.sitemap ul li { list-style:none; display:block; width:100%; margin:0 0 0px 0; padding:0; }
.sitemap ul .current_page_item { display:none; }
.sitemap ul li a:link, .sitemap ul li a:visited { font-size:16px; }
.sitemap ul ul { margin:0; width:100%; }
.sitemap ul ul li { margin:0; padding:0; height:auto; text-transform:none; }
.sitemap ul ul a:link, .sitemap ul ul a:visited { color:#666; font-size:12px; }
.sitemap ul ul a:hover { text-decoration:underline; }

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


/* COMMENTS */
#comments { clear:both; border-top:1px solid #999; padding:20px 0px 0px; }
#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 24px 56px; }
#comments ol .comment { border:1px solid #888; margin-bottom:20px; padding:0px; border-radius:3px; }
/* Comment Layout */
#comments ol.commentlist { margin-bottom:30px; }
.comment {}
#comments .avatar { float:left; }
.comment .title { font-size:12px; background:url(images/bg_footer_texture.png); padding:10px 12px; }
.comment .author { font-size:16px; color:#fff; font-weight:bold; text-shadow:0 -1px 0 #222; }
.comment .bypostauthor { }

.comment .date { float: right; }
.comment .title a:link, .comment .title a:visited { color:#fff; }
.comment .title a:active, .comment .title a:hover { color:#ddd; }
.comment .approval { display:block; background:#eee; padding:0px 10px 0px; margin:0;}
.comment .content { padding:10px; }
.comment .options { padding:5px 10px; 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 { }
#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 30px; overflow:hidden; position:relative; }
#respond p { display:block; padding:0; margin:10px 0px; }
.children #respond { margin:0 48px 0 0; }
/* Fields */
#respond .comment-notes { display:none; }
#cancel-comment-reply-link { font-size:12px; font-weight:normal; line-height:18px; }
#respond .required { display:none; color:#ff4b33; font-weight:bold; }
#respond label{ display:block; float:left; padding:8px 20px 8px 0px; width:100px; }
#respond input[type=text] { width:250px; }
#respond textarea{ height:200px; width:460px; 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:none; color:#888; font-size:12px; line-height:18px; }
#respond #submit, #respond #submit:visited { display:inline-block; background:url(images/bg_button.gif) repeat-x #836969; width:auto; border:0; border-bottom:1px solid #533; padding:12px 15px; color:#FFF; text-shadow:0px -1px 0px #333; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-weight:bold; cursor:pointer; }
#respond #submit:hover { background:#CBAEAE; }
#respond #submit:active { background:#836969; border-bottom:0; border-top:1px solid #533; }



/* --------------------------------------------------------------
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 { float:left; width:100%; margin:0px 0px 30px; }
#sidebar .widget ul li { background:url(images/bg_list.gif) no-repeat left 7px; padding-left: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; color:#554339; }

/* WIDGET LAYOUT AT FOOTER */
#footersidebar .widget { list-style:none; overflow:hidden; margin:0; width:280px; }
#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 { float:left; width:100%; margin:0px 0px 30px; }
#footersidebar .widget ul li { background:url(images/bg_list_footer.gif) no-repeat left center; padding-left:20px; margin:0px 0px 5px; }
#footersidebar .widget li a { color:#ddd; }
#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:280px; margin-right:60px;  }
.footerwidget_last { float:left; width:280px; }

/* 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 #929DcB; border-radius:2px; }
.widget_search input[type=text]:focus{ border:1px solid #525d9b; }
.widget_search 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; }
.widget_search input[type=submit]:hover { background-color:#eee; }

/* TAG CLOUD WIDGET */
.widget_tag_cloud #wp_tag_cloud div { line-height:1.6em; }

/* CALENDAR WIDGET */
#wp-calendar { width:100%; padding:0; clear:both; }
#wp-calendar caption { font-weight:bold; color:#fff; padding:5px; text-align:center; }
#wp-calendar td { background:#f5f5f5; border-bottom:1px solid #fff; 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:#fff; }
#footersidebar #wp-calendar td { background:none; border-bottom:0px; }
#footersidebar #wp-calendar thead { background:none; }
#footersidebar #wp-calendar thead th { color:#fff; }
#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; padding-bottom:15px;}
.cpotheme_recent_posts .item .title {}
.cpotheme_recent_posts .item .thumbnail { display:block; width:75px; float:left; margin-right:15px;  }
.cpotheme_recent_posts .item img { display:block; width:69px; height:auto; border:3px solid #fff; box-shadow:0px 0px 2px 2px #987; }
.cpotheme_recent_posts .item .meta { font-size:10px; }

/* CPOTHEMES FLICKR WIDGET */
#cpotheme_flickr { overflow:hidden; }
#cpotheme_flickr div { float:left; overflow:hidden; width:75px; margin:0px 8px 8px 0px; box-shadow:0px 1px 2px 0px #111; }
#cpotheme_flickr a { display:block; line-height:0; }
#cpotheme_flickr img {  }


/* --------------------------------------------------------------
6. MOBILE
Includes all queries that shape the site for mobile experiences
-------------------------------------------------------------- */

@media only screen and (max-width: 480px){
    hr { margin:20px 0px; }
    .wp-caption img, .wide .wp-caption img { max-width:270px; }
    
    .wrapper { width:280px; padding:0px 10px; }
    #header { padding:20px 0px 0px; }
    #menu { float:none; text-align:center; overflow:hidden; }
    #slider { display:none; }
    #features { display:none; }
    #content, #content.wide, #content.submenu { width:280px; }
    #sidebar { float:none; clear:both; margin:0; width:280px; }
    #footersidebar { float:none; width:280px; }
	.footerwidget { float:none; clear:both; width:280px; margin:0; }
    #footer { border:0; padding:0 10px; text-align:center; width:280px; }
    #footermenu { float:none; margin:0px 0px 20px; padding:0px 0px 20px; border-bottom:1px solid #aaa; width:280px; }
    
    /* Header */
    #header .logo { float:none; margin:10px auto; text-align:center; }
    #header .description { text-align:center; }
    
    /* Main Menu */
    .nav_main li { float:none; margin:0px auto; }
    .nav_main li a { float:none; margin:2px 0px; padding:6px 0px; font-size:16px; }
    /* Children Elements */
    .nav_main li ul { position:static; margin:0px auto 5px; top:100%; left:auto; width:170px; z-index:9999; }
    .nav_main li ul li { width:170px; }
    .nav_main li ul li a { text-align:center; font-size:14px; border-bottom:1px solid #ddd; }
    /* Children display on hover */
    .nav_main li ul ul { top:100%; left:0px; }
    
    /* Footer Menu */
    .nav_footer { float:none; }
    .nav_footer ul { float:none; width:100%; }
    .nav_footer li { float:none; margin:0px 5px; }
    .nav_footer li a { float:none; margin:0; }
    .nav_footer li:hover > ul { display:none; }
    
    /* Posts */
    .entry .thumbnail { display:block; text-align:center; float:none; margin:0px auto 20px; }
    .entry .title { text-align:center; }
    .entry .meta { text-align:center; }
    .entry .preview { text-align:center; }
    
    
    /* Comments */
    #comments ol li .comment { margin:0 0 24px 0px; }
    #comments .avatar { display:none; }
    .commentlist .children { list-style:none; margin-left:20px; }
    
    /* Comment Form */
    #respond label{ padding:0px; }
    #respond input[type=text] { width:260px; }
    #respond textarea { width:260px; }
    .children #respond { margin:0 0 0 0; }
	
	/* Sidebars */
	#sidebar .widget .title { text-align:center; }
	#footersidebar .widget .title { text-align:center; }
    
}