/*
Theme Name: Typal Pro
Theme URI: http://makewp.ru/themes/typalpro/
Author: the MakeWP team
Author URI: http://themes.makewp.ru/en/
Description: Business oriented theme responsive layout for a typical company website or business. A simple and practical solution if you want a simple website for a business or company. Features: responsive layout, responsive video, support post format, custom type posts Emphasis, page template without sidebars, Home HeadLine with the background image (header image), support Font Awesome and Genericons.
Version: 1.2
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: red, white, gray, black, custom-header, custom-background, post-formats, sticky-post, right-sidebar, translation-ready
*/

@import url('css/reset.css?v=25082014');
/* @import url('css/typal.css?v=25082014'); */

/* =General
----------------------------------------------- */
body {
font-family: 'PT Sans', sans-serif;
font-size:12pt;
}
#bbpress-forums div.bbp-search-form {
    display: none;
}
a { color:#c80000; text-decoration:none;}
a:hover {text-decoration:underline;}
.floatright {float:right; margin:0 0 10px 10px;}

H1 {font-size:22pt; font-weight: 700; margin-bottom:10px;}

H2 {font-size:18pt; font-weight: 700; margin-bottom:10px; }

H3 {font-size:16pt; font-weight: 700; margin-bottom:10px; }

h3.underline {margin:15px 0 5px 0; border-bottom:1px solid #000; padding-bottom:5px; max-width:350px;}

H4 {font-size:14pt; font-weight: 700; margin-bottom:5px; }

H5 {font-size:12pt; font-weight: 700; margin-bottom:5px; }

H6 {font-size:10pt; font-weight:700; }

/* --------- HEADER ---------- */
#logo {
 display:inline-block;
 float:left;
 width:180px;
 padding:20px 0px 0px 10px;
}

#headmiddle {
   display:inline-block;
   float:left;
	width:550px;
   padding-top:60px;
}

#headmiddle .coname {
   font-size:28pt;
   font-weight:bold;
}

#headmiddle .coname a { color:#000; text-decoration:none;}
#headmiddle .tag a { color:#000; text-decoration:none;}

#headmiddle .tag {
   margin-top:15px;
   margin-left:8px;
   font-size:18pt;
   color: #828282;
}

#headright {
  padding:30px 10px 0px 0px;
  display:inline-block;
  text-align:right;
  font-size:10pt;
}

#headright .social {
	margin-top:10px;
}

.site-branding {
width:100%;
position:relative;
}

.typal-custom-header,.typal-custom-header img {
display:block;
float:left;
position:absolute;
top:0;
width:100%;
}

.nav-menu {
position:relative;
background-color:#707070;
width:100%;
}

.nav-menu li {
font-family: 'PT Sans', sans-serif;
font-size:13pt;
}

.menu-toggle {
cursor:pointer;
display:none;
}

#masthead {background:#FFF;}

.site-header .menu-toggle {
background:#FFF;
font-size:11px;
margin:0;
padding:10px 22px;
}

.site-header .menu-toggle:hover {
background:#FFF;
}

.site-header .menu-toggle:before {
-webkit-font-smoothing:antialiased;
content:'\f419';
display:inline-block;
font:normal 16px/1 Genericons;
margin-right:10px;
vertical-align:middle;
}

#home-tagline {
display:block;
border-top:solid 2px #404040;
border-bottom:solid 2px #404040;
height:auto;
min-height:110px;

}

#home-txt {
font-family:times new roman, serif;
font-size:16pt;
line-height:20pt;
text-align:left;
padding:10px 20px 3px 20px;
}

#home-txt .moreinfo {
	font-family: 'PT Sans', sans-serif;
	font-size:12pt;
	font-weight:bold;
        margin-top:12px;
        text-align:center;
}

#index-bottom {
	display:block;
	margin:20px 0 0 0;
	background-color:#e22426;
	padding:2px;
	border:1px solid #7d7d7d;
}
#index-bottom-inner {
background-color: #f2f2f2;
}

#col1 {
  display: inline-block;
  width: 65%;
  vertical-align:top;
  padding:10px 10px 10px 10px;
}
#col1 .strip {
	width:90%;
	margin:10px auto 10px auto;
	min-height:50px;
	padding:10px;
	color:#000;
	border: 1px solid #696969;
}
.strip H1 { font-size:14pt; font-weight:700; margin-bottom:5px;}

/* In case you want to make the strips different colors */
#col1 .strip1 { background-color:#dedede; }
#col1 .strip2 { background-color:#dedede;  }
#col1 .strip3 { background-color:#dedede;  }

