/*

Theme Name: WordPlus

Theme URI: http://en.itstar.ir/wordplus/

Description: A flexible smart and custumizable theme by ITstar with sticky widgets and Lazy Load Content effects.Other Features : Ajax Login Form, Flexible (200px to 1600px Screen view), Show Articles in One,Two,Three or Four Columns, ready archives and home pagination, ready post visit counter, Manual Header Image, Manual Background Image & Color, 2 Widget Area on sidebar (Noraml , Sticky), Widget Area on footer, A Navigation Widget, Support Goolge Fonts, 2 Theme base color style, 8 Theme links color style.

Author: ITstar

Author URI: http://www.itstar.ir

Version: 0.3.5

License: GNU General Public License v3 or later

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

Tags: white, black, one-column, two-columns, three-columns, four-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

Text Domain: wordplus

WordPlus WordPress theme, Copyright (C) 2014 ITstar. 

*/



/*---------------------------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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

margin : 0;

padding : 0;

border : 0;

font-size : 100%;

vertical-align : baseline;

}

pre {

	white-space: pre;

	white-space: pre-wrap;

	word-wrap: break-word;

	-ms-word-wrap: break-word;

}

menu, ol, ul {

list-style-type : none;

}

nav ul, nav ol {

list-style : none;

list-style-image : none;

}

li > ul, li > ol {

margin : 2;

}

blockquote, q {

quotes : none;

max-width : 70%;

margin : auto;

position : relative;

border-bottom : 3px solid;

margin-bottom : 10px;

}

blockquote:before, q:before {

content : '\e80c';

display : block;

position : absolute;

left : -30px;

top : 5px;

}

table {

border-collapse : collapse;

border-spacing : 0;

}

caption, th, td {

font-weight : normal;

text-align : left;

}

h1, h2, h3, h4, h5, h6 {

clear : both;

font-family : "Open Sans", Helvetica, Arial, sans-serif;

}

html {

overflow-y : scroll;

font-size : 80%;

}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {

display : block;

}

canvas, video, embed, object{

display : inline-block;

max-width : 100%; 

}

p > embed,

p > iframe,

p > object,

span > embed,

span > iframe,

span > object {

	margin-bottom: 0;

}

audio {

max-width : 90%;

margin : auto;

}

audio:not([controls]) {

display : none;

}

small {

font-size : smaller;

}

img {

border : 0;

max-width : 100%;

}

table {

font-size : 14px;

border-bottom : 1px solid;

width : 94%;

margin : 10px 3%;

}

table th {

font-weight : bold;

padding : 5px 2%;

}

table td {

padding : 5px 2%;

}

table#wp-calendar {

width : 90%;

margin : 10px auto;

}

table#wp-calendar caption {

font-weight : bold;

padding : 3%;

}

table#wp-calendar td, table#wp-calendar th {

text-align : center;

}

button, input, textarea, select {

border : solid 1px;

border-radius : 3px;

font-family : inherit;

padding : 6px;

padding : 0.428571429rem;

margin : 5px;

max-width : 94%;

}

select {

padding : 5.8px;

padding : 0.36rem;

}

button, input {

line-height : normal;

}

textarea {

font-size : 100%;

overflow : auto;

vertical-align : top;

}

input[type="checkbox"], input[type="radio"], input[type="file"], input[type="hidden"], input[type="image"], input[type="color"] {

border : 0;

border-radius : 0;

padding : 0;

}

input[type="submit"], input[type="button"], input[type="reset"], nav.pagination a.page-numbers, span.page-numbers, .page-links span, nav.pagination span.page-links-title {

padding : 6px 10px;

padding : 0.428571429rem 0.714285714rem;

font-size : 11px;

font-size : 0.785714286rem;

line-height : 1.428571429;

font-weight : normal;

background-repeat : repeat-x;

border : solid 1px;

border-radius : 3px;

box-shadow : 0 1px 2px rgba(64, 64, 64, 0.1);

}

button, input[type="submit"], input[type="button"], input[type="reset"] {

cursor : pointer;

}

button[disabled], input[disabled] {

cursor : default;

}

button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, nav.pagination a.page-numbers:hover, nav.pagination span.page-links-title:hover, .page-links span:hover {

background-repeat : repeat-x;

}

button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {

background-repeat : repeat-x;

box-shadow : 0 0 8px 2px #c6c6c6 inset, 0 1px 0 0 #f4f4f4;

border-color : transparent;

}



/*-- BODY ---------------------*/

