/*                    */
/* t3.css             */
/*                    */
/* (c) 2011 Ed Trager */
/*                    */

body{
	margin-left:1cm;
	margin-right:1cm;
	font-family:sans-serif;
	font-size:16px;
}

h1{
	font-family:sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#8caeef;
	padding:5px;
	text-align:center;
}

code{
	font-family:monospace;
	font-weight:bold;
	font-size:15px;
	color:#119951;
}

/* Vertical Paragraph (VP) container: */
.t3_VP{
	width:350px;
	height:350px;
	margin-top:12px;
	margin-bottom:12px;
	margin-left:6px;
	margin-right:6px;
	padding:12px;
	font-family:"WenQuanYi Zen Hei Mono";
	font-size:21px;
	background-color:#fff;
	border:2px solid #8CAEEF;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	float:right;
}

.t3_VP:hover{
	background-color:#ffe;
}

/* Padding */
.t3_PAD{
	padding:2px;
}

/* Position adjustment for certain       */
/* common punctuation in vertical layout */
.t3_ADJ{
	padding-left:13px;
	padding-right:0px;
	overflow:hidden;
}

/* Rotate Right (RR) */
.t3_RR{
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
}

/* Rotate 180 degrees (R180) */
.t3_R180{
	font-face:Nazli;
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(1800deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
}

/* Rotate Left (RL) */
.t3_RL{
	display:block;
	float:left;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	transform:rotate(-90deg);
}

/*                      */
/* CSS3 text in columns */
/*                      */
.textColumns{
	
	-moz-column-gap:1em;
	-moz-column-rule:1px solid #184573;
	
	-webkit-column-gap:1em;
	-webkit-column-rule:1px solid #184573;
	
	column-gap:1em;
	column-rule:1px solid #184573;
	
}

.txc1{
	
	-moz-column-count:1;
	-webkit-column-count:1;
	column-count:1;
	
}

.txc2{
	
	-moz-column-count:2;
	-webkit-column-count:2;
	column-count:2;
	
}

.txc3{
	
	-moz-column-count:3;
	-webkit-column-count:3;
	column-count:3;
	
}

.txc4{
	
	-moz-column-count:4;
	-webkit-column-count:4;
	column-count:4;
	
}

.txc5{
	
	-moz-column-count:5;
	-webkit-column-count:5;
	column-count:5;
	
}

.txc6{
	
	-moz-column-count:6;
	-webkit-column-count:6;
	column-count:6;
	
}

.txc7{
	
	-moz-column-count:7;
	-webkit-column-count:7;
	column-count:7;
	
}

/* Background images for demo */
.t3_e1{
	background-image:url(../t3_images/e1.png);
	background-repeat:no-repeat;
	background-position:center center;
}

.t3_e2{
	background-image:url(../t3_images/e2.png);
	background-repeat:no-repeat;
	background-position:center center;
}

.t3_e3{
	background-image:url(../t3_images/e3.png);
	background-repeat:no-repeat;
	background-position:center center;
}

.t3_e4{
	background-image:url(../t3_images/e4.png);
	background-repeat:no-repeat;
	background-position:center center;
}