/************************************************
*
* Theme Name: Design Intrigue
* Theme URI: www.designintrigue.com
* Description:
* Version: 1.0
* Author: Geraldine de Torres Lim
* Author URI: www.designintrigue.com
* Tags:

************************************************/
body, ul, li, h1, h2, h3,
form, fieldset, label, legend {margin:0;padding:0;border:0;}

html, body							{height:100%; margin:0;}
body 								{background: #3a3a3a; font-size:62.5%;font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.85em; line-height:1.4em;}
a									{text-decoration:none; color:#999;}
a:hover								{text-decoration:underline;color:#cdcdcd;}
a img								{border: none; background: none; }
p									{margin-bottom:10px; padding:0;}
li									{list-style-position: inside;}
/********************* Structure **************************/
#container							{width:1100px;margin: 0px auto -45px;min-height: 100%; height: auto !important; height: 100%;background: url(images/bk_sky.png) top center no-repeat;}
#header								{width:930px; height:100px;}
#container-inside					{width:930px; margin:0 auto;}

#mainHomeContainer					{width:930px; float:left;}
#mainHomeContainer .grey			{color:#878787; font:Arial, Helvetica, sans-serif;}

#mainHomeContainer .box1,
#mainHomeContainer .box2,
#mainHomeContainer .box3			{width:224px; height:250px; float:left;background-color:#1c1c1c;}

#mainHomeContainer .box2 ul			{font-size:0.9em}



#mainHomeContainer .box4 			{margin-top:20px;width:190px; float:left;padding: 10px 30px 20px 5px;font-size:0.85em;}
#mainHomeContainer .box5			{margin-top:20px;width:165px; float:left;padding: 10px 20px 20px 40px;font-size:0.85em;}
#mainHomeContainer .box6			{margin-top:20px;width:175px; float:left;padding: 10px 20px 20px 30px;font-size:0.85em;}

#rightSidebar						{width:250px;float:right;}
#rightSidebar .box1					{height:105px; background-color:#232323; padding:10px;}
#rightSidebar .box2					{height:105px;padding:10px;background-color:#232323;}

#push								{height:45px;}
.clear								{clear: both;}
.inside								{padding:10px 10px 10px 30px;margin-top:10px;}

img.dilogo							{display: block; margin-left: auto;margin-right: auto; padding-top:200px;}

/********************* Typography **************************/
h1#logo								{margin-top:10px;}
h1#logo a							{background: url(images/logo.png) top left no-repeat; text-indent: -9999px;width: 320px; height: 95px; float:left;margin-top:10px}
h1									{font-size:2.0em; line-height:1.6em;color:#97bb67;}
h2 									{font-size:1.4em; line-height:1.4em;color:#8cb0b0;}
h3 									{font-size:1.2em; line-height:1.2em;color:#8cb0b0;}

/****************** Navigation ************************/
#mainNav							{width:600px; height:30px; }
#mainNav ul							{color:#f8f8f8;float:right;}
#mainNav ul li						{display:inline; list-style-type:none; padding:0 30px 0 5px;}
#mainNav ul li a					{color:#999;}
#mainNav ul li a:hover				{color:#cdcdcd;}

/********************* Footer **************************/
#footer								{width: 100%; height:45px; margin:0 auto;}
#footer-inside						{width:930px; height:25px; margin:0 auto;}
#footer-inside ul					{color:#ccc;}
#footer-inside li					{display:inline; list-style-type:none; float:right; padding: 0 20px 0 0;}
#footer-inside li a					{font-size:0.85em;}
/********************* Boxes  **************************/
ul#boxesNav							{width:660px; height:280px; float:right;}
ul#boxesNav li 						{list-style-type:none; display:inline;}
ul#boxesNav li a 					{height:280px;float:left;text-indent:-9999px;text-decoration:none;}
ul#boxesNav li.img1 				{width:220px;background:url(images/bk_img1.png) no-repeat 0 0;}
ul#boxesNav li.img2 				{width:220px;background:url(images/bk_img2.png) no-repeat 0 0;}
ul#boxesNav li.img3 				{width:220px;background:url(images/bk_img3.png) no-repeat 0 0;}
ul#boxesNav li.img1 a 				{width:220px;background:url(images/bk_img1.png) no-repeat 0 0;}
ul#boxesNav li.img1 a:hover 		{width:220px;background:url(images/bk_imgOver1.png) no-repeat 0 0;}
ul#boxesNav li.img2 a 				{width:220px;background:url(images/bk_img2.png) no-repeat 0 0;}
ul#boxesNav li.img2 a:hover 		{width:220px;background:url(images/bk_imgOver2.png) no-repeat 0 0;}
ul#boxesNav li.img3 a 				{width:220px;background:url(images/bk_img3.png) no-repeat 0 0;}
ul#boxesNav li.img3 a:hover 		{width:220px;background:url(images/bk_imgOver3.png) no-repeat 0 0;}

/****************** Search form ************************/
#search { /*background*/
	display:inline;
	float:left;
	width: 230px;
	margin:20px 0 20px 0;
}
#search form input#field { /*inputBox*/
	color: #1e1e1e;
	font-weight:bold;
	display:inline;
	float: left;
	width: 143px;
	height: 31px;
	margin-left: 25px;
	padding: 0 5px 0 5px;
	background: url(images/searchBox.png) no-repeat top left;
	border: 0;
}
#search form input#look { /*button*/
	width: 26px;
	background: url(images/searchButton.png) no-repeat center left;
	height: 31px;
	border: 0;
	cursor:pointer;
	margin-left:5px;
}
/********************* Icon Button **************************/
a.iconButton{
	display:block;
	-moz-border-radius:5px;-webkit-border-radius:5px;
	background-color:#0f2432;
	color:#eee;
	height:40px;
	line-height:40px;
	margin-bottom:10px;
	text-decoration:none;
	width:179px;
	font-weight:normal;
}
a:hover.iconButton{
	color:#eee;
	background-color:#142e40;
	text-decoration:underline;
}

/* -------------------- */
/* CLASSES				*/
/* -------------------- */
.archive{
		background:url(images/archiveIcon.png) no-repeat 8px 8px;
		text-indent:50px;
		display:block;
	}
.newsletter{
		background:url(images/newsletterIcon.png) no-repeat 8px 8px;
		text-indent:50px;
		display:block;
	}
.contact{
		background:url(images/contactIcon.png) no-repeat 8px 4px;
		text-indent:50px;
		display:block;
	}
.checkmark{
		background:url(images/checkmarkIcon.png) no-repeat 8px 4px;
		text-indent:50px;
		display:block;
	}