body {

font-family : "Open Sans", Helvetica, Arial, sans-serif;

margin : auto;

max-width : 1600px;

z-index : 1;

line-height : 2;

}

h1, h2, h3, h4, h5, h6 {

clear : both;

}

body p {

margin-top : 5px;

}

a {

text-decoration : none;

}

article {

width : 100%;

margin-top : 5px;

overflow : hidden;

position : relative;

position : relative;

-ms-word-wrap : break-word;

word-wrap : break-word;

}





/*-- Layout ----------------------*/

.main {

clear : both;

max-width : 100%;

overflow : hidden;

margin : 0 auto;

}

.content {

overflow : hidden;

margin-bottom : 6px;



}

.primary{

max-width : 96%;

min-width : 180px;

float : none;

margin : 5px auto 0;

padding-left : 1%;

padding-right : 1%;

}



.index-column-0,

.index-column-1,

.index-column-2,

.index-column-3,

.index-column-4{

float : left;

margin-right : 1%;

margin-left : 1%;

}

.spacer{

clear : both;

width : 100%;

height : 0;

display : block;

}

.secondary {

display : none;

}

.withsidebar .primary {

float : left;

width : 73%;

min-width : 200px;

}

.withsidebar .secondary {

float : right;

min-width : 180px;

margin : 20px auto 0;

padding : 0 1% 1%;

padding-left : 0;

display : block;

width : 24%;

}



.single .primary,.page .primary{

width : 80%;

}

.single.withsidebar .primary,.page.withsidebar .primary{

width : 73%;

}

.page-template-page-templatesfull-width-php .primary{

width : 100%;

}

.inner {

max-width : 90%;

margin : auto;

padding : 0 2%;

min-height : 27px;

position : relative;

}

.onethird-width {

width : 25%;

}

.onethird-list li {

display : block;

float : none;

}



.body-overlay {

height : 100%;

width : 100%;

background-color : #666666;

opacity : 0.5;

position : fixed;

z-index : 990;

}

.element-overlay {

z-index : 999;

}



.iframe-temp-area {

width : 90%;

height : 90%;

position : fixed;

top : 10px;

left : 0;

padding : 15px;

z-index : 999;

border-radius : 6px;

display : block;

overflow : hidden;

}

a.external {

cursor : pointer;

}

iframe.iframe-temp {

width : 100%;

height : 100%;

}

.ui-tooltip {

	padding: 8px;

	position: absolute;

	z-index: 999;

	max-width: 300px;

	overflow : hidden;

	-ms-word-wrap : break-word;

	word-wrap : break-word;

	

}

body .ui-tooltip {

	border-width: 2px;

	opacity : 0.9;

}

/* --- Header -----------------*/

.banner {

width : 100%;

overflow : hidden;

padding-top : 20px;

padding-bottom : 20px;

border-bottom : 1px solid;

min-height : 125px;

background-position: top left !important;

}

.site-title-container {

margin : auto;

text-align : center;

padding-top : 5px;

max-width : 100%;

display : table;

}

.site-title {

font-size : 38px;

font-weight : 600;

text-decoration : none;

}

.site-description {

font-size : smaller;

}

.site-wizard-container {

float : right;

padding : 8px;

display : block;

}

.site-wizard-container ul li {

display : inline;

}

.site-wizard-container .icon-search, .site-wizard-container .icon-user, .site-wizard-container .icon-rss, .icon-menu,

