/*
Theme Name: Portfolio Press

Built in RTL support.  Would love to get some RTL language translations to include.

http://codex.wordpress.org/Right_to_Left_Language_Support

*/

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

.screen-reader-text {
	position: absolute;
	left:0;
	right:-9000em;
}

/* Navigation */

#navigation {
	float:left;}

#navigation ul {
	margin-left:0;
	margin-right:10px;
}
#navigation ul li {
	float:right;
	margin-left:0;
	margin-right:10px;
}
#navigation ul li ul {
	left:0;
	right: -999em;
	border-width:1px 0 1px;
	margin-right:0;
}
#navigation ul li ul li {
	margin-right:0px;
}
#navigation ul li ul ul {
	margin: -30px 180px 0 0px;
}
#navigation ul li:hover ul, #navigation ul li.sfhover ul, #navigation ul li li:hover ul, #navigation ul li li.sfhover ul, #navigation ul li li li:hover ul, #navigation ul li li li.sfhover ul, #navigation ul li li li li:hover ul, #navigation ul li li li li.sfhover ul {
	right:auto;
}

/* Branding */

#logo {
	float:right;
}

/* Content */
#content {
	float:right;
}
/* Sidebar */
#sidebar {
	float:left;
}

/* Portfolio Posts */

#portfolio {
	float:right;
}

#portfolio .portfolio-item {
	float:right;
	margin:0 0 2% 2%;
}

#portfolio .portfolio-item:nth-of-type(3n) {
	margin-left:0;
}

/* Content Nav */

#content nav .nav-previous, #portfolio nav .nav-previous {
	float: right;
}
#content nav .nav-next, #portfolio nav .nav-next {
	float: left;
	text-align: left;
}

/* Reverse order on single-portfolio pages */

.single-portfolio  #content nav .nav-previous {
	float: left;
	text-align: left;
}
.single-portfolio  #content nav .nav-next {
	float: right;
	text-align: right;
}

/* =Responsive Structure
----------------------------------------------- */

@media (max-width: 980px) {
	#navigation {
		float:right;
		margin-right:-10px;
	}
	#navigation ul li {
		margin-right:0;
		margin-left:10px;
	}
}

@media (max-width: 680px) {
	#portfolio .portfolio-item {
		margin-right:0;
		margin-left:4%;
	}
	#portfolio .portfolio-item:nth-of-type(3n) {
		margin-right:0;
		margin-left:4%;
	}
	#footer-widgets .block {
		padding:0 0 0 4%;
	}
}
@media (max-width: 480px) {
	#portfolio .portfolio-item {
		float:none;
		min-width:46%;
		width:auto;
	}
	#portfolio .portfolio-item:nth-of-type(1n) {
		margin-left:0;
	}
}