/* 
 * CSS rules for page layout (RTL)
 */


/* GENERAL RULES 
************************************/
/* Set font-size to 1em for all divs, should hopefully work with nested divs */
div {font-size:1em;}
#blq-content {padding: 0; direction:rtl;}


/* GRID (default rules)
************************************/
.g-group:after,
.g-block:after {content: ".";	display: block;	height: 0; clear: both;	visibility: hidden;}
.g-group,
.g-block {display: inline-block; clear:both;}
/* Hides from IE-mac \*/
* html .g-group,
* html .g-block {height: 1%;}
.g-group,
.g-block {display: block;}
/* End hide */

/* TODO: Investigate if this works */
/*.g-group .g-container,
.g-group div div {
	display:block;
	clear:none;
}*/

/* Floats */
.g-w1, .g-w2, .g-w3, .g-w4, .g-w5, .g-w6,
.g-w7, .g-w8, .g-w9, .g-w10, .g-w11, .g-w12,
.g-w13, .g-w14, .g-w15, .g-w16, .g-w17, .g-w18,
.g-w19, .g-w20, .g-w21, .g-w22, .g-w23, .g-w24, 
.g-w25, .g-w26, .g-w27, .g-w28, .g-w29, .g-w30, .g-w31 {
	float:right;
	margin-right:16px;
	clear:none !important;
}

#blq-content .g-first {padding:0; margin:0; clear:left;}

/* BBC GLOBAL GRID (31 columns)
	 width = baseWidth * n + gutter * (n - 1)
************************************/
#blq-main .g-w1 {width:16px}
#blq-main .g-w2 {width:48px}
#blq-main .g-w3 {width:80px}
#blq-main .g-w4 {width:112px}
#blq-main .g-w5 {width:144px}
#blq-main .g-w6 {width:176px}
#blq-main .g-w7 {width:208px}
#blq-main .g-w8 {width:240px}
#blq-main .g-w9 {width:272px}
#blq-main .g-w10 {width:304px}
#blq-main .g-w11 {width:336px}
#blq-main .g-w12 {width:368px}
#blq-main .g-w13 {width:400px}
#blq-main .g-w14 {width:432px}
#blq-main .g-w15 {width:464px}
#blq-main .g-w16 {width:496px}
#blq-main .g-w17 {width:528px}
#blq-main .g-w18 {width:560px}
#blq-main .g-w19 {width:592px}
#blq-main .g-w20 {width:624px}
#blq-main .g-w21 {width:656px}
#blq-main .g-w22 {width:688px}
#blq-main .g-w23 {width:720px}
#blq-main .g-w24 {width:752px}
#blq-main .g-w25 {width:784px}
#blq-main .g-w26 {width:816px}
#blq-main .g-w27 {width:848px}
#blq-main .g-w28 {width:880px}
#blq-main .g-w29 {width:912px}
#blq-main .g-w30 {width:944px}
#blq-main .g-w31 {width:976px}

/* GRID HACK FOR MAP
 * In MAP and multimedia index change 11 column to 10.5 column equivalent
************************************/
.av-instance #blq-main .g-w20,
.index.genre-multimedia #blq-main .g-w20 {width:640px}
.av-instance #blq-main .g-w11,
.index.genre-multimedia #blq-main .g-w11 {width:320px}