/* SKITTLISH SKIN
	Adapted by Benoit Hediard for Affinitiz.
	Original Author : <a href="http://evil.che.lu/">Cristi Balan</a> (ported to Wordpress by <a href="http://journal.barleyhut.com">A.M. Griffin</a>
 */
/**************************************************************
 GENERAL
 **************************************************************/
body {
	background: #e3e3e3 url(http://affinitiz.s3.amazonaws.com/assets/skins/skittlish/bg.gif) repeat-x;
	color: #1b1b1b;
	font: normal 70% Verdana, Arial, Helvetica, sans-serif;
	_font-size: 12px; /* IE6 */
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0em;
	margin-bottom: .25em;
	font-weight: normal;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif;
}
h1 { font-size: 2.6em; }
h2 { font-size: 2.3em; }
h3 { font-size: 2.0em; }
h4 { font-size: 1.8em; }
h5 { font-size: 1.6em; }
h6 { font-size: 1.4em; }
hr {
	background-color: #9a9a9a;
	border: 0px;
	color: #9a9a9a;
	height: 1px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 0px;
}
p {
	/*margin-bottom: 1em;*/
	line-height: 1.3;
}
a {
	color: #095eae;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


/**************************************************************
 LAYOUT
 **************************************************************/

#adHeader {
	background-color: #330000; 
	clear: both;
	margin: 0 auto;
	padding-bottom: 3px;
	padding-top: 10px;
	text-align: center;
	width: 980px;	
}
#adFooter {
	background-color: #330000; 
	clear: both;
	margin: 0 auto;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
	width: 980px;
}

#globalHeader {
	height: 30px;
	padding-left: 15px;
	padding-right: 15px
}
#globalHeader #globalLogo {
	background: transparent url("http://affinitiz.s3.amazonaws.com/assets/skins/skittlish/local_header_logo.png") no-repeat;
	display: block;
	float: right;
	padding: 0 0px;
	margin: 5px;
	text-decoration: none;
	width: 62px;
	_background: transparent;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://affinitiz.s3.amazonaws.com/assets/skins/skittlish/local_header_logo.png', sizingMethod='crop');
	_margin: 6px 8px;
}
#globalHeader a {
	color: #FFFFFF;
}
#globalHeaderMemberDiv {
	float: left;
	line-height: 30px;
}
#globalHeaderMemberDiv button {
	margin-top: 5px;
}

#globalFooter {
	border-top: solid 1px #343434;
	background: #272727 url(http://affinitiz.s3.amazonaws.com/assets/skins/skittlish/footer_bg.gif) left bottom repeat-x;
	clear: both;
	color: #BABABA;
	font-size: .8em;
	padding: 14px 0px 40px 0px;
	text-align: center;
}
#globalFooter a {
	color: #BABABA;
	text-decoration: underline;
}
#globalFooter a:hover {
	color: #EAEAEA;
}

#wrapper {
	background: #330000 url(http://affinitiz.s3.amazonaws.com/assets/skins/skittlish/left_bg.gif) right repeat-y;
	border-left: solid 1px #9a9a9a;
	font-size: 1.11em;
	margin: 0 auto;
	position: relative;
	padding-right: 5px;
	width: 980px;
}
#header {
	background: #1c1c1c url(http://affinitiz.s3.amazonaws.com/assets/skins/skittlish/header_bg.gif) repeat-x;
	clear: both;
	padding: 0px 0px 20px 80px;
	border-bottom: solid 1px #343434;
	border-right: solid 1px #343434;
	border-top: solid 1px #343434;
	height: 150px;
	_padding-bottom: 0px; /* IE6 */
}

#title {
	display: inline;
	float: left;
	height: 143px;
}
#title h1 {
	font-size: 18px
	font-weight: normal;
	margin-bottom: 0;
	padding-top: 40px;
	_font-size: 28px;
}
#title h1 a {
	color: #666666;
	display: block;
}
#title h1 a:hover {
	text-decoration: none;
}
#title h4 {
	color: #444444;
	font-size: 14px;
}

#header {display:inline-block;}
/* Hides from IE-mac \*/
* html #header  {height:1%;}
#header {display:block;}
/* End hide from IE-mac */

#header .menu,
#main .menu {
	clear: both;
	/*text-align: right;*/
	width: 900px;
}
#header .menu li,
#main .menu li {
	background: url(http://affinitiz.s3.amazonaws.com/assets/skins/skittlish/menu_bg.png) right top repeat-x;
	display: inline;
	padding: 10px; 
	_background-image: none; /* IE6 */
}
#header .menu a,
#main .menu a {
	color: #444444;
	font-weight: bold;
	line-height:30px;
	/*text-transform: lowercase;*/
	_color: #BABABA; /* IE6 */
}
#header .menu li.current a,
#main .menu li.current a {
	color: #CCCCCC;
}
#page { 
	background: url(http://affinitiz.s3.amazonaws.com/assets/skins/skittlish/sidebar_bg.png) right top repeat-y;
	_background-image: none; /* IE6 */
}
#page .full {
	background: none;
}

