/*
Theme Name: Qixis.com 2.0
Theme URI: http://qixis.com/
Description: The theme for qixis.com
Version: 2.0
Author: Emiel Lensink
Author URI: http://emle.nl/
Tags: fixed width, simple, single column, custom

*/

/* Styling of global elements ------------------------------------------------------------ */
body 
{
	/*background-color: #000000; */
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	/*font-family: Georgia, 'Times New Roman', Times, serif; */
	font-size: 12px;
	color: rgb(172, 172, 172);
	
	margin: 0px;
	padding: 0px;

	background-image: url('images/menubar-backdrop.png');
	background-repeat: repeat-x;
	background-position: left 105px;
	
	background-color: #25292e;
}

div
{
	margin: 0px;
	padding: 0px;
}

p
{
	margin: 0px;
	padding: 0px;
}

a
{
	text-decoration: underline;
	color: rgb(172, 172, 182);
}

a:visited
{
	text-decoration: underline;
	color: rgb(172, 172, 182);
}

a:hover
{
	text-decoration: underline;
	color: rgb(192, 192, 192);
}

a img
{
	padding: 0px;
	border: 0px;
}

h1
{
	font-size: 1.0em;
}

h2
{
	font-size: 1.0em;
}

/* Styling of text ----------------------------------------------------------------------- */
.italic
{
	font-style: italic;
}

.bold
{
	font-weight: bold;
}

.orange
{
	color: #FF9411;
}

.red
{
	color: #ff6511;
}

.verybig
{
	font-size: 20px;
}

.bigger
{
	font-size: 15px;
}

.smaller
{
	font-size: 9px;
}

.verysmall
{
	font-size: 6px;
}

.wide
{
	font-weight: bolder;
	letter-spacing: 3px;
}

.lighter
{
	color: rgb(212, 212, 212);
}

.caps
{
	text-transform: uppercase;
}

.lower
{
	text-transform: lowercase;
}
/* Styling for positioning --------------------------------------------------------------- */
.relative
{
	position: relative;
}

/* Styling of page structure ------------------------------------------------------------- */
.page
{
	width: 100%;
}

.content
{
	width: 1020px;
	overflow:hidden;
	margin: 0px auto;
/*	padding-left: 20px;  */
/*	padding-right: 120px;   */
}

.contentblock
{
	overflow: hidden;
}


/* Items for the page footer */
.footer
{
	text-align: center;
	color: #AAAAAA;
	font-size: 0.8em;
}

.footer a
{
	color: #AAAAAA;
}

.footer a:visited
{
	color: #AAAAAA;
}

/* Items for the layout of articles */
.menubar
{
	height: 34px;
	overflow: hidden;
	margin-top: 10px;
	
	font-size: 17px;
	font-weight: lighter;
	text-transform: lowercase;
}

.left
{
	overflow: hidden;
	width: 480px;
	float: left;
}

.right
{
	overflow: hidden;
	width: 540px;
	float: left;
	margin-left: 0px;
}

.left_sym
{
	overflow: hidden;
	width: 510px;
	float: left;
}

.right_sym
{
	overflow: hidden;
	width: 510px;
	float: left;
	margin-left: 0px;
}

.left_single
{
	overflow: hidden;
	width: 380px;
	float: left;
}

.right_single
{
	overflow: hidden;
	width: 640px;
	float: left;
	margin-left: 0px;
}


.centered
{
	overflow: hidden;
	width: 540px;
	margin: 0px auto;
}

.title
{
	font-size: 17px;
	font-weight: lighter;
	overflow: hidden;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	text-transform: lowercase;
}

.title a
{
	text-decoration: none;
	color: rgb(172, 172, 182);
}

.title a:visited
{
	text-decoration: none;
	color: rgb(172, 172, 182);
}

.title a:hover
{
	text-decoration: none;
	color: rgb(230, 230, 230);
}

.posttitle
{
	font-size: 17px;
	font-weight: lighter;
	overflow: show;
	margin-top: 5px;
	margin-bottom: 10px;
	text-transform: lowercase;
}