.readall {margin-top:15px;}

#col2 {
  width:30%;
  display: inline-block;
  vertical-align:top;
  padding:10px;
}

#col2 .home-posts-description {
}

#col2 H1 { font-size:18pt; color: #696969; font-weight:700; margin-top: 12px;}


#page {
background:#f2f2f2;
max-width:1050px;
margin:20px auto;
border:1px solid #7d7d7d;
}

.home .site-content {
background-color: #f2f2f2;
margin:0;
}

.home.page .site-content,.site-content {
background-color: #f2f2f2;
margin:20px 40px;
}

#primary {
float:left;
width:70%;
}

#secondary {
float:right;
width:28%;
border-left: 1px dashed #b3b3b3;
padding-left: 10px;
}

.site-main {
clear:both;
float:left;
width:100%;
}

.site-footer {
background:#A5A5A5;
clear:both;
color:#DADADA;
padding:20px;
text-align:center;
}

.site-footer a,.site-footer .site-info a,.site-footer li a {
color:#DADADA;
}

.site-info {
font-size:10pt;
padding-top: 10px;
border-top:1px solid #DADADA;
width:500px;
margin:auto;
}


.error-404 .page-title,.no-results .page-title {
margin-bottom:20px;
}

.error-404 h1 {
font-size:32px;
margin-bottom:20px;
margin-top:40px;
}

iframe,object,embed {
height:auto;
max-height:100%;
width:100%;
}


.woocommerce #secondary,.screen-reader-text,.hidden {
display:none;
}

.page-template-template-fullpage-php #primary,.single-attachment #primary {
float:left;
margin-right:0;
width:100%;
}

/* =Menu
----------------------------------------------- */

#menu-footer {
list-style-type:none;
}

.menu-footer-container ul {
margin:0;
padding:0;
}

#menu-footer li {
display:inline;
float:left;
font-family: 'PT Sans', sans-serif;
font-size:11px;
padding-right:10px;
}

#menu-footer .current_page_item a,.current-menu-parent a,.current-post-parent a,.current-post-ancestor a,.current-menu-ancestor a,.current-menu-item a,#secondary .menu li a {
background:none;
}

/* =Content
----------------------------------------------- */

/* PAGE TITLE */
H1.entry-title {font-weight:bold; font-size: 24pt; color:#e22426; margin:40px 0 5px 0; padding:0;}

/* PAGE SECTIONS */
#content ul { margin:0 0 0 30px; }

.pagesection {margin-top:30px;}

.site-content .entry-title a {
color:#3a3a3a;
}

img.right {display:inline; float:right; margin:5px 0 5px 5px; border: 1px solid #9d9d9d;}

.wp-caption-text {font-size:9pt; font-style:italic;}

.page-header {
border-bottom:solid 2px #404040;
line-height:30px;
margin-bottom:20px;
}

.page-title {
font-size:24px;
}

H1.post-title {
	font-size:18pt;
	font-weight:bold;
	margin-top:5px;
        line-height:20pt;
}
.entry-content
{
	margin:10px 20px 10px 0px;
	padding:0 0 10px 0;
	border-bottom:1px dashed #DDDDDD;
}



#home-emphasis,#home-sticky {
font-size:11px;
line-height:16px;
padding-top:20px;
text-align:center;
}

figure.sticky-thumb {
height:auto;
max-height:200px;
overflow: hidden;
}

#home-posts {
font-size:14px;
line-height:20px;
}

#home-emphasis h3,#home-sticky h3,#home-posts h3,#home-cat-posts h3 {
font-size:16px;
line-height:20px;
margin-bottom:5px;
border-bottom:none;
border-top:1px dashed #DDDDDD;
padding-top:10px;
}

#pagefeature {
margin:20px 0 0;
text-align: center;
}

#pagefeature .simple-button {
display:block;
margin-bottom:20px;
}
#sitemap li {
line-height:30px;
list-style:none;
}

.img-home-post {
height:120px;
overflow:hidden;
}

.recent-home-posts {
margin-bottom:25px;
}

.recent-home-posts h2 {
border-bottom:solid 2px #404040;
text-align:center;
}


.site-content hr,.site-content .comment-content hr,#tinymce hr {
background-color:#ddd;
border:0;
height:1px;
margin-bottom:20px;
}