#main {
	background: #FFFFFF url(http://affinitiz.s3.amazonaws.com/assets/skins/skittlish/content_top_bg.gif) repeat-x;
}
#page.full #main {
	width: 980px;
}
#page.full #mainWrapper {
	margin-top: 0px;
	width: 740px;
}

#sideBar {
	background: transparent url(http://affinitiz.s3.amazonaws.com/assets/skins/skittlish/sidebar_top.png) right top no-repeat;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: hidden;
	_background-image: none; /*IE6 */
}
#sideBar2 {
	font-size: 0.8em;
	overflow: hidden;
	padding-bottom: 20px;
}
#sideBar h1 a,
#sideBar h2 a,
#sidebar h3 a,
#sideBar h4 a,
#sideBar h5 a,
#sideBar h6 a {
	font-weight: normal;
}
#sideBar .ad {
	margin-left: 20px;
	margin-bottom: 20px;
}

#navBar { 
	margin-bottom: 10px;
}
#navBar ul li {
	display: inline;
}
#navBar .filters {
	margin-top: 2px;
}
#navBar .current a {
	font-weight: bold;
	text-decoration: none;
}
#navBar a:link,
#navBar a:visited {
	color: #2A2A2A;
}

#navBar a:hover,
#navBar a:active {
	color: #330000;
	text-decoration: underline;
}

#main .paging a {
	border: 1px solid #330000; 
	color: #330000;
	font-size: 9px;
	font-weight: bold;
	padding: 2px 5px;
	text-decoration: none;
}
#main .paging a:hover {
	border: 1px solid #1C1616; 
	color: #1C1616;
}
#main .paging a.current {
	background-color: #330000;
	border: 1px solid #330000; 
	color: #FFFFFF;
}


/**************************************************************
 ITEMS
 **************************************************************/

#main .meta {
	color: #838383;
	font-size: .9em;
	margin-bottom: 1em;
}
#sideBar .meta {
	color: #DDDDDD;
}
.item .header h2.title {
	color: #330000;
	letter-spacing: -2px;
	font-size: 2.2em;
}
.item .header h2.title a {
	color: #330000;
}
.item .header h2.title a:hover {
}
.item a {
	color: #095eae;
}
.item a:hover {
}
.item .body {
	margin-bottom: 10px;
	margin-top: 10px;
}
.item .body .data {
	border-bottom: 2px dotted #DDD;
	padding-bottom: 10px;
	padding-top: 10px;
}

/*** Content classes ***/
.calendarDay {
	display: none;
}
.list .item {
	border-top: 2px solid #DDD;
	margin-bottom: 10px;
	padding-top: 10px;
}
.list .item.first {
	border-top: 0px;
}
.list .item.last {
}
.display .item {
	margin-top: 30px;
}

#contents.list .item .footer .commentCount {
	background: url(http://affinitiz.s3.amazonaws.com/assets/skins/skittlish/comments.gif) left center no-repeat;
	color: #838383;
	padding-bottom: 5px;
}
#contents.list .item .footer .commentCount a {
	color: #838383;
	line-height: 30px;
	padding: 5px 0px 10px 35px;
}

/*#content.display .item,
#message.display .item {
	margin-top: 20px;
}*/
#content .item .body .text { 
	border-bottom: 2px dotted #DDD;
	padding-bottom: 10px;
	padding-top: 10px;
}

/*** Other ***/
.map,
.calendar {
	margin-bottom: 20px;
	margin-top: 20px;
}

.contentRatingVoteWrapper {
	background-color: #FFCBCB; 
}

#contextDescription {
	background-color: #FFFBE6;
	border: 1px solid #FFCC00;
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

/**************************************************************
 FORMS
 **************************************************************/
.fieldSet {
	border-style: none;
	margin-bottom: 1em;
}
.fieldSet input, fieldSet textarea {
	background-color: #eaeada;
	border: solid 1px #838383;
	font-family: monospace;
	font-size: 1.2em;
	padding: 2px 4px;
}
.fieldSet input:hover, fieldSet textarea:hover {
	 background-color: #f2f2e2;
}
.fieldSet input:focus, fieldSet textarea:focus {
	background-color: #fafaea;
}
input {
	padding: 2px 4px;
}
#searchForm input {
	width: 90%;
}
#searchForm input[type=submit] {
	display: none;
}


/**************************************************************
 PODS
 **************************************************************/
