/*

Theme Name: NewBar

Theme URI: http://gamerpotion.blogspot.co.uk/2014/05/newbar.html

Author: GamerPotion

Author URI: http://gamerpotion.blogspot.co.uk

Description: A simple, light and professional WordPress theme. Perfect for professional bloggers who like using a stylish layout with a left sidebar. Features:- Left sidebar, Full width featured images, Custom background, Custom logo, Footer widgets, and Neat typography. NewBar uses NewTek theme as a base.

Version: 1.0.4

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: white, light, black, gray, two-columns, left-sidebar, custom-header, custom-background, fixed-layout, full-width-template, featured-images, editor-style

Text Domain: newbar

This theme, like WordPress, is licensed under the GPL.

Font: http://www.google.com/fonts/specimen/Open+Sans

NewBar Wordpress Theme Copyright (c) 2014 GamerPotion.

*/





/**

 * Table of Contents

 *

 * 1.0 Body

 * 2.0 Headings

 * 3.0 Layout

 * 4.0 Title and Logo

 * 5.0 Content area

 *  5.1 Content Post title

 *  5.2 Content Post formats

 *  5.3 Content Continue Reading text

 *  5.4 Content Comments, Categories, Tags area

 *  5.5 Content Gallery, Captions and Post images

 *  5.6 Author block

 * 6.0 Content Comments

 *  6.1 Content Comments text

 *  6.2 Content Comments numbers

 * 7.0 Right Sidebar

 *  7.1 Sidebar Widget titles

 *  7.2 Additional Sidebar items

 * 8.0 Footer Widgets

 *  8.1 Footer Widgets title

 * 9.0 Delimiter for clearing both

 * 10.0 Pagination

 * 11.0 Footer Copyright area

 * 12.0 Search form

 * 13.0 Navigation menu

 * 14.0 Media queries

 * ------------------

 */





/**

 * 1.0 Body

 * ------------------

 */



