/*
    GATEWAY CSS/BASIS
    Copyright (c) 2009, Ernesto Mendez
    http://der-design.com

TABLE OF CONTENTS (v2.0)
============================
0) MEYER'S RESET
1) GENERAL STYLES
    1.1) COLORS
    1.2) BACKGROUNDS
    1.3) BORDERS
    1.4) FONT FAMILIES
    1.5) BODY TYPE & MISC
    1.6) HEADINGS
    1.7) LINKS
    1.8) PARRAGRAPH
    1.9) DEFINITIONS
    1.10) LISTS
    1.11) FORMS
    1.12) TABLES
    1.13) FIXES
2) CLEARFIX */

/* 0)	MEYER'S RESET, http://meyerweb.com/eric/tools/css/reset/
================================================================ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } 
blockquote:before, blockquote:after, q:before, q:after { content: ''; } :focus { outline: 0; } ins { text-decoration: none; }
del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

/* 1)	GENERAL STYLES
======================== */
/* 1.1) COLORS */
body, input, textarea { color: #241e1e; }
h1, h2, h3, h4, h5, h6 { color: #ff6801; }
a { color: #a7a131; }
table thead th { color: white; }
table tbody th { /* color: black; */ }
input:focus { color: white; }
label { color: #ff6801; }
abbr a:hover, acronym a:hover { color: black; }
input[type=submit], input[type=reset] {  color: white; }
input.invalid { color: #ff6801; }
.message { color: #ff6801; }


/* 1.2) BACKGROUNDS */
ul.check li { list-style: none; padding-left: 27px;  background: url(../images/interface/list-style-image.png) no-repeat 0 9px; }
table thead th {background-color: #ff6801; }
table thead th:hover { background: #ff7819; }
table tbody td:hover { background: #ffefdd; }
input:hover, textarea:hover { background: #fff9f2; }
input:focus { background: #ff6801; }
textarea:focus { background: #fff9f2; }
input.invalid { background: none; }
input[type=submit], input[type=reset] {  background: #ff6801;  }
.message { background: #ffd3aa; }


/* 1.3) BORDERS */
acronym, abbr { border-bottom: dashed 1px #ff6801; }
table { border: solid 1px #ff6801; }
table tbody tr { border-top: solid 1px #ff6801;  }
table tbody th, table tbody td { border-right: solid 1px #ff6801; }
input, textarea { border: solid 1px #ff6801;  }
textarea:focus { border-right: solid 10px #ff6801; }
input.invalid { border-color: #dcddde; }
.message { border: 2px dotted #ff6801; }

/* 1.4) FONT FAMILIES */
body, input, textarea { font-family:  "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: "Georgia", sans-serif; }
input[type=submit], input[type=reset] {  font-family: "Georiga", sans-serif; }
.message { font-family: "Georigia", sans-serif; }

/* 1.5)	BODY TYPE & MISC */
body, input, textarea { font-size: 13px;  letter-spacing: 0.3px; }
.message {width: 400px; padding: 10px; margin-bottom: 17px; font-size: 14px; font-weight: bold; }

/* 1.6)	HEADINGS */
h1, h2, h3, h4, h5, h6 { margin: 0 0 -5px 0; padding: 25px 0 0 0; font-weight: bold; letter-spacing: 1.6px; line-height: 1em; }
h1 { font-size: 20px; }
h2 { font-size: 19px; }
h3 { font-size: 18px; }
h4 { font-size: 17px; }
h5 { font-size: 16px; }
h6 { font-size: 15px; }

/* 1.7)	LINKS */
a { text-decoration: none; font-weight: normal; }
a:link {}
a:visited { }
a:hover { text-decoration: underline; }
a:active { }
abbr a:hover, acronym a:hover { text-decoration: none; }

/* 1.8)	PARAGRAPH */
p { line-height: 1.6em; padding: 1em 0 0 0; }
br { line-height: 1.6em; }
img { }
cite { }
strong, big { font-weight: bold; }
small { font-size: 11px; }
em { }
del, strike { }
ins { }
blockquote { width: 85%; font-style: italic; margin: 0 auto 0 auto; }
blockquote p:before, blockquote p:after { content: "\""; }
blockquote:before { }
blockquote:after { }
q:before, q:after { content: "\""; }
code, kbd, samp { }
address { margin: 0 0 0 0; padding: 1.5em 0 0 0; }

/* 1.9)	DEFINITIONS */
dl { padding: 0 0 0 0; line-height: 1.5em; }
dt { padding: 1.5em 0 0 0; font-weight: bold; }
dd { padding: 0.5em 0 0 15px; font-style: italic; }

/* 1.10) LISTS */
ul { }
ol { }
ul, ol { padding: 7px 0 0 35px; }
ul li, ol li { padding: 0.7em 0 0 10px; line-height: 1.5em; }
ul li { list-style-image: url(../images/bullet.png); }
ol li { list-style-type: decimal; list-style-position: inside; padding-left: 0; }

ul.layout { padding: 0; }
ul.layout li { display: inline; padding: 0; line-height: 1; list-style-position: outside; list-style-type: none; }

/* 1.11) FORMS */
form { padding: 0 0 0 0; }
form p { padding: 0; }
label { font-weight: normal; font-style: normal; display: block; font-size: 13px; padding: 1.5em 0 0 0;}
input, textarea { display: block; width: 265px; height: auto; padding: 7px 7px 7px 10px; font-size: 13px; letter-spacing: 0.5px; }
input[type=submit], input[type=reset] {  display: block; padding: 5px 10px; width: auto; font-weight: bold; }
input[type=submit]:hover, input[type=reset]:hover { cursor: pointer; background: #ff7819; }
input[type=hidden] { display: none; }
input:hover, textarea:hover { }
input:focus { }
textarea { width: 400px; height: 150px; padding: 10px; margin-bottom: 17px; line-height: 1.6em;  }
textarea:focus { }
option { } button { } fieldset { } legend { }
input.invalid { }
textarea.invalid {}
form .message { display: none; }

/* 1.12) TABLES */
table:before { }
table { position: relative; width: 90%; padding: 0; margin: 1em auto 0 auto; }
table caption { padding-bottom: 10px; text-align: left; padding-top: 1.5em; }
table tbody { text-align: center;  }
table tfoot { }
table thead { }
table thead tr {  }
table thead th { line-height: 2.3em; }
table thead th:hover { cursor: pointer; }
table tbody { }
table tbody tr { line-height: 2.3em; }
table tbody th { }
table tbody th:hover {  }
table tbody td { }
table tbody td:hover { }
table tbody th, table tbody td { }

/* 1.13) FIXES */
*:first-child+html ul.check li { padding-left: 10px; margin-left: 10px; /* IE7 */ }

/* 2)	CLEARFIX,  http://sonspring.com/journal/clearing-floats
================================================================ */
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear
{background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none;	margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

 * Navigation tabs
 */
div.item-list-tabs {
	margin: 15px 0;
	padding: 5px 0;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	clear: both;
}

div.item-list-tabs ul {
	list-style: none;
	list-style-position: inside;
	margin: 0;
	padding: 0;
	line-height: 200%;
}
	div.item-list-tabs ul li {
		float: left;
		margin-right: 5px;
	}
		div.item-list-tabs#subnav ul li a {
			border: none;
			padding: 0;
		}

	div.item-list-tabs ul li.last { float: right; }

/***
 * Object Lists (groups/members/forums/blogs)
 */

ul.item-list {
	margin: 20px 0;
	padding: 0;
	list-style: none;
}
	ul.item-list li { position: relative; }
	ul.item-list div.item-avatar {
		float: left;
	}

	ul.item-list div.item {
		margin-left: 65px;
	}

	ul.item-list div.action {
		position: absolute;
		top: 0;
		right: 15px;
		text-align: right;
	}


/***
 * Content Object Headers
 */

div#item-header {
	padding-bottom: 15px;
	overflow: hidden;
}
	div#item-header div#item-header-avatar {
		float: left;
		margin-right: 15px;
	}

	div#item-header div#item-header-content {
		
		line-height:2em;
	}

/***
 * Activity Stream Post Form
 */

form#whats-new-form {
	overflow: hidden;
	padding-bottom: 20px;
}
	form#whats-new-form #whats-new-avatar {
		float: left;
	}

	form#whats-new-form h5 {
		clear: none;
		margin-left: 76px;
	}

	form#whats-new-form #whats-new-content {
		margin-left: 54px;
		padding-left: 22px;
	}

	form#whats-new-form #whats-new-textarea {
		padding: 8px;
		border: 1px inset #ccc;
		margin-bottom: 10px;
	}
	form#whats-new-form textarea {
		width: 100%;
		height: 60px;
		font-size: 14px;
		font-family: inherit;
		color: #555;
		border: none;
		margin: 0;
		padding: 0;
	}

	form#whats-new-form #whats-new-submit {
		float: right;
		margin: 0;
	}

/***
 * Activity Stream Post Form
 */

ul.activity-list {
	margin: 0;
	padding: 0;
}

ul.activity-list li {
	overflow: hidden;
	padding: 20px 0;
}
	ul.activity-list li img.avatar {
		float: left;
		width: 60px;
		height: 60px;
	}

	ul.activity-list li div.activity-content {
		margin-left: 75px;
	}

	ul.activity-list li div.activity-comments {
		margin: 15px 0 0 38px;
	}
		ul.activity-list li div.activity-comments ul li {
			padding: 5px 0;
		}

		ul.activity-list li div.activity-comments img.avatar {
			width: 25px;
			height: 25px;
		}

		ul.activity-list li div.acomment-content, ul.activity-list li div.acomment-meta {
			margin-left: 35px;
		}

	ul.activity-list li div.activity-inreplyto {
		margin: 15px 0 0 75px;
		font-size: 11px;
	}

/***
 * Input Forms
 */

/* Activity comment forms */

form.ac-form { display: none; } /* JS will show this */

div.activity-comments form {
	display: none;
	margin: 10px 0 10px 33px;
	padding: 8px;
}

	div.activity-comments div#message {
		margin-top: 15px;
		margin-bottom: 0;
	}

	div.activity-comments form.loading {
		background-image: url( ../images/ajax-loader.gif );
		background-position: 2% 95%;
		background-repeat: no-repeat;
	}

	div.activity-comments form .ac-textarea {
		padding: 8px;
		border: 1px inset #ccc;
		margin-bottom: 10px;
	}
		div.activity-comments form textarea {
			width: 100%;
			height: 60px;
			border: none;
			padding: 0;
		}
			div.activity-comments form input {
				margin-top: 5px;
			}

	div.activity-comments form div.ac-reply-avatar {
		float: left;
	}

	div.activity-comments form div.ac-reply-content {
		margin-left: 25px;
		padding-left: 15px;
	}

/* Standard Input Forms */

form.standard-form label, form.standard-form span.label {
	display: block;
	margin: 15px 0 5px 0;
}
	form.standard-form div.checkbox label,
	form.standard-form div.radio label {
		font-weight: normal;
		margin: 5px 0 0 0;
	}

	form.standard-form textarea {
		width: 75%;
		height: 120px;
	}

/* Send Invites Form */
form#send-invite-form {
	margin-top: 20px;
}
	div#invite-list {
		height: 400px;
		overflow: scroll;
		padding: 5px;
		width: 160px;
		margin: 10px 0;
	}

/* Directory search forms */

form.dir-form div.dir-search {
	float: right;
	width: 45%;
	margin: 0 0 25px 0;
}