.pod h4 {
	font-size: 1.4em; 
	margin: 0 0 .5em 0;
	text-transform: uppercase;
}
#sideBar .pod ul li {
	margin-left: 1em;
	margin-bottom: .25em;
}
#sideBar .pod ul.gallery li {
	margin: 1px;
}
#sideBar .pod ul.gallery .thumbnailWrapper {
	border: #FFFFFF;
}
#sideBar .pod {
	background: transparent url(http://affinitiz.s3.amazonaws.com/assets/skins/skittlish/pod_bg.png) no-repeat;
	color: #FFFFFF;
	margin: 0px 20px 0px 20px;
	padding: 10px 20px 40px 20px;
	_background-image: none; /* IE6 */
}
#sideBar .pod a {
	color: #FFFFFF;
}
#sideBar .pod .current a {
	color: #D4D4D4;
	font-weight: bold;
}
#sideBar2 .pod {
	background-color: #EFEFEF;
	border-bottom: 1px solid #9a9a9a; 
	border-right: 1px solid #9a9a9a;
	padding: 10px 10px 10px 10px;
}
#sideBar2 .pod h4 {
	font-size: 1.2em; 
}
#sideBar2 .info {
	background: #FFCBCB url(http://affinitiz.s3.amazonaws.com/assets/skins/skittlish/sidebar_top.png) right top no-repeat;  
	color: #666666;
	_background-image: none; /*IE6 */
}
#sideBar .info .image,
#sideBar2 .info .image  {
	border: 1px solid #A5A5A5;
	margin-bottom: 5px;
}
#sideBar .custom.pod,
#sideBar2 .custom.pod {
	padding: 0px;
	background: none;
	border: none;
}

#main .pod {
	border-top: 2px solid #DDD;
	clear: both;
	margin-bottom: 20px;
	padding-top: 10px;
}
#main #memberDescriptionPod.pod,
#main #spaceDescriptionPod.pod,
#main #spaceAboutPod.pod { 
	border-top: none;
}

/**************************************************************
 ICONS
 **************************************************************/

#sideBar .pod .rss, #main .pod .rss {
	background: url(http://affinitiz.s3.amazonaws.com/assets/skins/skittlish/feed.gif) 0% 100% no-repeat;
	margin-left: 5px;
	padding-left: 20px;
}
#sideBar .pod .rss {

}
#sideBar .rss ul li, #main .rss ul li { 
	margin-left: 1em;
	margin-bottom: .25em;
}

#sideBar2 .rss ul  {
	margin-top: 4px;
}
#sideBar2 .rss ul li {
	margin: 4px 0;
}
#sideBar2 .rss a {
	padding-left: 20px;
	padding-top: 4px;
}

#main #commentsPod li,
#main #contentsPod li {
	margin-bottom: 2px;
	margin-top: 2px;
	padding-left: 20px;
}

/* advancedSearchForm */
#advancedSearchForm ul form li {
	margin-left: 0 !important;
}body.network #globalHeaderLogoDiv {
	display: none;
}

#header {
	clear: both;
}

#title {
	width: 800px;
}

#main {
	float: left;
	width: 640px;
}
#mainWrapper {
	margin: 15px 20px 80px 80px;
	width: 515px;
}
#page.home #mainWrapper {
	margin-left: 20px;
	width: 420px;
}


#main #spaceDescriptionPod.pod,
#main #spaceAboutPod.pod { 
	border-top: none;
}

#header #title img {
	display: none;
}

#page.home #main {
	margin-left: 0px;
	width: 460px;
}

#footer{
	display: none;
}

#sideBar {
	float: right;
	width: 340px;
}
#sideBar2 {
	float: left;
	width: 180px;
}

/* Contents */
#page.contents .contents.calendar,
#page.contents .content.opinions .gallery,
#page.contents .content.videos .gallery,
#page.contents .contents.map {
	border-bottom: 2px solid #DDD;
}
#page.contents .contents.calendar,
#page.contents .contents.map {
	padding-bottom: 25px;
}
#page.contents .content.opinions .gallery,
#page.contents .content.videos .gallery {
	padding-bottom: 10px;
}
#main .content.videos.pod {
	margin-bottom: 0px;
}

/* Comments */
#contentComments h3 {
	border-bottom: 2px dotted #DDD;
	color: #330000;
	margin: 20px 0 10px 0;
}
#contentComments .tree {
	margin-bottom: 20px;
}
#contentComments .topLink {
	float: right;
}
#contentComments.list .item {
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 10px;
}
#contentComments.list .item h2 {
	font-size: 1.6em;
}
#contentComments.list .even {
	background: #F0F0F0;
}
#contentComments.list .odd {
	background: #FAFAFA;
}
#contentComments.list .header .thumbnailWrapper {
	border:1px solid #E0E0E0;
	float:left;
	margin:0px 5px 0 3px;	
}
#contentComments.list .item .header,
#contentComments.list .item .body,
#contentComments.list .item .footer {
	padding: 0;
	margin: 0;
}
#contentComments #commentApp {
	margin-top: 10px;
}