/*
Theme Name:Orangy 
Theme URI: http://fedemaghy.wordpress.com/my-themes/orangy-theme/
Description: Child-Theme of Twenty   - The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version:1.3
Author: Naglaa Raslan
Author URI:http://themety.weebly.com/
Template: twentytwelve
Template Version: 1.1


License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray,orange, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve
*/

@import url("../twentytwelve/style.css");


/*Links*/

a {
	color: #347C17;
}
a:hover {
	color: #A0C544;
}

/*Header*/

.site-header h1 a {
	color: #254117;
	display: block;
	font-size: 36px;
	font-size: 2.57142857rem;
	line-height: 1.285714286;
	font-weight: bold;
}

.site-header h1 a:hover{
	     color:#F87431;
		
}
.site-header h2 { 
	font-style:italic;
	color:#ec6262;
	font-weight: bold;
}


/* Page structure */
.site-content {
	margin-left:30px;
}
/* Sidebar */
.widget-area .widget h3 {
	background:#F87431;
	color:#254117;
	font-size:14px;
	font-size:1rem;
	font-weight:normal;
	padding:3px 10px;
	border:7px dotted #FBB117;
	border-radius:25px;
}
.widget-area .widget a:hover,
.comments-link a:hover,
.entry-meta a:hover,
footer[role="contentinfo"] a:hover,
.format-status .entry-header header a:hover,
.comments-area article header a:hover,
a.comment-reply-link:hover  {
	color:#000;
}
.widget-area .widget a {
	color: #254117;
}

.widget-area .widget a:hover {
	color: #000;
}
/* Shared Post Format styling */
.entry-meta .posted_on {
	background:#F87431;
	color:#347C17;
	font-weight:bold;
	left:-100px;
	padding:5px 5px 5px 25px;
	position:absolute;
	top:0px; 
	text-align:center;
	text-transform:uppercase;
	width:60px;	
}
/* =Main content and comment content
-------------------------------------------------------------- */
footer.entry-meta {
	color:#E66C2C;
}
/* =Aside post format
-------------------------------------------------------------- */
article.format-aside .aside {
	background: #F87431;
	border-left: none;
}
/* =Print
----------------------------------------------- */
.wrapper{
   border:5px solid transparent;
   border-width: 20px;
   -webkit-border-image: url(http://www.w3.org/TR/css3-background/border.png) 30 repeat;
   -o-border-image: url(http://www.w3.org/TR/css3-background/border.png) 30 repeat;
   border-image: url(http://www.w3.org/TR/css3-background/border.png) 30  repeat;
}
/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
	
	.wrapper{
   border:5px solid transparent;
   border-width: 20px;
   -webkit-border-image: url(http://www.w3.org/TR/css3-background/border.png) 30 repeat;
   -o-border-image: url(http://www.w3.org/TR/css3-background/border.png) 30 repeat;
   border-image: url(http://www.w3.org/TR/css3-background/border.png) 30  repeat;
}
	
	
	
	/* Navigation Menu*/
	.main-navigation {
		background: #F87431;
		border:7px dotted #FBB117;
		width:100%;
		border-radius:25px;
	}
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border-bottom:none;
		border-top:none;
	}
	.main-navigation li {
		border:none;
		margin-top: 0;
	}
	.main-navigation a {
		color: #254117;
		font-weight: bold;
	}
	.main-navigation a:hover {
		color: #000;
		font-weight: bold;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #254117;
		padding: 0 10px;
		padding: 0 0.714285714rem;	
	    font-weight: bold;
		padding: 0 0.714285714rem;	
	}
	.main-navigation li a:hover {
		color: #000;
		font-weight: bold;
	}
	.main-navigation li ul li a {
		background:#F60;
		border-bottom: 1px solid #fff;
	}
	.main-navigation li ul li a:hover {
		background: #E66C2C;
		color: #000;
		font-weight: bold;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #254117;
		font-weight: bold;
	}
	

}