.site-wizard-container .icon-pencil, .site-wizard-container .icon-login, .site-wizard-container .icon-logout {

font-size : 16px;

padding : 3px;

cursor : pointer;

display : inline-block;

line-height : 1.3em;

}

.login-panel {

padding : 8px 0px;

}



/* --- Header-menu -----------------*/

.header-menu-bar {

width : 100%;

min-height : 50px;

border-bottom : 3px solid;

z-index : 999;

}

.admin-bar .header-menu-bar{

top : 27px;

}

.header-menu-bar .inner{

text-align : center;

max-width : 100%;

}

ul.header-menu, div.header-menu > ul {

margin : 0;

padding : 0 40px 0 0;

}

.header-menu li {

display : inline-block;

position : relative;

}

.header-menu li a {

display : block;

font-size : 14px;

line-height : 1;

padding : 15px 15px;

text-decoration : none;

}

.header-menu li > a, .header-menu li a {

border-bottom : 5px solid transparent;

}

.header-menu li a:hover {

border-bottom : 5px solid;

}

.header-menu .sub-menu, .header-menu .children {

display : none;

padding : 0;

position : absolute;

left : -50%;

z-index : 9999;

}

.header-menu .sub-menu ul, .header-menu .children ul {

border-left : 0;

left : 100%;

top : 0;

}

.header-menu .sub-menu li {

border-bottom : 3px solid;

}

ul.header-menu ul a, .header-menu ul ul a {

margin : 0;

width : 200px;

}

ul.header-menu li:hover > ul, .header-menu ul li:hover > ul {

display : block;

}

.header-menu .current_page_item > a, .header-menu .current_page_ancestor > a, .header-menu .current-menu-item > a, .header-menu .current-menu-ancestor > a {

border-bottom : 3px solid;

}

.menu-toggler {

display : none;

cursor : pointer;

padding : 8px 4px;

float : left;

}

.menu-toggler .icon-menu{

font-size : 20px;

}

.header-menu.display {

display : block;

}



.menu-site-title{

float : left;

padding : 8px;

display : none;

}

.header-menu-bar.scroll-to-fixed-fixed div.menu-site-title{

display : block;

font-weight : bold;

}

/*---Archive-------------------*/

.archive-header,.page-header, .author-info, .search-results .page-header, .search-no-results .page-header, .error404 .page-header, .search-no-results .page-content p:first-child, .archive .page-content p:first-child {

max-width : 100%;

padding : 10px;

margin : 1%;

}



.archive-meta {

font-size : smaller;

margin-left : 60px;

font-weight : normal;

}

.author-info {

overflow : auto;

}

.author-avatar {

padding : 10px 20px 10px 10px;

float : left;

}

.author-descripation {

padding : 10px;

float : left;

}

.author-title, .author-bio {

padding : 10px;

}



/*--- Search -------------------*/

.special-search-form {

border-bottom : 1px solid;

padding : 10px;

margin : 1%;

}

.search-no-results .page-content p:first-child {

font-size : 80%;

margin-bottom : 10px;

}

.advance-search-slide {

border-top : 1px solid;

display : none;

position : fixed;

bottom : 0;

left : 0;

padding : 10px 2%;

width : 100%;

z-index : 999;

}

.advance-search-slide .inner{

text-align : center;

}

form.searchform ul li {

display : inline-block;

}

form.searchform ul li ul li {

display : list-item;

}

form.searchform a.advancesearch, form.searchform a.advancesearch-cancel {

cursor : pointer;

}

.sidebar-widget form.searchform ul li {

display : inline-block;

}

.cat-label, .tag-label, .author-label, .archive-label, .search-label, .advancesearch, .advancesearch-cancel {

font-size : smaller;

padding : 3px;

text-align : center;

}

/*--- 404 -----------------*/

.error404 .page-title {

font-size : 80%;

padding : 20px;

}

/*---Post Format----------------*/

article ul.post-meta-list li{

display : inline-block;

}

