/*
Theme Name: Ryu Child Ullasa
Theme URI: https://wordpress.com/themes/ryu/
Author: Automattic
Author URI: https://wordpress.com/themes/
Description: Ryu is a clutter-free theme for personal bloggers. It has great readability with a large font size, and the one-column layout is perfect for displaying large images. Optional widgets are located at the top panel with social media links and a search field. Background color for an image post will automatically match the uploaded image in the post.
Version: 1.4.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, white, light, one-column, fixed-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, post-formats, rtl-language-support, sticky-post, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Ryu is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/

Template: ryu
*/


/*Header*/

.header-image {
	
	border-radius: 15px;
}


site-title a{
	colour: black	
}

/* Main text area formats */
body,
button,
input,
select,
textarea {
	color: color: #404040;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 16px;
	line-height: 1.4782608695;
}


p {
	margin-bottom: 34px;
}


/* Links */
a {
	color: #5E829E;
	text-decoration: none;
}

a:visited {
	color: #5E829E;
	text-decoration: none;
}

a:active {
	color: #658EB6;
	text-decoration: underline;
}


a:hover {
	color: #658EB6;
	text-decoration: underline;
}


a:focus {
	color: #808080;
}



/*Hide search Wrapper*/
#search-wrapper {
	display: none;
}

#triggers-wrapper {
	text-align: center;
	display:none;
}




/* to make menu background white */
.navigation-main {
	padding-top: 2px;
	padding-bottom: 2px;
	background: white;
}



/* menu colours */

.navigation-main a {
	color:#333333; 
}



.navigation-main a:hover {
	color: #808080;
	text-decoration: underline;
}


.navigation-main li.current_page_item > a,
.navigation-main li.current-menu-item > a {
	color: #333333;
}


.navigation-main li.current-menu-item > a:hover {
	color: #808080;
	text-decoration: underline;
}




/* =Basic Structure
----------------------------------------------- */

body {
	background-color: #fff;
}
.wrap {
	max-width: 1272px;
	margin: 0 auto;

	/*border: 1px solid;*/
}

/*Added UK to make content centred*/
.entry-content.clear {
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;	
}


#page {
	border-top: 5px solid #000;
}
#colophon {
	padding: 34px 0;
}








/*to remove white space below header*/
/*.site-main {
	margin-top: -80px;
	margin: auto;
}
*/


*.entry-header {
	display: none;
}




.hentry {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 10px 0px 30px 0px;
}


/*.entry-wrap wrap clear{
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}
*/

/*.entry-content {
	margin-top: 14px;
	/*padding-left: 50px;*/
	margin-left: auto;
	margin-right: auto;
}
*/


/*to delete Page title*/
.entry-title {
	display:none
}


.wp-caption-text {
	text-align: center;
	font-style: normal;
}




/* =Media Queries
----------------------------------------------- */


@media screen and (min-width: 312px) {
	.wrap {
		max-width: 288px;
	}
}


@media screen and (min-width: 456px) {
	.wrap {
		max-width: 408px;
	}
	
}

@media screen and (min-width: 600px) {
	.wrap {
		max-width: 552px;
	}
}


@media screen and (min-width: 744px) {
	.wrap {
		max-width: 696px;
	}
	.entry-content.clear {
	max-width: 696px;
	margin-left: auto;
	margin-right: auto;	
}


@media screen and (min-width: 888px) {
	.wrap {
		max-width: 840px;
	}
	
	.entry-content.clear {
	max-width: 840px;
	}
}

/*
@media screen and (min-width: 1032px) {
	.wrap, .entry-content.clear {
		max-width: 984px;
	}

}


@media screen and (min-width: 1176px) {
	.wrap, .entry-content.clear {
		max-width: 1128px;
	}
		
}



@media screen and (min-width: 1320px) {
		.wrap, .entry-content.clear {
		max-width: 1272px;
	}
	
}
*/