/* 	main xam css
	Can be supplemented by other css referenced in the 
	theme and in domainassets/domain.name/
	*/

a {
	outline:none;
}

div.xTip {
	background: url(/img/help.gif) 0px 5px no-repeat;
	clear: both;
	padding:6px 6px 6px 22px;
	text-align:left;
	margin:0 0 1.5em 0;
}

div.editImageForm {
	float:right;
	width:50%;
}

div.flashPlayer {
	float:left;
}

#content {
	padding:0 14px;
}

#content .title {
	font-size:1em;
	font-weight:bold;
}

#content a, #content a:visited {
	color: #7c2b0f;
	text-decoration:none;
}

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

#content h1 {
	font-family: Georgia, serif;
	margin: 0 0 .75em 0;
	padding: 0;
	font-size: 30px;
	font-weight: normal;
	letter-spacing:-1px;
	color: #111156;
}

#content h2 {
	/* this negative margin groups nicely with h1 in #content */
	clear:both;
	color:#777788;
	font-family:arial;
	font-size:1em;
	font-weight:normal;
	margin:-2em 0 0 2.5em;
	
}

#content .heading {
	margin-bottom:.95em;
}

#content .inliner {
	background: url('/img/teaser_gradient_bg.gif') repeat-x;
	padding:1em;
}

#content .inliner .thumbnail {
	margin: 0 1em 1em 0;
}

#content .modelImages .thumbnail {
	margin:0;
}

#content .modelImage {
	overflow:hidden;
	width:81px;
	height:81px;
}

#sidebar {
	float: right;
	width: 20em;
	margin: 0 0 0 3em;
}

.main {
	width:61%;
	padding:0;
}

.main .rbmargin {
	margin: 0 2em 2em 0;
}

.main .rmargin {
	margin: 0 2em 0 0;
}

.main .titlebar div {
	margin:0 0 .5em 0;
}
div.titlebar {
	margin:0;
}
.sidebar {
	width:34%
}

.sidebar .block {
	margin: 0 0 2em 0;
}

#content .block {
	margin: 0 0 2em 0;
}

#content .group .block {
	margin: 0 0 1em 0;
}

#content .section-title {
	background-color:#f5f4f0;
	border:1px solid #E0E0E0;
	font-size:1.1em;
	font-weight:bold;
	padding:0.5em;
}

/* Images */

img.thumbnail {
	margin: 0 5px 5px 0;
	padding:5px;
	background-color:#ffffff;
	border-top:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
}

/* Videos */
div.video-wrapper {
	margin:0;
	padding:0;
	width:512px;
}
div.video {
	margin:0 auto;
	padding:5px;
	background-color:#e8e8e8;
	border-top:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
}

/* Forums */

.forum .titlecol {
	width:30em;
}
.forum .counts {
	width:12em;
	padding:0 0 0 4em;
}
.forum .poster {
	width:18em;
	padding:0 0 0 4em;
}

.forum table td {
	border-bottom:1px solid #EFEFEF;
	padding:0.5em 0;
	vertical-align:top;
}

.forum .thumbnail {
	margin-bottom:0;
}



.date {
	color:#999999;
}


/* page navigation */

.paging {
	padding: 1.5em 0;
	clear:both;
	text-align:center;
}
.paging div {
	display:inline;
	margin: 1.5em 0;
}

.paging .disabled, .paging .current, .paging a {
	background-color:#eaeaea;
	padding:4px 6px;
	margin:0 4px;
	border:1px solid #555599;
}

.paging .disabled:hover, .paging .current:hover, .paging a:hover {
	background-color:#f5f5f5;
	border:1px solid #003399;
}

.paging .current {
	font-weight:bolder;
	color: #DDA100;
}

.pagingStatus {
	padding-top:4em;
	clear:both;
	text-align:center;
}


/* Forms */

form {
	clear: both;
	padding: 0;
	width: 100%;
	background: #ffffff url('/img/fieldset_bg.gif') repeat-x;
}
fieldset {
	border:none;
	
	margin: 0 0 2em 0;
	padding: 0 30px 0 30px;
}
fieldset legend {
	color:#2F3148;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom:1em;
	padding:0;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 0;
}
fieldset fieldset legend {
	font-size: 1.2em;
	font-weight: normal;
	margin-left: 20px;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	margin-bottom: 1em;
	padding: 0;
	vertical-align: text-top;
}
form div.input {
	color: #444;
}
form div.required label {
	color: #333;
	font-weight: bold;
	background:url(/img/bullet_red.gif) -5px 0px no-repeat;
	padding-left:10px;
}
form div.submit {
	border:0 none;
	clear:both;
	padding:0 30px 30px;
}
label {
	color:#30355C;
	display: block;
	padding-right: 20px;
	padding-bottom: 5px;
	font-size:0.9em;
}
input, textarea {
	clear: both;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:110%;
	padding: 5px;
	border-color:#B0B0B0 #CFCFCF #CFCFCF #B0B0B0;
	border-style:solid;
	border-width:1px;
	background:#ffffff url('/img/input_bg.gif') repeat-x top;
}

textarea {
	width: 80%;
	height:10em;
}

select {
	clear: both;
	font-weight:normal;
	vertical-align: text-bottom;
	padding: 2px;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	padding: 0 3px;
	font-weight:normal;
}
input[type=text] {
	width: 50%;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=submit] {
	display: inline;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}

input[type=radio] {
	display: inline;
	vertical-align: middle;
}
input[type=hidden] {
	display:none;
	margin:0;
	padding:0;
	visibility:hidden;
}

