/*


Theme Name: NewPro


Theme URI: http://gamerpotion.com/newpro/


Author: GamerPotion


Author URI: http://gamerpotion.com


Description: A simple and light WordPress theme. Perfect for professional bloggers who like to blog with ease. Features:- 2 Navigation menus, Footer widgets, Custom background, Custom logo, Stylish colors, and Neat typography. NewPro uses NewTek theme as a base.


Version: 1.0.2


License: GNU General Public License v2 or later


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


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


Text Domain: newpro


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


Font: http://www.google.com/fonts/specimen/Didact+Gothic


NewPro 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 Continue Reading text


 *  5.3 Content Comments, Categories, Tags area


 *  5.4 Content Gallery, Captions and Post images


 *  5.5 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


 *  13.1 Top menu


 * 14.0 Media queries


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


 */








/**


 * 1.0 Body


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


 */





body { font-family: 'Didact Gothic', sans-serif; background-color:#ececec; color: #141414; margin: 0 auto; padding:0; font-size:14pt; }





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





body a:hover { font-family: 'Didact Gothic', sans-serif; text-decoration:underline; color:#3b5998; font-size:14pt; }





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





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





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





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








/**


 * 2.0 Headings


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


 */





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





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





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





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





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





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








/**


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


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


 */





#wrapper {
	font-family: 'Didact Gothic', sans-serif;
	display: block;
	width:900px;
	max-width: 1120px !important;
	margin:auto;
	background-color:#949c8d;
	padding: 0px 40px 5px 40px;
	clear: both;
	margin-top:30px;
	margin-bottom:20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: medium solid #333;
}





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





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





#container {
	font-family: 'Didact Gothic', sans-serif;
	text-align:center;
	width:980px;
	max-width: 1120px !important;
	height: auto;
	overflow:hidden;
	clear: both;
	margin: 0 auto;
	
	
}





#container2 { font-family: 'Didact Gothic', sans-serif; text-align:center; width:100%; background-color:#f5f5f5;  clear: both; margin: 0 auto; border-top: 0px solid #dddddd; padding: 20px 0px 20px 0px; overflow:hidden; }





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





#footer { text-align: center; margin: 0 auto; width:92%; max-width: 1120px !important; clear: both; padding-bottom:20px; }








/**


 * 4.0 Title and Logo


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


 */





