/*
Theme Name: Bradbury

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;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

blockquote {
	border-right: 4px solid #e9b330;
	border-left: none;
	padding-right: 1em;
	padding-left: 0;
}

li > ul,
li > ol {
	margin-right: 0;
	padding: 0 24px 0 0;
}

/******************************************
1. General
******************************************/

.wrapper {
	text-align: right; 
}

/******************************************
2. Header
******************************************/

.site-header {
	margin: 0 0 30px;
}

.site-header .site-branding {
	float: right;
	margin-right: 0;
	margin-left: 30px;
}

/******************************************
3. Nav
******************************************/

#menu-main {
	float: left;
}

/* Mobile Menu Icons */
.navbar-toggle {
    float: right;
}

/*** ESSENTIAL STYLES ***/

.sf-menu li {
	margin-right: 20px;
	margin-left: 0;
}

.sf-menu ul li {
	text-align: right;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 0;
	*padding-right: 0; /* no CSS arrows for IE7 (lack pseudo-elements) */
	padding-left: 1.75em;
	*padding-left: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	right: auto;
	left: 0.5em;
}

/******************************************
4. Main Content Sections
******************************************/

#site-content {
	float: right;
}

.wrapper-reversed #site-content {
	float: left;
}

#site-aside {
	float: right;
}

.site-content-wrapper {
	padding-right: 0;
	padding-left: 40px;
}

.wrapper-reversed .site-content-wrapper {
	padding-right: 40px;
	padding-left: 0;
}

/******************************************
5. Individual Content Sections
******************************************/

/* Exclusive Post in Header */

.academia-exclusive-post .post-meta-category {
	margin-right: 0;
	margin-left: 8px;
}

.academia-exclusive-post .posted-on {
	margin-right: 10px;
	margin-left: 0;
}

/* Featured Posts on Homepage */

.academia-featured-posts .featured-post-simple {
	float: right;
	margin-right: 0;
	margin-left: 0.263157894%;
}

.academia-featured-posts-secondary .featured-post-simple {
	margin-right: 0;
	margin-left: 0.87719298%;
}

.academia-featured-posts .featured-post-simple-3,
.academia-featured-posts-secondary .featured-post-simple-2 {
	margin-left: 0;
}

.post-meta .sticky-post {
	margin-right: 0;
	margin-left: 10px;
}

/* Columns */

.academia-columns .academia-column {
	float: right;
}

/* Posts Archive Loop */

.academia-posts-archive .post-meta .entry-date {
	margin-right: 0;
	margin-left: 12px;
}

.academia-posts-archive .academia-post-archive {
	float: right;
	margin-right: 0;
	margin-left: 5%;
}

.academia-posts-archive .academia-post-2 {
	margin-left: 0;
}

.academia-posts-archive .post-preview {
	text-align: right;
}

/* Next/Prev Post Navigation */

.post-navigation .nav-previous,
.posts-navigation .nav-previous {
	border-right-width: 0;
	border-left: solid 2px #fff;
}

.post-navigation .nav-next,
.posts-navigation .nav-next {
	border-right: solid 2px #fff;
	border-left-width: 0;
}

/******************************************
6. Single Post/Page Styling
******************************************/

.academia-archive-intro {
	text-align: right;
}

.academia-page-intro .post-meta span {
	margin-right: 0;
	margin-left: 6px;
}

.academia-page-intro .post-meta .genericon {
	margin-right: 0;
	margin-left: 1px;
}

.academia-page-intro .post-meta-gravatar {
	margin-right: 0;
	margin-left: 10px;
}

.post-single ul,
.post-single ol {
	margin-right: 1.25em;
	margin-left: 0;
}

/******************************************
7. Comments
******************************************/

.comments-area {
	text-align: right;
}

.children .comment {
	border-right: 5px solid #e7e7e7;
	border-left-width: 0;
	padding-right: 24px;
	padding-left: 0;
}

.comment-author .avatar {
	float: right;
	margin-right: 0;
	margin-left: 20px;
}

.comment-meta .fn {
	margin-right: 0;
	margin-left: 15px;
}

.comment-tools {
	float: left;
}

