/*--------- WEB FONTS ------------*/
@font-face {
	font-family: 'Droid Serif';
	font-style: normal;
	font-weight: normal;
	src: local('Droid Serif'), url('http: //fonts.googleapis.com/css?family=Droid+Serif: normal'), format('truetype');
}

@font-face {
	font-family: 'Droid Serif';
	font-style: italic;
	font-weight: bold;
	src: local('Droid Serif'), url('http: //fonts.googleapis.com/css?family=Droid+Serif: bolditalic'), format('truetype');
}

@font-face {
	font-family: 'Droid Serif';
	font-style: normal;
	font-weight: bold;
	src: local('Droid Serif'), url('http: //fonts.googleapis.com/css?family=Droid+Serif: bold'), format('truetype');
}

@font-face {
	font-family: 'Droid Serif';
	font-style: italic;
	font-weight: normal;
	src: local('Droid Serif'), url('http: //fonts.googleapis.com/css?family=Droid+Serif: italic'), format('truetype');
}
/*--------------------------------*/

/*--------- CONDITIONALS ------------*/
/* desktop */
@media only screen and (orientation:landscape) {
	#container {
		width: 1203px;
		height: 600px;
		position: relative;
		margin-top: 16px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: auto;
	}

	#column_left {
		display: block;
		background: #dcecec;
		width: 325px;
		border: 1px dashed red;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		padding: 20px;
		position: absolute;
		top: 0px;
		left: 0px;	
		margin-top: 1em;
		box-shadow: -5px 5px #888888;
	}

	#column_center {
		background: #efefef;
		width: 400px;
		border: 1px solid red;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		padding: 20px;
		position: absolute;
		top: 0px;
		left: 380px;
		box-shadow: 0px 5px #888888;
	}

	#column_right {
		display: block;
		background: #ecdcec;
		width: 200px;
		border: 1px dashed red;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		padding: 20px;
		position: absolute;
		top: 0px;
		left: 836px;
		margin-top: 1em;
		box-shadow: 5px 5px #888888;
	}
}

/* mobile */
@media only screen and (orientation:portrait) {
	#container {
		width: 640px;
		height: 600px;
		position: relative;
		margin-top: 168px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: auto;
		transform: scale(1.5);
	}

	#column_left {
		display: none;
		width: 0px;
		height: 0px;
		position: absolute;
		left: 0px;
		top: 0px;
		margin: 0px;
	}

	#column_center {
		background: #efefef;
		width: 400px;
		border: 1px solid red;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		padding: 20px;
		position: absolute;
		top: 0px;
		left: 100px;
		box-shadow: 0px 5px #888888;
	}

	#column_right {
		display: none;
		width: 0px;
		height: 0px;
		padding: 0px;
		position: absolute;
		top: 0px;
		left: 0px;
		margin: 0px;
	}
}
/*-----------------------------------*/

body {
	background: #dadada;
	color: #0b0b0b;
	font-size: 14px;
	font-family: Droid Serif, Georgia, serif;
	text-shadow: 0px 1px 1px #aaeeff;
}

a {
	color: #dd0000;
	text-decoration: none;
	font-size: 1.1em;
}

a:hover {
	text-decoration: underline;
}

p {
	margin-top: 1em;
}

ol li{
	margin-bottom: 1em;
}

ul li {
	list-style-type: circle;
	margin-bottom: 0em;
}

#title {
	margin-top: -1em;
	text-align: center;
}

#accordion1 {
	margin-left: 10px;
}

.header1 {
	font-size: 1.75em;
	font-weight: bold;
	font-variant: small-caps;
}

.header2 {
	font-size: 1.5em;
	font-weight: bold;
}

.header3 {
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
	/*cursor: pointer;*/
	outline: none;
	margin-bottom: 1em;
}

/*
.header3: hover {
	text-decoration: underline;
}
*/

.category_stuff {
	color: #aa0000;
	margin-top: -1.3em;
	margin-bottom: 1em;
}

.smalltext {
	font-weight: normal;
	font-size: 0.75em;
}

.columntext {
	font-weight: normal;
	font-size: 0.75em;
	margin-top: 2em;
	margin-left: -28px;
}

.helphead {
	cursor: pointer;
	font-weight: bold;
	font-size: 0.75em;
	margin-top: 2em;
	margin-bottom: -1.5em;
	margin-left: -0.75em;
	text-decoration: none;
	outline: none;
}

.helphead: hover {
	text-decoration: underline;
}

.notetype {
	font-style: italic;
	color: #990000;
}

.grayed {
	color: gray;
	font-style: italic;
}

.blued {
	color: #22aaff;
	font-style: italic;
}

.username {
	color: black;
	font-style: italic; 
}