.site-content .entry-content th,.site-content .comment-content th,#tinymce th,.site-content .entry-content td,.site-content .comment-content td,#tinymce td {
vertical-align:top;
border-bottom:solid 1px #ddd;
padding:8px;
}

.site-content .entry-content tr:hover td,.site-content .comment-content tr:hover td,#tinymce tr:hover td {
background:#f7f7f7;
}

.site-content .entry-content blockquote,.site-content .comment-content blockquote,#tinymce blockquote {
margin-bottom:20px;
margin-left:-40px;
margin-top:20px;
padding:20px 20px 1px 80px;
position:relative;
}

.site-content .entry-content blockquote:before,.site-content .comment-content blockquote:before,#tinymce blockquote:before {
color:#aaa;
font-family: 'PT Sans', sans-serif;
font-size:50px;
left:40px;
position:absolute;
top:32px;
}

.site-content .entry-content blockquote cite:before,.site-content .comment-content blockquote cite:before,#tinymce blockquote cite:before {
}

blockquote {

}

.single .site-content .entry-title {
font-size:28px;
margin-bottom:20px;
}


.site-content .entry-meta {
color:#aaa;
font-size:11px;
line-height:15px;
text-align:right;
}

.site-content .entry-meta a {
color:#aaa;
text-decoration:none;
}

.site-content .entry-content,.site-content .entry-header,.site-content .entry-summary {
-ms-word-wrap:break-word;
word-wrap:break-word;
}

.site-content .entry-header .entry-meta {
font-size:11px;
text-align:left;
}

.entry-thumbnail {
float:left;
margin-right:25px;
height:auto;
max-height:120px;
overflow: hidden;
width:30%;
}

.entry-excerpt {
float:left;
width:65%;
}

.entry-content {
font-family: 'PT Sans', sans-serif;
font-size:16px;
line-height:24px;
}

.site-content .entry-header .entry-meta .author {
color:#3a3a3a;
font-weight:600;
}

cite {
color:#FA8072;
font-size:14px;
}

.clear {
clear:both;
display:block;
height:0;
width:100%;
}

#home-emphasis h2 a,#home-sticky h2 a,#pagefeature h1 a,#pagefeature h2 a,.entry-title a {
text-decoration:none;
}

#home-emphasis h2,#home-sticky h2,#home-posts h2,#home-cat-posts h2 {
font-size:20px;
line-height:26px;
margin-bottom:20px;
}

#sitemap ul li,.nav-previous,.nav-next,address {
font-size:14px;
}

.site-content .entry-content table,.site-content .comment-content table,#tinymce table,.site-content .entry-content ul,.site-content .comment-content ul,#tinymce ul,.site-content .entry-content ol,.site-content .comment-content ol,#tinymce ol {
margin-bottom:20px;
}

.site-content .entry-title a:hover,.site-content .entry-meta a:hover {
color:#FA8072;
}

/*=CustomPagination
-----------------------------------*/
.page-numbers li {
 font-size: 14px;
 display: inline;
 padding-right: 5px;
}

/*=Post Type
-----------------------------------*/
.typal_emphasis .entry-meta {
  display: none;
}

/*=Post Format
-----------------------------------*/
.status {
float:left;
margin-left:10px;
margin-right:10px;
}

.entry-meta .genericon {
font:normal 16px/1 Genericons;
}

.entry-title .genericon {
font:normal 32px/1 Genericons;
}

.home-posts-description iframe,.home-posts-description embed,.home-posts-description object {
height:auto;
width:100%;
}

.metka {
background:#444;
color:#FFF;
margin-left:-40px;
padding-left:10px;
padding-right:5px;
}

#content .entry-content .gallery a img,#content .entry-content .gallery img {
background-color: #f2f2f2;
border:0;
}

.image-navigation {
padding-top:15px;
}


/* =Meta
----------------------------------------------- */
.posted-on {
 background: url(../img/bg-ic.png) no-repeat;
 background-position: 0 -13px;
 padding-left: 15px;
}
.byline {
 background: url(../img/bg-ic.png) no-repeat;
 padding-left: 15px;
}
.cat-links {
 background: url(../img/bg-ic.png) no-repeat;
 background-position: 0 -25px;
 padding-left: 15px;
}
.tags-links {
 background: url(../img/bg-ic.png) no-repeat;
 background-position: 0 -38px;
 padding-left: 15px;
}

