@charset "utf-8";
/* CSS Document */

BODY{
	margin: 0px;
	padding: 0px;
	color:#464646;
}

BODY.homepage {background: #FFFFFF url(images/housik_bg.gif) repeat-x}
BODY.subpage {background: #FFFFFF url(images/housik_bg.gif) repeat-x 0 -367px}

A:link {color:#007fbb}
A:visited {color:#007fbb}
A:hover {color:#007fbb; text-decoration: none;}

H1{font-family:Constantia,Georgia,"Times New Roman",Times,serif; font-size:30px; line-height:1.3em; margin:25px 0 0 0; padding:0}
.subpage H1{margin:25px 0 0 0}

H2{
	font-family:Constantia,Georgia,"Times New Roman",Times,serif;
	font-size:21px;
	line-height:1.3em;
	margin:0 0 0 0;
	padding:0;
}

H3{
	font-family:Constantia,Georgia,"Times New Roman",Times,serif;
	font-size:21px;
	line-height:1.3em;
	margin:20px 0 0 0;
	padding:0;
}

H4{
	font-family:Constantia,Georgia,"Times New Roman",Times,serif;
	font-size:21px;
	line-height:1.3em;
	margin:40px 0 0 0;
	padding:0;
}

#container {
	margin-left: auto;
	margin-right: auto;
	width: 946px;
}

#header {
	background:url(images/housik_02.gif) no-repeat;
	position: absolute;
	top:0;
	height: 476px;
	width: 946px;
}

.subpage #header {height:109px; background:url(images/subpage-bg.gif) no-repeat;cursor: pointer;cursor: hand;}

#content {
	padding:476px 0 0 9px;
}

.subpage #content {padding-top:108px}

#menu {
}

#menu .options{
	background-image: url(images/housik_19.gif);
	height: 54px;
	width: 150px;
}

#menu .navigation {
	list-style:none;
	margin:30px 0 0 0;
	padding:0;
}

#menu .navigation A{
	display:block;
}

#menu .navigation .homepage{
	background-image: url(images/opt-homepage.gif);
	height: 25px;
	width: 150px;
}

#menu .navigation .about{
	background-image: url(images/opt-about.gif);
	height: 25px;
	width: 150px;
}

#menu .navigation .articles{
	background-image: url(images/opt-articles.gif);
	height: 25px;
	width: 150px;
}

#menu .navigation .computers{
	background-image: url(images/opt-computers.gif);
	height: 25px;
	width: 150px;
}

#menu .navigation .webdesign{
	background-image: url(images/opt-webdesign.gif);
	height: 25px;
	width: 150px;
}

#menu .navigation .photography{
	background-image: url(images/opt-photography.gif);
	height: 25px;
	width: 150px;
}

#menu .navigation .music{
	background-image: url(images/opt-music.gif);
	height: 25px;
	width: 150px;
}

#menu .navigation .lifestyle{
	background-image: url(images/opt-lifestyle.gif);
	height: 25px;
	width: 150px;
}

#menu .navigation .photos{
	background-image: url(images/opt-photos.gif);
	height: 25px;
	width: 150px;
}

#menu .navigation .videos{
	background-image: url(images/opt-videos.gif);
	height: 25px;
	width: 150px;
}

#menu .navigation .archive{
	background-image: url(images/opt-archive.gif);
	height: 25px;
	width: 150px;
}

#main {
}

#mainLeft {
}

#mainRight {
}

#mainRight UL{
	margin:25px 0 0 0;
}

#photos {
	position: absolute;
	top: 46px;
	left: 275px;
	height: 345px;
	width: 303px;
	padding:62px 0 0 0;
}

#photos H2 {
	background-image: url(images/housik_05.gif);
	background-repeat: no-repeat;
	position: absolute;
	top:0;
	left:0;
	height: 52px;
	width: 235px;
	padding: 0;
	margin: 0;
}

#photos UL {
	position: absolute;
	top: 29px;
	left: 230px;
	padding: 0;
	margin: 0;
	list-style:none;
}

#photos UL .more {
	display:block;
	background-image: url(images/housik_09.gif);
	background-repeat: no-repeat;
	height: 14px;
	width: 52px;
}

#photos img {
	border:5px solid #dddddd;
	margin:0 16px 18px 0;
}

#photos img:hover {
	border:5px solid #007fbb;
}