.site-title { font-family: 'Didact Gothic', sans-serif; color: #000000; font-size: 42pt; margin:0 auto; font-weight:300; padding:5px 0px 5px 0px; max-width:100% !important; word-wrap: break-word; margin-bottom:10px; }





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





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





.site-description { font-family: 'Didact Gothic', sans-serif; font-size: 12pt; color:#bbbbbb; text-transform: none; margin:5px 0px 5px 0px; word-wrap: break-word; }





.site-logo { margin:0 auto; padding:0; margin-top:10px; margin-bottom:10px; max-width:100%; height:auto; }








/**


 * 5.0 Content area


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


 */





#content {
	font-family: 'Didact Gothic', sans-serif;
	width: 70%;
	float: left;
	margin:auto;
	background-color:#949c8d;
	color:#000000;
	font-size:14pt;
	clear:both;
	word-wrap: break-word;
	margin-top:40px;
}





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





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





#content-wide { font-family: 'Didact Gothic', sans-serif; width: 100%; float: left; margin:auto; background-color:#949c8d; color:#000000; font-size:14pt; clear:both; padding-top:15px; word-wrap: break-word; }





.sticky { font-family: 'Didact Gothic', sans-serif; text-decoration:none; margin: auto; padding: 0; border-top: 2px dashed #737362; }





blockquote {


	margin: 1em 3em;


	padding: .5em;


        color: #2d2d2d;


	border-left: 5px solid #375940;


        font-family: 'Didact Gothic', sans-serif;


        outline:none; }





blockquote p {


	margin: 0;


        border: none; outline:none; }





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





.post a {


  color: #808080;


  text-decoration: none;


  font-family: 'Didact Gothic', sans-serif;


}





.post a:hover {


  color: #3b5998;


  text-decoration: underline;


  font-family: 'Didact Gothic', 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 dashed #bbbbbb; }





table {	border-collapse: separate;


	border-spacing: 0;


	border-width: 1px 0 0 1px;


	margin-bottom: 20px;


	width: 100%; }





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





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





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





.avatar { border:none !important; border-radius:50%; }





.wp-smiley { border:none !important; }





.archivetek { border-bottom:2px solid #f1f1f1; padding:5px; }





/**


 * 5.1 Content Post title


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


 */





.post-title { font-weight:200; max-width:630px !important; height:auto; white-space: pre-wrap; word-wrap: break-word; font-family: 'Didact Gothic', sans-serif; margin-bottom:10px; }





.post-title a { font-family: 'Didact Gothic', sans-serif; font-size: 24pt; color: #000000; text-transform: none; font-weight:200; }





.post-title a:hover { font-family: 'Didact Gothic', sans-serif; font-size: 24pt; color: #000000; text-transform: none; font-weight:200; }





.post-date { font-family: 'Didact Gothic', sans-serif; font-size: 12pt; color: #bbbbbb; margin-bottom:10px; }





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





.post-date a:hover { font-family: 'Didact Gothic', sans-serif; font-size: 12pt; color: #3b5998; }








/**


 * 5.2 Content Continue Reading text


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


 */





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


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





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


	color: #3b5998;	text-decoration:underline; }





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


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





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


	color: #3b5998;	text-decoration:underline; }








/**


 * 5.3 Content Comments, Categories, Tags area


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


 */





.commentstext { text-decoration:none; clear: both; display: block; font-family: 'Didact Gothic', sans-serif; font-size: 12pt; border-bottom: 0px solid #dddddd; padding-bottom: 10px; border-top: 0px solid #dddddd; padding-top: 10px; }





.commentstext a { text-decoration:none;  font-family: 'Didact Gothic', sans-serif; font-size: 12pt; }





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





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








/**


 * 5.4 Content Gallery, Captions and Post images


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


 */





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





a, img {


    border:none;


}





#content img {


    border:none;


    max-width:630px !important;


    height:auto;


    padding:5px;


    border:1px solid #cccccc;


}





#content img a {


    border:none;


    max-width:630px !important;


    height:auto;


}





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





pre { margin: 1em 3em;


	padding: .5em;


        color: #2d2d2d;


	border-left: 5px solid #215472; 


        font-family: 'Didact Gothic', sans-serif;


        outline:none; }





.alignnone {


    margin: 5px 20px 5px 0;


    max-width:630px !important;


    height:auto;


}





.aligncenter,


div.aligncenter {


    display: block;


    margin: 5px auto 5px auto;


    max-width:630px !important;


    height:auto;


}





.alignright {


    float:right;


    margin: 5px 0 20px 20px;


    max-width:630px !important;


    height:auto;


}





.alignleft {


    float: left;


    display: block;


    margin: 10px 20px 20px 0;


    max-width:630px !important;


    height:auto;


}





.aligncenter {


    display: block;


    margin: 5px auto 5px auto;


    max-width:630px !important;


    height:auto;


}





a img.alignright {


    float: right;


    margin: 5px 0 20px 20px;


    max-width:630px !important;


    height:auto;


}





a img.alignnone {


    margin: 5px 20px 5px 0;


    max-width:630px !important;


    height:auto;


}





a img.alignleft {


    float: left;


    margin: 10px 20px 20px 0;


    max-width:630px !important;


    height:auto;


}





a img.aligncenter {


    display: block;


    margin-left: auto;


    margin-right: auto;


    max-width:630px !important;


    height:auto;


}





.wp-caption {


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


    padding: 0px 0px 0px;


    text-align: center;


    font-family: 'Didact Gothic', 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:630px !important;


    height:auto;


}





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


    font-size: 11pt;


    line-height: 17px;


    margin: 0;


    padding: 0 0px 0px;


    color:#141414;


    font-family: 'Didact Gothic', sans-serif;


}





.post img {


max-width:630px !important;


height:auto;


}








/**


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


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


 */





.authortek {


background: #f5f5f5;


border: 1px solid #dddddd;


padding: 10px;


width:620px;


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: 70px;


height: 70px;


border-radius:50%;


border: none !important;


}





.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: 'Didact Gothic', sans-serif; background-color: #f1f1f1; 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: 'Didact Gothic', sans-serif; background-color: #f1f1f1; 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: 'Didact Gothic', sans-serif; background-color: #f1f1f1; 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: 'Didact Gothic', sans-serif; background-color: #f1f1f1; 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: #777777; border: none; font-family: 'Didact Gothic', sans-serif; outline:none; }





#comment #submit:hover { text-decoration:none; color: #f5f5f5; background: #777777; border: none; font-family: 'Didact Gothic', 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: #777777; border: none; font-family: 'Didact Gothic', sans-serif; outline:none; padding: 5px 10px 5px 10px; } 





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





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





#submit:hover { text-decoration:none; color: #f5f5f5; background: #777777; border: none; font-family: 'Didact Gothic', 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: 'Didact Gothic', sans-serif; font-size:14pt; 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: 'Didact Gothic', sans-serif; width: 27%; float: right; background-color:#949c8d; color:#141414; padding: 0px 0px 0px 0px; margin-top:40px; }





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





#sidebar ul li a:hover { font-family: 'Didact Gothic', sans-serif; text-decoration:underline; font-size: 14pt; color:#3b5998; }





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





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


        list-style-position:inside;


        margin:0;


        padding:0; word-wrap: break-word; }





#sidebar .menu li { font-family: 'Didact Gothic', 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: 'Didact Gothic', sans-serif;


text-decoration:none;


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


font-size: 16pt;


font-weight: 400;


padding: 5px 0px 5px 0px;


border-bottom: 2px solid #518bb3;


color: #000000;


text-align:left; clear:both;


word-wrap: break-word; }





.sidebarhd a { font-family: 'Didact Gothic', sans-serif; text-decoration:none; color: #3b5998; }





.sidebarhd a:hover { font-family: 'Didact Gothic', sans-serif; text-decoration:none; color: #3b5998; }





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: 'Didact Gothic', sans-serif; text-decoration:none; color: #808080; }





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





.textwidget { font-family: 'Didact Gothic', sans-serif; list-style: circle; padding: 0px 10px 5px 0px; max-width:100% !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 10px; padding:0; text-align: left; }





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





.tagcloud { font-family: 'Didact Gothic', 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-wrapper { background-color:#ffffff; width:92%; max-width: 1120px !important; margin:0 auto; margin-bottom:40px;  padding: 20px 40px 0px 40px; }





#footer-sidebar aside {


width: 30.5%;


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: 'Didact Gothic', 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: 'Didact Gothic', sans-serif; text-decoration:none; color: #3b5998; }





#footer-sidebar .rssSummary { font-family: 'Didact Gothic', 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: 'Didact Gothic', 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: 'Didact Gothic', 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: 'Didact Gothic', sans-serif; 


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


padding: 5px 0px 5px 0px;


color: #000000;


text-align:left;


font-weight:400;


border-bottom: 2px solid #518bb3;


word-wrap: break-word; }





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


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


padding: 5px 0px 5px 0px;


color: #000000;


text-align:left;


font-weight:400;


border-bottom: 2px solid #518bb3;


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:5px; padding-bottom:5px; clear:both; }








/**


 * 10.0 Pagination


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


 */





.pagi { font-family: 'Didact Gothic', sans-serif; color: #808080; text-transform: uppercase; }





.pagi a { font-family: 'Didact Gothic', sans-serif; color: #808080; text-transform: uppercase; }





.pagi a:hover { font-family: 'Didact Gothic', sans-serif; color:#3b5998; text-transform: uppercase; }








/**


 * 11.0 Footer Copyright area


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


 */





.footer-copyright {
	font-size:12pt;
	font-family: "Comic Sans MS", cursive;
	color: #fff;
	clear:both;
	word-wrap: break-word;
	margin:0 auto;
	margin-bottom:10px;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.1);
}





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





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





.toplink a { font-size:12pt; font-family: 'Didact Gothic', sans-serif; color: #3b5998; float:right; }





.toplink a:hover { font-size:12pt; font-family: 'Didact Gothic', sans-serif; color: #3b5998; float:right; }








/**


 * 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: 'Didact Gothic', sans-serif; outline:none; }





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





#searchform input#s { font-family: 'Didact Gothic', 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 {
	margin-top:0px;
	margin:0 auto;
	clear:both;
	background-color: #949c8d;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: medium solid #333;
	
	
}





.navmenu {
	padding:0;
	margin-bottom:5px;
	margin-top:5px;
	font-family: "Comic Sans MS", cursive;
	font-size: 14pt;
	color: #000000;
}





.navmenu ul {
	padding:0;
	margin:0;
	line-height: 1;
	font-family: "Comic Sans MS", cursive;
	font-size: 14pt;
	color: #000000;
}





.navmenu ul li {
	padding:0;
	margin:0;
	line-height: 1;
	font-family: "Comic Sans MS", cursive;
	font-size: 14pt;
	color: #000000;
}





.navmenu ul li a {
	padding:0;
	margin:0;
	line-height: 1;
	font-family: "Comic Sans MS", cursive;
	font-size: 14pt;
	color: #000000;
}





.navmenu:before {
	content: '';
	display: table;
	font-family: "Comic Sans MS", cursive;
}





.navmenu:after {
	content: '';
	display: table;
	font-family: "Comic Sans MS", cursive;
}





.navmenu > ul:before {
	content: '';
	display: table;
	font-family: "Comic Sans MS", cursive;
}





.navmenu > ul:after {
	content: '';
	display: table;
	font-family: "Comic Sans MS", cursive;
}





.navmenu:after {
	clear: both;
	font-family: "Comic Sans MS", cursive;
}





.navmenu > ul:after {
	clear: both;
	font-family: "Comic Sans MS", cursive;
}





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





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





.navmenu ul > li > a:hover { color: #ffffff; background-color:#60758a; transition: all 0.40s ease-in-out;


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


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


-o-transition: all 0.40s 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; background-color:#949c8d; }





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





.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; background-color:#518bb3; }





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





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





.navmenu .current_page_item > a,


.navmenu .current_page_ancestor > a,


.navmenu .current-menu-item > a,


.navmenu .current-menu-ancestor > a {
	color: #ffffff;
	background-color:#949c8d;
	font-family: "Comic Sans MS", cursive;
}








/**


 * 13.1 Top menu


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


 */





.topmenutop { width:92%; max-width: 1120px !important; margin:0 auto; }





.topmenu { padding:0; margin:0 auto; font-family: 'Didact Gothic', sans-serif; font-size: 12pt; color: #f5f5f5; }





.topmenu ul { padding:0; margin:0 auto; line-height: 1; font-family: 'Didact Gothic', sans-serif; font-size: 12pt; color: #f5f5f5; }





.topmenu ul li { padding:0; margin:0 auto; line-height: 1; font-family: 'Didact Gothic', sans-serif; font-size: 12pt; color: #f5f5f5; }





.topmenu ul li a { padding:0; margin:0 auto; line-height: 1; font-family: 'Didact Gothic', sans-serif; font-size: 12pt; color: #f5f5f5; }





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





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





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





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





.topmenu:after { clear: both; }





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





.topmenu ul { background: #202020; }





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





.topmenu ul > li > a { display: block; text-decoration: none; padding: 10px 20px 10px 20px; position: relative; }





.topmenu ul > li > a:hover { color: #111111; background-color:#f1f1f1; 


transition: all 0.40s ease-in-out;


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


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


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





.topmenu 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; }





.topmenu 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; }





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





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





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





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





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





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





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





.topmenu > 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:1024px; }


#wrapper { width:1024px; }


#footer { width:1024px; }


#footer-wrapper { width:1024px; }


}