/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/
body {
	font: 12px 'Helvetica',arial,clean,sans-serif;*font-size:small;*font:x-small;
	
	background-color: #58001D; 
	background-image: url('/images/bgline.jpg'); 
	background-repeat: repeat-y; 
	background-position: top center;
	
}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.22em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,{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;}/*ol,ul {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;}

/* end of yahoo reset and fonts */

body 						{color:#333; line-height:1.3;}
p							{margin:0 0 20px;}
a							{color:#58001D;text-decoration:none;}
a:hover						{text-decoration:underline;}
strong						{font-weight:bold;}
em							{font-style: italic;}
h1,h2,h3,h4,h5,h6			{font-weight:bold;}
h1							{font-size:197%; margin:30px 0; color: #58001D;}
h2							{font-size:174%; margin:20px 0; color:#58001D;}
h3							{font-size:152%; margin:10px 0;}
h4							{font-size:129%; margin:10px 0;}
pre 						{background:#eee; margin:0 0 20px; padding:20px; border:1px solid #ccc; font-size:100%; overflow:auto;}
code						{font-size:100%; margin:0; padding:0;}
ul, ol						{margin:10px 0 10px 25px;}
ol li						{margin:0 0 10px;}

div#wrapper 				{background:#fff; width:560px; margin:0 auto; padding:20px; border:10px solid #0f1616; border-width:0 10px 10px 10px;}
div#header					{position:relative; border-bottom:1px dotted; margin:0 0 10px; padding:0 0 10px;}
div#header p				{margin:0; padding:0;}
div#header h1				{margin:0; padding:0;}
ul#nav						{position:absolute; top:0; right:0; list-style:none; margin:0; padding:0;}
ul#nav li					{display:inline; padding:0 0 0 5px;}
ul#nav li a					{}
div#content					{}
div#footer					{margin:40px 0 0; border-top:1px dotted; padding:10px 0 0;}
.left 						{float:left;}
.right 						{float:right;}
.clear 						{clear:both;}


/* multiselect styles */
.multiselect {
	width: 485px;
	height: 200px;
}

#switcher {
	margin-top: 20px;
}

form {margin: 0; padding: 0;}

.formlable .ui-widget-header {  font-size: 15px; padding: 5px 5px 2px 2px; }
.formdesc {  font-size: 12px; padding: 2px; }
.input50 { width: 50px;  border: SOLID #CCCCCC 1px; padding: 3px; }
.input75 { width: 75px;  border: SOLID #CCCCCC 1px; padding: 3px; }
.input100 { width: 100px;  border: SOLID #CCCCCC 1px; padding: 3px; }
.input140 { width: 140px;  border: SOLID #CCCCCC 1px; padding: 3px; }
.input150 { width: 150px;  border: SOLID #CCCCCC 1px; padding: 3px; }
.input200 { width: 200px;  border: SOLID #CCCCCC 1px; padding: 3px; }
.input300 { width: 300px;  border: SOLID #CCCCCC 1px; padding: 3px; }
.input400 { width: 400px;  border: SOLID #CCCCCC 1px; padding: 3px; }
.input480 { width: 475px;  border: SOLID #CCCCCC 1px; padding: 3px; }

/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(../images/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:300px;
	height:300px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(../images/apple-close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:29px;
	width:29px;
}


/* black */
div.overlay.black {
	background:url(../images/transparent.png) no-repeat !important;
	color:#fff;
}

/* petrol */
div.overlay.petrol {
	background:url(../images/petrol.png) no-repeat !important;
	color:#fff;
}

div.black h2, div.petrol h2 {
	color:#ddd;		
}
.navibar {
	background: url(/blog/wp-content/themes/arras-theme/images/topnav.jpg) 0px 0px repeat-x;
	height: 30px;
	border: solid #CCCCCC 1px;
}
.navbartext {
	font: 12px 'Lucida Grande',Arial,Helvetica,sans-serif;
	padding: 0px 10px 0px 10px;
	text-transform: uppercase;
	font-weight: bold;
}
.blog-name				{ 
		font: 22px 'Lucida Grande',Arial,Helvetica,sans-serif; 
		font-weight: bold; 
		margin: 0; 
		line-height: 1em; 
		display: block; 
		text-transform: uppercase; 
		color: #58001D; 
		padding: 0px 0px 0px 20px; 
	}
.blog-name a:link, .blog-name a:visited	{ color: #58001D; text-decoration: none; }
/*.blog-name a:link, .blog-name a:visited	{  text-indent: -9000px; background: url(../../images/icons/logo.png) no-repeat; width: 450px; height: 22px; display: block; }*/
.blog-name a:hover		{ }
.blog-description		{ 
	line-height: 1em; display: block; 
	font: 11px 'Lucida Grande',Arial,Helvetica,sans-serif;
	font-weight: bold; 
	color: #7d716d; 
	margin: 0; 
	padding: 5px 0px 0px 20px; 
	text-transform: uppercase; }
.home-listing-head {
	font: 14px 'Lucida Grande',Arial,Helvetica,sans-serif; 
		font-weight: bold; 
		margin: 0; 
		line-height: 1em; 
		display: block; 
		text-transform: uppercase; 
		color: #58001D; 
		padding: 10px 0px 10px 0px;
}
.home-td {
	border: 1px #cccccc SOLID; background: url(/blog/wp-content/themes/arras-theme/images/techblue/content-bg.jpg) top repeat-x;
}