@import url(general.css);

html,
body {
	background:#F6F2DB;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

body {
	padding:0 50px;
}

ul {
	margin:20px;
	list-style:square;
}

p {
	margin:1em 0;
}


::-moz-selection {
	background:#AAA;
	color:#FFF;
}

::selection {
	background:#AAA;
	color:#FFF;
}


/* This works, but it's ugly
::-moz-selection {
	background:#1E1B16;
	color:#DDD9C4;
}

::selection {
	background:#1E1B16;
	color:#DDD9C4;
}

#article ::-moz-selection,
#menu ::-moz-selection,
.active ::-moz-selection {
	background:#DE4545;
	color:#FFF;
}

#article ::selection,
#menu ::selection,
.active ::selection {
	background:#DE4545;
	color:#FFF;
}
*/



#container {
	margin:0 auto;
	min-width:690px; /*790 - 100px body padding*/
	max-width:1200px; /*885px; /*Until I obtain a longer banner img*/
}

* html #container {
	width:expression((document.body.clientWidth - 100 < 690) ? 689 + 'px' : ((document.body.clientWidth - 100 > 885) ? 885 + 'px' : 'auto'));
}

#menu {
	background:#1E1B16 no-repeat url(../img/logo.gif) 14px center;
	text-align:right;
	padding:8px 14px 8px 242px;
	color:#A09C8C;
	position:relative;
}

* html #menu {
	height:1px;
}

#menu ul {
	list-style:none;
	cursor:default;
	text-transform:uppercase;
	letter-spacing:1px;
	margin:0;
}

#menu li {
	display:inline;
	margin-left:16px;
}

#menu li a {
	color:#A09C8C;
	text-decoration:none;
	padding:1px 0;
	padding-bottom:8px;
}

#menu li a:hover {
	border-bottom:4px solid #A09C8C;
	color:#DDD9C4;
	padding-bottom:4px;
}
/*
#menu li a:hover {
	border-bottom:1px dotted #A09C8C;
	color:#DDD9C4;
}
*/
#menu li a.active {
	border-bottom:4px solid #DE4545;
	color:#ddd;
	padding-bottom:4px;
}
/*
#menu li a.active {
	border-bottom:1px dotted #A09C8C;
	color:#DE4545;
}
*/
#ribbon {
	position:absolute;
	background:no-repeat url(../img/ribbon.png);
	width:90px;
	height:100px;
	top:0;
	left:138px;
}

* html #ribbon {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme/img/ribbon.png',sizingMethod='crop');
}

#content {
	font:130% "Palatino Linotype", "Georgia", "Times New Roman", serif;
	background:repeat-x url(../img/bg_gradient.gif);
	padding:17px 20px;
}

* html #content {
	height:1px;
}

#banner {
	border:10px solid #D1CDB9;
	background:no-repeat right top;
	height:89px;
	margin-bottom:10px;
}

#banner					{ background-image:url(../img/banner_home1.png); }
#page_contact	#banner	{ background-image:url(../img/banner_contact.png); }
#page_news		#banner	{ background-image:url(../img/banner_news.png); }
#page_portfolio	#banner	{ background-image:url(../img/banner_portfolio.png); }
#page_projects	#banner	{ background-image:url(../img/banner_projects.png); }
#page_404		#banner { background-image:url(../img/banner_error.png); }

/* #Footer# */
#footer_container {
	position:relative;
	height:auto;
	padding:10px;
	background:#EEEAD4;
	color:#1E1B16;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	clear:both;
}

#copyright {
	width:50%;
	xtext-align:center;
	word-spacing:7px;
	text-transform:uppercase;
}

#copyright a {
	margin-right:8px;
	color:#000;
	text-decoration:none;
}

#copyright a:hover {
	text-decoration:underline;
}

#tagline {
	float:right;
	width:50%;
	text-align:right;
}
/* /Footer */

/* #News# */
#page_news #sidebar {
	float:left;
	width:35%;
}

#page_news #sidebar .module {
	margin-bottom:10px;
	background:#EEEAD4;
}

#page_news #sidebar .module h4 {
	background:#1E1B16;
	color:#A09C8C;
	padding:3px 10px;
	font-size:1.1em;
	font-weight:bold;
}

#page_news #sidebar .module div {
	padding:10px;
}

#page_news .article {
	width:60%;
	float:right;
}
/* /News */

#page_news .article,
#page_404 #copy_container {
	padding:20px 2%;
	background-color:#EEEAD4;
	margin-bottom:10px;
}

input.textbox,
input.button,
textarea {
	padding:4px;
	background-color:#f6f3e5;
	border:1px solid #D1CDB9;
}

input.button {
	padding:3px;
}

input.textbox:focus,
input.button:focus,
input.button:active,
textarea:focus {
	border-color:#DE4545;
}

#page_news #sidebar #searchform { width:100%; }
#page_news #sidebar #searchform .textbox { width:68%; margin-right:2%; }
#page_news #sidebar #searchform .button { width:25%; }

#copy_container a {
	xcolor:#DE4545;
	xtext-decoration:none;
	xborder-bottom:1px solid #DE4545;
	xcolor:#000;
}