/*
Theme Name: Redesign

Theme URI: http://tioreo.com

Description: Redesign is a simple, clean and highly visible theme. It has transparent graphic elements and colored post formats. Responsive, liquid layout makes it equally easy to read in handheld units or modern desktop computers (max width 1366 px). It is an all round theme suitable for blogging/news, business, culture or organizations. Not based on any other WP theme, it is made from scratch.

- Transparent graphics.
- Choose from several transparent color post formats.
- Two navigation menus.
- Custom header. Suggested max-measures: 1366 x 300 px. But better to use smaller size, as a logo to the left (300x100px).
- Custom background, and custom background colors.
- Widget areas in index header, sidebar and footer.
- Responsive. Easy to read from desktops, tablets and smartphones.

Redesign WordPress theme, Copyright (C) 2015 Robert Toth
Redesign WordPress theme is licensed under the GPL.
Resource All graphic objects, example: img/background.png, img/favicon.ico

Author: Robert Toth
Author URI: http://toth-illustration.com
Version: 1.3.4
Copyright: Robert Toth, http://toth-illustration.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: gray, white, black, right-sidebar, two-columns, fluid-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, sticky-post, threaded-comments, post-formats, featured-images
*/

/*-----REDESIGN, WORD PRESS STYLESHEET------*/

/*RESET*/

html, 
body, 
ol,
ul, 
li{
	margin:0;
        padding:0;
	border:0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	list-style:none;
}


/*RESPONSIVE ELEMENTS*/

@media screen and (min-width: 1px) and (max-width: 479px){ 

	#header,
	#content{
		width: 100%;
	}


	#wrapper{
		width: 100%;
		margin: 0px auto 0px;
	}


	#banner .widget,
	#footer .widget{
		width: 96%;
		padding: 1%;
	}

	#sidebar,
	#sidebar2{
		width: 94%;
		padding: 2%;
		margin: 1%;
	}

	#topmenu
	#primmenu{ 
		margin:0px;
		font-size:100%;
	}

}


@media screen and (min-width: 480px) and (max-width: 767px){

	#header{
		width: 96%;
	}

	#wrapper{
		width: 96%;
		margin: 0px auto 0px;
	}

	#content{
		width: 96%;
	}

	#banner .widget,
	#footer .widget{
		width: 46%;
		padding: 2%;
	}

	#sidebar,
	#sidebar2{
		width: 44%;
		padding: 2%;
		margin: 1%;
	}

	#topmenu{ 
		margin:0px;
		font-size:80%;
	}

	#topmenu,
	#primmenu{ 
		margin:0px;
		font-size:90%;
	}

}


@media screen and (min-width: 768px) and (max-width: 1366px){
	
	#header{
		width: 96%;
	}

	#wrapper{
		margin: 0px auto 20px;
		width: 96%;
	}

	#content{
		width: 77%;
		margin: 1%;
	}

	#sidebar,
	#sidebar2{
		width: 13%;
		padding: 1%;
		margin: 1%;
	}

	#banner .widget,
	#footer .widget{
		width: 21%;
		padding: 2%;
	}

}


@media screen and (min-width: 1366px){
		
	#header{
		width: 1366px;
	}

	#wrapper{
	margin: 0px auto 20px;
		width: 1366px;
	}

	#content{
		width: 77%;
		margin: 2%;
	}


	#banner .widget,
	#footer .widget{
		width: 20%;
		padding: 2%;
		margin: 1% 0 1% 1%;
	}


	#sidebar,
	#sidebar2{
		width: 13%;
		padding: 2%;
		margin: 1%;
	}
}


/* RESPONSIVE images & media */

#header img,
#content img,
#footer img,
.post img,
.widget img,
.comment img{
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
	height: auto;
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
	height: auto;
}

/*IMAGES*/

a img{
	border: 0;
}

img.alignleft, 
img.aligncenter, 
img.alignright {
	padding: 3px;
	border: none;
	margin-top: 10px;
}
.alignleft {
	display: inline;
	float: left;
	margin-right: 10px;	
}
.alignright {
	display: inline;
	float: right;
	margin-left: 10px;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 10px auto;
}

.wp-caption {
	text-align: center;
	background-image:url('img/tbg30.png');
	padding:10px 5px;
	max-width:95%;
}

.wp-caption-text {
	margin:0px;
	padding:10px 5px;
	font-size:90%;
}

.gallery-caption {
	font-size:90%;
	margin:0px 0px 5px 0px;
	text-align: center;
}


/*BASIC*/

body{
	font-family: Helvetica, sans-serif;
	font-size: 16px;
        line-height: 150%;
}

#header{
	margin: 0px auto 0px;
	padding:0px;
	height:auto;
}