.checkbox input {
	float:left;
	height:16px;
	width:16px;
	margin:0 6px 0 0;
	padding:0;
	position:relative;
	/*top:4px;*/
	vertical-align:bottom;
    *overflow: hidden;
}

.checkbox label {
	padding-bottom:0;
}

form .login {
	width:16em;
}

/* Ajax */

#ajaxLogin input, #ajaxLogin textarea {
	display:inline;
	width:auto;
}

#ajaxLogin .error, #makePost .error {
	font-weight:bold;
	color:#990000;
}

a.flag  {
	display:block;
	width:16px;
	height:16px;
	background:url('/img/flag_grey.gif') no-repeat;
}

a.flag:hover {
	background:url('/img/flag_red.gif') no-repeat;
}


/* users */


.addlink {
	display:block;
	float:right;
	clear:both;
	background: url(/img/add.gif) no-repeat left;
	padding: 0 0 0 20px;
	margin: 0 0 1.75em 0;
	font-size:1.1em;
	color:#0066CC;
	text-decoration:none;
}

.followlink {
	clear:both;
	display:block;
	font-size:1.1em;
	margin:0 0 1em;
	padding:0 0 0 20px;
	text-decoration:none;
}

#content .addlink {
	float:none;
}

/* Notices and Errors */

div.message {
	clear: both;
	font-weight: bold;
	padding:6px 6px 6px 32px;
	text-align:left;
	margin:1.5em 25% 1.5em 5%;
}

#goodMessage {
	color:#4e9b41;
	background:#C9E4C2 url(/img/accept.gif) 8px 5px no-repeat;
}

#badMessage, #authMessage, #loginMessage {
	color:#bd321c;
	background: #ffd1bc url(/img/exclamation.gif) 8px 5px no-repeat;
}

/*
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}
*/

/* Adobe Flash Handling */

#no-flash {
	background:#e1e1e1 url('/img/get_flash_bg.gif') no-repeat top left;
}
#no-flash .no-flash-inner {
	font-family:Arial, Helvetica, sans-serif;
	color:#555555;
	padding:35px;
}
#no-flash .no-flash-inner h1 {
	font-size:1.8em;
	font-weight:normal;
	margin:0 0 0.5em 0;
}
#no-flash .no-flash-inner h1 a {
	font-family:Arial, Helvetica, sans-serif;
	color:#555555;
}
#no-flash .no-flash-inner h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	font-weight:normal;
	margin:0 0 1.5em 0;
}

/* Comments */

.comment {
	width:512px;
}

.comment .vcard {
	padding:15px;
	background:url('/img/comment_vcard_bg.gif') no-repeat;
}

.comment .text {
	padding: 0 15px 15px 15px;
	background:url('/img/comment_bg.gif');
}

.comment .footer {
	background:url('/img/comment_footer_bg.gif') no-repeat;
	height:10px;
	margin:0;
	background-color:#ffffff;
}

.comment .vcard A {
	font-weight:bold;
}

.comment .vcard .thumbnail {
	margin-right:15px;
}

/* Lists, Search results, etc */

.lists {
	border-bottom:2px dotted #e9e9e9;
	padding-bottom:1.5em;
}

.lists .image {
	width:20%;
}

.lists .info {
	width:80%;
}

#content .block .listing {
	padding-bottom:2em;
	border-bottom:2px dotted #e9e9e9;
}

/* Teasers */

.teaser {
	color:#555555;
	padding:0px;
	margin:0 0 2em 0;
}

.teaser .teaser-title {
	/* font-family:Georgia, serif; */
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-align: center;
	/* font-weight:bold; */
	font-size:10px;
	padding: 0;
	margin: 0 0 .5em 0;
	color:#000066;
	background: url(/img/hr_cccccc.gif) repeat-x 0 50%;
}

.teaser .teaser-title span {
	background-color:#FFFFFF;
	padding: 0 4px;
}

.teaser .teaser-body {
	background: url('/img/teaser_gradient_bg.gif') repeat-x;
	padding: 1.5em;
}

.teaser a {
	color:#000099;
}

.teaser dl {
	padding:0;
	margin:0 0 .5em 0;
}

.teaser dl dt.image {
	float:left;
	margin:0 1.5em 1.5em 0;
	padding:0;
}

.teaser dl dt.image .thumbnail {
	margin:0;
}

.teaser dl dd, .teaser dl dt {
	margin:0 0 .5em 0;
}

.teaser dl dd.time {
	margin:0 0 1em 0;
	font-size:90%;
	color:#777777;
	clear:both;
}

.calendar {
	padding:0 0 0 18px;
	background: url(/img/xicons/date_bullet.gif) no-repeat 0 2px;
}

.teaser .news {
	padding:0 0 0 18px;
	background: url(/img/icons/newspaper.png) no-repeat 0 0px;
}

a.goto {
	display:block;
	padding-right:18px;
	background:url('/img/bullet_go_grey.gif') right no-repeat;
}

/* people */

.teaser .people {
	padding-right:0;
}

.teaser .people .thumbnail {
	margin:0;
}

.person {
	font-size:9px;
	margin-bottom:14px;
	width:73px;
	overflow:hidden;
}

a.friend-control {
	display:block;
	margin:0 0 .25em 0;
	padding:6px;
	background-color:#f7f3ef;
	border:1px solid #dedfde;
}

.profilesidebar {
	width: 33%;
}

/* Misc */

.p1 {
	padding:30px;
}
.p2 {
	padding:15px;
}
.half {
	width:49%;
}
.third{
	width:33%;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size:0; /*for IE*/
}
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

a:active {
  outline: none;
}

/* browser fixes */
div.clearer {
	clear: left; line-height: 0; height: 0; font-size:0;
}