article .post-info  {

max-width : 100%;

}

article.format-gallery .post-header, article.format-image .post-header, article.format-audio .post-header, article.format-video .post-header {

border-bottom : none;

padding : 2%;

}

article.format-video .post-header{

padding-bottom : 0;

}

/*------Format Aside------------*/

article.format-aside {

font-size : smaller;

font-style : italic;

}

article.format-aside .post-content {

width : 80%;

margin : auto;

}

/*------Format Link------------*/

article.single-format-link .icon-link, article.format-link .icon-link {

padding : 4px 2px;

font-size : smaller;

float : right;

}

article.single-format-link .entry-title a#link-title, article.format-link .entry-title a#link-title {

border : none ;

}

article.format-link .post-excerpt {

font-size : smaller;

}

/*------Format Quote------------*/

article.format-quote ul.post-meta-list li {

display : inline-block;

}

article.format-quote .post-content, article.single-format-quote .post-content {

width : 80%;

margin : auto;

position : relative;

}



/*-----Format Image-------------*/

article.format-image .entry-title a#image-title {

border : none ;

}

/*-----Format Gallery-----------*/

article.format-gallery .post-content, article.single-format-gallery .post-content {

text-align : center;

}

/*-----Format chat---------------*/

article.format-chat .post-content, article.single-format-chat .post-content {

width : 80%;

margin : auto;

}

article.format-chat .post-header, article.single-format-chat .post-header {

border : none ;

}

.format-chat .post-content p {

border-left : 7px solid;

margin-bottom : 4px;

padding-left : 13px;

}

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

.single article, .page article {

border-bottom : none ;

}

.post-content h1, .comment-content h1, .post-content h2, .comment-content h2, .post-content h3, .comment-content h3, .post-content h4, .comment-content h4, .post-content h5, .comment-content h5, .post-content h6, .comment-content h6 {

margin : 24px 0;

margin : 1.714285714rem 0;

line-height : 1.714285714;

}

.post-content h1, .comment-content h1, .post-header h1 {

font-size : 21px;

font-size : 1.5rem;

line-height : 1.5;

}

.post-content h2, .comment-content h2 {

font-size : 18px;

font-size : 1.285714286rem;

line-height : 1.6;

}

.post-content h3, .comment-content h3 {

font-size : 16px;

font-size : 1.142857143rem;

line-height : 1.846153846;

}

.post-content h4, .comment-content h4 {

font-size : 14px;

font-size : 1rem;

line-height : 1.846153846;

}

.post-content h5, .comment-content h5 {

font-size : 13px;

font-size : 0.928571429rem;

line-height : 1.846153846;

}

.post-content h6, .comment-content h6 {

font-size : 12px;

font-size : 0.857142857rem;

line-height : 1.846153846;

}

.post-content p, .post-excerpt p, .comment-content p {

margin : 0 0 14px;

margin : 0 0 1rem;

line-height : 1.846153846;

}

.post-header {

overflow : hidden;

padding-bottom : 10px;

border-bottom : 1px solid;

}

.featured-post {

font-size : smaller;

}



.home .post-header h1 ,

.archive .post-header h1 ,

.search .post-header h1 {

font-size : 14px;

font-size : 1rem;

line-height : 1.846153846;

}

.post-header h1 a {

padding : 5px;

}

.entry-title{

word-wrap : break-word;

text-align : center;

}

.post-info {

float : left;

display : block;

max-width : 100%;

}

.post-thumbnail {

margin : auto;

display : block;

width : 100%;

padding-top : 10px;

}



img.wp-post-image {

margin : auto;

max-width : 100%;

}

.post-meta-list li ul li {

display : inline;

}

.post-meta {

font-size : smaller;

}