body { font-family: 'open sans', sans-serif; background-color:#DED1D3; color: #141414; margin: 0 auto; padding:0; font-size:12pt; }



body a { font-family: 'open sans', sans-serif; text-decoration:none; color:#808080; font-size:12pt; }



body a:hover { font-family: 'open sans', sans-serif; text-decoration:underline; color:#c3b4b4; font-size:12pt; }



a:link { text-decoration:none; font-family: 'open sans', sans-serif; }



a:visited { text-decoration:none; font-family: 'open sans', sans-serif; }



a:hover { text-decoration:underline; font-family: 'open sans', sans-serif; }



a:active { text-decoration:underline; font-family: 'open sans', sans-serif; }





/**

 * 2.0 Headings

 * ------------------

 */



h1 { font-family: 'open sans', sans-serif; font-size: 15pt; color:#141414; }



h2 { font-family: 'open sans', sans-serif; font-size: 14pt; color:#141414; }



h3 { font-family: 'open sans', sans-serif; font-size: 13pt; color:#141414; }



h4 { font-family: 'open sans', sans-serif; font-size: 12pt; color:#141414; }



h5 { font-family: 'open sans', sans-serif; font-size: 11pt; color:#141414; }



h6 { font-family: 'open sans', sans-serif; font-size: 10pt; color:#141414; }





/**

 * 3.0 Layout - Container 1 is logo area, Container 2 is in footer, Container 3 is the navigation menu

 * ------------------

 */



#wrapper { font-family: 'open sans', sans-serif; display: block; width:960px; margin:auto; padding: 0px 0px 5px 0px; clear: both; }



#wrapper a { font-family: 'open sans', sans-serif; text-decoration:none; }



#header { text-align: center; margin: 0 auto; width: 960px; clear: both; }



#container { font-family: 'open sans', sans-serif; text-align:center; width:100%; height: auto; overflow:hidden; clear: both; margin: 0 auto; background-color:#ffffff; padding: 10px 0px 10px 0px; }



#container2 { font-family: 'open sans', sans-serif; text-align:center; width:100%; background-color:#000000;  clear: both; margin: 0 auto; padding: 20px 0px 10px 0px; overflow:hidden; }



#container3 { font-family: 'open sans', sans-serif; text-align:center; width:100%; background-color:#000000;  margin: 0 auto; display:block;  padding: 0px 0px 0px 0px; }



#footer { text-align: center; margin: 0 auto; width: 960px; clear: both; padding-bottom:0px; }





/**

 * 4.0 Title and Logo

 * ------------------

 */



.site-title { font-family: 'open sans', sans-serif; color: #000000; font-size: 40pt; float: left; font-weight:300; padding:0px 0px 0px 20px; max-width:100% !important; word-wrap: break-word; clear:both; }



.site-title a { font-family: 'open sans', sans-serif; color: #000000; font-size: 40pt; font-weight:300; max-width:100% !important; word-wrap: break-word; }



.site-title a:hover { font-family: 'open sans', sans-serif; color: #000000; font-size: 40pt; text-decoration:none; font-weight:300; max-width:100% !important; word-wrap: break-word; }



.site-description { font-family: 'open sans', sans-serif; font-size: 11pt; color:#bbbbbb; text-transform: none; padding:0px 0px 10px 20px; word-wrap: break-word; clear:both; float: left; }



.site-logo { float:left; padding:10px 0px 10px 0px; }





/**

 * 5.0 Content area

 * ------------------

 */



#content { font-family: 'open sans', sans-serif; width: 70%; float: right; margin:auto; color:#000000; font-size:12pt; clear:both; padding:10px 0px 0px 0px; word-wrap: break-word; }



#content a { font-family: 'open sans', sans-serif; text-decoration:none; }



#content a:hover { font-family: 'open sans', sans-serif; text-decoration:underline; }



#content-wide { font-family: 'open sans', sans-serif; width: 100%; float: left; margin:auto; color:#000000; font-size:12pt; clear:both; padding:10px 0px 0px 0px; word-wrap: break-word; }



.postwrapper { background-color:#ffffff; margin: 10px 0px 25px 0px; padding: 10px 20px 20px 20px; box-shadow: 3px 3px 5px #808080; }



.sidebarwrapper { background-color:#ffffff; margin: 10px 0px 25px 0px; padding: 10px 20px 20px 20px; box-shadow: 3px 3px 5px #808080; }



.footersidebarwrapper { background-color:#ffffff; margin: 10px 0px 25px 0px; padding: 10px 20px 20px 20px; box-shadow: 3px 3px 5px #808080; margin:0 auto; width:920px; }



.divwrapper { background-color:#ffffff; margin: 10px 0px 10px 0px; padding: 20px 20px 20px 20px; box-shadow: 3px 3px 5px #808080; }



.pagiwrapper { background-color:#ffffff; margin: 10px 0px 25px 0px; padding: 20px 20px 5px 20px; box-shadow: 3px 3px 5px #808080; }



.sticky { font-family: 'open sans', sans-serif; text-decoration:none; margin: auto; padding: 5px 10px 5px 10px; border-width:1px; border-style:dotted; border-color:#353535; }



blockquote {

	margin: 1em 3em;

	padding: .5em;

        color: #2d2d2d;

	border-left: 2px solid #dddddd;

	border-right: 2px solid #dddddd;

        font-family: 'open sans', sans-serif;

        outline:none; }



blockquote p {

	margin: 0;

        border: none; outline:none; }



#content iframe { max-width:632px !important; max-height: 360px !important; }



.post a {

  color: #808080;

  text-decoration: none;

  font-family: 'open sans', sans-serif;

}



.post a:hover {

  color: #c3b4b4;

  text-decoration: underline;

  font-family: 'open sans', sans-serif;

}



hr {

  border: 0;

  width: 80%;

  background-color: #2d2d2d;

  height: 2px;

}



.size-auto,

.size-full,

.size-large,

.size-medium,

.size-thumbnail {

	max-width: 100%;

	height: auto;

}



table,

th,

td { border: 1px solid #bbbbbb; }



table {	border-collapse: separate;

	border-spacing: 0;

	border-width: 1px 0 0 1px;

	margin-bottom: 20px;

	width: 100%; }



.post-navigation { display:block; width:632px; padding: 20px 0px 0px 0px; }



.previous-post { float:left; word-wrap: break-word; font-family: 'open sans', sans-serif; max-width:280px; padding:0; margin:0; }



.next-post { float:right; word-wrap: break-word; font-family: 'open sans', sans-serif; max-width:280px; padding:0; margin:0; }





/**

 * 5.1 Content Post title

 * ------------------

 */



.post-title { font-weight:400; max-width:632px !important; height:auto; white-space: pre-wrap; word-wrap: break-word; font-family: 'open sans', sans-serif; margin-top:5px; margin-bottom:5px; }



.post-title a { font-family: 'open sans', sans-serif; font-size: 20pt; color: #000000; text-transform: none; font-weight:400; }



.post-title a:hover { font-family: 'open sans', sans-serif; font-size: 20pt; color: #000000; text-transform: none; font-weight:400; }



.post-date { font-family: 'open sans', sans-serif; font-size: 10pt; color: #bbbbbb; }



.post-date a { font-family: 'open sans', sans-serif; font-size: 10pt; color: #808080; }



.post-date a:hover { font-family: 'open sans', sans-serif; font-size: 10pt; color: #c3b4b4; }





/**

 * 5.2 Content Post formats

 * ------------------

 */



.format-standard .post-title a:before { 

font: normal 20px Genericons;

text-decoration: none;

margin-right:5px;

content: '\f100'; }



.format-aside .post-title a:before { 

font: normal 20px Genericons;

text-decoration: none;

margin-right:5px;

content: '\f443'; }



.format-image .post-title a:before { 

font: normal 20px Genericons;

text-decoration: none;

margin-right:5px;

content: '\f215'; }



.format-video .post-title a:before { 

font: normal 20px Genericons;

text-decoration: none;

margin-right:5px;

content: '\f213'; }



.format-audio .post-title a:before { 

font: normal 20px Genericons;

text-decoration: none;

margin-right:5px;

content: '\f109'; }



.format-quote .post-title a:before { 

font: normal 20px Genericons;

text-decoration: none;

margin-right:5px;

content: '\f106'; }



.format-link .post-title a:before { 

font: normal 20px Genericons;

text-decoration: none;

margin-right:5px;

content: '\f107'; }



.format-gallery .post-title a:before { 

font: normal 20px Genericons;

text-decoration: none;

margin-right:5px;

content: '\f103'; }



.format-chat .post-title a:before { 

font: normal 20px Genericons;

text-decoration: none;

margin-right:5px;

content: '\f108'; }



.format-status .post-title a:before { 

font: normal 20px Genericons;

text-decoration: none;

margin-right:5px;

content: '\f418'; }





/**

 * 5.3 Content Continue Reading text

 * ------------------

 */



a.more-link { font-family: 'open sans', sans-serif; margin:0px; clear:both;

	color: #808080;	text-decoration:none; }



a:hover.more-link { font-family: 'open sans', sans-serif; margin:0px; clear:both;

	color: #c3b4b4;	text-decoration:underline; }



.post a.more-link { font-family: 'open sans', sans-serif; margin:0px; clear:both;

	color: #808080;	text-decoration:none; }



.post a:hover.more-link { font-family: 'open sans', sans-serif; margin:0px; clear:both;

	color: #c3b4b4;	text-decoration:underline; }





/**

 * 5.4 Content Comments, Categories, Tags area

 * ------------------

 */



.commentstext { text-decoration:none; clear: both; display: block; font-family: 'open sans', sans-serif; font-size: 10pt; border-bottom: 1px solid #eaeaea; padding-bottom: 10px; border-top: 1px solid #eaeaea; padding-top: 10px; }



.commentstext a { text-decoration:none;  font-family: 'open sans', sans-serif; font-size: 10pt; }



.commentstext a:hover { text-decoration:underline;  font-family: 'open sans', sans-serif; font-size: 10pt; }



.bypostauthor { font-family: 'open sans', sans-serif; text-decoration:none; }





/**

 * 5.5 Content Gallery, Captions and Post images

 * ------------------

 */



.gallery-caption { font-family: 'open sans', sans-serif; text-decoration:none; color:#888888; }



a, img {

    border:none;

}



#content img {

    border:none;

    max-width:632px !important;

    height:auto;

}



#content img a {

    border:none;

    max-width:632px !important;

    height:auto;

}



pre, code { max-width:632px !important; height:auto; white-space: pre-wrap; word-wrap: break-word; font-family: 'open sans', sans-serif; }



pre { margin: 1em 3em;

	padding: .5em;

        color: #2d2d2d;

	border-left: 2px solid #dddddd;

	border-right: 2px solid #dddddd;

        font-family: 'open sans', sans-serif;

        outline:none; }



.alignnone {

    margin: 5px 20px 5px 0;

    max-width:632px !important;

    height:auto;

}



.aligncenter,

div.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

    max-width:632px !important;

    height:auto;

}



.alignright {

    float:right;

    margin: 5px 0 20px 20px;

    max-width:632px !important;

    height:auto;

}



.alignleft {

    float: left;

    display: block;

    margin: 10px 20px 20px 0;

    max-width:632px !important;

    height:auto;

}



.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

    max-width:632px !important;

    height:auto;

}



a img.alignright {

    float: right;

    margin: 5px 0 20px 20px;

    max-width:632px !important;

    height:auto;

}



a img.alignnone {

    margin: 5px 20px 5px 0;

    max-width:632px !important;

    height:auto;

}



a img.alignleft {

    float: left;

    margin: 10px 20px 20px 0;

    max-width:632px !important;

    height:auto;

}



a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto;

    max-width:632px !important;

    height:auto;

}



.wp-caption {

    max-width: 96%; /* Image does not overflow the content area */

    padding: 0px 0px 0px;

    text-align: center;

    font-family: 'open sans', sans-serif;

    background-color:transparent;

    border-width:0px;

}



.wp-caption.alignnone {

    margin: 0px 0px 0px 0;

}



.wp-caption.alignleft {

    margin: 0px 10px 0px 0;

}



.wp-caption.alignright {

    margin: 0px 0 0px 10px;

}



.wp-caption img {

    border: none;

    height: auto;

    max-width:632px !important;

    height:auto;

}



.wp-caption p.wp-caption-text {

    font-size: 11px;

    line-height: 17px;

    margin: 0;

    padding: 0 0px 0px;

    color:#141414;

    font-family: 'open sans', sans-serif;

}



.post img {

max-width:632px !important;

height:auto;

}





/**

 * 5.6 Author block - To hide this block in posts, add 'display:none;' to .authortek

 * ------------------

 */



.authortek {

background: #f5f5f5;

border: 1px solid #dddddd;

padding: 10px;

width:610px;

overflow:hidden;

color: #333333;

margin-bottom:20px;

}



.authortek h3 {

font-size: 18px;

color:#333333;

margin:0;

padding:5px 5px 5px 5px;

}



.authortek h3 a {

text-decoration:none;

color: #808080;

font-weight: bold;

}



.authortek img {

margin:0;

padding:5px;

float:left;

border: 1px solid #dddddd;

width: 80px;

height: 80px;

}



.authortek p {

color:#333333;

margin:0;

padding:0px 5px 5px 5px;

}



.authortek p a {

color:#808080;

}



.authortekinfo {

padding-left:120px;

}





/**

 * 6.0 Content Comments

 * ------------------

 */



#comment { font-family: 'open sans', sans-serif; background-color: #f5f5f5; color:#141414; border-width:1px; border-color:#bbbbbb; border-style:solid; outline:none; width:500px; display:block; clear:both; padding:5px 5px 5px 5px; }



#author { font-family: 'open sans', sans-serif; background-color: #f5f5f5; color:#141414; border-width:1px; border-color:#bbbbbb; border-style:solid; outline:none; width:500px; display:block; clear:both; padding:5px 5px 5px 5px; }



#email { font-family: 'open sans', sans-serif; background-color: #f5f5f5; color:#141414; border-width:1px; border-color:#bbbbbb; border-style:solid; outline:none; width:500px; display:block; clear:both; padding:5px 5px 5px 5px; }



#url { font-family: 'open sans', sans-serif; background-color: #f5f5f5; color:#141414; border-width:1px; border-color:#bbbbbb; border-style:solid; outline:none; width:500px; display:block; clear:both; padding:5px 5px 5px 5px; }



#comment #submit { text-decoration:none; color: #f5f5f5; background: #121111; border: none; font-family: 'open sans', sans-serif; outline:none; }



#comment #submit:hover { text-decoration:none; color: #f5f5f5; background: #121111; border: none; font-family: 'open sans', sans-serif; outline:none; text-decoration:underline; }



.reply { padding: 0px 0px 40px 0px; border: none; outline:none; }



.reply a { text-decoration:none; color: #f5f5f5; background: #676363; border: none; font-family: 'open sans', sans-serif; outline:none; padding: 5px 10px 5px 10px; } 



.reply a:hover { text-decoration:none; color: #f5f5f5; background: #676363; border: none; font-family: 'open sans', sans-serif; outline:none; padding: 5px 10px 5px 10px; }



#submit { text-decoration:none; color: #f5f5f5; background: #121111; border: none; font-family: 'open sans', sans-serif; outline:none; padding: 5px 10px 5px 10px; }



#submit:hover { text-decoration:none; color: #f5f5f5; background: #121111; border: none; font-family: 'open sans', sans-serif; outline:none; padding: 5px 10px 5px 10px; text-decoration:underline; } 





/**

 * 6.1 Content Comments text - Hides allowed text description under comments text box. Delete display:none to show.

 * ------------------

 */



.form-allowed-tags { font-family: 'open sans', sans-serif; font-size:12pt; display:none; }





/**

 * 6.2 Content Comments numbers - Hides comment list numbers. Delete below section to show list numbers.

 * ------------------

 */



ol.comment-list {

	list-style-type:none;

	margin: 0;

}



ol.children {

	list-style-type:none;

	margin: 0;

}





/**

 * 7.0 Right Sidebar

 * ------------------

 */



#sidebar { font-family: 'open sans', sans-serif; width: 28%; float: left; color:#141414; padding: 10px 0px 0px 0px; }



#sidebar ul li a { font-family: 'open sans', sans-serif; text-decoration:none; font-size: 11pt; color:#808080; }



#sidebar ul li a:hover { font-family: 'open sans', sans-serif; text-decoration:underline; font-size: 11pt; color:#c3b4b4; }



#sidebar ul { font-family: 'open sans', sans-serif; text-decoration:none; clear:both; }



#sidebar li { font-family: 'open sans', sans-serif; list-style-type: none;

        list-style-position:inside;

        margin:0;

        padding:0; 

	word-wrap: break-word; }



#sidebar .menu li { font-family: 'open sans', sans-serif; list-style-type: none; }



#sidebar ul .sub-menu { list-style-type: none; }



#sidebar li ul { list-style-type: none; padding-left:5px; }



#sidebar li ul li { list-style-type: none; }



#sidebar li ul .sub-menu { list-style-type: none; }



#sidebar ul .sub-menu li { list-style-type: none; }





/**

 * 7.1 Sidebar Widget titles

 * ------------------

 */



.sidebarhd { font-family: 'open sans', sans-serif;

text-decoration:none;

margin-top:5px; margin-bottom:5px;

font-size: 15pt;

font-weight: 500;

padding: 5px 0px 5px 0px;

color: #000000;

text-align:left; clear:both;

word-wrap: break-word; }



.sidebarhd a { font-family: 'open sans', sans-serif; text-decoration:none; color: #c3b4b4; }



.sidebarhd a:hover { font-family: 'open sans', sans-serif; text-decoration:none; color: #c3b4b4; }



sidebar.sidebarhd { width:100%; max-width:100% !important; height:auto; white-space: pre-wrap; word-wrap: break-word; }





/**

 * 7.2 Additional Sidebar items

 * ------------------

 */



.rsswidget { font-family: 'open sans', sans-serif; text-decoration:none; color: #808080; }



.rssSummary { font-family: 'open sans', sans-serif; text-decoration:none; color: #808080; word-wrap: break-word; margin: 0 auto; padding-right:20px; max-width:90% !important; }



.textwidget { font-family: 'open sans', sans-serif; list-style: circle; padding: 0px 10px 5px 0px; max-width:99% !important; word-wrap: break-word; }



.textwidget iframe { max-width:99% !important; max-height: 99% !important; }



.textwidget img { max-width:99% !important; max-height: 99% !important; }



.textwidget img a { max-width:99% !important; max-height: 99% !important; }



.textwidget select { width:90%; max-width:98% !important; word-wrap: break-word; margin:0px 10px 0px 0px; padding:0; text-align: left; }



select { width:90%; max-width:98% !important; word-wrap: break-word; margin:10px 10px 10px 0px; padding:0; text-align: left; }



.tagcloud { font-family: 'open sans', sans-serif; list-style: circle; padding: 0px 5px 0px 0px; }



#calendar_wrap table { margin: 0 auto; width:95%; padding:0; text-align: center; }



table#wp-calendar { margin:0 auto; }



#sidebar ul { list-style-type: none;

        list-style-position:inside;

        margin:0;

        padding:0;

        word-wrap: break-word; }



#sidebar li { list-style-type: none;

        list-style-position:inside;

        margin:0;

        padding:0;

        word-wrap: break-word; }



#sidebar ul li { list-style-type: none;

        list-style-position:inside;

        margin:0;

        padding:0;

        word-wrap: break-word; }





/**

 * 8.0 Footer Widgets

 * ------------------

 */



#footer-sidebar aside {

width: 30%;

display: inline-block;

vertical-align:top;

padding: 0px 0px 20px 0px;

margin: 0px 10px 0px 10px;

text-align:left;

clear:both;

}



#footer-sidebar li { list-style-type: none;

        list-style-position:inside;

        margin:0;

        padding:0;

        word-wrap: break-word; }



#footer-sidebar ul .sub-menu { list-style-type: none; }



#footer-sidebar li ul { list-style-type: none;

        padding-left:10px; }



#footer-sidebar li ul li { list-style-type: none; }



#footer-sidebar li ul .sub-menu { list-style-type: none; }



#footer-sidebar ul .sub-menu li { list-style-type: none; }



#footer-sidebar .tagcloud { font-family: 'open sans', sans-serif; list-style: circle; padding: 10px 40px 10px 40px; }



li { word-wrap: break-word; }



ul li { word-wrap: break-word; }



#footer-sidebar .rsswidget { font-family: 'open sans', sans-serif; text-decoration:none; color: #c3b4b4; }



#footer-sidebar .rssSummary { font-family: 'open sans', sans-serif; text-decoration:none; color: #808080; word-wrap: break-word; margin: 0 auto; padding:0px 40px 0px 40px; max-width:90% !important; }



#footer-sidebar .textwidget { font-family: 'open sans', sans-serif; list-style: circle; padding: 10px 40px 10px 40px; max-width:99% !important; word-wrap: break-word; }



#footer-sidebar .textwidget iframe { max-width:99% !important; max-height: 99% !important; padding: 10px 40px 10px 40px; }



#footer-sidebar .textwidget img { max-width:99% !important; max-height: 99% !important; }



#footer-sidebar .textwidget img a { max-width:99% !important; max-height: 99% !important; }



#footer-sidebar .textwidget select { width:80%; max-width:80% !important; word-wrap: break-word; margin:10px 40px 10px 40px; text-align: left; float:left; }



#footer-sidebar select { width:80%; max-width:80% !important; word-wrap: break-word; margin:10px 40px 10px 40px; padding:0; text-align: left; float:left; }



#footer-sidebar .tagcloud { font-family: 'open sans', sans-serif; list-style: circle; padding: 10px 40px 10px 40px; }



#footer-sidebar #calendar_wrap table { margin: 0 auto; width:95%; padding: 10px 40px 10px 40px; text-align: center; border:none; }



#footer-sidebar table#wp-calendar { margin:0 auto; }



#footer-sidebar #search { max-width:90%; padding: 10px 40px 10px 40px; }



#footer-sidebar #searchform { max-width:90%; padding: 10px 40px 10px 40px; }



#footer-sidebar #recentcomments { text-align:left; width:80%; }



#footer-sidebar .recentcomments { text-align:left; width:80%; }





/**

 * 8.1 Footer Widgets title

 * ------------------

 */



.sidebarhd2 { font-family: 'open sans', sans-serif; 

text-decoration:none; margin:5px 0px 0px 40px; font-size: 14pt;

color: #000000;

text-align:left;

font-weight:400;

word-wrap: break-word; }



#footer-sidebar .sidebarhd { font-family: 'open sans', sans-serif; 

text-decoration:none; margin:5px 0px 0px 40px; font-size: 14pt;

color: #000000;

text-align:left;

font-weight:400;

word-wrap: break-word; }





/**

 * 9.0 Delimiter for clearing both

 * ------------------

 */



.delimiter { clear: both; }



.breaker { padding-top:20px; padding-bottom:20px; clear:both; }



.smallbreaker { padding-top:10px; padding-bottom:10px; clear:both; }





/**

 * 10.0 Pagination

 * ------------------

 */



.pagi { font-family: 'open sans', sans-serif; color: #000000; text-transform: none; background-color:#ffffff; padding:20px; box-shadow: 3px 3px 5px #808080; }



.pagi a { font-family: 'open sans', sans-serif; color: #808080; text-transform: none; }



.pagi a:hover { font-family: 'open sans', sans-serif; color:#c3b4b4; text-transform: none; }





/**

 * 11.0 Footer Copyright area

 * ------------------

 */



.footer-copyright { font-size:12pt; font-family: 'open sans', sans-serif; color: #000000; float:left; clear:both; word-wrap: break-word; max-width:940px !important; margin-left:10px; }



.footer-copyright a { font-size:12pt; font-family: 'open sans', sans-serif; color: #808080; clear:both; word-wrap: break-word; }



.footer-copyright a:hover { font-size:12pt; font-family: 'open sans', sans-serif; color: #000000; clear:both; word-wrap: break-word; }



.toplink { margin-right:10px; vertical-align:text-top; }



.toplink a { font-size:10pt; font-family: 'open sans', sans-serif; color: #808080; float:right; }



.toplink a:hover { font-size:10pt; font-family: 'open sans', sans-serif; color: #ffffff; background-color:#dddddd; float:right; text-decoration: none;

transition: all 0.20s ease-in-out;

-webkit-transition: all 0.20s ease-in-out;

-moz-transition: all 0.20s ease-in-out;

-o-transition: all 0.20s ease-in-out; }



.toplink a:after { font: normal 30px Genericons;

text-decoration: none;

margin-left:2px;

content: '\f432'; }





/**

 * 12.0 Search form

 * ------------------

 */



#search { float: right; width: 400px; height: auto; padding:10px 0px 10px 0px; }



#searchsubmit { text-decoration:none; color: #f5f5f5; background: #2d2d2d; border: none; font-family: 'open sans', sans-serif; outline:none; }



#searchform { text-align:center; font-family: 'open sans', sans-serif; outline:none; }



#searchform input#s { font-family: 'open sans', sans-serif; background-color: #ffffff; color:#808080; border-width:1px; border-color:#c3c3c3; border-style:solid; outline:none; width:90%; }



#s { padding:5px 5px 5px 5px; }





/**

 * 13.0 Navigation menu

 * ------------------

 */



.navtop { width: 960px; margin:0 auto; }



.navmenu { padding:0; margin:0 auto; font-family: 'open sans', sans-serif; font-size: 13px; color: #ffffff; }



.navmenu ul { padding:0; margin:0 auto; line-height: 1; font-family: 'open sans', sans-serif; font-size: 13px; color: #ffffff; }



.navmenu ul li { padding:0; margin:0 auto; line-height: 1; font-family: 'open sans', sans-serif; font-size: 13px; color: #ffffff; }



.navmenu ul li a { padding:0; margin:0 auto; line-height: 1; font-family: 'open sans', sans-serif; font-size: 13px; color: #ffffff; }



.navmenu:before { content: ''; display: table; }



.navmenu:after { content: ''; display: table; }



.navmenu > ul:before { content: ''; display: table; }



.navmenu > ul:after { content: ''; display: table; }



.navmenu:after { clear: both; }



.navmenu > ul:after { clear: both; }



.navmenu ul { background: #8DC4B7; }



.navmenu ul > li { float: left; list-style: none; }



.navmenu ul > li > a { display: block; text-decoration: none; padding: 15px 30px 15px 30px; position: relative; }



.navmenu ul > li > a:hover { color: #808080;

transition: all 0.20s ease-in-out;

-webkit-transition: all 0.20s ease-in-out;

-moz-transition: all 0.20s ease-in-out;

-o-transition: all 0.20s ease-in-out; }



.navmenu ul > li > a:hover:before { content: ''; z-index: 2; position: absolute; border-top: 0; border-bottom: 0; border-right: 0; width: 100%; height: 100%; top: 0; left: -1px; }



.navmenu ul > li > a:hover:after { content: ''; z-index: 2; position: absolute; border-top: 0; border-bottom: 0; border-left: 0; width: 100%; height: 100%; top: 0; right: -1px; }



.navmenu > ul > li > ul { opacity: 0; visibility: hidden; position: absolute; }



.navmenu > ul > li:hover > ul { opacity: 1; visibility: visible; position: absolute; box-shadow: none; z-index: 2; }



.navmenu > ul > li > ul { width: 150px; position: absolute; text-align:left; padding-left:0; }



.navmenu > ul > li > ul > li { float: none; position: relative; }



.navmenu > ul > li > ul > li > ul { opacity: 0; visibility: hidden; position: absolute; }



.navmenu > ul > li > ul > li:hover > ul { opacity: 1; visibility: visible; position: absolute; z-index: 2; }



.navmenu > ul > li > ul > li > ul { left: 150px; top: 0px; width: 150px; text-align:left; padding-left:0; }



.navmenu > ul > li > ul > li > ul > li { float: none; }





/**

 * 14.0 Media queries - Add more things here for mobile friendliness.

 * ------------------

 */



@media screen and (max-width: 768px) {

body { background-image:none !important; padding:0; }

#container { width:965px; }

#container2 { width:965px; }

#container3 { width:965px; }

}