#wrapper{
	padding:0px;
	text-align: left;
	background-image:url('img/tbg70.png');
}

#content{
	float:left;
}

.error404 #content{
	padding:20px;
	min-height:500px;
}

.archive .entry{
	padding:10px 10px 0px 20px;
}

#header-text{
	padding:2%;
}

.site-title{
	font-size:100%;
	line-height:20%;
	text-transform: uppercase;
	font-weight:bold;
}

.site-description{
	font-size:120%;
	line-height:120%;
}
 

/*LINKS*/
 
a:link, 
a:visited{
	color:#444;
	text-decoration: none; 
}
 
a:hover{
	text-decoration: underline; 

}

/*HEADINGS*/
 
h1,
h1 a,
h1 a:visited,
h2,
h2 a,
h2 a:visited,
h3,
h3 a,
h3 a:visited,
h4,
h4 a,
h4 a:hover,
h4 a:visited,
h5,
h5 a,
h5 a:visited,
h6,
h6 a,
h6 a:visited{
	font-weight:bold;
	line-height:120%;
	margin: 0 0 15px 0;
	color:#444 !important;
	text-decoration:none;
}

h1{
	font-size:160%;
}

h2{
	font-size:140%;
}

h3{
	font-size:130%;
}

h4{
	font-size:120%;
}

h5{
	font-size:110%;
}

h6{
	font-size:100%;
}

.post h1{
	margin: 0%;
}

/*NAVIGATION MENUS*/

#topmenu{
	display: inline-block;
	width:20%;
	display:block;
	float:right;
	position:relative;
	margin:0px;
	padding:0px;
}

#topmenu li{
	float:right;
	position:relative;
}

#primmenu{
	width:80%;
	display:inline-block;
	float:left;
	position:relative;
	margin:0px;
	padding:0px;
}

#primmenu li{
	float:left;
	position:relative;
}

.nav a{
	display:block;
	padding:5px 10px;
	text-decoration:none;
	font-weight:bold;
}

.nav ul{
	list-style:none;
}

.nav ul ul{
	display:none;
    	position:absolute;
    	top:100%;
    	float:left;
    	z-index:99999;
	background-image:url('img/tbg90.png');
}
 
.nav ul ul ul{
	top:0%;
	left:260px;
}
 
.nav ul ul a{
	height:auto;
	padding:5px 10px;
	width:240px;
}

.nav li{
	font-size:20px;
}
 
.nav li:hover > a,.nav ul ul:hover > a{
	color:red;
}
 
.nav ul li:hover > ul{
    display:block;
}


/*POST*/

.post{
	overflow: auto;
	padding:2%;
	margin-bottom: 20px;
	background-image:url('img/tbg30.png');
}

.entry ul li{
	list-style: square;
	margin-left:20px;
}

.entry ol li{
	list-style: decimal;
	margin-left:20px;
}

.entry{
	margin-top: 30px;
	text-align: justify;
	text-justify: distribute;
	clear: both;
}

.entry a{
	color:#0077AA;
}

.postmetadata{
	font-size:90%;
	display:inline;
}

.postmetadata2{
	font-size:90%;
	display:inline;
	float:right;
}

.sticky{
	background-image:url('img/tbg50.png');
}

.sticky h1{
	font-size:220%;
}

blockquote{
	padding: 20px 10px;
	margin:10px 0 10px 0;
	font-size:110%;
	line-height: 160%;
        font-style:italic;
	background-image:url('img/btbg10.png');
}

blockquote:before{ 
	display: block; 
	float: left;
	margin:5px;
	font-size:400%;
	/*content: "\201D";*/
	content: "\201C";
} 

blockquote:after{ 
	display: block; 
	margin:5px;
	float: right; 
	content: "\201D";
	font-size:400%;
}

address{
	display: block;
	font-style:normal;
	margin:10px 0px 20px 0px;
	padding:10px;
    	background-image:url('img/btbg10.png');
}

pre{
	padding:10px; 
	background-image:url('img/btbg30.png');
        letter-spacing:normal;
	color:#FFF;
  	overflow: auto;
}

.format-aside{
	background-image:url('img/yell-bg20.png');
}

.format-chat{
	background-image:url('http://triumph-dance.com/wp-content/themes/redesign/img/rose-bg20.png');
}

.format-audio{
	background-image:url('img/copper-bg20.png');
}

.format-video{
	background-image:url('img/btbg10.png');
}

.format-link{
	background-image:url('img/blue-bg20.png');
}

.format-image {
	background-image:url('img/btbg10.png');
}

.format-quote{
	background-image:url('img/orange-bg20.png');
}

