/*
Theme Name: Redesign

Theme URI: http://redesign.toth-illustration.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's an allround theme suitable for blogging/news, business, culture or organisations. Not based on any other WP theme. It's made from scratch.

- Transparent graphics.
- Choose from several transparent color post formats.
- Two navigation menus.
- Custom header. Suggested measures: 1366 x 240 px.
- 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) 2014 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
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,
	#sidebar,
	#sidebar2{
		width: 94%;
		padding: 2%;
		margin: 1%;
	}

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

}


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

	#header{
		width: 96%;
	}

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

	#content{
		width: 100%;
	}

	#banner .widget,
	#footer .widget,
	#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: 46%;
		margin: 2%;
	}

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

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

}


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

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

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


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


	#sidebar,
	#sidebar2{
		width: 14%;
		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%;
	color: #444;
}

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

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

#content{
	float:left;
}

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

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

#header-text{
	padding:1% 2%;
	margin-bottom:30px;
}

.site-title{
	font-size:260%;
	line-height:120%;

}

.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,
h2,
h3,
h4,
h5,
h6{
	line-height:120%;
}

.post h1{
	margin: 0%;
}

/*NAVIGATION MENUS*/

#topmenu{
	width:100%;
	display:block;
	float:left;
	position:relative;
	margin:0px;
	padding:0px;
}

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

#primmenu{
	width:100%;
	display:block;
	float:left;
	position:relative;
	margin:0px;
	padding:0px;
	background-image:url('img/btbg20.png');
}

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

.nav a{
	display:block;
	padding:5px 20px;
	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:hover > a,.nav ul ul:hover > a{
		background-image:url('img/tbg50.png');
}
 
.nav ul li:hover > ul{
    display:block;
}


/*POST*/

.post{
	overflow: auto;
	padding:2%;
	margin-bottom: 2%;
}

.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{
	margin:10px 0px;
	padding:10px 10px 40px 10px;
        font-style:italic;
	background-image:url('img/btbg10.png');
}

blockquote:before{ 
	display: block; 
	float: left;
	margin:5px;
	content: url(img/quote2.png);
} 

blockquote:after{ 
	display: block; 
	margin:5px;
	float: right; 
	content: url(img/quote.png);
}

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('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{
        font-style:italic;
	font-size:150%;
	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{
	margin:20px 0px;
	padding:5px 20px;
	background-image:url('img/btbg10.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-left:5px;
	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%;
}

#searchtextarea{
        font-size: 100%;
	max-width: 200px;
	color: #999;
}

#searchsubmit {
    	display: none;
}

input[type="submit"] {
        font-size:100% !important;
	background-image:url('img/btbg70.png') !important;
	margin:5px 0px !important;
	padding:7px 14px !important;
	border:none !important;
	color:#FFF !important;
}

input[type="submit"]:hover {
        font-size:100% !important;
	background-image:url('img/btbg50.png') !important;
	color:#FFF !important;
}

input[type="submit"]:active {
        font-size:100% !important;
	background-image:url('img/tbg70.png') !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:15px;
}



/*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');
}