/*STRANGE SKIN*/

/*Page background pattern, text color*/
body, html {
    background:#990000;
    color:#fff;    
}

#ka-page-wrap{ background: #990000 url(/skins/pro/strange/images/strange-pagewrap.gif) no-repeat 0 0px; }

#ka-page {
    font-family: "Times New Roman", Times, serif;
    font-size: 12px;}

#ka-page .ka-content-tools,
#ka-page .ka-activity { border-bottom: 1px dotted #000; }

/*Link color, button text color*/
a, a.ka-header-action, .ka-link {
	color:#fff;
}

/*Username*/
#ka-header h1 {
    font-family: Castellar, "Times New Roman", Times, serif;
	text-transform: uppercase;
	color:#990000;
    font-weight: normal;
	width:600px;
}

/*Nav on-state & page title*/
.ka-sub-nav .ka-nav li strong, li.ka-active a, .ka-section-nav li strong, .ka-section-nav li a.ka-active, .ka-local-nav li strong, .ka-local-nav li a.ka-active {
	color:#FFF587;
}
.ka-section-nav li.ka-create-community, .ka-local-nav li.ka-create-community, .ka-sub-nav li.ka-create-community, .ka-sub-nav li.ka-skins {
	background:transparent url(/skins/pro/default/images/nav_local_slash.png) no-repeat scroll left center;
	float:left;
	margin-left:-9px;
	padding-left:14px;
}
#ka-header .ka-sub-nav ul.ka-nav {
padding-top: 30px;}


/*Move content flush against global nav*/
.ka-global-nav {
	margin-bottom:-4px; 
}

.ka-global-nav .ka-nav a { color: #000; }

/*attach username to first column*/
#ka-header {
	width:600px;
	background:transparent;
	margin-top:15px;
	padding:10px 15px 0;
}
#ka-profile-page #ka-header {
	width:643px;
}
#ka-content {
	margin-top:0px;
}

/*Profile box titlebar*/
#ka-profile-page .ka-section h2,
#ka-profile-page .ka-section h3,
.ka-modal-content h2, .ka-modal-content h3 {
    font-family: Castellar, "Times New Roman", Times, serif;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
    color:#fff;    
    text-align: left;
}

#ka-profile-page .ka-actions { 
    background: transparent; 
    border: 0px; 
}

#ka-profile-page .ka-actions li { 
    border: 0px; 
    font-size: .9em; 
}

.ka-actions .ka-more .ka-item {
     background-image: url(/skins/pro/skier4life/images/arrow_down_white_8x4.gif); 
}


.ka-modal { background: #990000; border: 1px solid #ccc; }

#ka-alpha .ka-section h2 {
    background: url(/skins/pro/strange/images/strange_alpha.gif) no-repeat bottom left;
}

#ka-beta .ka-section h2,
.ka-content-header,
.ka-modal h2 {
    background: url(/skins/pro/strange/images/strange_beta.gif) no-repeat bottom left;
}

#ka-friends-page .ka-content-header h2 { 
    position: relative; 
    top: 26px;
}

#ka-sidebar .ka-tab {
    background: url(/skins/pro/strange/images/strange_side.gif) no-repeat bottom;
}

#ka-sidebar .ka-tab a {
    color: #fff;
}

#ka-sidebar h4.ka-tab a span {
    background-image: url(/skins/pro/strange/images/arrow_up_white_8x4.gif); 
}

#ka-sidebar .ka-collapsed h4.ka-tab a span {
      background-image: url(/skins/pro/skier4life/images/arrow_down_white_8x4.gif);
}

.ka-main .ka-content { border-bottom: 1px dotted black;}

#ka-page .ka-section {
     background: transparent;
}
/*Unread or selected messages*/
#ka-inbox-page #ka-conversations-form li.ka-unread,
#ka-inbox li.ka-read,
.ka-selected
{
background:transparent url(/skins/pro/strange/images/bckgtile.gif) repeat 0 0;
}
/*Search & Add Shout input border & btn bg*/
.ka-search-form,.search-form button, .ka-comments form, .ka-add-friend-to-list-form {
	background-color:#222;
}
/*Vertical border between input and submit btn*/
.ka-search-form, .ka-comments form, .ka-add-friend-to-list-form, .ka-add-friend-to-list-form input, .ka-search-form input, .ka-comments form div,.add-friend-to-list-form button, .ka-search-form button  {
	border-color:#C5C5C5;
}
/*html buttons*/
.ka-button, button.ka-submit, .ka-form-actions button, .ka-form-actions input, a.ka-header-action, .ka-header-actions a, .ka-actions .ka-apply, a.ka-cancel, .ka-actions .ka-cancel, #ka-cancel, .ka-actions .ka-reset, .ka-actions .ka-add, .ka-global-tag-form .ka-form-actions button, .ka-section-actions a.ka-edit-section, .ka-pagination .ka-prev, .ka-pagination .ka-next {
	background:#000;
	border-color:#ccc;
	-moz-border-radius:3px;
	-webkit-border-radius: 5px;
	color:inherit;
	font-size:11px;
	font-weight:bold;
	display:inline-block;
        text-indent:0px;
	border-style:solid;
	border-width:1px;
	line-height:1.37em;
}
	/*button hovers*/
	.ka-button:hover, button.ka-submit:hover,
	a.ka-header-action:hover,
	.ka-form-actions button:hover, .ka-form-actions a:hover,
	.ka-header-actions a:hover, .ka-actions .ka-apply:hover, .ka-actions .ka-reset:hover, .ka-actions .ka-add:hover, .ka-pagination .ka-prev:hover, .ka-pagination .ka-next:hover {
		background-color:#222;
		text-decoration:none;
	}