.post-meta .icon-user, .post-meta .icon-calendar, .post-meta .icon-folder-open-empty, .post-meta .icon-tags, .post-meta .icon-comment, .archive-header .icon-user, .archive-header .icon-calendar, .archive-header .icon-folder-open-empty, .archive-header .icon-tags, .search-results .page-header  .icon-search, .error404 .icon-attention, .search-no-results .icon-search, .archive .page-header .icon-search {

margin-right : 2px;

}

.post-meta .meta-author a, .post-meta .meta-date a, .post-meta .meta-comment a, .post-meta .meta-cat a, .post-meta .meta-tag a {

padding : 2px;

}

.post-meta .meta-cat a, .post-meta .meta-tag a {

border-bottom : 1px solid;

}

.post-content {

-ms-word-wrap: break-word;

word-wrap: break-word;

overflow : hidden;

}

.post-content ul ,.comment-content ul{

list-style-type : square;

margin : 16px 0;

padding : 0 0 0 40px;

}

.post-content ol ,.comment-content ol{

list-style-type : decimal;

margin : 16px 0;

padding : 0 0 0 40px;

}

.post-header,.post-content,.post-footer{

padding : 2%;

}

.post-footer{

border-top : 1px solid;

padding-bottom : 15px;

overflow : hidden;

}

/*--- pagination -----------------*/

div.page-links, nav.post-navigation, nav.comment-navigation{

margin : 20px 0 0;

width : 98%;

padding : 1%;

overflow : hidden;

}

nav.pagination{

clear : both;

float : left;

text-align : center;

margin : 20px 1% 10px;

width : 96%;

padding : 1%;

overflow : hidden;

}

.previous-comments a, .previous-post a {

float : left;

}

.next-comments a, .next-post a {

float : right;

}

/*--- comment ----------------*/

.comments-area{

margin-top : 50px;

padding-top : 0;

}

.comments-title {

padding : 10px;

line-height : 1.5;

}

.comments-title .icon-comment {

font-size : 25px;

}

ol.comment-list {

padding-left : 0;

margin-left : 0;

}

article.comment-body {

padding : 2%;

width : 96%;

}

ol.comment-list li.comment article.comment-body {

border-bottom : 1px solid;

}

.comment-body {

padding-bottom : 10px;

}

.comment-meta {

width : 100px;

text-align : center;

float : left;

margin : 0 10px;

}

.coamment-author {

padding : 10px;

}

.comment-author .avatar {

display : block;

margin : auto;

}

.comment-meta a {

font-size : smaller;

}

.fn {

padding : 10px 0;

clear : both;

-ms-word-wrap: break-word;

word-wrap: break-word;

}

.says {

display : none;

}

.comment-content {

padding : 20px 20px 0;

}

.reply a {

float : left;

}

#respond {

position : relative;

top : 20px;

padding : 30px;

max-width : 100%;

}

a#cancel-comment-reply-link {

font-style : italic;

float : right;

display : block;

}

.comment-notes {

max-width : 100%;

font-size : 80%;

margin-bottom : 10px;

}

.form-allowed-tags {

max-width : 50%;

font-size : 90%;

}

.form-submit {

padding : 10px;

}

.depth-2, .depth-3, .depth-4, .depth-5 {

margin-left : 40px;

}

/* --- Sidebar ---------------*/

.sticky-widget{

z-index : 999;

}

.secondary .widget-title, .footer-area .footer-widget-title {

font-weight : bold;

margin : 2%;

padding-bottom : 5px;

}

.secondary aside.side-widget {

overflow : hidden;

font-size : 80%;

margin-bottom : 10px;

padding : 20px 10%;

line-height : 1.5;

-ms-word-wrap : break-word;

word-wrap : break-word;

}

/* --- footer-widget --------------*/

.footer-area{

width : 100%;

overflow : hidden;

border-top : 1px solid;

padding-top : 20px;

}

.footer-widget-container {

width : 100%;

overflow : hidden;

}

.footer-widget-inner {

width : 100%;

margin : auto;

}

