@charset  "UTF-8";

/*  
Theme Name: daiv_box
Theme URI: http://www.daivmowbray.com
Description: 3 column.
Version: 1.0
Author: daiv Mowbray
Author URI: http://www.daivmowbray.com

*/

/*---------------------------This is reset ---------------------------------*/
html { color: #000; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
{
	margin: 0;
	padding: 0;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img { border: 0; }

address,caption,cite,code,dfn,em,strong,th,var
{
	font-style: normal;
	font-weight: normal;
}

li { list-style: none; }
caption,th { text-align: left; }

h1,h2,h3,h4,h5,h6
{
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after { content: ''; }

abbr,acronym
{
	border: 0;
	font-variant: normal;
}

/* to preserve line-height and selector appearance */
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

input,textarea,select
{
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

/*because legend doesn't inherit in IE */
legend { color: #83bfc6; }



.clear-columns
{
	clear: both;
	height: 0px;
}

#outer-column-container
{
	border-left: solid 0px #000000;
	/* #3b3d44 left column's width and background color */
	border-right: solid 0px #000000;
	/* right column's width and background color */
	padding-left: 180px;
	margin-right: 120px;
	/*#496a6f#989eaf url('images/left_bg.png') top left repeat-y */
	background: transparent;
}

#inner-column-container
{
	width: 100%;

}

#source-order-container
{
	float: left;
	/* float left so the right column, which is
				   outside this element, has a place to go. */
	width: 100%;
	/* force this to go as wide as possible */
	margin-right: -2px;
	/* make room for the right-column's overlap. */
}

#left-column
{
	float: left;
	/* float left, where it'll live */
	margin-left: -180px;
	/* move it further left. the value here should
				   be the same value as the left border width
				   on #outer-column-container, but negative */
	width: 180px;
	/* need to set a definite width, should be the
				   same width as the left border width on
				   #outer-column-container */
	margin-right: 1px;
	/* overlap the middle column to help with
				   clearing. see general notes above. */
}

#middle-column
{
	float: right;
	/* middle column goes right of the left column
				   since the two share the same parent 
				   element */
	width: 100%;
	/* make the middle column as wide as possible
				   for a fluid layout. this is not possible
				   if it's parent element, 
				   #source-order-container, wasn't also at
				   100% width */
	margin-left: -2px;
	/* make room for the left-column's overflap */
}

#right-column
{
	float: right;
	/* float on the right side of the layout */
	margin-right: -120px;
	/* move it further right. the value here should
				   be the same value as the right border width
				   on #outer-column-container, but negative */
	width: 120px;
	/* need to set a definite width, should be the
				   same width as the right border width on
				   #outer-column-container */
	margin-left: 1px;
	/* overlap the middle column */
}

/*******************************************************************************
 * BASE THEME
 *
 * Setup basic styling for the layout. This will set gutterspace and generate a
 * basic border structure for the layout. Real layout styling belongs in a 
 * separate "theme" stylesheet; leave this stylesheet untouched.
 */

body
{
	background: #496a6f url("images/black_flowers.jpg");
	/*#292b30 #18191c*/
	color: #dcf1ee;
	font-size: 100.01%;
	line-height: 110%;
	padding: 0;
	/* padding on the body element when
					   javascript min-width is in use will
					   create problems in IE/Win 6. */
	margin: 20px 0px 40px 0px;
	/* horizontal margins belong on
					   #page-container. vertical margins
					   are not there as well due to small
					   rendering issues in IE/Win 5 when
					   viewport is shorter than webpage */
}

#page-container
{
	/*background-color: #000;		 background for the middle column */
	border: solid 1px #989eaf;
	/* border around the entire layout */
	min-width: 780px;
	/* limit how narrow the layout will
					   shrink before it stops. */
	margin: 0 70px;
	/* horizontal margins here instead of on 
					   the body because we're setting min-
					   width on this element. if margins set 
					   on body users will see an odd skip in 
					   the layout's rendering as it's 
					   resized below min-width. (JS-based 
					   min-width only.) */
	/*#496a6f#989eaf url('images/right_bg.png') top right repeat-y */
	background: transparent;
}

#masthead
{
	padding-top: 0px;
	/* hack to force teh entire masthead to
					   receive the background color */
	border-bottom: solid 0px #989eaf;
	/* three of the four sides of this block
					   will already have borders courtesy of
					   the #page-container element so we 
					   only need to render the bottom. */
}

#inner-column-container
{
	/*#989eaf*/
	border: solid 1px #496a6f;
	border-width: 0 1px;
	margin: 0 -1px;
	/* compensate for the borders because of
					   100% width declaration */
}

#middle-column div.rMenu-center
{
	border-bottom: solid 1px #989eaf;
	/* border along the bottom of the 
					   horizontal menu at the top of
					   the middle column */
}

#footer
{
	border-top: solid 1px #989eaf;
	/* same situation as the masthead but
					   this time we're rendering the top
					   border. */
	padding-bottom: 1px;
	/* hack to force the entire footer to
					   receive the background color */
}

#masthead .inside
{
	margin: 0px 0px 0px 0px;
	/* margin, instead of padding, used to 
					   induce margin collapse if needed by 
				 	   child elements */
}


.clear-columns
{
	/* hide from IE/Mac \*/
	padding-bottom: 1px;
	margin-bottom: -1px;

}

* html #page-container
{
	/* \*/
	height: 0.1%;

	position: relative;

}

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

* html #middle-column, * html #left-column, * html #right-column,
* html #source-order-container
{
	/* hide from IE/Mac \*/
	overflow: visible;

	/* hide from IE/Mac \*/
	position: relative;
	/* this resolves rendering bugs in IE/Win.
				   without this the columns don't render on
				   screen or text jog. */
}

* html #middle-column
{
	/* */
	margin-right: 0;
	/* reset value on 5.5 and later using
				   comment hack to hide this rule from 5.0 */
}

* html #middle-column .inside
{
	/* compensate for negative margin in
					   previous rule */
	/* */
	margin-right: 10px;
	/* reset margins for 5.5 and later */
}

* html #masthead, * html #footer
{
	/* hide from IE/Mac \*/

	/**/
	height: auto;

}

* html #masthead .inside, * html .inside
{
	margin-top: 0;
	margin-bottom: 0;
	/* since margins no longer collapse due to 
				   previous rules we remove vertical margins
				   from the .inside class */
	/* */
	margin: 10px;
	/* reset for IE 5.5 and later */
}

* html .inside
{

	/* */
	margin: 0px;
	/* was 10px : reset for IE 5.5 and later */
}

* html #inner-column-container { display: block; }

* html #source-order-container
{
	/* IE/Mac will force #source-order-container
				   to the width of #left-column, even though
				   that element is no longer inside it. this
				   negative margin will help IE/Mac keep the
				   three columns together under narrower 
				   viewports than normal.
	/* \*/
	margin-right: -2px;
	/* reset the above hack for IE/Win */
}

#left-column, #right-column
{
	position: relative;
	/* resolve issues with links in left and right
				   columns not being clickable in Safari */
}

/******************************************************************************/