/*=Column
-----------------------------------*/
.pagecol {
margin: 0 40px;
}
.fullwidth .col {
float: none;
margin-left: 0;
}
/* grid4 col */
.grid4 .col {
width: 22.6%;
}
/* grid3 col */
.grid3 .col {
width: 31.2%;
}
/* grid2 col */
.grid2 .col {
width: 48.4%;
}
/* clear col */
.grid4 .col:nth-of-type(4n+1),
.grid3 .col:nth-of-type(3n+1),
.grid2 .col:nth-of-type(2n+1) {
margin-left: 0;
clear: left;
}
/* reset cols to 2-column */
@media screen and (max-width: 900px) {
/* grid4 */
.grid4 .col {
width: 48.4%;
}
.grid4 .col:nth-of-type(3n+1) {
margin-left: 3.2%;
clear: none;
}
.grid4 .col:nth-of-type(2n+1) {
margin-left: 0;
clear: left;
}
/* grid3 */
.grid3 .col {
width: 31.2%;
}
.grid3 .col:nth-of-type(3n+1) {
margin-left: 0;
clear: none;
}
}
/* reset cols to fullwidth */
@media screen and (max-width: 650px) {
/* grid4 */
.col {
width: 100% !important;
margin-left: 0 !important;
clear: none !important;
}
}

/* =Comments
----------------------------------------------- */
.comments-area {
margin-bottom:40px;
margin-top:20px;
}

.comments-area .comments-title {
font-size:18px;
margin-bottom:40px;
}

.comments-area .comment-list {
list-style:none;
margin:0;
padding:0;
}

.comments-area ul.children {
list-style:none;
margin:0;
padding-left:56px;
}

.comments-area article {
border-bottom:none;
border-top:solid 1px #ddd;
margin:0;
padding:20px 0 32px;
}

.comments-area .comment-content h1,.comments-area .comment-content h2,.comments-area .comment-content h3,.comments-area .comment-content h4,.comments-area .comment-content h5 {
margin:20px 0;
}

.comments-area .comment-content blockquote {
background:none;
}

.comments-area .comment-content,.comments-area .reply,.comments-area li.comment #respond {
margin-left:45px;
}

.comment-content p {
color:#666;
font-family: 'PT Sans', sans-serif;
font-size:14px;
}

.comments-area footer {
margin-bottom:20px;
}

.comments-area footer .comment-author,.comments-area footer .comment-meta {
display:inline-block;
font-size:12px;
}

.comments-area footer cite {
font-style:normal;
}

.comments-area footer .says {
display:none;
}

.comments-area footer .comment-author,.comment-metadata {
font-family: 'PT Sans', sans-serif;
font-size:11px;
}

.fn {
font-family: 'PT Sans', sans-serif;
font-size:11px;
font-weight:700;
}

.comment-metadata {
margin-left:45px;
margin-top:5px;
}

.logged-in-as {
font-size:11px;
}

.comments-area footer .comment-author a {
color:#3a3a3a;
text-decoration:none;
}

.comments-area footer .comment-author .avatar {
margin-right:10px;
position:relative;
top:12px;
}

.comments-area footer .comment-meta {
margin-left:4px;
}

.comments-area footer .comment-meta,.comments-area footer .comment-meta a {
color:#aaa;
font-size:12px;
text-decoration:none;
}

.comments-area #respond {
padding-top:40px;
}

.comments-area #reply-title {
font-size:18px;
margin-bottom:10px;
}
p.form-allowed-tags,
#commentform label {
color:#aaa;
}
#commentform label {
display:block;
color:#aaa;
margin-bottom:10px;
}

#commentform label .required {
color:red;
}

#comments {
font-size:12px;
}

.comments-link {
margin-left:5px;
}

.comments-area .comment-content h1,.comments-area .comment-content h2,.comments-area .comment-content h3,.comments-area .comment-content h4,.comments-area .comment-content h5,.comments-area .comment-content h6 {
font-size:14px;
}

.comments-area footer .comment-author a:hover,.comments-area footer .comment-meta:hover,.comments-area footer .comment-meta a:hover {
color:#FA8072;
}

/* =Link Meta
----------------------------------------------- */
.edit-link:before {
    content: '\f411';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 16px/1 'Genericons';
    vertical-align: middle;
}
.edit-link {
 margin-left: 10px;
}

/* =Button
----------------------------------------------- */
.simple-button,.simple-button a {
border-bottom:1px solid #ccc;
font-family: 'PT Sans', sans-serif;
font-size:14px;
letter-spacing:1px;
line-height:16px;
padding:10px 16px;
text-align:center;
text-decoration:none;
white-space:nowrap;
}