.footer-widget {

margin-top : 10px;

margin-bottom : 10px;

margin-right : 2%;

margin-left : 2%;

padding : 20px 2%;

font-size : 80%;

min-width : 180px;

float : left;

-ms-word-wrap : break-word;

word-wrap : break-word;



}

/*-- Credit ---------------------------*/

.site-credit {

border-top : 1px solid;

width : 100%;

padding : 20px 0;

font-size : 70%;

text-align : center;

}

/*-------- Ajax Contact Form--------------- */

form#ajax-login {

display : none;

position : fixed;

top : 0;

z-index : 999;

width : 100%;

height : 100%;

}

form#ajax-login .form-inner {

padding : 20px 25px 25px 12px;

width : 200px;

max-height : 100%;

margin : 80px auto 0;

position : relative;

font-size : smaller;

}

form#ajax-login p.status {

display : none;

}

#ajax-login li {

list-style : none;

padding : 3px 10px;

}

#ajax-login input[type="password"], #ajax-login input[type="text"] {

width : 90%;

}

#ajax-login a.ajax-close {

position : absolute;

top : 10px;

right : 10px;

cursor : pointer;

}

.form-inner .ajax-lost {

float : right;

font-size : smaller;

}



/*-------Navigation------------------------------------*/

div.navigation-content > ul {

margin : 0;

padding : 0;

list-style : none;

}

div.navigation-content > ul li {

margin : 0;

padding : 0;

}

div.navigation-content > ul li.h1 {

margin-left : 10px;

}

div.navigation-content > ul li.h2 {

margin-left : 20px;

}

div.navigation-content > ul li.h3 {

margin-left : 30px;

}

div.navigation-content > ul li.h4 {

margin-left : 40px;

}

.navigation-widget h3.widget-title:before {

content : "\e81e";

font-size : 140%;

}

/*--- Gallery --*/

.gallery {

	margin-bottom: 20px;

	margin-left: -4px;

}

.gallery-item {

	float : left;

	margin: 0 4px 4px 0;

	overflow: hidden;

	position: relative;

}



.gallery-columns-1.gallery-size-medium,

.gallery-columns-1.gallery-size-thumbnail,

.gallery-columns-2.gallery-size-thumbnail,

.gallery-columns-3.gallery-size-thumbnail {

	display: table;

	margin: 0 auto 20px;

}



.gallery-columns-1 .gallery-item,

.gallery-columns-2 .gallery-item,

.gallery-columns-3 .gallery-item {

	text-align: center;

}



.gallery-columns-4 .gallery-item {

	max-width: 23%;

	max-width: -webkit-calc(25% - 4px);

	max-width:         calc(25% - 4px);

}



.gallery-columns-5 .gallery-item {

	max-width: 19%;

	max-width: -webkit-calc(20% - 4px);

	max-width:         calc(20% - 4px);

}



.gallery-columns-6 .gallery-item {

	max-width: 15%;

	max-width: -webkit-calc(16.7% - 4px);

	max-width:         calc(16.7% - 4px);

}



.gallery-columns-7 .gallery-item {

	max-width: 13%;

	max-width: -webkit-calc(14.28% - 4px);

	max-width:         calc(14.28% - 4px);

}



.gallery-columns-8 .gallery-item {

	max-width: 11%;

	max-width: -webkit-calc(12.5% - 4px);

	max-width:         calc(12.5% - 4px);

}



.gallery-columns-9 .gallery-item {

	max-width: 9%;

	max-width: -webkit-calc(11.1% - 4px);

	max-width:         calc(11.1% - 4px);

}



.gallery-columns-1 .gallery-item:nth-of-type(1n),

.gallery-columns-2 .gallery-item:nth-of-type(2n),

.gallery-columns-3 .gallery-item:nth-of-type(3n),

.gallery-columns-4 .gallery-item:nth-of-type(4n),

.gallery-columns-5 .gallery-item:nth-of-type(5n),

.gallery-columns-6 .gallery-item:nth-of-type(6n),

.gallery-columns-7 .gallery-item:nth-of-type(7n),

