/* Global */
html, body {
	font : 10pt verdana, tahoma, sans-serif;
	/*margin : 0; padding : 0;*/
		background-color: #FFF8F8;
}

/* Layout - Wrapper */
#wrapper {
	background : url(../images/bg.gif) repeat-y;
	line-height : 1.2;
}

/* Layout - Logo */
#logo {
	padding : 10px 0;
	background : #FFF;
}

/* Layout - Left Bar */
#leftbar {
	width : 200px;
	float : left;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #660000;
}

/* Layout - Content Area */
#contentarea {
	margin-left : 202px;
	padding-left : 2px;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #660000;
}

/* Left Bar - Categories */
#leftbar h2 {
	margin : 0;
	padding : 0;
	padding : 3px;
	color : white;
	font : 11pt tahoma, arial, sans-serif;
	text-align : center;
	background-color: #993333;
	font-weight:bold;
}

#leftbar .root_categories {
	margin : 0;
	padding : 0;
	list-style : none; 
}

#leftbar .root_categories li p {
	position : relative;
	margin : 0;
	padding : 5px;
	border-bottom : 1px solid #993333;
	background-color: #FFE1E1;
}
#leftbar .root_categories li p a:link, #leftbar .root_categories li p a:visited, #leftbar .root_categories li p a:active {
	color : #AA0000;
	font-weight : normal;
	font : 10pt tahoma, arial, sans-serif;
	text-decoration : none;
	text-align : center;
	padding : 4px;
}
#leftbar .root_categories li p a:hover {
	color : #EE0000;
}
#leftbar .root_categories li p a.collapse { position : absolute; right : 0; padding : 5px; }
#leftbar .root_categories li p a.collapse:hover { color : white; }
#leftbar .root_categories li p>a.collapse { margin-top : -4px; }
a.collapse:hover { background : #8CAEDC; color : #CFDAE9; }
.box h2 .collapse { padding : 4px; }

/* Left Bar - Categories - Children */
.children { display:block; }
.children, .children li { margin : 0; padding : 0; list-style : none; }
.children li { display : block; }
.children a:link, .children a:visited {
	font : 9pt verdana, arial, sans-serif;
	color : #556584;
	text-decoration : none;
	display : block;
	height : 20px;
	padding : 4px 4px 4px 20px;
	border-bottom : 1px dotted #B0BFDE;
	background : url(../images/bullet.gif) no-repeat 12px;
}
.children .nolink {
	color : #556584;
	text-decoration : none;
	display : block;
	height : 20px;
	padding : 4px 4px 4px 20px;
	border-bottom : 1px dotted #B0BFDE;
	background : url(../images/bullet.gif) no-repeat 12px;
}
.children .nolink a:link, .children .nolink a:visited {
	color : #2B4B8B;
	font-weight : normal;
	font : 10pt tahoma, arial, sans-serif;
	text-decoration : none;
	padding : 4px;
	display : inline;
	border : 0;
	background : white;
}
.children .nolink a:hover { color : #5B78B3; }
.children>li>a:link, .children>li>a:visited, .children>.nolink { height : auto }
.children a:hover { background : #C7DAF4 url(../images/wbullet.gif) no-repeat 12px; }

/* Content Area - Menu */
#menu {
	margin : 0;
	padding : 3px 0;
	background-color: #990000;
	background-repeat: no-repeat;
	background-position: right;
}
#menu li {
	margin : 0;	padding : 0;
	display : inline;
	color : white;
	font : 10pt tahoma, arial, sans-serif;
	text-align : center;
	list-style : none;
}
#menu a:link, #menu a:visited {
	padding : 3px 6px;
	color : white;
	text-decoration : none;
	border-right-width: 1px;
	border-right-style: none;
	border-right-color: #330000;
}
#menu a:hover {
	color : #DDD;
	background : #660000;
}