.format-quote blockquote{
	background-image: none;
}

.format-gallery{
	background-image:url('img/btbg10.png');
}

.format-status{
	background-image:url('img/red-bg20.png');
}

.pagenumber{
	max-width:506px;
	clear:both;
	padding:5px 20px;
	margin-top: 10px;
}

.pagenumber a{
	padding:10px 15px;
	margin: 0px 5px;
	background-image:url('img/btbg10.png');
	text-decoration:none;
	color:#444;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
  	border-radius: 50%;
}

.pagenumber a:hover{
	background-image:url('img/btbg30.png');
	text-decoration:none;
}

.navigation a{
	margin-right:20px;;
	padding:10px 20px;
	background-image:url('img/btbg10.png');
	font-weight:bold;
	text-decoration: none;
	line-height:260%;
}

.navigation a:hover{
	background-image:url('img/btbg20.png');
}


/*SIDEBAR & BANNER*/

.widget{
	overflow:hidden;
}

#banner{
	width:100%;
	float: left;
    	background-image:url('img/btbg10.png');
	padding:0px;
	display:block;
}

#banner .widget{
	float:left;
}

#sidebar,
#sidebar2{
	float:left;
}

#sidebar .widget,
#sidebar2 .widget{
	margin-bottom: 20px;
}


/*BUTTONS & FORMS*/

input,
textarea,
input[type="file"] {
	display:block;
	font-size: 100%;
	font-family: inherit;
	overflow: auto;
	outline: none;
	border: none;
	padding:3px;
	background:#FFF;
	border:1px solid #DDD;
	color:#555;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
  	border-radius: 4px;
}


select {
	font-size:100%;
}


input[type="text"], 
textarea{
	width:90%;
}

#searchform input {
	color: #999;
	max-width: 200px;
	font-size: 90%;
	padding: 3px 6px;
}

#searchsubmit {
    	display: none;
}

input[type="submit"],
input[type="reset"]  {
        font-size:100% !important;
	background: #777 !important;
	margin:5px 0px !important;
	padding:7px 14px !important;
	border:none !important;
	color:#BBB !important;
}

input[type="file"] {
	background: #CCC !important;
	border:none !important;
	color:#555 !important;
}

input[type="submit"]:hover,
input[type="reset"]:hover {
        font-size:100% !important;
	background: #555 !important;
	color:#FFF !important;
}

input[type="submit"]:active,
input[type="reset"]:active {
        font-size:100% !important;
	background: #666 !important;
}

table{
	background-image:url('img/btbg10.png');
	padding:5px;
}

table th{
	padding:2px;
	background-image:none;
	
}

table tr{
	padding:2px;
	text-align: center;

}

table td{
	padding:2px;
	background-image:url('img/tbg30.png');
	text-align: center;
}

hr{
	height:5px;
	background-image:url('img/btbg10.png');
	border:0;
}

fieldset {
	border:none;
	background-image:url('img/btbg10.png');
	margin:10px 0px;
}

legend {
	font-weight:bold;
	margin-bottom:20px;
}



/*CALENDAR WIDGET*/

#wp-calendar tbody .pad { 
	background-image:none; 
}

#wp-calendar tfoot td { 
	background-image:none; 
}


/*COMMENTS*/

#comments {
	clear:both;
	width:100%;
}

.commentlist .vcard cite.fn{
	font-size:140%;
	font-style: normal;
}

.commentlist .commentmetadata,
.commentlist .commentmetadata a{
	font-size:100%;
}

ol.commentlist li{
	margin:0px;
	overflow:hidden;
}

ol.commentlist li.comment{ 
	clear:both;
	padding:20px;
	background-image:url('img/tbg50.png');
}

ol.commentlist li.odd{ 
	background-image:url('img/btbg10.png');
}

ol.commentlist li.bypostauthor{
	background-image:url('img/orange-bg20.png');
}

ol.commentlist .pingback,
ol.commentlist .trackback {
	padding:20px;
	background-image:url('img/blue-bg20.png');
}

ol.commentlist li.comment ul li{ 
	list-style:square;
	margin-left:10px;
}

ol.commentlist li.comment ol li{ 
	list-style:decimal;
	margin-left:10px;
}

.commentlist li .avatar {
	float: right;
	border: none;
	margin: 2px;
}

/*FOOTER*/


#footer{
	width:100%;
    	clear: both;
	display:block;
	overflow:hidden;
	background-image:url('img/btbg10.png');
}

#footer .widget{
	float:left;
}

#credits{
	clear: both;
	display:block;
	overflow:hidden;
	text-align:right;
	font-size:80%;
	padding:5px 10px;
	background-image:url('img/btbg20.png');
}