#videos {
	position: absolute;
	top: 46px;
	left: 644px;
	height: 345px;
	width: 303px;
	padding:62px 0 0 0;
}

#videos H2 {
	background-image: url(images/housik_07.gif);
	background-repeat: no-repeat;
	position: absolute;
	top:0;
	left:-6px;
	height: 52px;
	width: 235px;
	padding: 0;
	margin: 0;
}

#videos UL {
	position: absolute;
	top: 29px;
	left: 230px;
	padding: 0;
	margin: 0;
	list-style:none;
}

#videos UL .more {
	display:block;
	background-image: url(images/housik_09.gif);
	background-repeat: no-repeat;
	height: 14px;
	width: 52px;
}

#videos img {
	border:5px solid #dddddd;
	margin:0 16px 18px 0;
}

#videos img:hover {
	border:5px solid #007fbb;
}

#footerContainer{
	background-color:#333333;
	width:100%;
	margin:50px 0 0 0;
}

#footer{
	margin-left: auto;
	margin-right: auto;
	width: 946px;
	height:200px;
}

#footer P,
#footer UL{
	font-family: Calibri,Arial,Helvetica,sans-serif;
	font-size:16px;
	line-height:1.5em;
	margin:0;
	padding:15px 0 0 0;
	color:#CCCCCC;
}

#footer H3{color:#CCCCCC; margin:30px 0 0 0}
#footer H4{color:#CCCCCC; margin:30px 0 0 0}

#footer .lineList{
	margin:15px 0 0 0;
}

#footer .lineList LI{
	border-bottom:1px dotted #666666;
	padding:5px 0 8px 1px;
}

#footerLeft{
}

.altText {
	display: none;
}

#main .archiveList {font-family: Calibri,Arial,Helvetica,sans-serif; font-size:16px;line-height:1.5em;}
#main .archiveList UL{list-style:none;margin:30px 0 0 0;padding:0}
#main .archiveList UL UL{list-style:none;margin:15px 0 30px 15px;padding:0}
#main .archiveList LI{list-style:none;margin:4px 0 0 0;padding:0}
#main .archiveList .month{font-size:24px; font-weight:bold}

.cleaner {
	clear:both;
	font-size:0;
	line-height:0;
}

.lineList {
	font-family: Calibri,Arial,Helvetica,sans-serif;
	font-size:16px;
	line-height:1.5em;
	list-style:none;
	width:100%;
	margin:20px 0 0 0;
	padding:0;
}

.lineList A{
}

.lineList LI{
	border-bottom:1px solid #EAEAEA;
	padding:5px 0 8px 1px;
}

.sectionTitle{font:32px Calibri, Arial, Helvetica, sans-serif; color:#E30F55; padding:0; margin-top:42px; line-height:32px;text-transform:uppercase;}
.sectionSubtitle{font:16px Calibri, Arial, Helvetica, sans-serif; color:#999999; padding:0; margin:0 0 0 2px; text-transform:uppercase;}

.pureMidden{
	background-image: url(images/housik_23.gif);
	height: 54px;
	width: 287px;
}

.freshBits{
	background-image: url(images/housik_21.gif);
	height: 54px;
	width: 314px;
}

.post P,
.post UL{
	font-family: Calibri,Arial,Helvetica,sans-serif;
	font-size:16px;
	line-height:1.5em;
	margin:15px 0 0 0;
	padding:0;
}

.post UL{
	margin:15px 0 0 40px;
}

.post IMG{border:none}

.postmetadata{margin:50px 0 0 0; color:#999999;}

.threeColsDesign{}
.threeColsDesign .oneSubCol{width:100%}
.threeColsDesign .twoSubCols{float:right; width:672px}
.threeColsDesign .colOne{float:left;;width:320px}
.threeColsDesign .colTwo{float:right;width:304px}
.threeColsDesign .colThree{float:left;width:230px}

.entry {font-family: Calibri,Arial,Helvetica,sans-serif;font-size:16px;}

.contactform {font-family: Calibri,Arial,Helvetica,sans-serif;font-size:16px;}
.contactform TEXTAREA, 
.contactform INPUT {font-family: Calibri,Arial,Helvetica,sans-serif;font-size:16px;}
.contactform TEXTAREA {width:270px}
.contactform .contactleft {display:block; font-weight:bold; padding-top:10px}