/*
Theme Name: angularity

Adding support for language written in a Right To Left (RTL) direction is easy -
it's just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

http://codex.wordpress.org/Right_to_Left_Language_Support

*/


body {
	direction: rtl;
	unicode-bidi: embed;
}

caption, th, td {
	font-weight: normal;
	text-align: right;
}

.featured-img-on-page  {
	width:47%;
	float:left;
	margin-right: 2.5%;
	margin-bottom: 16px;
	text-align: center;
}


ul, ol {
	margin: 0 1.5em 1.5em 0em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-right: 1.5em;
}


.site-branding-wrapper {
	position: relative;
	
}

.site-title, .site-logo { 
	width:48%;
	float:right;
	text-align:right;
}
.site-description  {
	width:48%;
	position:absolute;
	bottom:0;
	right:auto;
	left:0px;
	text-align:left;
}
@media only screen and (max-width: 64em)  {  
.site-title, .site-description, .site-logo {  
	width:100%;
	float:none;
	position:relative;
	top:0;
	text-align:center; 
} 
.site-description { 
	text-align:center;
	margin-top:6px;
}
}




.content-area {
	float:right;
}


.widget-area {

	float:left;
	border-left: 3px none #111;
	border-right: 3px solid #111;
	padding-left: 0;
	padding-right: 3%;
}




.widgetangle {

	-moz-transform: scale(1) rotate(0deg) translateX(0px) skewX(0deg) skewY(8deg);
	-webkit-transform: scale(1) rotate(0deg) translateX(0px) skewX(0deg) skewY(8deg);
	-o-transform: scale(1) rotate(0deg) translateX(0px) skewX(0deg) skewY(8deg);
	-ms-transform: scale(1) rotate(0deg) translateX(0px) skewX(0deg) skewY(8deg);
	transform: scale(1) rotate(0deg) translateX(0px) skewX(0deg) skewY(8deg);
	background-color: yellow;
}



.postangle {


	-moz-transform: scale(1) rotate(0deg) translateX(0px) skewX(0deg) skewY(-3deg);
	-webkit-transform: scale(1) rotate(0deg) translateX(0px) skewX(0deg) skewY(-3deg);
	-o-transform: scale(1) rotate(0deg) translateX(0px) skewX(0deg) skewY(-3deg);
	-ms-transform: scale(1) rotate(0deg) translateX(0px) skewX(0deg) skewY(-3deg);
	transform: scale(1) rotate(0deg) translateX(0px) skewX(0deg) skewY(-3deg);
	background-color: yellow;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: right;
	width: 50%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: left;
	text-align: left;
	width: 50%;
}
.nav-previous .meta-nav:before, .nav-previous a:before {

	content:"";
	font-family: FontAwesome;
}
.nav-previous a:after {

	content:"\00A0 \f054";
	font-family: FontAwesome;
}
.nav-next .meta-nav:after, .newer-comments-arrow:after  {

	content:"";
	font-family: FontAwesome;
}
.nav-next a:before {

	content:"\f053 \00A0";
	font-family: FontAwesome;
}

.main-navigation, .main-navigation li, .main-navigation ul ul {
	float: right;
}
.main-navigation ul ul {
	text-align: right;
	right:0;
	left:auto;
}
.menu-decoration:before {
	display: table;
	position: absolute;
	content:"";
	height:49px;
	width:99%;
	background-color: #000;
  	top:0px;
  	right:-4px;
	-moz-transform: scale(1) rotate(0deg) translateX(0px) skewX(-25deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(0deg) translateX(0px) skewX(-25deg) skewY(0deg);
	-o-transform: scale(1) rotate(0deg) translateX(0px) skewX(-25deg) skewY(0deg);
	-ms-transform: scale(1) rotate(0deg) translateX(0px) skewX(-25deg) skewY(0deg);
	transform: scale(1) rotate(0deg) translateX(0px) skewX(-25deg) skewY(0deg);
	z-index: 0;
}



@media screen and (max-width: 64em) {

.menu-decoration:before {
	 right:4px;
}


.main-navigation > div:nth-of-type(1) {	
	margin-right: 0;
}
.nav-menu {
	margin-bottom: 50px;
}
.menu-toggle {
	padding:13px 24px 12px 12px;
}


.main-navigation ul ul li a {
	color: #fff !important;
	margin-right: 14px;
}
}