.simple-button.red {
background-color:#e22426;
color:#FFF;
}

.simple-button.red:hover {
background-color:#FA8072;
border-bottom:1px solid #ccc;
}

.simple-button.black {
background-color:#3A3A3A;
color:#FFF;
}

.simple-button.black:hover {
background-color:#6A6A6A;
}

.borderbut {
border:2px solid #FA8072;
color:#e22426;
font-family: 'PT Sans', sans-serif;
font-size:12px;
font-weight:700;
padding:5px 10px;
text-align:center;
text-decoration:none;
white-space:nowrap;
}

/*=Element
-----------------------------------------------*/
button,html input[type=button],input[type=reset],input[type=submit] {
-webkit-appearance:button;
background:#e22426;
border-bottom:1px solid #ccc;
border-left:none;
border-right:1px solid #ccc;
border-top:none;
color:#FFF;
cursor:pointer;
font-family: 'PT Sans', sans-serif;
font-size:14px;
letter-spacing:1px;
line-height:16px;
padding:10px 16px;
text-decoration:none;
text-transform:uppercase;
white-space:nowrap;
}

button:hover,html input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover {
background:#FA8072;
}

/*Shortcodes
----------------------------------------------*/
.btn {
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
color:#FFF;
display:inline-block;
margin:15px 0;
text-decoration:none;
}

.btn a {
color:#FFF;
}

.btn.large {
font-size:24px;
padding:16px 42px;
}

.btn.small,.btn {
font-size:16px;
padding:8px 28px;
}

.btn.orange {
background:#ff7f66;
}

.btn.orange:hover,.btn.orange:focus {
background:#ff7257;
}

.btn.orange.active,.btn.orange:active {
background:#ff6547;
}

.btn.blue {
background:#2185c5;
}

.btn.blue:hover,.btn.blue:focus {
background:#1f7cb8;
}

.btn.blue.active,.btn.blue:active {
background:#1d73ab;
}

.btn.red {
background:#e85451;
}

.btn.red:hover,.btn.red:focus {
background:#e64743;
}

.btn.red.active,.btn.red:active {
background:#e22426;
}

.btn.green:hover,.btn.green:focus {
background:#25A226;
}

.alert {
background:#bcbcbc;
color:#676767;
margin-bottom:24px;
padding:24px;
}

.alert.red {
background:#e22426;
color:#FFF;
}

.alert.yellow {
background:#faeaa7;
color:orange;
}

.alert.green {
background:#228B22;
color:#FFF;
}

.btn.green,.btn.green.active,.btn.green:active {
background:#228B22;
}

/* =Forms
----------------------------------------------- */
input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],textarea {
border:1px solid #ccc;
border-radius:3px;
box-shadow:0 1px 3px rgba(0,0,0,0.2) inset;
color:#666;
}

#secondary input[type=search] {
width:100%;
}

#primary input[type=search] {
width:50%;
}

input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,input[type=password]:focus,input[type=search]:focus,textarea:focus {
color:#111;
}

input[type=text],input[type=email],input[type=url],input[type=password],input[type=search] {
padding:5px;
}

/* =Widgets
----------------------------------------------- */
.widget {
margin-bottom:40px;
}

.widget ul,.site-footer ul {
list-style:none;
margin:0;
}

.widget_nav_menu .menu ul li {
	display:inline;
	margin-right:10px;
}

.widget ul li {
margin:5px 0 0;
}

.widget-area .widget-title a {
color:#3a3a3a;
}

.widget-area .widget-title a:hover {
color:#FA8072;
}

.widget-area .widget_recent_entries .post-date {
color:#aaa;
}

#home-widget {
	display:block;
	width:90%;
}

.textwidget,.widget-area {
font-size:12pt;
}

.widget-title {
color:#525252;
font-size:.9em;
font-weight:700;
margin-bottom:7px;
text-transform:uppercase;
}

table#wp-calendar {
font-size:12px;
}
#wp-calendar caption {
margin-bottom:5px;
text-align:center;
text-transform:uppercase;
font-size:12px;
font-weight:700;
}

#wp-calendar th {
text-align:center;
}

#wp-calendar tbody td {
border-bottom:1px solid #ddd;
border-right:1px solid #ddd;
text-align:center;
}

.site-footer h5 {
font-size:12px;
font-weight:700;
margin-bottom:15px;
}

.widget .fa {
margin-right:5px;
}

.widget p {
margin-bottom:1em;
}

.widget-footer ul {
margin:0;
}