a.ka-cancel, .ka-actions .ka-cancel, #ka-cancel {
	background:url(/skins/pro/yuku_aqua/images/button_gradients.gif) repeat-x scroll 0 -68px;
	border-color:#E6E6E6 #D6D6D6 #D2D2D2 #E3E3E3;
	color:#888888;
}
a.ka-cancel:hover, .ka-actions .ka-cancel:hover, #ka-cancel:hover {
	background-position: 0 -102px;
	text-decoration:none;
}
/*fix photo editing html buttons*/
.ka-rotateform .ka-actions, #ka-cropForm .ka-actions, #ka-scaleForm .ka-actions, #ka-cropForm .ka-controlPanel {
	width:auto;
}
.ka-actions .ka-apply, .ka-actions .ka-cancel, .ka-actions .ka-reset, .ka-actions .ka-add {
	height:auto;
}

/*Merge this w/global css later, customizes carousel btn*/
	.ka-carousel button {
		-moz-background-clip:border;
		-moz-background-inline-policy:continuous;
		-moz-background-origin:padding;
		background:transparent url(/skins/pro/default/images/button_nextprev.gif) no-repeat scroll 0 0;
		display:block;
		height:19px;
		min-height:12px;
		overflow:hidden;
		text-indent:-9999px;
		width:22px;
	}
	.ka-carousel .ka-r-scroll {
		background-position:-22px 0;
		right:-3px;
	}
	.ka-carousel .ka-l-scroll {
		background-position:0 0px;
		left:-3px;
	}
	.ka-carousel .ka-l-scroll:hover {
		background-position:0 -19px;
	}
	.ka-carousel .ka-r-scroll:hover {
		background-position:-22px -19px;
	}
	#ka-alpha .ka-carousel .ka-l-scroll {left:-9px;}
	#ka-alpha .ka-carousel .ka-r-scroll {right:-9px;}

/*Next/Prev button*/
.ka-pagination .ka-prev, .ka-pagination .ka-next {
	background-image: url(/skins/pro/default/images/next_prev_arrow.gif);
	text-indent:-9999px;
	background-position:-21px -60px;
}
.ka-pagination .ka-next {
	background-position:-61px -60px;
}
.ka-pagination a.ka-prev:hover {
	background-position:-21px -122px;
}
.ka-pagination a.ka-next:hover {
	background-position:-61px -122px;
}
/*Sidebar*/
#ka-sidebar {
	top:-67px;
}

/*Sidebar module divider*/
.ka-module {
	border: 0px;
        margin-bottom: 10px;;
}
/*Sidebar content bg*/
.ka-module .ka-content {
	background-color: #000;
}

/*Style the see more links */
.ka-see-more,
.ka-more-section {
        background: transparent url(/skins/pro/strange/images/asterick.png) no-repeat;
	font-size:12px;
	margin:0 -9px -9px 0;
	padding: 0 14px;
        letter-spacing: 1.1px;  
}

.ka-see-more:hover {           
       text-decoration: underline;
}       
/*Custom Edit profile box link*/
.ka-section-actions .ka-edit-section {
	top:4px;
	background-position:0 0;
	padding:3px 10px;
}
/*Spruce up friend stream*/
.ka-carousel .ka-carousel-container {
	border:medium none;
}
.ka-carousel ul li a {
	margin:0;
}
#ka-profile-page html.ka-js body div.ka-carousel ul li {
	margin-right:3px;
}
/*Increase size of Activity Box*/
#ka-profile-page .ka-section ul.ka-activities {
	max-height:450px;
}
/*Activity feed*/
.ka-activity {
	font-size:14px;
}
.ka-action {
	font-style:italic;
	font-size:12px;
	color:#999;
}
.ka-activities dt {
	color:#999;
}
	/*Befriending*/
	.what-ive-been-up-to .ka-activity-friend-add .ka-action, dl.ka-activities .ka-activity-friend-add .ka-action, .ka-friends-news .ka-activity-friend-add {
		background:transparent url(/skins/pro/default/images/action_friends.png) no-repeat scroll 0 0;
		padding:3px 0 1px 19px;
	}
	.ka-friends-news .ka-activity-friend-add {
		background-position:0 10px;
		padding:10px 0 10px 19px;
	}
	/*Comments*/
	.what-ive-been-up-to .ka-activity-comment-shout .ka-action, dl.ka-activities .ka-activity-comment-shout .ka-action, .ka-friends-news .ka-activity-comment-shout,
	.what-ive-been-up-to .ka-activity-comment-photo .ka-action, dl.ka-activities .ka-activity-comment-photo .ka-action, .ka-friends-news .ka-activity-comment-photo {
		background:transparent url(/skins/pro/default/images/action_comments.png) no-repeat scroll 0 0;
		padding:3px 0 1px 21px;
	}
	.ka-friends-news .ka-activity-comment-shout, .ka-friends-news .ka-activity-comment-photo {
		background-position:0 10px;
		padding:7px 0 10px 21px;
	}
	
	/*Photos*/
	.what-ive-been-up-to .ka-activity-upload-photo .ka-action, dl.ka-activities .ka-activity-upload-photo .ka-action, .ka-friends-news .ka-activity-upload-photo,
	.what-ive-been-up-to .ka-activity-update-avatar .ka-action, dl.ka-activities .ka-activity-update-avatar .ka-action, .ka-friends-news .ka-activity-update-avatar {
		background:transparent url(/skins/pro/default/images/action_photos.png) no-repeat scroll 0 0;
		padding:3px 0 1px 21px;
	}
	.ka-friends-news .ka-activity-upload-photo, .ka-friends-news .ka-activity-update-avatar {
		background-position:0 10px;
		padding:7px 0 10px 21px;
	}