/* Content Area */
div.box {
	margin : 8px;
	border : 1px solid #AA0000;
	min-height:170px;
}
#contentarea h1 {
	margin : 0;
	color : #AA0000;
	border-bottom : 1px solid #993333;
	padding : 3px 4px;
	background-color: #FFD2D2;
	font-family: tahoma, arial, verdana, sans-serif;
	font-size: 11pt;
}
#contentarea>h1 { padding : 4px; }
#contentarea h1 a:link, #contentarea h1 a:visited {
	color : #AA0000;
	text-decoration : none;
}
#contentarea h1 a:hover { text-decoration : underline; }
#contentarea h2 {
	color : #AA0000;
	font-weight : normal;
	font-size : 10pt;
	margin : 0;
	padding : 3px;
	background-color: #FFE6E6;
}
#contentarea h2 a:link, #contentarea h2 a:visited {
	color : #AA0000;
	font-weight : normal;
	font-size : 10pt;
	text-decoration : none;
}
#contentarea h2 a:hover {
	color : #EE0000;
}
#contentarea h3 {
	color : #444;
	font-weight : normal;
	font-size : 10pt;
	margin : 0;
	padding : 2px;
	background : #FFF;
}
p {
	padding : 4px;
	font-size : 9pt;
	color : #222;
	border-bottom : 1px dotted #899EC8; 
	margin : 0;
}
.box p {
	border-top : 1px dotted #899EC8; 
}
#contentarea h3 a:link, #contentarea h3 a:visited {
	color : #222;
	font-weight : normal;
	font-size : 10pt;
	text-decoration : none;
}
#contentarea h3 a:hover { color : #666; }
a.downloads { margin-top : -2px; }
a.more:link, a.more:visited, a.downloads:link, a.downloads:visited {
	position : absolute;
	right : 14px;
}
a.downloads:hover { color : black; }
a.downloads { padding-top : 2px; }
.small { font-size : 8pt; }

/* Files - Toolbox */
#toolbox h2 { border-bottom : 1px solid #899EC8; text-align : center; }
#toolbox .comments { margin : 4px; border : 1px solid #899EC8; }
#toolbox .comments h3 {
	color : #660000;
	background-color: #FFF0F0;
}
#toolbox_left {
	float : left;
	width : 40%;
}
#toolbox_left p { word-wrap : break-word; /* IE only fix :( */ }
#toolbox_right {
	margin-left : 40%;
}
#toolbox_left #pages {
	margin : 4px;
}
#toolbox_left #pages p {
	border : 0;
}
#toolbox_left #pages h2 {
	text-align : left;
}

/* Footer 
#footer {
	position : relative;
	clear : both;
	border-top : 1px solid #5781BA;
	background : #990000;
	color : white;
	font-size : 10px;
	padding : 4px 5px 5px 5px;
}
#footer p {
	position : absolute;
	right : 5px;
	top : 4px;
	margin : 1px 0 0 0; 
	padding : 0;
	color : white;
	font-size : 10px;
	border : 0;
}
#footer>p { margin : 0; }
*/
.footer {
	clear: both;
	background-color: #EEDDDD;
	padding: 5px 10px;
	border: 1px inset;
	border-top: none;
	border-top: 1px solid #CCCCCC;
}