.site-footer .search-submit {
display:none;
}

.footer-widget {
 margin-bottom: 15px;
}

a.bigbutton {
display:block;
width:87%;
margin:10px auto 10px auto;
background-color: #E22426;
color:#fff;
text-align:center;
font-size:16pt;
font-weight:bold;
padding:20px;
border:1px solid #7d7d7d;
}
a.bigbutton:hover {
background-color: #b0b0b0;
text-decoration:none;
}

a.joinbutton {
display:block;
background-color: #E22426;
color:#fff;
text-align:center;
font-size:16pt;
font-weight:bold;
width:250px;
padding:10px;
margin:0 auto 20px auto;
border:1px solid #7d7d7d;
}
a.joinbutton:hover {
background-color: #b0b0b0;
text-decoration:none;
}

a.subscribebutton {
display:block;
background-color: #E22426;
color:#fff;
text-align:center;
font-size:16pt;
font-weight:bold;
width:250px;
padding:10px;
border:1px solid #7d7d7d;
}
a.subscribebutton:hover {
background-color: #b0b0b0;
text-decoration:none;
}

ul#menu-footer-menu {
    margin:auto;
    padding-bottom:5px;
    text-align:center;
}
#menu-footer-menu li.menu-item {
        display:inline-block;
        padding-left:10px; padding-right:10px;
}

/*********** MOBILE 960 **************/
/* =Media Queries
----------------------------------------------- */
@media (max-width:960px) {

.sf-menu ul ul li {
display : none;
}
.nav-menu h1 {
display : block;
}
.nav-menu div {
display : none;
}
.nav-menu.toggled div {
display : block;
}
}

/*********** MOBILE 900 **************/
@media (max-width:900px) {
#page {
width : 87%;
}
#primary {
width : 100%;
margin-right : 0;
}
#secondary {
width : 100%;
margin-left : 0;
}

}
/*********** MOBILE **************/
@media (min-width:960px) {
.sf-menu > li {
	border-right: 1px solid #8d8d8d;
	border-left: 1px solid #8d8d8d;
}
}

/*********** MOBILE 700 **************/
@media (max-width:700px) {
.single .site-content .entry-title, .site-content .entry-content h1, .site-content .comment-content h1 {
font-size : 28px;
line-height : 38px;
}
.single .site-content .related-content {
padding-bottom : 20px;
padding-left : 40px;
padding-right : 40px;
}
.single .site-content .related-content .related-content-title {
margin-left : 0;
}
.single .site-content .related-content article {
width : 100%;
padding : 20px 0 0 0;
margin : 0;
}
.single .site-content .has-post-thumbnail .entry-thumbnail {
width : 50px;
margin-bottom : 0;
}
.entry-thumbnail {
width : 100%;
margin : 0;
}
.entry-excerpt {
width : 100%;
}

}
/*********** MOBILE 600 **************/
@media (max-width:600px) {
#logo {
  width:100%;
  text-align:center;
}

#headmiddle {
   width:100%;
   text-align:center;
   padding-top:20px;
}

#headmiddle .coname {
   font-size:16pt;
   font-weight:bold;
}
#headmiddle .tag {
   margin-top:5px;
   font-size:13pt;
   color: #828282;
}
#headright {
  width:100%;
   text-align:center;

}
#page {
width : 85%;
}
#comments {
display : none;
}
#headphone {
width : 100%;
max-width : 400px;
text-align : center;
}
.footerwidget-left {
width : 100%;
}
.footerwidget-right {
width : 100%;
margin-top : 10px;
margin-bottom : 10px;
}

}
/*********** MOBILE 480 **************/
@media (max-width:480px) {

.home.page .site-content,.site-content {
margin:5px 5px;
}

#page {
background:#FFF;
width:100%;
margin:0px;
}
#logo {
  width:100%;
  text-align:center;
}

#headmiddle {
   width:100%;
   text-align:center;
   padding-top:20px;
}

#headmiddle .coname {
   font-size:16pt;
   font-weight:bold;
}
#headmiddle .tag {
   margin-top:5px;
   font-size:13pt;
   color: #828282;
}
#headright {
  width:100%;
   text-align:center;

}
#col1 {
  width:90%;
}
#col2 {
  width:90%;
}
.site-info {
    font-size: 8pt;
    width: 300px;
    margin: auto;
}

}




div#primary.forum {
    margin: 0 auto;
    float: unset;
}
.forum-top {
    text-align: center;
    margin: 50px 0;
}