.related
{
	margin-left: 20px;
	margin-bottom: 0px;
}

.posttitle a
{
	text-decoration: none;
}

.posttitle a:visited
{
	text-decoration: none;
}

.posttitle a:hover
{
	text-decoration: none;
	color: rgb(230, 230, 230);
}

.post
{
	overflow: hidden;
	margin-bottom: 10px;
	margin-right: 10px;
	line-height: 1.6em;
}

.postcontent
{
	overflow: hidden;
}

.compactpost
{
	overflow: hidden;
	margin-bottom: 0px;
	margin-right: 10px;
}

.box180
{
	float: left;
	overflow: hidden;
	width: 175px;
	height: 210px;
	font-size: 12px;
	margin-right: 5px;
	margin-bottom: 7px;
	text-align: right;
}

.box180 a
{
	text-decoration: none;
}

.box180 a:visited
{
	text-decoration: none;
}

.box180 a:hover
{
	text-decoration: none;
}


.box170
{
	width: 170px;
	height: 170px;
	margin-left: 5px;
	/*background-image: url('images/test-box170.jpg');*/
	background-repeat: no-repeat;
	background-position: center center;
}

.box170frame
{
	width: 100%;
	height: 100%;
	background-image: url('images/frame170.png');
	overflow: hidden;
}

.box100
{
	float:left;
	width: 100px;
	margin-right: 10px;
	margin-left: 20px;
	overflow: hidden;
	text-align: center;
}

.box50
{
	float:left;
	width: 50px;
	margin-right: 10px;
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	text-align: center;
	font-size: 40px;
}

.image100
{
	width: 100px;
	height: 100px;

}

/* ===== markup in posts ============================================== */

.chapter
{
	font-size: 17px;
	font-weight: lighter;
	overflow: hidden;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	text-transform: lowercase;
}

/* ===== main menu ==================================================== */

.navbox-first
{
	border-right: 1px #68717d solid;
	height: 25px;
	width: 10px;
}

.navbox-last
{
	border-left: 1px black solid;
	height: 25px;
}

.navbox
{
	width: 170px;
	height: 25px;
	display: block;
	text-decoration: none;
	text-align: center;
	margin-left: 0px;
	
	border-left: 1px black solid;
	border-right: 1px #68717d solid;
}

ul#mainnav
{
	list-style: none;
	margin: 0px;
	white-space:nowrap;
	display:table;
	padding: 0px;
	/*margin: 0px auto;*/
}

ul#mainnav li
{
	display: inline;
	float:left;
	list-style-type: none;
	overflow: hidden;
}

ul#mainnav li a
{
	color: rgb(212, 212, 212);
	text-decoration: none;
}

ul#mainnav li a:hover
{
	text-decoration: none;
}

/* ===== Progressbar demo, Minialbum demo ============================================= */

/* Minialbum demo ======================================================================= */

.minialbum_demo .minialbum
{
	background: #FFFFFF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.minialbum_demo .minialbum .smallframe
{
	background: #FFFFFF;
}

.minialbum_demo .minialbum .smallframe:hover
{
	background: #FFFFFF;
}

.minialbum_demo .minialbum .bigframe
{
	background: #FFFFFF;
}

.minialbum_demo .minialbum .bigframe:hover
{
	background: #FFFFFF;
}

.minialbum_demo .minialbum .photoframe
{
	background: #FFFFFF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.minialbum_demo .minialbum .photoimage
{
	border: 1px solid black;
}

/* Progressbar demo ===================================================================== */
.pb_back 
{ 
 text-align: center; 
 font-size: 0.5em; 
}
.pb_bar 
{ 
	text-align: left;
 	background-image: url('/images/progressbar/gray.png'); 
} 
.pb_red 
{ 
 	background-image: url('/images/progressbar/red.png'); 
} 
.pb_green 
{ 
 	background-image: url('/images/progressbar/green.png'); 
} 
.pb_blue 
{ 
 	background-image: url('/images/progressbar/blue.png'); 
}