.smallprint {font-size: 0.8em; color: #777; padding-right: 0.5%; text-align: right;}

.smallprint a {
	color: #987;
}


/* Global Links */
a:link, a:visited { color : #333; }
a:hover { text-decoration : none; }

/* Miscellaneous Fixes */
form { margin : 0; }

/* Admin CP - Forms */
table.form { font-size : 8pt; }
.align_top { vertical-align: top; }
.formleft { width : 18%; }
.formleft_small { width : 10%; }
input, select, textarea, option { font : 10pt verdana, arial, sans-serif; border : 1px solid #BBC9DD; background : #fff; padding : 1px; }
option { border : 0; }
#contentarea>#search_gap { display : none; }
#breaknote { display : none; }
#toolbox_right>#breaknote { display : block; }

/* Category/file listing styles */
#contentarea .box h2 .cat_head_options {
	display: inline;
	font-size: 8pt;
}

#contentarea .box h2 .cat_head_options a {
	font-size: 8pt;
}

/* IP RESTRICTION CLASSES */

.new_entry {
	text-align: center;
	padding: 5px;
}

.new_entry td {
	padding-left: 20px;
	padding-right: 20px;
}

.label {
	font-weight: bold;
}

.new_entry a {
	text-decoration: none;
}

.new_entry a img {
	border: 0;
	text-decoration: none;
}

.filter_mode label {
	cursor: pointer;
}

.ip_list {
	padding: 5px;
}

.ip_list td {
	padding: 5px;
}

.ip_list a img {
	border: 0;
}

.ip_restrict_row:hover, .ip_restrict_row_hover{
	background-color: #C7DAF4;
}


/* File details box styles */

.filebox_breadcrumb {
	color : #2B4B8B;
	font-weight : normal;
	font-size : 10pt;
	margin : 0;
	padding : 3px;
	background : #E4EBF6;
}
.filebox_breadcrumb a:link, .filebox_breadcrumb a:visited {
	color : #2B4B8B;
	font-weight : normal;
	font-size : 10pt;
	text-decoration : none;
}
.filebox_breadcrumb a:hover { color : #5B7BBC; }

.filebox_links {
	border-top : 1px dotted #899EC8; 
	color : #444;
	font-weight : normal;
	font-size : 8pt;
	padding : 2px;
	margin: 0;
	line-height: 1.5;
}

.more_link a:link, .more_link a:visited {
	color : #222;
	font-weight : normal;
	font-size : 10pt;
	text-decoration : none;
	margin: 2px;
}

.download_link, .more_link {
	margin: 2px 4px 2px 2px;
	float: right;
}

.downloads a:hover { color : black; }
.downloads a { padding-top : 2px; }

ul.confirm_item_list {	
	padding-left: 20px;
}

/* WYSIWYG editor styles */
#contentarea .wysiwyg
{
	padding: 3px;
}

#contentarea .wysiwyg h1, #contentarea .wysiwyg h2, #contentarea .wysiwyg h3
{
	background : white;
	color : black;
	border : 0;
	font-weight : bold;
}

#contentarea .wysiwyg h1 {
  font-size: 2em;
  margin: .67em 0;
}

#contentarea .wysiwyg h2 {
  font-size: 1.5em;
  margin: .83em 0;
}

#contentarea .wysiwyg h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
#leftbar h3 {
	color : #AA0000;
	font-weight : normal;
	font-size : 10pt;
	margin : 0;
	padding : 3px;
	background-color: #FFE6E6;
	text-align : center;
}
#leftbar h3 a:link, #leftbar h3 a:visited {
	color : #AA0000;
	font-weight : normal;
	font-size : 10pt;
	text-decoration : none;
}
#leftbar h3 a:hover {
	color : #EE0000;
}


a.boldbuttons{
	display: block;
	font: bold 13px Arial; /* Change 13px as desired */
	line-height: 42px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 50px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;
	background-color: transparent;
	background-image: url(../images/roundedge-red-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}
a.boldbuttons span{
background: transparent url('../images/roundedge-red-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}
a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}


.leftbar h2 {
	font-size: 16px;
}



.header {
	padding: 10px;
	padding-top: 0px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 10px;
	background-image: url(http://www.architectionary.com/images/ntitle2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 119px;
	padding-left: 90px;
	padding-bottom: 0px;
	position: relative;
}
.artititle {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color: #990000;
text-decoration: none;
}

.artititle a {
color: #993333;
text-decoration: none;
}



.header a:hover {
	color: #990000;
	background: transparent;
	border-bottom: 0px;
}

.navdiv {
bottom: 0px;
}

ul#tabnav {
text-align: left;
margin: 1em 0 0 0;
font: bold 13px verdana, arial, sans-serif;
border-bottom: 0px solid #000000;
list-style-type: none;
padding: 0px 0px 1px 0px;
}

ul#tabnav li {
display: inline;
white-space:nowrap;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 {
border-bottom: 1px solid #000000;
background-color: #fff;
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a {
background-color: #fff;
color: #000;
position: relative;
top: 1px;
padding-top: 4px;
}

ul#tabnav li a {
padding: 3px 4px;
border: 1px solid #993333;
background-color: #FFF8F8;
color: #993333;
margin-right: 0px;
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover {
background: #EEDDDD;
}

