/*
Theme Name: HyperCas
Theme URI: http://cas.2sites.be/hypercas
Description: For Hyper
Version: 1
Author: Cas Lemmens
Author URI: http://cas.2sites.be

*/

/* --- POSITIONING --- */

/* MAIN CONTENT = 520px */

 body 
 {
 	margin: 			0px;
	padding: 			0px;
	border-width:		0px;	
 }
 
 img
 {
 	border:				0px;
 }
 
 #main
 {
 	position:			relative;
	margin:				0 auto;
	width:				984px;
 }

#header
{
	height:				325px;
	z-index:			1;
}

/* START logos in header */
#logo, #one_logo, #hi_button, #one_button
{
	position:			absolute;
}

#logo
{
	top:				115px;
	left:				19px;
}

#one_logo
{
	right:				19px;
	top:				235px;
}

#hi_button, #one_button
{
	top:				0px;
}

#hi_button
{
	left:				704px;
}

#one_button
{
	left:				830px;
}
/* END logos in header */

#background_ghost
{
	position:			absolute;
	top: 				0px;
	left:				0px;
	width:				100%;
	height:				100%;
	overflow:			hidden;
}

#right_ghost
{
	float:				right;
	margin-top:			325px;
	height:				100%;
	width:				275px;
}
 
#content 
{
  	padding-right: 		275px;  		/* RC width */
}

#content .align 
{
  	position:			relative;
  	float: 				left;
}

#center 
{
  	width: 				100%;
}

#center_content
{
	margin:				35px 50px 30px 17px;
}

#right 
{
  	width: 				275px;          /* RC width */
  	margin-right: 		-275px;  		/* RC width */
	padding-top:		28px;
}

#right_content
{
	margin:				40px 25px;
}


.sidebar_block
{
	position:			relative;
	margin-bottom:		30px;
}

#pictures_box
{
	height: 			225px;
}

#pictures_box img, #network_box img
{
	float:				left;
}

#network_box
{
	height:				32px;
	margin-bottom:		10px;
}

#footer 
{
	position:			relative;
  	clear: 				both;
	border-width:		1px;
	padding:			12px;
}

.post, #comments
{
	position:			relative;
	padding-left:		120px;
	padding-top:		1px;			/* overwritten for IE7 */
	margin-bottom:		30px;
}

.post_content img
{
	position:			relative;
}

.date_canvas
{
	position:			absolute;
	left:				60px;
	top:				-4px;
}

.post_options
{
	margin-top:			10px;
	height:				87px;
}

.post_options img
{
	float:				right;
	height:				87px;
	margin-left:		-20px;
}

h2
{
	margin-bottom:		6px;
}

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

.right_align
{
	text-align:			right;
}


#cas
{
	float:				left;
	padding:			3px 10px 5px 0px;
}

.comment
{
	margin-top:			30px;
}

.comment_author
{
	margin-bottom:		10px;
}

.comment_date
{
	margin-bottom:		12px;
}

 /* --- COLORS & BACKGROUNDS --- */
body 
{
	background-color:	#BABABA;
}

div.post.blue p a, #links a
{
	color:				#4DC6F3;
}


div.post.green p a
{
	color:				#4DCB7F;
}

#background_ghost
{
	background-image:	url(_img/banner2.jpg);
	background-attachment:	scroll;
	background-repeat:	no-repeat;
	background-position:left top;
	background-color:	#FFFFFF;
}

.post
{
	background-attachment:	scroll;
	background-repeat:	no-repeat;
	background-position: left top;
}

div.post.blue
{
	background-image:	url(_img/date_bg_blue.png);
}

div.post.green
{
	background-image:	url(_img/date_bg_green.png);
}

#right_ghost
{
	background-color:	#AFB9C0;
}

.comment_date
{
	color:				#AFB9C0;
}

.date_canvas *, #right_content *
{
	color:				#FFFFFF;
}

#footer, .right *
{
	background-color:	#FFFFFF;
	border-color: 		#AFB9C0;
	border-style:		solid;
}

h2 a, .comment_author a
{
	color: 				#000000;
}

/* --- FONTS --- */
*
{
	font-family:		Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p a
{
	text-decoration:	none;
}

#right_content a
{
	text-decoration:	underline;
}

h2 a, .date_canvas *, h3, .comment_author a, .comment_author
{
	text-decoration:	none;
	font-weight:		bold;
	font-family:		"Arena Condensed", Helvetica, Arial, Verdana, sans-serif;
	text-transform:		uppercase;
}

.post_content *, .comment_content *, #links
{
	font-size:			14px;
	line-height:		24px;
}

.post_options *
{
	font-size:			13px;
}

#right_content p, #right_content li, #footer *
{
	font-size:			11px;
	line-height:		15px;
}

#archive_box
{
	padding-left:		20px;
}

.label, .label *, input, textarea, .comment_date
{
	font-size:			13px;
	line-height:		16px;
}

#status_box p
{
	margin-bottom:		10px;
}

.date_canvas *, h2
{
	font-size:			30px;
	line-height:		30px;
	font-weight:		bold;
	text-transform:		uppercase;
}

.date_canvas *
{
	text-align:			center;
}

.comment_author
{
	font-size:			23px;
	line-height:		14px;
}

h3
{
	font-size:			20px;
}

#links
{
	padding-left:		120px;
}

/* --- LISTS --- */
ul
{
	list-style:			disc;
}

/* --- TABLES --- */
table
{
	border-collapse:	collapse;
	width:				100%;
}

td
{
	vertical-align:		top;
}

td.label
{
	text-align:			right;
	padding:			7px 3px 0px 0px;
	width:				120px;
}

/* --- FORMS --- */
input.textfield, textarea
{
	float:				right;
	padding:			5px;
	width:				510px;
	margin-bottom:		3px;
	border:				1px solid #AFB9C0;
}

#submit
{
	float:				right;
	padding:			5px 5px 2px 5px;
	border-width:		0px;
}

/* --- WORDPRESS IMAGE ALIGNING --- */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}