.comment-reply-link {
	margin-right: 10px;
	margin-left: 0;
}

.comment-respond {
	padding-right: 0;
	padding-left: 20px;
}

/******************************************
8. Footer
******************************************/

.site-footer {
	text-align: left;
}

.wrapper-footer {
	padding-right: 0;
	padding-left: 0;
	text-align: center;
}

.wrapper-copy {
	text-align: right;
}

.pre-footer {
	text-align: right;
}

.pre-footer .academia-column {
	float: right;
	margin-right: 0;
	margin-left: 3.27868852%;
}

.pre-footer .academia-column-4 {
	margin-left: 0;
}

/******************************************
9. Miscellaneous
******************************************/

#searchsubmit {
	float: right;
}

/* Social Links */
.social-links {
	float: left;
}

/******************************************
13. Media Queries (Responsive Feature)
******************************************/
 
/* Tablet Landscape */
@media screen and (max-width: 960px) {

	div.wrapper {
		padding-right: 20px;
		padding-left: 20px;
	}
	
	div.wrapper-main {
		padding-right: 0;
		padding-left: 0;
	}
	
	.site-content-wrapper {
		padding-right: 0;
		padding-left: 20px;
	}

	.comment-respond {
		padding-left: 0;
	}
	
}

/* Tabled Portrait */
@media screen and (max-width: 768px) {

	#site-content,
	#site-aside {
		float: none;
	}

	.site-content-wrapper {
		padding-left: 0;
	}
	
	.pre-footer .academia-column {
		margin-right: 0;
		margin-left: 6%;
	}

	.pre-footer .academia-column-2,
	.pre-footer .academia-column-4 {
		margin-left: 0;
	}

	/* Main Menu */

    div.wrapper-menu {
		text-align: center;
    }
	
	/* Menu */
	#menu-main { float: none; }

	.mm-listview li { text-align: right; }
	.navbar-toggle { right: auto; left: 30px; }
	.btn_menu_icons { float: right; }
	.btn_menu_span {
		margin-right: 15px;
		margin-left: 0;
	}
	
	.sf-arrows .sf-with-ul {
		padding-right: 0;
		padding-left: 10px;
	}
	
	/* End Main Menu */

	.post-navigation .nav-previous, 
	.post-navigation .nav-next, 
	.posts-navigation .nav-previous, 
	.posts-navigation .nav-next {
		border-width: 0;
	}
	
}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 640px) {

	.social-links {
		float: none;
		text-align: center;
	}
	
	.academia-exclusive-post {
		text-align: center;
	}
	
	.academia-featured-posts-secondary .featured-post-simple {
		margin-left: 0;
	}
	
	#site-content,
	#site-aside {
		float: none;
	}
	
	.site-header .wrapper-header,
	.wrapper-footer {
		text-align: center;
	}
	
	.site-header .site-branding,
	.wrapper-footer {
		float: none;
		margin-left: auto;
		text-align: center;
	}
	
	div.wrapper-main {
		padding-right: 10px;
		padding-left: 10px;
	}
	
}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 480px) {

	.navbar-toggle {
		float: none;
		top: auto;
		left: auto;
		text-align: center;
	}
	
	.btn_menu_icons {
		float: none;
	}
	
	.academia-featured-posts .featured-post-simple {
		float: none;
		margin-right: auto;
		margin-left: auto;
	}
	
	.academia-exclusive-post .post-meta-category {
		margin-left: 0;
	}
	
	.academia-posts-archive .academia-post-archive {
		margin-left: 4%;
	}
	
	.academia-posts-archive .post-preview {
		text-align: center;
	}
	
	.academia-posts-archive .academia-post-2 {
		margin-left: 0;
	}
	
	.academia-page-intro .post-meta-gravatar {
		margin-left: 0;
	}
	
	.pre-footer .academia-column {
		float: none;
		margin-right: 0;
		margin-left: 0;
	}
	
}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 320px) {

	.academia-featured-posts .featured-post-simple {
		float: none;
	}
	
	.academia-posts-archive .academia-post-archive {
		float: none;
		margin-left: 0;
	}

}