.gallery-columns-8 .gallery-item:nth-of-type(8n),

.gallery-columns-9 .gallery-item:nth-of-type(9n) {

	margin-right: 0;

}



.gallery-caption{

	font-size: 14px;

	line-height: 1.3;

	margin : 10px;

	max-height : 50%;

	opacity: 0;

	position: absolute;

	bottom: 0px;

	left: 0;

	text-align: center;

	width : 0;

	overflow : hidden;

}

.gallery-item:hover .gallery-caption{

	opacity: 1;

}



.gallery-columns-7 .gallery-caption,

.gallery-columns-8 .gallery-caption,

.gallery-columns-9 .gallery-caption {

	display: none;

}

img{

max-width : 100%;

height : auto;

}

img.avatar {

border-radius : 6px;

}

img.size-full, img.size-large, img.wp-post-image, img.attachment-thumbnail, img.attachment-medium, img.attachment-large, img.attachment-full {

max-width : 100%;

height : auto;

display : inline-block;

}

.wp-caption, .wp-caption-text, .gallery-caption{ 

max-width : 100%;

font-size : smaller;

text-align : center;

} 



.alignright{

float : right;

margin : 5px 0 auto 2%

}

.alignleft{

float : left;

margin : 5px 2% auto 0;

}

.aligncenter{

display : block;

clear : both;

margin : auto;

}

/*------@media setting-----------------------*/

@media all and (max-width:766px) and (min-width:200px) {

.withsidebar .primary, .primary {

width : 96%;

min-width : 180px;

margin : auto;

float : none;

}

.withsidebar .secondary, .secondary {

width : 96%;

min-width : 180px;

margin : auto;

float : none;

clear : both;

padding-left : 1%;

}



.inner {

width : 96%;

}

.single.withsidebar .primary,.page.withsidebar .primary{

width : 100%;

}

}

@media all and (max-width:762px) and (min-width:200px) {

.onethird-width {

width : 40.55%;

}

}

@media all and (max-width:575px) and (min-width:200px) {

.header-menu-bar{

position : inherit;

}

.banner{

margin-top : 0;

}



.site-wizard-container{

float : right;

}

.post-info {

max-width : 100%;

}

.post-thumbnail {

max-width : 100%;

display : block;

margin : auto;

}

}

@media all and (max-width:458px) and (min-width:200px) {

.onethird-width {

width : 90%;

}

.archive-meta {

margin : auto;

}

.depth-2, .depth-3, .depth-4, .depth-5 {

margin-left : 0;

}

.page .primary{

width : 100%;

}

article {

width : 100%;

}

.header-menu .sub-menu, .header-menu .children {

position : inherit;

left : 10%;

display : inline;

background : transparent;

border : none ;

z-index : inherit;

clear : both;

}

.header-menu .pag_item{

clear : both;

}

.header-menu-bar .inner{

text-align : none;

}

.header-menu .sub-menu ul, .header-menu .children ul {

left : 10%;

}

.header-menu .sub-menu li {

border : none ;

}

form#ajax-login .form-inner {

width : 90%;

}

article.format-quote .post-content:before, article.single-format-quote .post-content:before {

left : -40px;

}

.menu-toggler {

display : block;

}

.header-menu {

display : none;

}

.form-allowed-tags {

max-width : 100%;

}

}

a.pbutton{

background-color : #4EAF21;

padding : 10px;

display : block;

margin : 5px auto;

width : 240px;

max-width : 96%;

color : rgb(255,255,255);

text-align : center;

border-radius : 4px;

font-size : 16px;

}



a.pbutton:hover{

color : #ACF45E;

}

a.dbutton{

background-color : #D54E21;

padding : 10px;

display : block;

margin : 5px auto;

width : 240px;

max-width : 96%;

color : rgb(255,255,255);

text-align : center;

border-radius : 4px;

font-size : 16px;

}



a.dbutton:hover{

color : #FFAC90;

}