/*
Theme Name:Pragma
Theme URI:http://www.cpothemes.com
Description:A clean business theme with a focus on practical design and organized content. It sports a vertical navigation menu, and adapts to any screen size by using a completely fluid layout. It comes with some useful templates, supports widget areas both in the sidebar and the footer, and includes a flexible customization page.
Author:CPOThemes
Author URI:http://www.cpothemes.com
Version:1.1.4
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:#888; color:#333; font-size:13px; line-height:1.7em; }

/* HEADINGS */
h1, h2, h3, h4, h5, h6 { font-family:Verdada, Arial, Helvetica, sans-serif; color:#333; line-height:1.1em; margin:0 0 10px; }
h1 { font-size:36px; } 
h2 { font-size:22px; } 
h3 { font-size:18px; } 
h4 { font-size:16px; } 
h5 { font-size:15px; } 
h6 { font-size:14px; }

/* HYPERLINKS */
a:link, a:visited { color:#111; text-decoration:none; }
a:hover { color:#887947; text-decoration:none;font-weight:none }

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

/* 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; }
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; }
del { text-decoration:line-through; }

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

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

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 0 24px; 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; 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:0; margin:40px 0; }

/* 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:#f1f1f1; line-height:0em; box-shadow:0 3px 2px -1px #999; border-bottom:1px solid #ccc; }
.wp-caption .wp-caption-text{ }
.wp-caption img { margin:0; padding:0; max-width:100%; line-height:0em; border:5px solid #f3f3f3; }
.wp-caption p { margin:10px 0 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:link, .button:visited { display:inline-block; background:#333; width:auto; border:0; margin:20px 0; border-bottom:1px solid #111; padding:12px 15px; color:#FFF; text-shadow:0 -1px 0 #333; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-weight:bold; cursor:pointer; }
.button:hover { background:#666; text-decoration:none; }
.button:active { border:0; border-top:1px solid #111; }
.button_small, .button_small:link { font-size:12px; padding:5px 10px; }
.button_medium, .button_medium:link { font-size:16px; padding:15px 20px; }
.button_large, .button_large:link { font-size:20px; padding:20px 30px; }

/* MESSAGE BOXES */
.message_box { display:block; background:#eee; font-size:12px; font-weight:bold; margin:20px 0; 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%; padding:15px 0; }


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

/* WRAPPERS */
.wrapper { width:90%; max-width:1250px; margin:30px auto; }
.wrapper_top { overflow:hidden; margin-bottom:5px; }
.wrapper_main { overflow:hidden; background:url(images/bg_main.gif) repeat-y #fff; box-shadow:0 3px 3px 1px rgba(0, 0, 0, 0.4); }
.wrapper_left { float:left; background:#9f8f5e; width:230px; padding:0px 30px; }
.wrapper_footer { clear:both; background:url(images/bg_footer.png) #333; color:#bbb; font-size:12px; border-top:3px solid #282828; margin:0 30px; box-shadow:0 3px 3px 1px rgba(0, 0, 0, 0.4); }

/* SITE STRUCTURE */
#topmenu { float:left; text-transform:uppercase; }
#header { background:#9f8f5e; padding:0; color:#fff; }
#menu { margin-bottom:0px; border-bottom:1px solid #958758; border-top:1px solid #a99964; }
#social { float:right; text-align:right; margin:0 0 0 30px; }
#submenu { overflow:hidden; float:right; width:25%; margin:0; }
#slider { margin-left:290px; padding:0; position:relative; height:600px; }
#tagline { padding:30px 80px; overflow:hidden; margin:20px auto; font-size:24px; line-height:1.6em; text-align:center; color:#444; }
#features { padding:30px 30px 0; margin:0; }
#breadcrumb { font-size:12px; padding:0 30px; }
#main { overflow:hidden; background:#fff; padding:0; }
#content { padding:0; }
#showcase { clear:both; padding:30px; margin:0; background:#eee; border:1px solid #ccc; border-width:1px 0; }
#sidebar { padding:0; background:#9f8f5e; margin:0; color:#fff; font-size:12px; text-shadow:0px 1px 0px #958758; }
#footersidebar { overflow:hidden; padding:30px 30px 0px; text-shadow:0px 1px 0px #000; }
#recent { float:left; width:50%; overflow:hidden; padding:0px 0px 0px 15px; -moz-box-sizing:border-box; box-sizing:border-box; }
#footermenu { float:right; overflow:hidden; margin:0 auto 0px; }
#footer { overflow:hidden; background:url(images/bg_shade_light.png); padding:30px; clear:both; font-size:12px; }
.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:0 60px 0 0; }

/* HEADER */
#header .logo { padding:30px 0; text-align:center; text-align:center; }
#header .logo a { display:block; line-height:1em; }
#header .title { display:block; font-family:'Imprima', Verdada, Arial, Helvetica, sans-serif; color:#fff; font-size:42px; line-height:1em; margin-bottom:5px; text-shadow:0 -1px 0 #000; }
#header .title a { color:#fff; display:inline; }
#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 { padding-right:20px; width:300px; }
#social a { margin:0 0 0 5px; }


/* BREADCRUMBS */
#breadcrumb a { display:inline-block; padding:0 15px 0 0; margin:10px 15px 10px 0; border-right:1px solid #ddd; }
#breadcrumb a:first-child { }
#breadcrumb a:hover { }
#breadcrumb span { font-size:12px; display:inline-block; padding:10px 15px 10px 0; }

/* HOMEPAGE SLIDES */
#slider ul { display:block; overflow:hidden; padding:0; margin:0; height:600px;  }
#slider ul li { overflow:hidden; position:relative; list-style:none; width:100%; height:600px; margin:0; padding:0; }
#slider ul li .textbox { overflow:hidden; position:absolute; background:url(images/bg_slider_textbox.png) repeat-x; width:100%; bottom:0; right:0; padding:0; text-align:right; }
#slider ul li .textbox .content { margin:0 auto; position:static; padding:100px 30px 30px 200px; bottom:0; color:#c0c0c0; }
#slider ul li div h2 { color:#fff; text-shadow:0 -1px 0 #444; }
#slider ul li div p { margin-bottom:0; }
#slider ul li div a:link,
#slider ul li div a:visited { color:#fff; }
#slider ul li div a:hover { color:#fff; text-decoration:underline; }
#slider .prev, #slider .next { display:block; opacity:0.8; position:absolute; bottom:32px; z-index:99999; width:46px; height:46px; margin:0; cursor:pointer; -moz-transition:0.3s all; -webkit-transition:0.3s all; transition:0.3s all; }
#slider:hover .prev, #slider:hover .next { display:block; }
#slider .prev:hover, #slider .next:hover { opacity:1; }
#slider .prev { left:32px; background: url(images/arrow_left.png) no-repeat center; }
#slider .next { left:79px; background: url(images/arrow_right.png) no-repeat center; }
#slider .pages { position:absolute; display:none; z-index:999; bottom:30px; float:left; left:30px; margin:0; }
#slider .pages a { display:inline-block; float:left; overflow:hidden; background:#fff; color:#fff; border:3px solid #fff; opacity:0.6; margin:0 3px; width:12px; height:12px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; }
#slider .pages .activeSlide { color:#111; background:#111; }

/* HOMEPAGE FEATURES */
#features .feature { float:left; width:47%; margin:0 6% 30px 0; }
#features .feature_right { margin-right:0; }
#features .feature_second { }
#features .feature img { display:block; float:left; margin:0 auto 20px; width:25%; height:auto; line-height:0; border-radius:50%; }
#features .feature h2 { margin-left:30%; font-size:18px; }
#features .feature .content { margin-left:30%; }
#features .feature .content p { margin:0; }
#features .separator { clear:both; padding:0; width:100%; }

/* PORTFOLIO SHOWCASE */
#showcase h2 { margin-bottom:0; }
#showcase .description { margin-bottom:30px; overflow:hidden; }
#showcase .description .link { float:right; margin:0 0 10px 30px; }
#showcase .work {  }
#showcase .item { float:left; overflow:hidden; padding:0; background:#fff; display:block; width:30%; margin:0 5% 0 0; box-shadow:0 2px 2px -1px #888; -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; }
#showcase .item:hover { text-decoration:none; }
#showcase .item_second { }
#showcase .item_third { margin-right:0; }
#showcase .item .thumbnail { display:block; position:relative; overflow:hidden; }
/* Loading Bar */
#showcase .item img { max-width:100%; display:block; margin:0 auto; width:100%; height:auto; line-height:0; }
#showcase .item .title { padding:0; margin:10px; line-height:1em; font-size:18px; }
#showcase .item .meta { margin:0 10px 10px; line-height:1em; color:#999; text-transform:capitalize; }
#showcase .item .meta a { color:#999; }
#showcase .item .content { position:absolute; width:90%; height:100%; padding:5%; top:100%; color:#fff; background:url(images/bg_shade.png); -moz-transition:0.3s all; -webkit-transition:0.3s all; transition:0.3s all; }
#showcase .item .content p { font-size:12px; }
#showcase .item:hover .content { top:0; }
#showcase .separator_three { clear:both; padding:20px 0; width:100%; }
#showcase .separator_two { display:none; }

/* RECENT POSTS AT FOOTER */
.recent { overflow:hidden; margin:0 0 15px 3%; padding:0; clear:both; }
.recent .title { padding:0; margin:0; }
.recent .title a { color:#fff; }
.recent .date { float:left; font-family:Georgia, "Times New Roman", Times, serif; background:#222; color:#fff; text-align:center; font-size:18px; padding:10px; margin:0 30px 30px 0; line-height:1em; border-radius:3px; }
.recent .readmore { font-size:0.9em; }
.recent .content { padding:0; margin-left:70px; }
.recent .content p { margin-bottom:0; }

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


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

/* TOP MENU */
.nav_top { overflow:hidden; margin:0 auto; padding:0; }
.nav_top > ul { float:left; overflow:visible; }
/* Menu Elements */
.nav_top li { float:left; position:relative; margin:4px 0; list-style:none; border-right:1px solid #999; }
.nav_top li:last-child { border-right:0; }
.nav_top li a { display:block; float:left; padding:1px 10px; font-size:11px; 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; }

/* MAIN MENU */
.nav_main { margin:0; }
.nav_main > ul { margin:0; }
/* Menu Elements */
.nav_main li { position:relative; margin:0; padding:0; list-style:none; }
.nav_main li a { display:block; padding:10px; margin:0; color:#fff; font-size:16px; font-family:Verdana, Geneva, sans-serif; border-top:1px solid #958758; border-bottom:1px solid #a99964; -moz-transition:0.2s all; -webkit-transition:0.2s all; transition:0.2s all; }
.nav_main li a:hover,
.nav_main li:hover > a { background:#aa9965; text-decoration:none; }
.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:#aa9965; color:#fff; }
.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 { background:#9e8d55; color:#fff; }
/* Children Elements */
.nav_main li ul { margin:0; position:absolute; width:0; top:0; left:100%; z-index:999999; }
.nav_main li ul li { overflow:hidden; width:0; background:#fff; opacity:0; -moz-transform:translateY(30px) rotate(20deg); -webkit-transform:translateY(30px) rotate(20deg); transform:translateY(30px) rotate(20deg); -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; }
.nav_main li ul li a { text-align:left; width:170px; padding:10px 20px; font-size:14px; border-top:1px solid #958758; border-bottom:0; }
.nav_main li ul li a:hover { }
/* Children display on hover */
.nav_main li:hover > ul { width:210px; } 
.nav_main li:hover > ul li { display:block; width:210px; background:#aa9965; opacity:1; transform:translateY(0) rotate(0deg); -moz-transform:translateY(0) rotate(0deg); -webkit-transform:translateY(0) rotate(0deg); }
/* Children indicator for parents */
.nav_main > .has_children > a { background-image:url(images/menu_children.gif); background-repeat:no-repeat; background-position:right center; }
.nav_main > .has_children:hover > a { background:url(images/menu_children.gif) no-repeat right center #444; }
/* Transition Delay */
.nav_main li ul li:nth-child(1) { -moz-transition-delay:0.1s; -webkit-transition-delay:0.1s; transition-delay:0.1s; }
.nav_main li ul li:nth-child(2) { -moz-transition-delay:0.2s; -webkit-transition-delay:0.2s; transition-delay:0.2s; }
.nav_main li ul li:nth-child(3) { -moz-transition-delay:0.3s; -webkit-transition-delay:0.3s; transition-delay:0.3s; }
.nav_main li ul li:nth-child(4) { -moz-transition-delay:0.4s; -webkit-transition-delay:0.4s; transition-delay:0.4s; }
.nav_main li ul li:nth-child(5) { -moz-transition-delay:0.5s; -webkit-transition-delay:0.5s; transition-delay:0.5s; }
.nav_main li ul li:nth-child(n+6) { -moz-transition-delay:0.6s; -webkit-transition-delay:0.6s; transition-delay:0.6s; }


/* FOOTER MENU */
.nav_footer { font-size:12px; text-align:center; margin:0; padding:0; }
.nav_footer > ul { overflow:visible; margin:0; padding:0; }
/* Menu Elements */
.nav_footer li { display:inline-block; margin:0; list-style:none; }
.nav_footer li a { margin-left:10px; padding:3px 0px 3px 10px; color:#fff; border-left:1px solid #777; }
.nav_footer li:first-child a { border-left:0; }
.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; }


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


/* PORTFOLIO NAVIGATION */
.nav_portfolio { overflow:hidden; margin:0 30px; padding:0; }
.nav_portfolio li { list-style:none; float:left; width:30%; margin:0 5% 20px 0; }
.nav_portfolio .second { }
.nav_portfolio .third { margin-right:0; }
.nav_portfolio li .thumbnail { display:block; float:left; overflow:hidden; border-radius:25%; margin:0 auto 20px; width:80px; height:80px; -moz-transition:0.2s all; -webkit-transition:0.2s all; transition:0.2s all; }
.nav_portfolio li .thumbnail:hover { box-shadow:0 0 3px 1px #777; }
.nav_portfolio li .thumbnail img { display:block;  width:100%; height:auto; line-height:0; border-radius:25%; }
.nav_portfolio li .title { display:block; margin:0 0 5px 90px; font-size:18px; text-transform:capitalize; padding:0; line-height:1em; }
.nav_portfolio li .nodescription { margin-top:25px; margin-right:5px; }
.nav_portfolio li a:hover { }
.nav_portfolio li .description { display:block; margin-left:90px; color:#888; text-transform:none; }
.nav_portfolio .separator_three { clear:both; padding:0; width:100%; }
.nav_portfolio .separator_two { display:none; }


/* NEXT/PREV POST NAVIGATION */
#navigation { overflow:hidden; margin:0; padding:30px; }
#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:0 3px; font-size:14px; text-shadow:0 1px 0 #fff; box-shadow:0 3px 3px -3px #779; }
#navigation a:active,
#navigation a:hover {}


/* PAGINATION */
.page-link { clear:both; }
#pagination { overflow:hidden; padding:30px 30px; }
#pagination span { display:block; float:left; background:#333; color:#fff; border-bottom:1px solid #000; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:5px 10px; margin:0 3px; font-size:14px; text-shadow:0 -1px 0 #000; box-shadow:0 3px 3px -3px #779; }
#pagination a { display:block; float:left; background:#ddd; color:#777; border-bottom:1px solid #aaa; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:5px 10px; margin:0 3px; font-size:14px; text-shadow:0 1px 0 #fff; box-shadow:0 3px 3px -3px #779; }
#pagination a:hover { background:#eee; text-decoration:none; }
#pagination .current { }


/* IN-POST PAGINATION */
.page-link { clear:both; }
#postpagination { overflow:hidden; padding:30px 30px; }
#postpagination span { display:block; float:left; background:#333; color:#fff; border-radius:3px; padding:5px 10px; margin-right:5px; font-size:14px; box-shadow:0 3px 3px -3px #779; }
#postpagination a span { background:#ddd; color:#777; }
#postpagination a span:hover { background:#eee; }
#postpagination .current { background:none; border:0; font-weight:bold; float:left; padding:2px 6px; margin:0 4px; font-size:14px; }


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

/* PREVIEWS */
.previewlist { overflow:hidden; padding:0 30px; }
.preview { float:left; width:48%; margin:0 4% 50px 0; }
.preview_second { margin-right:0; }
.preview .title { padding:0; margin:0 0 10px 0; }
.preview .title a { color:#333; }
.preview .byline { overflow:hidden; padding:0 0 5px; margin:0 0 0 0; border-bottom:0 solid #ccc; }
.preview .byline a { color:#999; font-size:10px; }
.preview .byline .author { float:left; background:url(images/icon_author.png) no-repeat left 4px; padding:0 30px 0 25px; margin:0; }
.preview .byline .category { float:left; background:url(images/icon_category.png) no-repeat left 4px; padding:0 30px 0 25px; }
.preview .byline .comments { float:left; background:url(images/icon_comments.png) no-repeat left 4px; padding:0 0 0 25px; }
.preview .thumbnail { margin:0 0 20px 0; line-height:0em; height:auto; }
.preview .thumbnail img { display:block; margin:0; line-height:0em; width:100%; height:auto; border-radius:3px; }
.preview .date { float:right; font-family:Georgia, "Times New Roman", Times, serif; background:#222; color:#fff; text-align:center; font-size:20px; padding:10px; margin:0 0 30px 15px; line-height:1em; border-radius:3px; }
.preview .readmore { font-size:0.9em; }
.preview .content { padding:10px 0 0; margin:0; }
.preview .content p { margin-bottom:0; }
.preview .page { margin-left:0; }
.preview .separator { clear:both; width:100%; }


/* ENTRIES */
.entry { overflow:hidden; margin:0; padding:0; clear:both; }
.entry .title { padding:0; margin:30px 30px 10px; }
.entry .title a { color:#333; }
.entry .meta { margin:0 30px; }
.entry .byline { overflow:hidden; padding:0 0 5px; margin:0 30px 0; border-bottom:0 solid #ccc; }
.entry .byline a { color:#999; font-size:10px; }
.entry .byline .author { float:left; background:url(images/icon_author.png) no-repeat left 4px; padding:0 30px 0 25px; margin:0; }
.entry .byline .category { float:left; background:url(images/icon_category.png) no-repeat left 4px; padding:0 30px 0 25px; }
.entry .byline .comments { float:left; background:url(images/icon_comments.png) no-repeat left 4px; padding:0 0 0 25px; }
.entry .thumbnail img { display:block; margin:0; line-height:0em; max-width:100%; height:auto; }
.entry .date { float:right; font-family:Georgia, "Times New Roman", Times, serif; background:#222; color:#fff; text-align:center; font-size:24px; padding:15px; margin:30px; line-height:1em; border-radius:3px; }
.entry .tags { background:url(images/icon_tags.png) no-repeat left 4px; padding:0 30px 2px 30px; margin:0 30px 30px; }
.entry .tags a {  font-size:10px; color:#999; }
.entry .content { overflow:hidden; padding:30px 30px; }
.entry .page { margin-left:0; padding: 0 30px 30px; }
.entry .subscribe { float:right; margin:30px; }
.entry .subscribe img { float:right; }
.entry .subscribe .tooltip { float:right; background:url(images/bg_subscribe.gif) right center no-repeat #222; border-radius:5px 0 0 5px; height:22px; color:#fff; padding:5px 20px 5px 12px; margin-right:30px; opacity:0; -moz-transition:0.3s all; -webkit-transition:0.3s all; transition:0.3s all; }
.entry .subscribe:hover .tooltip { opacity:1; margin-right:5px; margin-left:30px; }
.entry .slides { margin:30px; }
.entry .slides ul { display:block; overflow:hidden; margin:0 0 20px; padding:0 0 10px; }
.entry .slides ul li { display:block; overflow:hidden; background:#222; list-style:none; width:100%; margin:0; padding:0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; box-shadow:0 10px 8px -10px #778; }
.entry .slides ul li img { display:block; width:100%; height:auto; margin:0; line-height:0em; }
.entry .slides ul li .content { position:absolute; width:60%; margin:30px 15%; padding:20px 5%; bottom:0; background:url(images/bg_shade.png); color:#c0c0c0; border-radius:3px; }
.entry .pages { width:100%; text-align:center; margin:0 auto; }
.entry .pages a { display:inline-block; overflow:hidden; background:#222; color:#222; border:3px solid #222; margin:0 5px; width:9px; height:9px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; }
.entry .pages .activeSlide { color:#fff; background:#fff; }
.entry .video { margin:30px; position:relative; padding-bottom:56.25%; padding-top:25px; height:0; }
.entry .video iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

.sticky {}

/* ADMIN EDIT LINKS */
.edit_link { background:#F90; color:#FFF; padding:0 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; margin:30px; background:#eee; }
.author_bio .avatar { float:left; display:block; margin:0 20px 0 0; }
.author_bio h2 { margin:0 0 10px; }
.author_bio .description { margin:0; font-size:12px; }
.author_bio .link { float:right; margin:20px 0 0; }

/* SHORTCODES */

/* WP GALLERY */
.gallery { margin:0 auto 2em;}
.gallery .gallery-item { float:left; display:block; background:#eee; margin:10px 1.5% 20px; padding:10px; text-align:center; border-bottom:1px solid #bbb; width:47%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.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%; }
.gallery-columns-3 .gallery-item { width:30%; }
.gallery-columns-4 .gallery-item { width:22%; padding:8px; }
.gallery-columns-5 .gallery-item { width:17%; padding:7px; }
.gallery-columns-6 .gallery-item { width:13.6%; padding:6px; }
.gallery-columns-7 .gallery-item { width:12.25%; padding:5px; margin:10px 1% 10px; }
.gallery-columns-8 .gallery-item { width:10.5%; padding:5px; margin:10px 1% 10px; }
.gallery-columns-9 .gallery-item { width:9.11%; padding:5px; 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:30px; overflow:hidden; position:relative; }
#search_form input[type=text] { float:left; font-size:14px; -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:5px; }
#search_form input[type=submit] { display:block; position:absolute; right:0; 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 { padding:0 30px; }
#contact_form .test { left:-9999px; position:absolute; top:-9999px; }
#contact_form .field { overflow:hidden; margin:0 0 20px; }
#contact_form .field label{ display:block; float:left; padding:8px 20px 8px 0; width:100px; }
#contact_form .field input[type=text] { width:250px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; max-width:100%; }
#contact_form .field textarea{ height:200px; width:420px; max-height:400px; min-height:200px; resize:vertical; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; max-width:100%; }
#contact_form .field .error{ display:block; margin-left:120px; color:#F30; font-weight:bold; font-size:0.8em; }
#contact_form .field input[type=submit]{ margin:0; }

/* SITEMAP */
#sitemap { margin:30px; }
#sitemap .sitemap { width:20%; float:left; margin-right:5%; }
#sitemap .sitemap li { list-style:none; display:block; width:100%; margin:0 0 0 0; padding:0; }
#sitemap .sitemap .current_page_item { display:none; }
#sitemap .sitemap li a:link, #sitemap ul li a:visited { font-size:16px; }
#sitemap .sitemap ul { margin:0; width:100%; }
#sitemap .sitemap ul li { margin:0; padding:0; height:auto; text-transform:none; }
#sitemap .sitemap ul a:link, #sitemap ul ul a:visited { color:#666; font-size:12px; }
#sitemap .sitemap ul a:hover { text-decoration:underline; }
#sitemap .separator { clear:both; padding:0; width:100%; }
#sitemap .separator_two { display:none; clear:both; padding:0; width:100%; }
#sitemap .separator_three { display:none; clear:both; padding:0; width:100%; }


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


/* COMMENTS */
#comments { clear:both; border:1px solid #bbb; border-width:1px 0; padding:30px; background:#eee; }
#comments h3 { }
#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 84px; }
#comments ol .comment { background:#fff; margin-bottom:20px; padding:0; border-bottom:1px solid #aaa; box-shadow:0 2px 2px -1px #888; }
/* Comment Layout */
#comments .commentlist { margin:0 0 30px 0; }
#comments .avatar { float:left; border-radius:32px; }
.comment .title { font-size:12px; background:#444; 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:0 10px 0; 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 { margin: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 30px 30px; overflow:hidden; position:relative; }
#respond h3 { }
#respond p { display:block; padding:0; margin:10px 0; }
#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 0; width:120px; }
#respond input[type=text] { width:200px; }
#respond textarea{ height:200px; width:490px; 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; margin-left:150px; color:#888; font-size:12px; line-height:18px; }
#respond .form-allowed-tags code { display:block; font-size:12px; }
#respond #submit, #respond #submit:visited { display:inline-block; margin-left:150px; background:#333; width:auto; border:0; border-bottom:1px solid #533; padding:12px 15px; color:#FFF; text-shadow:0 -1px 0 #333; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; 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 .title { margin:0 0 20px; color:#fff; text-shadow:0 -1px 0 #958758; }
#sidebar .widget li { list-style:none; padding:30px 0px 20px; margin:0; overflow:hidden; border-top:1px solid #958758; border-bottom:1px solid #a99964; }
#sidebar .widget li:first-child { border-top:0; }
#sidebar .widget li:last-child { border-bottom:0; }
#sidebar .widget li a { color:#fff; }
#sidebar .widget ul { float:left; width:100%; margin:0; }
#sidebar .widget ul li { background:url(images/bg_list.gif) no-repeat left 7px; padding:0px 0 10px 20px; margin:0; border:none; }
#sidebar .widget ul ul { margin-left:1.3em; margin-bottom:5px; }
#sidebar .widget ul ul ul { margin-bottom:0; }

/* WIDGET LAYOUT AT FOOTER */
#footersidebar .widget { float:left; list-style:none; overflow:hidden; width:31%; margin-right:3%; }
#footersidebar .widget_last { margin-right:0; }
#footersidebar .widget .title { margin:0 0 20px; color:#fff; }
#footersidebar .widget li { list-style:none; margin:0 0 30px; }
#footersidebar .widget ul { float:left; width:100%; margin:0 0 30px; }
#footersidebar .widget ul li { background:url(images/bg_list_footer.gif) no-repeat left 7px; padding:0px 0px 5px 20px; margin:0 0 5px; border-bottom:1px dashed #666; }
#footersidebar .widget li a { color:#fff; }
#footersidebar .widget ul ul { margin-left:1.3em; margin-bottom:5px; }
#footersidebar .widget ul ul ul { margin-bottom:0; }


/* 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:0; border-radius:5px; }
.widget_search input[type=text]:focus{ }
.widget_search input[type=submit] { float:right; position:absolute; right:0px; display:block; background:url(images/icon_search.gif) no-repeat center #fff; width:40px; height:40px; border:0; padding:0; margin:0; cursor:pointer; color:transparent; border-radius:5px; }
.widget_search input[type=submit]:hover { background-color:#eee; }

/* 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; border:0; color:#aaa; }
#wp-calendar caption { font-weight:bold; text-transform:capitalize; color:#fff; padding:5px; text-align:center; }
#wp-calendar td { padding:5px; text-align:center; background:none; border-bottom:0; }
#wp-calendar td, table#wp-calendar th { padding:3px 0; text-align:center; }
#wp-calendar tfoot #next { text-align:right; }
#wp-calendar thead { border:1px solid #333; }
#wp-calendar thead th { background:#333; padding:8px 0; color:#bbb; }
#wp-calendar tbody { background:#333; border:1px solid #333; }
#wp-calendar tbody tr { background:#333; }
#wp-calendar tbody tr:nth-child(2n+1) { background:#444; }
#wp-calendar tbody tr td { border:0 solid #222; -moz-transition:0.3s all; -webkit-transition:0.3s all; transition:0.3s all; }
#wp-calendar tbody tr td:hover { background:#555; }
#wp-calendar tbody tr:nth-child(2n+1) td:hover { background:#666; }
#wp-calendar tbody tr #today { background:#555; border:1px solid #777; }
#wp-calendar tbody tr #today:hover { background:#888; }
#wp-calendar tbody tr td.pad:hover { background:#444; }
#wp-calendar tbody tr td a { }
#wp-calendar tfoot { background:none; }
#wp-calendar tfoot td { background:none; }
#wp-calendar tfoot #prev { text-align:left; }
#wp-calendar tfoot #next { text-align:right; }

/* 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; width:75px; float:left; margin-right:15px;  }
.cpotheme_recent_posts .item img { display:block; width:75px; height:auto; border:3px solid #ccc; }
.cpotheme_recent_posts .item .meta { font-size:10px; }

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


/* CPO TWEETS WIDGET */
/*.widget_cpo_tweets { }

.widget_cpo_tweets .tweet-container { }
.widget_cpo_tweets .tweet { margin:10px 0; }
.widget_cpo_tweets .tweet .avatar { float:left; margin:0 10px 0 0 }
.widget_cpo_tweets .tweet .user { }
.widget_cpo_tweets .tweet .date { font-size:0.8em; }
.widget_cpo_tweets .tweet .status { font-size:0.9em; clear:both; }

.tweet_wrapper { }
.tweet_username { color:#777; font-size:16px; font-style:italic; }
.tweet_status { font-size:0.9em; }
.tweet_date { padding-left:15px; color:#777; font-size:12px; }
.tweet_follow { font-style:italic; }*/

/* Lighbox Gallery */
#jquery-overlay { position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; }
#jquery-lightbox { position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#jquery-lightbox a img { border:none; }
#lightbox-container-image-box {	position:relative; background-color:#fff; width:250px; height:250px; max-width:90%; margin:0 auto; }
#lightbox-container-image { padding:10px; }
#lightbox-loading {	position:absolute;	top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#lightbox-nav {	position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#lightbox-container-image-box > #lightbox-nav { left:0; }
#lightbox-nav a { outline:none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width:49%; height:100%; zoom:1; display:block; }
#lightbox-nav-btnPrev { left:0; float:left; }
#lightbox-nav-btnNext { right:0; float:right; }
#lightbox-container-image-data-box { font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; max-width:90%; padding:0 10px; }
#lightbox-container-image-data { padding:0 10px; color:#666; }
#lightbox-container-image-data #lightbox-image-details { width:70%; float:left; text-align:left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {	display:block; clear:left; padding-bottom:1.0em; }			
#lightbox-secNav-btnClose { width:66px; float:right; padding-bottom:0.7em; }

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

@media only screen and (max-width: 500px){
    
	body { background:none; }
	
	h1 { font-size:30px; } 
	h2 { font-size:20px; } 
	
	.wrapper { width:100%; background:#fff; min-width:0px; margin:0; }
    .wrapper_top { background:#333; margin:0; width:auto; }
	.wrapper_main { background:none; box-shadow:none; }
	.wrapper_left { float:none; width:auto; padding:0 10px; }
	.wrapper_footer { width:auto; margin:0; padding:0; margin:0; }
	
	#topmenu { display:none; }
	#header { overflow:hidden; }
    #social { float:none; text-align:center; margin:10px 0; padding:0; }
	#menu { float:none; text-align:center; overflow:hidden; margin-bottom:30px; }
    #submenu { margin:30px 10px 0; }
	#slider { margin-left:0; height:400px; }
	#main { margin-left:0; }
	#content { padding:0; }
	#features { margin:0; padding:15px 10px 0; }
	#showcase { padding:15px 10px; }
	#tagline h2 { font-size:18px; }
	#sidebar { display:none; }
    #footersidebar { padding:15px 10px 0; }
	#footer { padding:15px; text-align:center; }
    #footermenu { float:none; margin-bottom:20px; }
    
    #header .description { text-align:center; }
	
	
	/* HOMEPAGE SLIDES */
	#slider ul { height:400px;  }
	#slider ul li { height:400px; }
	#slider ul li .textbox .content { padding:30px 10px 10px; }
	#slider .prev, #slider .next { display:block; overflow:hidden; top:10px; width:30px; height:30px; }
	#slider .prev { left:10px; border-radius:5px 0 0 5px; }
	#slider .next { left:41px; border-radius:0 5px 5px 0; }
	
	#features .feature { width:100%; margin:0 0 40px 0; }
	#features .feature_right { margin-right:0; }
	#features .feature_second { margin-right:0; }
	
	#showcase .description .link { display:block; float:none; margin:20px 0; text-align:center; }
	#showcase .item { width:100%; margin:0 0 30px 0; }
	#showcase .item_second { margin-right:0; }
	#showcase .item_third { margin-right:0; }
	#showcase .separator_three { display:none; }
	#showcase .separator_two { display:block; clear:both; width:100%; }
	#showcase .item .content { display:none; }
    
	/* NAVIGATION */
	.nav_top { text-align:center;  }
	.nav_top li { display:inline-block; }
	.nav_top li a { margin:0 auto; }
	
    .nav_main li { float:none; margin:0 auto; }
    .nav_main li a { float:none; font-size:16px; }
    .nav_main li ul { display:none; background:#333; position:static; margin:0 auto; top:100%; left:auto; width:auto; z-index:9999; }
	.nav_main li ul li a { text-align:center; width:auto; border:0; font-size:14px; }
	.nav_main li ul li a:hover { width:auto; }
    .nav_main li ul ul { top:100%; left:0; }
	.nav_main li > ul { width:auto; }
	.nav_main li:hover > ul { display:block; width:auto; }
	.nav_main li:hover > ul li { width:auto; background:none; }
	
	.nav_portfolio { margin:0 10px; }
	.nav_portfolio li { float:none; clear:both; width:auto; margin:0 0 20px 0; }
	.nav_portfolio li .thumbnail { margin:0 auto 20px; }
	.nav_portfolio .separator_three { display:none; }
	
	#postpagination { margin:10px 10px 30px; }
	#pagination { margin:10px 10px 30px; }


	
	/* POSTS & PAGES */
	.previewlist { padding:0 10px; }
	.preview { float:left; width:100%; margin:0 0 30px 0; }
	.preview .title { padding:0; margin:0 0 10px 0; }
	.preview .date { float:none; margin:10px; padding:10px; }
	.preview .date br { display:none; }
	.preview .content { padding:10px 0 0; margin:0; }
	
	.entry .date { float:none; margin:10px; padding:10px; }
	.entry .date br { display:none; }
	.entry .thumbnail { display:block; text-align:center; float:none; margin:0 auto; text-align:center; }
	.entry .thumbnail img { margin:0 auto; text-align:center; }
    .entry .slides { margin:15px 10px 0; }
	.entry .preview { text-align:center; }
	.entry .title { margin:10px; }
	.entry .byline { margin:0 10px; }
	.entry .content { padding:30px 10px 0; }
	.entry .tags { margin:15px 10px; }
	
	#contact_form { padding:0 10px; }
	
	#sitemap { margin:30px 10px; }
	#sitemap .sitemap { width:47%; margin-right:6%; }
	#sitemap .sitemap_third { margin-right:6%; }
	#sitemap .sitemap_fourth { margin-right:6%; }
	#sitemap .sitemap_second { margin-right:0; }
	#sitemap .separator { display:none; }
	#sitemap .separator_three { display:none; }
	#sitemap .separator_two { display:block; }

    
    /* COMMENTS */
	#comments { padding:30px 10px; }
    #comments ol li .comment { margin:0 0 24px 0; }
    #comments .avatar { display:none; }
	.comment .date { clear:both; display:block; float:none; }
    .commentlist .children { list-style:none; margin-left:20px; }
	
    #respond { margin:30px 10px; }
	.children #respond { margin:0 48px 0 0; }
	#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{ float:none; padding:8px 0; }
	#respond input[type=text], #respond textarea{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; }
	#comments-list #respond { margin:0 0 18px 0; }
	#respond .form-allowed-tags { margin-left:0; }
	#respond #submit, #respond #submit:visited { margin-left:0; }
	
	
	/* WIDGETS */
	#sidebar .widget { list-style:none; overflow:hidden; margin:0; }
	#sidebar .widget .title { margin:0 0 20px; color:#fff; text-shadow:0 -1px 0 #222; }
	#sidebar .widget li { list-style:none; padding:30px 0px 20px; margin:0; overflow:hidden; border-top:1px solid #333; border-bottom:1px solid #111; }
	#sidebar .widget li:first-child { border-top:0; }
	#sidebar .widget li:last-child { border-bottom:0; }
	#sidebar .widget li a { color:#fff; }
	#sidebar .widget ul { float:left; width:100%; margin:0; }
	#sidebar .widget ul li { background:url(images/bg_list.gif) no-repeat left 7px; padding:0px 0 10px 20px; margin:0; border:none; }
	#sidebar .widget ul ul { margin-left:1.3em; margin-bottom:5px; }
	#sidebar .widget ul ul ul { margin-bottom:0; }

	/* WIDGET LAYOUT AT FOOTER */
	#footersidebar .widget { width:100%; margin:0; }

    
}