/**********************************************************************************************
	Main Sections in CSS:
	
	1.	BASIC ELEMENTS
		Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
	
	2.	LAYOUT
		Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
		
	3.	PAGE COMMON STYLES
		Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
	
	4.	PAGE SPECIFIC STYLES
		Define content styles that are specific to a particular page
	
***********************************************************************************************/


/* import core styles */
@import url(../../interface/css/base.css);


/*------------------------------------------
// 1.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/

body { color:#000; font-family:Georgia, "Times New Roman", Times, serif;  background:#ff0000 url(../../interface/images/background-bg.jpg) repeat-x top right;  }
h1, h2 h3, h4, h5, h6, p, li { line-height:1.0em; }

/*------------------------------------------
// 2.LAYOUT
//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/
	
/*---- Container ----*/
div#container { width:1017px; margin:0 auto; }

/*---- Header ----*/
div#header{ background:url(../../interface/images/header/header-bg.jpg) no-repeat top left; height:58px; padding-top:42px;  }

/*---- Navigation ----*/
div#navigation{ background:#330707; width:525px; position:absolute; padding-left:15px; top:53px; left:36px; }

/*---- Tagline ----*/
div#tagline {
	position:absolute;
	right:80px;
	top:1px;
	height: 21px;
}

/*---- Contact ----*/
div#contact{ background:url(../../interface/images/dashboard/contact-bg.png) no-repeat top left; top:125px; right:20px; position:absolute; width:385px; height:270px; padding-top:289px; padding-left:30px; }

/*---- Footer ----*/
div#footer{ background:url(../../interface/images/footer/footer-bg.gif) repeat-x top left; height:72px; margin:-16px 6px 0 5px; position:relative; }


/*------------------------------------------
// 3. PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/

/*---- Header - Logo ----*/
div#header div.logo { padding-left:110px; }
div#header div.logo h1 { float:left; }
div#header div.logo span { color:#8d8d8d; font-size:150%; font-style:italic; margin-left:4px; float:left; display:block; margin-top:42px; width:80px; line-height:1em; }

/*---- Post ----*/
div#content h1 { margin-bottom:17px; }
div#content h2 { margin-bottom:8px; }
div#content div.post p { font-size:150%; color:#393939; margin-bottom:15px; line-height:1.2em; }
div#content div.post li , div#content div.post p a { color:#393939; }
div#content div.post blockquote { background:url(../../interface/images/content/blockquote-right.gif) no-repeat 359px bottom; padding-bottom:1px; margin-bottom:30px; }
div#content div.post blockquote p { color:#b3b3b3; font-size:140%; background:url(../../../interface/images/content/blockquote-left.gif) no-repeat top left; padding:0 15px 0 25px; margin-bottom:10px;  }
div#content div.post blockquote p.author { background:none; }
div#content div.post blockquote p.author cite { display:block; font-size:250%; color:#ff0000; text-align:center; line-height:47px; font-style:normal;  }
div#content div.post ul{ margin-bottom:10px; margin-left:14px; }
div#content div.post ul li{font-size:150%; color:#393939; list-style:disc; margin-bottom:1px; line-height:1.2em; }
div#content div.post ol{ margin-bottom:10px; margin-left:20px; }
div#content div.post ol li{ font-size:150%; color:#393939; list-style:decimal outside; line-height:1.2em;}

div#content div.post p img.aligncenter{ display:block; margin-left:auto; margin-right:auto;}
div#content div.post p img.alignright{display:inline; margin:0 0 2px 7px; padding:4px; float:right;}
div#content div.post p img{max-width:100%; padding:0;}
div#content div.post p img.alignleft{display:inline; margin:0 7px 2px 0; padding:4px; float:left; }

/*---- Box1 ----*/
div#content div.box1 div.top { background:url(../../interface/images/content/box1-top.gif) no-repeat top left; height:auto; padding-top:5px;  }
div#content div.box1 div.top div.bottom{ background:url(../../interface/images/content/box1-bottom.gif) no-repeat bottom left; padding-bottom:5px;  }
div#content div.box1 div.top div.bottom div.middle{ background:url(../../interface/images/content/box1-middle.gif) repeat-y top left; padding:11px 10px 0 10px;  }

/*---- Form ----*/
div.form p { margin-bottom:8px; }
div.form label { display:block; float:left; width:106px; font-size:140%; color:#000; margin-top:2px; line-height:1.2em; }
div.form input.textbox { width:207px; border:1px solid #b3b6b9; }
div.form input.submit { background:url(../../interface/images/dashboard/submit.gif) no-repeat top left; border:0; height:19px; width:105px; cursor:pointer; }

/*---- Footer ----*/
div#footer img { position:absolute; top:-37px; right:15px; }


/*------------------------------------------
// 4.1  INDEX PAGE SPECIFIC STYLES
//------------------------------------------*/

/*---- Dashboard ----*/
div#dashboard { background:url(../../interface/images/dashboard/dashboard-bg.jpg) no-repeat -35px top  ; height:300px; position:relative; }

/*---- Navigation ----*/
div#navigation ul li{ display:block; float:left; margin-right:15px; }
div#navigation ul li a { color:#fff; font-style:italic; font-size:180%; padding:0 9px 0 10px; line-height:41px;  height:41px; float:left; }
div#navigation ul li a.active, div#navigation ul li a:hover { background:url(../../interface/images/dashboard/navigation-bg.gif) repeat-x top left; text-decoration:none; }

/*---- Photos ----*/
div#photos { position:absolute; top:84px; left:-10px; z-index:5; }

/*---- Contact ----*/
div#contact h2 { margin-bottom:25px; }
/*---- Content ----*/
div#content div.top{ background:url(../../interface/images/content/content-top-bg.gif) repeat-y top left; height:27px; }
div#content div.middle { background:url(../../interface/images/content/content-bg.gif) repeat-y top left; }
div#content div.middle div.wrapper { background:url(../../interface/images/content/content-wrapper-bg.jpg) no-repeat 6px 0px; padding:99px 0 94px;}

div#content div.middle div.wrapper div.column1{ width:572px; float:left; padding:6px 0 0 6px; }
div#content div.middle div.wrapper div.column2{ width:422px; float:right; padding:257px 8px 0 0 ; }

div#content.index div.post { padding:0 20px 0 30px; }
div#content div.middle div.wrapper div.column2 div.post { padding:0 5px 0px 0px ; }