/*white dropdown arrow*/
.ka-dropmenu .ka-item {
	background-image: url(/skins/pro/skier4life/images/arrow_down_white_8x4.gif) ;
}
/*Add little background to all dropdown menus*/
.ka-dropmenu.ka-opened .ka-item {
	border: 1px solid #BBBBBB; 
	padding: 0px 11px 0px 8px;
	margin-bottom:-1px;
	background-color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;
        color: #000;
	outline: none;
	margin-top:-1px;
	position:relative;
	z-index:1000;
    -moz-border-radius-topright:3px;
    -moz-border-radius-topleft:3px;
    -webkit-border-radius-topright:3px;
    -webkit-border-radius-topleft:3px;
}
.ka-dropmenu ul { 
    -moz-border-radius-topright:3px;
    -moz-border-radius-bottomleft:3px;
    -webkit-border-radius-bottomright:3px;
    -webkit-border-radius-topright:3px;
    -webkit-border-radius-bottomleft:3px;
    -webkit-border-radius-bottomright:3px;
}

.ka-dropmenu.ka-opened li a {
    color: #000;
}
/* Expand-collapse section arrows */

.ka-section-actions .ka-collapse-section {
    background: transparent url(skins/pro/yuku_gunmetal/images/icon_arrow_up.gif) no-repeat scroll 0 0;
}
.ka-section-actions .ka-expand-section {
background: transparent url(skins/pro/yuku_gunmetal/images/icon_arrow_down.gif) no-repeat scroll 0 0;
}

.ka-section-actions a.ka-close-section {
       background: transparent url(/skins/pro/strange/images/close.gif) no-repeat scroll top right;
       height: 20px;
       width: 20px;
}

.ka-photo-actions a { 
    color: #000; 
}

/* Global navigation in black */

.ka-global-nav .ka-search-form{
  height: 20px; padding-bottom: 1px;
}

/*dark gray icons*/
.ka-global-nav .ka-nav li.ka-nav-home a, .ka-global-nav .ka-nav li.ka-nav-profile a, .ka-global-nav .ka-nav li.ka-nav-settings a, .ka-global-nav li.ka-messages a, #ka-header h1.ka-title-home, #ka-header h1.ka-title-profile, #ka-header h1.ka-title-settings {
	background-image:url(/skins/pro/shared_images/profile_icons/dkgray.png);
}
#ka-header h1.ka-title-profile {
	background-position:0 -147px;
}
#ka-header h1.ka-title-settings {
background-position:0 -233px;
}
#ka-header h1.ka-title-home {
background-position:0 -321px;
}

.ka-global-nav li a.ka-item { background: url(/skins/pro/default/images/arrow_down_black_8x4.gif) no-repeat right; }

/* adjust to keep button from being flush with search */

#ka-friends-page .ka-content-header a.ka-header-action { 
     margin-bottom: 5px; 
}

/* Landing Page */

#ka-html-view-page .ka-global-nav {
	background: transparent url(/skins/pro/default/images/nav_global_bg.png) repeat scroll 0 0;
}

/* Avatar background */
#ka-page .ka-media-frame { 
        background: #000; 
        border: 0px; 
}

/* friends-invite page */

#ka-email-login { 
     background: #222; 
}

/*activity feed */
#ka-page-wrap ul.ka-activity-comments{background-color: black; border: solid 2px white;} 
form.ka-comment-activity-form div,
.ka-activity ul.ka-stream-actions li.ka-clicked a.ka-comment-item{background-color: black;}

#ka-profile-page #ka-content .ka-section, .ka-modal-content .ka-section {
background-color:transparent;
}
#ka-sidebar {background-color:transparent;}