/* ==================================================================
	File:     css/style.css
	Project:  Nimue's World
	Purpose:  CSS file for main site templates
	
	If you change the name of this file, you will also need to update 
	the configuration for CKEditor in root/static/ckeditor/config.js
	
	Author:   Pandora Blake <pandora@kinkysites.co.uk>
	Copyright (c) 2013 Kinky Sites - www.kinkysites.co.uk
   ================================================================== */


/* =========== ( General ) ========== */

body {
	background:			url("/static/images/bg.jpg") no-repeat fixed transparent;
	background-size:	cover;
	font:				1em sans-serif;
	margin:				0;
	padding:			0;
	text-align:			left;
	width:				100%;
}

#wrapper {
	margin:				0 auto;
	width:				960px;	
}

#wrapper #content {
	width:				960px;
	background:			#ffffff;
	float:				left;
}

#wrapper-index #content {
	width:				780px;
	background:			#ffffff;
	float:				left;
}

#content #main {
	background:			#ffffff url("/static/images/header-bg-members.jpg") 0 -242px no-repeat;
	font-size:			0.9em;
	margin:				0 auto;
	padding:			0;
	width:				960px;
	float:				left;	
}

.clearfix {
	clear:				both;
	height:				1px;
}

a {
	color:				#FE4066;
	text-decoration:	underline;
}

a:hover {
	color:				#c21564;
	text-decoration:	underline;
}

a:visited {
	color:				#FE4066;
	text-decoration:	none;
}

a:active {
	color:				#c21564;
	text-decoration:	none;
}

h4 {
	font-size:			1.2em;
}



/* =========== ( Splash page ) ========== */

#wrapper-index {
	margin:				0 auto;
	width:				900px;
}

#header.without-menu {
	background:			url("/static/images/header-bg-index.jpg") no-repeat;
	height:				190px;
	width:				inherit;
}

#wrapper-index #content #homepage {
	background:			#ffffff url("/static/images/bg-index.jpg") left top no-repeat;
	width:				900px;
	overflow:			auto;
}

#content #homepage #container-index {
	float:				right;
	width:				300px;
}

#content #homepage #container-index #intro {
	background:			url("/static/images/bg-intro.jpg") no-repeat;
	float:				right;
	height:				194px;
	width:				295px;
	margin:				10px 10px 0 10px;
	padding:			25px 40px 0;
}

#content #homepage #intro p {
	font-size:			12px;
	line-height:		16px;
}

#content #homepage #warning {
	float:				right;
	margin:				0 0 10px 0;
	height:				150px;
	width:				370px;
}

#content #homepage #warning h2 {
	font-weight:		normal;
	margin:				15px 0 10px 0;
	color:				#000;
	font-family: 		Times New Roman,serif;
	font-size:			1.5em;
}

#content #homepage #warning #deed {
	font-size:			12px;
	line-height:		16px;
	margin:				0 auto;
	overflow-y:			scroll;
	height:				100px;
	width:				300px;
}

#content #homepage #enter {
	float:				right;
	width:				370px;
}

#content #homepage #enter p {
	font-size:			0.8em;
	line-height:		14px;
	margin:				10px auto;
	width:				270px;
}

#content #homepage #enter p a {
	color:				#000;
}

#content #homepage #enter div.box {
	margin:				0 auto;
	width:				176px;
}

#content #homepage #parental-links {
	clear:				both;
	float:				right;
	font-size:			12px;
	padding:			30px 100px 30px 100px;
	text-align:			center;
	width:				700px;
}

#content #homepage #parental-links ul {
	list-style-type:	none;
	margin:				0 auto;
	text-align:			center;
	width:				480px;
}

#content #homepage #parental-links ul li {
	border-right:		1px solid #000;
	float:				left;
	margin-left:		4px;
	padding-right:		4px;
}

#content #homepage #parental-links ul li a {
	color:				#000;
	float:				left;
}

 /* =========== ( Menu ) ========== */

#header.with-menu {
	background:			url("/static/images/header-bg-members.jpg") no-repeat;
	height:				242px;
	width:				960px;
	margin:				0;
	padding:			0;
}

#header.with-menu ul#menu {
	float:				left;
	list-style-type:	none;
	width:				660px;
	height:				40px;
	margin:				0;
	padding:			195px 0 0 0;
}

#header.with-menu ul#menu li.item {
	float:				left;
	margin:				0 15px 0 15px;
}

#header.with-menu ul#menu li.item a {
	display:			block;
	overflow:			hidden;
	text-indent:		-999999px;
}

#header.with-menu ul#menu li.item.home a {
	background:			url("/static/images/item-home.jpg") no-repeat;
	width:				62px;
	height:				27px;
	padding:			0 0 8px 0;
}

#header.with-menu ul#menu li.item.home.active a,
#header.with-menu ul#menu li.item.home:hover a {
	background:			url("/static/images/item-home-active.jpg") no-repeat;
}


#header.with-menu ul#menu li.item.photos a {
	background:			url("/static/images/item-photos.jpg") no-repeat;
	width:				68px;
	height:				27px;
	padding:			0 0 8px 0;
}

#header.with-menu ul#menu li.item.photos.active a,
#header.with-menu ul#menu li.item.photos:hover a {
	background:			url("/static/images/item-photos-active.jpg") no-repeat;
}

#header.with-menu ul#menu li.item.videos a {
	background:			url("/static/images/item-videos.jpg") no-repeat;
	width:				66px;
	height:				27px;
	padding:			0 0 8px 0;	
}

#header.with-menu ul#menu li.item.videos.active a,
#header.with-menu ul#menu li.item.videos:hover a {
	background:			url("/static/images/item-videos-active.jpg") no-repeat;
}

#header.with-menu ul#menu li.item.friends a {
	background:			url("/static/images/item-about.jpg") no-repeat;
	width:				121px;
	height:				32px;
	padding:			0 0 3px 0;	
}

#header.with-menu ul#menu li.item.friends.active a,
#header.with-menu ul#menu li.item.friends:hover a {
	background:			url("/static/images/item-about-active.gif") no-repeat;
	width: 				120px;
}

#header.with-menu ul#menu li.item.join a {
	background:			url("/static/images/item-join.jpg") no-repeat;
	width:				97px;
	height:				34px;
	padding:			0 0 1px 0;
	}
	
#header.with-menu ul#menu li.item.join.active a,
#header.with-menu ul#menu li.item.join:hover a {
	background:			url("/static/images/item-join-active.gif") no-repeat;
	width: 				120px;
}

#header.with-menu ul#menu li.item.forum a {
	background:			url("/static/images/item-forum.jpg") no-repeat;
	width:				65px;
	height:				27px;
	padding:			0 0 8px 0;	
}

#header.with-menu ul#menu li.item.forum.active a,
#header.with-menu ul#menu li.item.forum:hover a {
	background:			url("/static/images/item-forum-active.jpg") no-repeat;
	
}

#header.with-menu ul#menu li.item.webcam a {
	background:			url("/static/images/item-chat.gif") 0 -3px no-repeat;
	width:				82px;
	height:				28px;
	padding:			0 0 7px 0;
}

#header.with-menu ul#menu li.item.webcam.active a,
#header.with-menu  ul#menu li.item.webcam:hover a {
	background:			url("/static/images/item-chat-hover.gif") 0 -3px no-repeat;
}

#header.with-menu ul#menu li.item a {
	color:				transparent;
	overflow:			hidden;
	text-indent:		-999999px;
}

#header.with-menu #header-login {
	float:				left;
	width:				300px;
	margin:				0;
	padding:			198px 0 0 0;
	font-size:			0.8em;
}

#header.with-menu #login-options p.non-member {
	margin:				1px 5px 3px 0;
	padding:			0;
}

#login-options {
	float:					right;
	color:					#ffffff;
	font-size:				0.9em;
	text-align:				right;
	padding:				0 0 10px 0;
	margin:					0;
	clear:					left;
}

#login-options p {
	margin:				0;
	padding:			5px 10px 0 0;
}

#login-options ul#login {
	list-style-type:	none;
	margin:				0;
	padding:			0;
}

#login-options ul#login.member {
	padding:			0;
	float:				right;
	margin:				5px 10px 0 0;
}

#login-options ul#login.non-member,
#header.with-menu #header-login p.non-member {
	text-align:				right;
}

#login-options ul#login li {
	display:				inline;
	border-right:			1px #ffffff solid;
	padding:				0 10px 0 10px;
	margin:					0;
}

#login-options ul#login li.last {
	border-right:			0;
}

#login-options a:hover {
	color:					#ffdcf2;
	text-decoration:		underline;
}

#header-login #login-form {
	padding:				0 0 0 25px;
}

#header-login #login-form .textshortest {
	border:					1px solid #000;
	width:					90px;
	padding:				1px 3px 1px 3px;
	float:					left;
	margin:					1px 5px 0 0;
}

#header-login #login-form .login {
	background:				#000;
	color:					#fff;
	float:					left;
	border:					1px solid #fff;	
	text-transform:			uppercase;
	padding:				1px 5px 1px 5px;
}



 /* =========== ( Main ) ========== */

#content #main h1 {
	color:				transparent;
	line-height:		1.8em;
	margin:				2px;
	padding:			0;
	overflow:			hidden;
	text-indent:		-999999px;
}

#content #main h2 {
	color:					#fff;
	font-size:				1.2em;
	padding:				0;
}

#content #main #subpage h2 {
	color:					#fe4066;
	font-size:				1.2em;
	padding:				0;
}


#content #main .movies h2 {
	margin:					5px 0 5px 10px;
}

#content #main .movies .movies-narrow-section h2,
#content #main .gallery-pics-narrow-section h2,
#content #main .gallery-pics h2 {
	margin:					0 0 5px 10px;
	line-height:			1.1em;
}

#content #main h1.latest-update {
	background:			url("/static/images/h1-latest-updates.jpg") no-repeat 5px 10px;
	margin-top:			25px;
	height:				45px;
}

#content #main h1.friends {
	background:			url("/static/images/h1-models.jpg") no-repeat left;
	height:				37px;
	margin:				35px 0 0 5px;
}

#content #main h1.movies {
	background:			url("/static/images/h1-movies.jpg") no-repeat left;
	padding-top:		40px;
}

#content #main h1.latest-news {
	background:			url("/static/images/h1-latest-news.jpg") no-repeat left;
	padding-top:		40px;
}

#content #main h1.tags {
	background:			url("/static/images/h1-tags.jpg") no-repeat left;
	padding-top:		40px;
}

#content #main h2.title-gallery-inside {
	color:				#fff;
	margin:				-30px 20px 30px;
}

#content #main h1.camshows {
	background:			url("/static/images/h1-camshows.jpg") no-repeat left;
	height:				37px;
	margin:				35px 0 0 5px;
}

#content #main h1.forums {
	background:			url("/static/images/h1-forums.jpg") no-repeat left;
	height:				37px;
	margin:				35px 0 0 5px;
}

#content #main #main-content {
	float:				left;
	margin:				0 0 10px 0;
	padding:			0;
	font-size:			0.8em;
}

#content #main #subpage {
	float:				left;
	margin:				0 0 10px 0;
	padding:			0 20px 0 20px;
}

#content #main #subpage h1 {
	font-size:			1.5em;
	color:				#333333;
	font-weight:		bold;
	padding:			10px 0 0 0;
	text-indent:		0;
}

#content #main div.pic-detail {
	float: 				left;
    line-height: 		0.8em;
    margin: 			0 20px 25px 20px;
    text-align: 		center;
    width: 				185px;
}

#content #main div.view-items  {
	float: 				left;
    line-height: 		0.8em;
    margin: 			0 8px 25px 8px;
    text-align: 		center;
    width: 				222px;
}

#content #main div.view-friends {
	float: 				left;
    line-height: 		0.8em;
    margin: 			0 8px 25px 9px;
    text-align: 		center;
    width: 				222px;
}

#content #main div.view-items .set-desc,
#content #main div.view-friends .set-desc {
	height:				1.5em;
	font-size:			0.9em;
	color:				#000000;
}

#content #main div.view-items h3,
#content #main div.view-friends h3 {
	margin:				0;
	padding:			0;
}

#content #main .photo,
#content #main .pic-performer {
	border:				1px solid #000;
}

#content #main div.view-items p,
#content #main div.view-friends p {
	font-size:			1.1em;
	line-height:		1.3em;
	margin:				5px;
	padding:			0;
}

#content #main div.view-items p.set-name a,
#content #main div.view-friends p.set-name a {
	color:				#000;
}

#content #main #main-content.gallery-inside {
	float:				none;
	text-align:			center;
}

#content #main #main-content.gallery-inside img {
	margin:				20px 0 0;
}

#content #main #main-content.post {
	padding:			20px 40px 0 20px;
}

#content #main #main-content.post p {
	font-size:			1.3em;
	line-height:		1.3em;
}



 /* =========== ( Tour ) ========== */

#content div.tour-section {
	background:				url("/static/images/section-bg.jpg") no-repeat top;
	width:					960px;
	padding:				18px 0 0 0;
	font-size:				0.9em;
}

#content div.tour-section ul.section-desc .desc-name {
	font-weight:			bold;
}

#content div.tour-section p img {
	border:					1px solid #000;
	margin:					0 2px;
	width:					306px;
	height:					398px;
}

#content div.tour-section ul.section-desc {
	color:					#ffffff;
	clear:					right;
	height:					20px;
	width:					950px;
	margin:					0 0 0 10px;
	padding:				0;
}

#content div.tour-section ul.section-desc .desc-name a,
#content div.tour-section ul.section-desc li.desc-featuring p a {
	color:					#ffffff;
	text-decoration:		none;
}

#content div.tour-section ul.section-desc li {
	float:					left;
	font-size:				1.5em;
	list-style-type:		none;
}

#content div.tour-section ul.section-desc li.desc-featuring {
	margin-left:			100px;
}

#content div.tour-section ul.section-desc li.desc-featuring p {
	float:					right;
	margin:					0;
	padding:				2px 0 0 10px;
	font-size:				1em;
	line-height:			1em;
}

#content div.tour-section ul.section-desc li.desc-timestamp {
	float:					right;
	margin-right:			20px;
}

#content div.tour-section p.tour-pics {
	padding:				5px 0 0 7px;
}

#content div.tour-section p.paragraph {
	font-size:				1.3em;
	line-height:			1.4em;
	padding:				5px 5px 5px 10px;
}

#content div.banner {
	margin-bottom:			20px;
}

#content #main h1.more-updates {
	background:				url("/static/images/h1-more-updates.jpg") no-repeat;
	margin:					30px 0 15px 5px;
}

#content #main .more-updates-pic {
    background: 			#000000;
    float: 					left;
    margin: 				0 2px 10px 2px;
    padding: 				1px 1px 1px 2px;
    text-align: 			center;
}

#content #main .more-updates-pic p a {
    color:					#E86E97;
    font-size: 				1em;
}



/* =========== ( Pagination ) ========== */


#content #main div.pagination {
	font-size:				1.2em;
	line-height:			1.2em;
	margin:					auto 0;
	padding:				0 0 30px 260px;
	overflow:				auto;
}

#content #main div.pagination ul {
	float:					left;
	list-style-type:		none;
	margin:					0 0 0 20px;
}

#content #main div.pagination ul li {
	border-right:			2px solid #000;
	padding:				0 4px;
	float:					left;
	font-weight:			bold;	
}

#content #main div.pagination ul li.last {
	border:					0;
}

#content #main div.pagination ul li.next {
	border:					0;
	margin-left:			20px;
	float:					left;	
}

#content #main div.pagination ul li.prev {
	border:					0;
	margin-right:			20px;
	float:					left;	
}

#content #main div.pagination ul li a {
	color:					#fe0032;
	text-decoration:		none;
}

#content #main div.pagination ul li.active,
#content #main div.pagination ul li:hover a {
	text-decoration:		underline;
}

#content #main div.pagination p {
	float:					left;
	padding:				0;
	margin:					0;
}

#content #main .hidden {
      display: 				none;
}

/* =========== ( User pages ) ========== */

#content #main .username {
	margin:					5px 0 15px 10px;
}

#content #main .user-section {
	padding:				0 0 0 1px;
}

#content #main .user-section h2 {
	margin:					0 0 20px 10px;
}

#content #main .users .user-section h4.view-all-scenes {
	padding:				0 0 0 10px;
	text-align:				center;
	clear:					left;
}

#content #main .user-section .pic-detail {
    margin: 				0 4px 15px 4px;
    width: 					231px;
}

#content #main .user-section .pic-detail p {
	margin:					0;
	padding:				0 0 10px 0;
}

.user-section .set-desc {
	font-size:				0.8em;
	height:					1.6em;
}

#content #main .users .user-section .user-discussion {
	width:					450px;
	float:					left;
	padding:				10px;
}

#content #main .users .user-section .user-discussion h4 {
	margin:					0 0 10px 0;		
}

#content #main .scene-info {
	width:					700px;
	float:					left;
	padding:				10px;
	overflow:				auto;
}

#content #main .loggedout-scene-info {
	padding:				10px;
	overflow:				auto;
	width:					940px;
}

#content #main .users div.view-user {
	float:					left;
	padding:				0 10px 0 10px;
	width:					940px;
}

#content #main .description p {
	padding:				0;
	margin:					0 0 10px 0;
}

#content #main .user {
	float:					left;
	line-height:			1.2em;
	width:					940px;
}

#content #main .featuring-left {
	width:					80px;
	float:					left;
}

#content #main .scene-info .featuring-right {
	float:					left;
	width:					620px;
}

#content #main .loggedout-scene-info .featuring-right {
	float:					left;
	width:					860px;
}

#content #main .featuring-left p,
#content #main .featuring-right p {
	padding:				5px 0 5px 0;
	margin:					0;
}

#content #main .users div.view-user img {
	float:					left;
	margin:					0 20px 20px 0;
	border:					1px solid #000000;
}

#content #main .users div.view-user ul li {
	list-style-type:		none;
}

#content #main .users div.view-user a,
#content #main .scene-info a {
	color:					#fe4066;
}

#content #main .movies-table {
	float:				right;
	width:				208px;
	padding:			10px;
}

#content #main .movies-table table {
	border-left:		1px solid #333;
}

#content #main .movies-table table tr td {
	border-bottom:		1px solid #333;
	border-right:		1px solid #333;
	padding:			10px;
	width:				50px;
	font-size:			16px;
}

#content #main .movies-table table tr td  a {
	color:				#0057cd;
}

#content #main .movies-table .table-header {
	background:			url("/static/images/bg-table-header.jpg") repeat-x;
	border:				1px solid #333;
	color:				#fff;
	font-size:			14px;
	font-weight:		bold;
	line-height:		13px;
	padding:			5px 10px;
}

#content #main .no-zip {
	text-align:				right;
	font-size:				0.9em;
	font-style:				italic;
	margin:					14px 0 0 0;
}


#content #main .movies .movies-narrow-section,
#content #main .user-section,
#content #main .gallery-pics-narrow-section {
	background:				url("/static/images/section-narrow-bg.jpg") top left no-repeat;
	padding:				10px 0 0 0;
	clear:					left;
}

#content #main #gallery,
#content #main .gallery-pics-narrow-section  #screengrab-gallery {
	padding:				20px 20px 20px 25px;
}

#content #main .gallery-pics-narrow-section  #gallery {
	padding:				0 15px 0 15px;
}

#content #main .gallery-pics-narrow-section  #gallery-loggedout {
	padding:				0 10px 0 10px;
}

#content #main .movies .movies-narrow-section.narrow-padding {
	padding:				10px 8px 20px;
	width:					944px;
}

#content #main .movies .movies-narrow-section,
#content #main .gallery-pics-narrow-section {
	width:					960px;
}

#content #main .movies .movies-narrow-section div.flash-placeholder {
	margin:					30px 20px;
	width:					643px;
}
#content #main .movies .movies-narrow-section.multi-video {
	margin:					30px 20px;
}
#content #main .movies .movies-narrow-section .individual-clip {
	float:					left;
	margin:					10px 3px;
	width:					230px;
}
#content #main .movies .movies-narrow-section .individual-clip img {
	border:					1px solid #000;
}
#content #main .movies .movies-narrow-section .individual-clip table {
	width:					228px;
}
#content #main .movies .movies-narrow-section .individual-clip table tr.odd,
#content #main .movies .movies-narrow-section .individual-clip div.video-length {
	background:				#e8e8e8;
}
#content #main .movies .movies-narrow-section .individual-clip table tr td {
	padding:				3px 2px;
}
#content #main .movies .movies-narrow-section .individual-clip table tr td a {
	color:					#0057CD;
	text-align:				center;
}
#content #main .movies .movies-narrow-section .individual-clip .video-length {
	padding:				3px 2px;
	width:					224px;
}
#content #main .movies .movies-narrow-section .individual-update,
#content #main .gallery-pics-narrow-section .individual-update {
	float:					left;
	margin:					0 3px;
	width:					232px;
}
#content #main .movies .movies-narrow-section .individual-update a,
#content #main .gallery-pics-narrow-section .individual-update a {
	color:					#FE4066;
}
#content #main .movies-narrow-section .individual-update img,
#content #main .gallery-pics-narrow-section .individual-update img {
	border:					1px solid #000;
}
#content #main .movies-narrow-section .individual-update p,
#content #main .gallery-pics-narrow-section .individual-update p {
	font-size:				12px;
	margin:					5px 0px;
}

/* =========== ( Join page ) ========== */

 
#content #main #joinme {
	padding-top:			30px;
	width:					100%;
	float:					left;
	text-align:				center;
}
 
#content #main #joinme #access {
	overflow:				auto;
	padding:				0 50px 20px 50px;
	clear:					both;
}

#content #main #joinme #credit-card h2{
	margin:					0 0 20px 0;
}

#content #main #joinme #access-to {
 	float:					left;
	padding-right:			30px;
	width:					395px;
	text-align:				left;
}

#content #main #joinme #access-to ul li {
	font-size:				14px;
	line-height:			15px;
	list-style-image:		url("/static/images/bullet.jpg");
	margin-bottom:			10px;
}

#content #main #joinme #instant-access {
	border:					1px solid #000;
	float:					right;
	padding-bottom:			20px;
	width:					395px;
}

#content #main #joinme #instant-access td {
	text-align:				center;
	width:					395px;
	padding:				2px;
}

#content #main #joinme #instant-access h2 {
	color:					#FE4066;
	text-transform:			uppercase;
	font-size:				1.2em;
	font-family:			Verdana;
}

#content #main #joinme #instant-access p {
	margin:					10px 0 0 0;
	font-family:			Verdana;
	font-size:				0.8em;
}

#content #main #joinme #access-to-photos,
#content #main #joinme #access-to-support {
	overflow:				auto;
	padding:				0 30px 20px 30px;
	clear:					both;
}

#content #main #joinme #access-to-support p {
	clear:					both;
	text-align:				left;
}

#content #main #joinme .preview {
	float:					left;
	margin:					0 10px;
	width:					160px;
}

#content #main #joinme .preview img {
	border:					1px solid #000;
}

#content #main #joinme .preview p {
	text-transform:			uppercase;
	font-weight:			bold;
	margin:					0;
	padding:				5px 0 0 0;
	font-size:				0.9em;
}

#content #main #joinme #customer-support {
	font-size:				14px;
	line-height:			16px;
	width:					455px;
	text-align:				left;
	float:					left;
	padding:				10px 20px 0 10px;
}

#content #main #joinme #customer-support a {
	color:					#FE4066;
}

#content #main #joinnow {
	float:					right;
	width:					410px;
	padding-bottom:			20px;
}

#content #main #joinnow #submit {
	margin:					40px 50px 0 0;
	text-transform:			uppercase;
	color:					#FE4066;
	font-size:				3em;
	font-weight:			bold;
}

/* =========== ( Webcam ) ========== */


.camshow-pic {
	width:					458px;
	float:					left;
	text-align:				right;
}

.camshow-pic img {
	width:					428px;
	height:					240px;
	margin:					0 0 10px 30px;
}

.camshow-pic .prices {
	width:					150px;
	float:					right;
}

.camshow-pic .prices .left,
.camshow-pic .prices .right {
	padding:				5px;
	float:					left;
}

.camshow-pic .prices .left {
	width:					78px;
	border:					1px solid #fe4066;
	border-right:			0;
	border-top:				0;	
}

.camshow-pic .prices .right {
	width:					48px;
	border:					1px solid #fe4066;
	border-top:				0;
}

.camshow-pic .prices .top {
	border-top:				1px solid #fe4066;
}

#camshows {
	padding:				0 20px 20px 20px;
	width:					100%;
	overflow:				auto;
}

#camshows #webcam {
	float:					left;
	width:					460px;
}

/* =========== ( Blog ) ========== */

#blog-header {
	padding:				0 20px 10px 20px;
	border-bottom:			3px double #cccccc;
	overflow:				auto;
	clear:					both;
}

#blog-header h1,
#blog-header h2 {
	float:					left;
	width:					80%;
}

#content #main #blog-header h1 {
	color:					#000;
	text-indent:			0;
	margin:					10px 0 0 0;
	padding:				0;
}

#content #main #blog-header h1 a {
	color:					#000;
	text-decoration:		none;
	font-family:			Georgia,Times,serif;
	line-height:			1em;
	font-size:				1.3em;
	font-weight:			bold;
	padding:				20px 0 0 0;
}

#content #main #blog-header h2#tagline {
	color:					#555555;
	font-size:				1em;
	margin:					0;
	padding:				0;
}

#blog-header .rss {
	background:				url('/static/images/icon-rss.gif') right 2px no-repeat;
	margin:					40px 0 0 0;
	padding:				0 18px 0 0;
	float:					right;
	text-transform:			uppercase;
	font-size:				0.9em;
	letter-spacing: 		1px;
} 

#blog-header .rss a {
	text-decoration:		none;
	color:					#000000;
}

#blog-header .rss a:hover {
	text-decoration:		underline;
	color:					#FE4066;
}

#blog {
	float:				left;
	margin:				0 0 10px 0;
	padding:			0 20px 0 20px;
}

#blog-content {
	float:				left;
	width:				668px;
	border-right:		1px solid #cccccc;
	padding:			0 20px 0 0;
	position:			relative;
	left:				1px;
}

#content #main #blog-content h1 {
	color:				#555;
	font-size:			1.3em;
	text-indent:		0;
	font-weight:		bold;
	margin:				20px 0 0 0;
}

#content #main #blog-content h2,
#content #main #blog-content h2 a {
	color:				#000000;
	font-size:			1.2em;
	text-decoration:	none;
}

#content #main #blog-content h2 {
	margin:				20px 0 0 0;
}

.blogpost {
	border-bottom:		0.1em #bbb dotted;
	margin-bottom:		30px;
	padding:			0 0 20px 0;
}

#content #main p.byline {
	color:				#888888;
	padding:			5px 0 5px 0;
	margin:				0;
	font-style:			italic;
}


#content #main p.byline a {
	color:				#333333;
}

.blogpost .comments {
	padding-top:		10px;
	font-family:		Georgia,Times,serif;
}

.blogpost .bracket {
	color: 				#ccc;
	font-size:			1.8em;
}

.blogpost .comments a {
	color:				#000000;
	text-decoration:	none;	
}

.blogpost h2 a:hover,
.blogpost .comments a:hover,
#content #main p.byline a:hover,
.postcount a:hover {
	color:				#fe4066;
	text-decoration:	underline;
}

.blogpost .comments a span {
	font-size:			1.8em;
}


.twitter-tweet {
	background:			#f5f5f5;
	padding:			10px;
}

.postcount {
	text-transform:		uppercase;
	padding:			20px 0 20px 0;
	overflow:			auto;
}

.postcount a {
	color:				#333333;
	text-decoration:	none;
}

.postcount .older {
	float:				left;
	width:				50%;
}

.postcount .newer {
	text-align:			right;
	float:				right;
	width:				50%;
}

/* =========== ( Blog sidebar ) ========== */

#blog-sidebar {
	float:				right;
	width:				210px;
	padding:			20px 0 20px 20px;
	border-left:		1px solid #cccccc;	
}

#blog-sidebar h3 {
	text-transform:		uppercase;
	font-size:			0.9em;
	color:				#555555;
}

#blog-sidebar ul {
	list-style:			none;
	margin:				0;
	padding:			0;
}

#blog-sidebar ul li {
	margin:				0 0 5px 0;
	padding:			0;
}

#blog-sidebar ul.blogroll {
	margin:				0 0 30px 0;
	clear:				both;
}

#blog-sidebar #searchbox {
	margin:				0 0 20px 0;
	float:				right;
}

#blog-sidebar #searchbox p {
	margin:				0;
	padding:			0;
}

#blog-sidebar #search-form {
	border:				3px solid #cecece;
	width:				205px;
	height:				26px;
}

#search {
	border:				0;
	height:				22px;
	padding:			2px 2px 2px 4px;
	width:				170px;
	font-size:			0.8em;
	color:				#252525;
}

#search-form .submit {
	float:				right;
	height:				24px;
	width:				29px;
	border:				0;
}


/* =========== ( Blog archive - accordion ) ========== */


#blog-sidebar #archive h2 {
	color:				#000000;
	font-size:			1em;
	text-transform:		uppercase;
	margin:				0 0 10px 0;
}

#blog-sidebar #archive h3 {
	color:				#000000;
	font-size:			1.2em;
	margin:				10px 0 10px 0;
}

#blog-sidebar #archive .prev-year, 
#blog-sidebar #archive .this-year {
	float:				left;
	width:				70px;
}

#blog-sidebar #archive .next-year {
	float:				right;
}

#blog-sidebar #archive .this-year {
	text-align:			center;
}

#blog-sidebar #archive .prev-year a,
#blog-sidebar #archive .this-year,
#blog-sidebar #archive .next-year a {
	color:				#FE4066;
	font-size:			0.9em;
	text-decoration:	none;
	font-weight:		bold;
	display:			block;
	margin:				0 0 7px 0;
}

#blog-sidebar #archive .prev-year a,
#blog-sidebar #archive .next-year a {
	color:				#FE4066;
}

#blog-sidebar #archive .this-year {
	color:				#c21564;
}

#accordion {
	margin:				0 0 20px 0;
	width:				200px;
	background:			#ececec;
	padding:			5px 5px 1px 5px;
	clear:				both;
}

.month-widget {
	background:			#ececec;
	padding:			0 10px 5px 10px;
}

.month-widget a {
	font-size:			0.8em;
	color:				#000000;
	text-decoration:	none;
	background:			#ececec;
}

.month-widget a:hover {
	text-decoration:	underline;
	color:				#c21564;
}

.month-widget p {
	padding:			5px 0 5px 0;
	margin:				0;
}

.submenu-item {
	position:			relative;
	font-size:			0.9em;
}

.submenu-item a {
	background:			#ffffff;	
	width:				180px;
	padding:			10px;
	color:				#FE4066;
	margin:				0 0 5px 0;
	display:			block;
	text-decoration:	none;
}

.submenu-item:hover a {
	color:				#FE4066;
}

.ui-state-default,
.ui-state-active {
}

#blog-sidebar #accordion h3 {
	margin:				0;
	font-size:			1.1em;
}

.current {
}

.ui-state-default:hover,
.ui-state-active:hover,
.current:hover {
	color:				#FE4066;
}

.ui-state-active:hover a,
.ui-state-default:hover a,
.current:hover a {
	color:				#FE4066;
}

.ui-icon-open {
	background:			url('/static/images/archive.gif') 140px 0px no-repeat;
	width:				166px;
	height:				27px;
	position:			absolute;
	top:				5px;
	right:				5px;
}

.ui-icon-open:hover {
	background:			url('/static/images/archive.gif') 140px -27px no-repeat;
	width:				166px;
	height:				27px;
	position:			absolute;
	top:				5px;
	right:				5px;
}

.ui-icon-closed {
	background:			url('/static/images/archive.gif') 140px -54px no-repeat;
	width:				166px;
	height:				27px;
	position:			absolute;
	top:				5px;
	right:				5px;
}

.ui-icon-closed:hover {
	background:			url('/static/images/archive.gif') 140px -79px no-repeat;
	width:				166px;
	height:				27px;
	position:			absolute;
	top:				5px;
	right:				5px;
}

.ui-state-focus,
.ui-accordion-header {
	outline: 			none;
}

#blog-sidebar #tags {
	clear:				both;
}

#blog-sidebar #tags ul {
	margin:				0;
	list-style:			none;
}

#blog-sidebar #tags ul li{
	width:				95px;
	float:				left;
	margin:				0 5px 5px 5px;
	font-size:			0.8em;
	padding:			0;
	background:			none;
}

#blog-sidebar #tags li a {
	color:				#31258a;
	text-decoration:	none;
}



/* =========== ( Discussion module ) ========== */

.comment_container {
	border-bottom:		0.1em #bbb dotted;
	margin-bottom:		20px;
	padding:			0 0 20px 0;
}

.comment_header {
	width:				100%;
}

.comment_author {
	width:				150px;
	float:				left;
	font-size:			1.2em;
	padding:			0 0 10px 0;
}

.comment_byline {
	float:				left;
	color:				#666;
	position:			relative;
	top:				1px;
	font-style:			italic;
}

.comment_header img {
	float:				right;
	height:				75px;
	margin:				0 0 15px 15px;
	border:				1px solid #666;
}

#content  #main .comment_header h3 {
	width:				100%;
	margin:				0 0 10px 0;
}

.comment_body {
	clear:				left;
}

.links_container {
	padding:			20px 0 20px 0;
}

.likes-image {
	height:				19px;
	width:				21px;
	float:				left;	
	padding:			0 10px 0 0;
}

.like-count {
	float:				left;
	font-weight:		bold;
	padding:			1px 0 0 30px;
	background:			url('/static/images/thumb.png') 0px 1px no-repeat;
}

.like-count:hover {
	background:			url('/static/images/thumb.png') bottom left no-repeat;
}

.like-count:hover a {
	color:				#c21564;
}

.like-count-loggedout {
	float:				left;
	font-weight:		bold;
}

.like-count a {
	text-decoration:	none;
}

.comment_links {
	float:				right;
}

.comment_children_container {
	padding:			0 0 0 30px;
}

#add_comment {
	width:				464px;
	overflow:			auto;
}

#add_comment #body,
#edit_user #bio {
	border:				2px solid #ccc;
	padding:			5px;
	width:				450px;
	height:				150px;
	background:			#f5f5f5;
}




/* =========== ( Forms ) ========== */

#login,
#forgot_details {
	width:				464px;
	overflow:			auto;
}

#joinnow #login {
	width:				410px;
} 	

#register{
	width:				514px;
	overflow:			auto;
}

#content #main #user {
	clear:				both;
	float:				left;
	margin:				0 0 10px 0;
	padding:			0 20px 40px 20px;
}

#content #main #user h2 {
	color:					#fe4066;
	font-size:				1.2em;
	padding:				0;
}

.textlong {
	float:				left;
	border:				2px solid #ccc;
	padding:			5px;
	width:				350px;
	background:			#f5f5f5;	
}

.textshort {
	float:				left;
	border:				2px solid #ccc;
	padding:			5px;
	width:				150px;
	background:			#f5f5f5;	
}

form p {
	clear:				both;
	margin:				5px 0 10px 0;
	overflow:			auto;
}

form .submit {
	background:			#f5f5f5;
	border:				3px double #b7b7b7;	
	padding:			5px;
	font-size:			1.4em;
	text-transform:		uppercase;
	float:				right;
	font-weight:		bold;
}

form .submit:hover {
	color:				#fe4066;
	border:				3px double #c21564;		
}

#joinnow form .left {
	width:				264px;
	float:				left;
	text-align:			left;
}

#joinnow form .right {
	width:				140px;
	float:				right;
	padding-top:		32px;
}

form .reset {
	background:			#f5f5f5;
	border:				3px double #b7b7b7;	
	padding:			5px;
	font-size:			1.4em;
	text-transform:		uppercase;
	float:				left;
	font-weight:		bold;
}

form .reset:hover {
	color:				#333;
	border:				3px double #555;		
}

form label {
	width:				100px;
	float:				left;
	padding:			5px 0 0 0;
}

#register label {
	width:				150px;
}

#change_password label {
	width:				260px;
}

#change_password .submit {
	margin:				10px 0 0 0;
}

#edit_user label {
	width:				100%;
	padding:			5px 0 5px 0;
}

#edit_user .submit {
	margin-right:		85px;
}


#recaptcha {
	float:				right;
	margin:				0 0 10px 0;
}



/* =========== ( Forums ) ========== */
 
#forum {
	clear:				both;
	float:				left;
	margin:				0 0 10px 0;
	padding:			20px;
	width:				915px;
}
 
#forum .view-forums {
	background:			#ececec;
	width:				100%;
	border:				2px #959595 solid;
	display:			table;
}

#forum .view-forums2 {
	background:			#ececec;
	width:				100%;
	border-left:			2px #959595 solid;
	border-right:			2px #959595 solid;
	border-bottom:			2px #959595 solid;
	display:			table;
	padding-top:			5px;
}

#forum .most-popular {
	background:			#28004b;
	width:				100%;
	border:				2px #28004b solid;
	display:			table;
	margin:				0 0 30px 0;
}

#forum .most-popular .header {
	display:			table-row;
	background:			#28004b;
}

#forum .most-popular .comment {
	background:			#ffffff url('/static/images/most-popular-comment.jpg') top left no-repeat;
	border:				5px solid #ececec;
	padding:			10px 10px 5px 10px;
	display:			table-cell;
	font-size:			0.9em;
}

#forum .most-popular .title {
	font-weight:			bold;
	font-size:			1.1em;
	padding:			0 0 0 50px;
	margin:				0 0 2px 0;
}

#forum .most-popular .username {
	font-size:			0.9em;
	padding:			0 0 0 50px;
	margin:				0 0 7px 0;
}

#forum .most-popular .username  a {
	color:				#363636;
	text-decoration:		none;
}

#forum .most-popular .username  a:hover {
	text-decoration:		underline;
}

#forum .most-popular .comment a.readmore {
	color:				#363636;
	font-weight:			bold;
	text-decoration:		none;
}

#forum .most-popular .comment a.readmore:hover {
	color:				#28004b;
}

#forum .most-popular .byline {
	background:			#ffffff url('/static/images/forum-post-bg.jpg') top left no-repeat;
	border-top:			5px solid #ececec;
	border-right:			5px solid #ececec;
	border-bottom:			5px solid #ececec;
	padding:			5px 10px 5px 10px;
	color:				#363636;
	display:			table-cell;	
	font-size:			0.9em;
	vertical-align:			bottom;
	line-height:			1.1em;
	text-align:			right;
	font-style:			italic;
}



#forum .most-popular .count {
	background:			#ffffff url('/static/images/most-popular-count.jpg') top center no-repeat;
	border-top:			5px solid #ececec;
	border-right:			5px solid #ececec;
	border-bottom:			5px solid #ececec;
	padding:			5px 5px 5px 10px;
	display:			table-cell;
	text-align:			left;
	color:				#256292;
	font-family:			Myriad Pro, sans-serif;
	font-size:			1.2em;
	vertical-align:			bottom;
	width:				50px;
	height:				90px;
}



#forum h4.forums-header a {
	color:				#28004b;
	text-decoration:		none;
	font-size:			1.5em;
	font-family:			Myriad Pro, sans-serif;
}

#forum .buttons {
	clear:				both;
}

#forum .view-forums .header {
	display:			table-row;
	background:			#959595;
}

#forum .view-forums .subheader {
	display:			table-row;
	background:			#ececec;
}

#forum .view-forums .subheader .column1,
#forum .view-forums .subheader .column2,
#forum .view-forums .subheader .column4 {
	color:				#000000;
}

#forum .view-forums .row,
#forum .view-forums .row2,
#forum .forums2 .row,
#forum .most-popular .row {
	display:			table-row;
	margin-bottom:			5px;	
}

#forum .view-forums .sticky {
	border:				2px #959595 solid;
}

#forum .view-forums a,
#forum .forums2 a {
	color:				#256292;
	text-decoration:		underline;
}

#forum .column1,
#forum .column1 a {
	color:				#ffffff;
	font-family:			Myriad Pro, sans-serif;
	font-weight:			bold;
	text-decoration:		none;
	font-size:			1.1em;
	padding:			0 0 0 5px;
}

#forum .column2,
#forum .column3,
#forum .column4 {
	color:				#ffffff;
	font-family:			Myriad Pro, sans-serif;
	font-weight:			bold;
	text-decoration:		none;
	font-size:			1em;
}

#forum .column1,
#forum .column2,
#forum .column3,
#forum .column4 {
	display:			table-cell;
	vertical-align:			middle;
	padding:			10px 5px 5px 5px;
}

#forum .view-forums .top,
#forum .most-popular .top,
#forum .forums2 .top {
	padding:			10px 5px 10px 5px;
}

#forum .forum {
	background:			#ffffff;
}

#forum .forum,
#forum .view-forums .post,
#forum .forums2 .post {
	border-right:			5px solid #ececec;
	border-left:			5px solid #ececec;
	border-bottom:			5px solid #ececec;
	display:			table-cell;
	font-size:			0.9em;
	background:			#ffffff url('/static/images/forum-post-bg.jpg') center left no-repeat; 
	min-height:			45px;
	vertical-align:			middle;
	padding:			10px 10px 10px 50px;
	width:				245px;
}

#forum .forums2 .post-active,
#forum .view-forums .post-active {
	background:			#ffffff url('/static/images/active-forum-post-bg.jpg') center left no-repeat; 
	min-height:			45px;
	vertical-align:			middle;
	padding:			10px 10px 10px 50px;
	width:				245px;
	border:				5px solid #28004b;
	display:			table-cell;
	font-size:			0.9em;
}

#forum .forums2 .comment-active,
#forum .view-forums .comment-active {
	background:			#ffffff;
	border-right:			5px solid #28004b;
	border-bottom:			5px solid #28004b;
	border-top:			5px solid #28004b;
	padding:			10px;
	color:				#363636;
	font-size:			0.9em;
	vertical-align:			middle;
	line-height:			1.1em;
	display:			table-cell;	
}

#forum .forums2 .posts-active,
#forum .view-forums .posts-active {
	background:			#ffffff;
	border-top:			5px solid #28004b;
	border-right:			5px solid #28004b;
	border-bottom:			5px solid #28004b;
	padding:			10px;
	display:			table-cell;
	text-align:			center;
	color:				#363636;
	font-family:			Myriad Pro, sans-serif;
	font-size:			1em;
	vertical-align:			middle;
	width:				50px;
}

#forum .view-forums .post a,
#forum .forums2 .post a,
#forum .view-forums .sticky-post a,
#forum .view-forums .post-active a,
#forum .forums2 .post-active a {
	font-weight:			bold;
	font-size:			1.1em;
}

#forum .view-forums .sticky-post {
	background:			url('/static/images/sticky.jpg') top right no-repeat;
	display:			table-cell;
	width:				245px;
}

#forum a.forum-name,
#forum a.post-name {
	font-size:			1em;
	font-weight:			bold;
}

#forum .description {
	color:				#000000;
	font-family:			Arial,Helvetica,sans-serif;
	font-size:			0.9em;
}

#forum .view-forums .comment,
#forum .post-thread .comment,
#forum .forums2 .comment {
	background:			#ffffff;
	border-right:			5px solid #ececec;
	border-bottom:			5px solid #ececec;
	padding:			10px;
	color:				#363636;
	font-size:			0.9em;
	vertical-align:			middle;
	line-height:			1.2em;
	display:			table-cell;	
}

#forum .view-forums .threads {
	background:			#ffffff;
	border-right:			5px solid #ececec;
	border-bottom:			5px solid #ececec;
	padding:			10px;
	display:			table-cell;	
	text-align:			center;
	color:				#363636;
	font-family:			Myriad Pro, sans-serif;
	font-size:			1em;
	vertical-align:			middle;
}

#forum .view-forums .posts,
#forum .post-thread .posts,
#forum .forums2 .posts {
	background:			#ffffff;
	border-right:			5px solid #ececec;
	border-bottom:			5px solid #ececec;
	padding:			10px;
	display:			table-cell;
	text-align:			center;
	color:				#363636;
	font-family:			Myriad Pro, sans-serif;
	font-size:			1em;
	vertical-align:			middle;
	width:				50px;
}

#forum .view-forums .first {
	border-top:			5px solid #ececec;
}

#forum .create-new-thread {
	float:				left;
	margin:				0 0 15px 0;
	clear:				left;
}

#forum .buttons a {
	text-decoration:	none;
	background:			#666666;
	color:				#ffffff;
	font-weight:		bold;
	font-size:			1.5em;
	padding:			10px 20px 10px 20px;
	text-transform:		uppercase;
	display:			block;
}

#forum .buttons a:hover {
	background:			#28004b;
}

#forum .buttons .create-new-thread {
	margin:				15px 0 15px 0;
}

#forum .buttons .add-comment {
	margin:				15px 0 15px 15px;
}

#forum .add-comment {
	float:				right;
	margin:				0 0 15px 15px;
}

#forum .post-thread {
	background:			#ececec;
	border:				2px #959595 solid;
	clear:				both;
}

#forum .post-thread .header {
	display:			block;
	background:			#959595;
	font-family:			Myriad Pro, sans-serif;
	font-weight:			bold;
	font-size:			1.1em;
	padding:			5px;
}

#forum .post-thread .header  a {
	text-decoration:		none;
	color:				#ffffff;
}

#forum .post-thread .author {
	padding:			5px 5px 10px 10px;
}

#forum .post-thread .author .user_icon {
	width:				75px;
	height:				auto;
	border:				1px solid #959595;
	float:				left;
	margin:				0 15px 0 0;
}

#forum .post-thread h1 {
	font-family:			Myriad Pro, sans-serif;
	font-weight:			bold;
	margin:				5px 0 0 0;
	padding:			0;
	font-size:			1.3em;
}

#forum .post-thread h1 a {
	color:				#000000;
	text-decoration:		none;
}

#forum .post-thread .byline {
	font-style:			italic;
	font-size:			0.9em;
	margin:				5px 0 10px 0;
}

#forum .post-thread .thread {
 	border:				10px solid #ececec;
	padding:			15px;
	background:			#ffffff;
	clear:				both;
	line-height:			1.2em;
}

#forum .post-thread .thread p {
	margin:				0 0 10px 0;
}

#forum .post-thread .author-details {
	float:				left;
	width:				80%;
}

#forum .post-thread .metadata {
	float:				right;
	width:				20%;
}

#forum .post-thread .metadata p {
	padding:			5px 0 0 0;
}

#forum .post-thread .metadata-left {
	float:				left;
	width:				120px;
	color:				#363636;
	font-size:			0.9em;
	line-height:		1.1em;
}

#forum .post-thread .metadata-right {
	float:				left;
	font-size:			0.9em;
	line-height:		1.1em;
	padding:			0 10px 0 10px;
}

#forum .post-thread .discussion {
	padding:			10px;
}

#forum .pagenum {
	margin:				20px 0 0 0;
	font-weight:			bold;
	text-align:			center;
	font-size:			0.9em;
}

#forum .pagenum a {
	color:				#363636;
	text-decoration:		none;
}

#forum .pagenum a:hover
#forum .pagenum a:hover {
	color:				#28004b;
}

#content #main #forum h1 {
	color:				#000000; 
	text-indent: 		0px;
}


/*
 * Gallery Nav
 */
#content #main div.nav-gallery {
	clear:right;
	margin:0 auto;
	width:580px;
}
#content #main div.nav-gallery ul li {
	float:left;
	font-size:1.3em;
	list-style-type:none;
	margin:0 10px;
}
#content #main div.nav-gallery ul li a {
	color:#000;
}

/*
 * Browse alphabetically
 */
#content #main div.browse-alphabetically {
	clear:right;
	height:30px;
	width:600px;
	margin:0 auto;
}
#content #main div.browse-alphabetically ul li {
	color:#000;
	float:left;
	font-size:1.3em;
	font-weight:bold;
	list-style-type:none;
	margin:0 2px;
}
#content #main div.browse-alphabetically ul li a {
	color:#ffcb02;
}


/* =========== ( Footer ) ========== */

#wrapper #footer {
	width:					839px;
	padding:				0 60px 20px 60px;
	background:				url("/static/images/footer-bg.jpg") no-repeat;
	border:					1px solid #000;
	color:					#fff;
	font-size:				0.8em;
	line-height:			1.3em;
	text-align:				center;
	float:					left;
	height:					68px;
}

#wrapper-index #footer {
	width:					780px;
	padding:				0 58px 20px 60px;
	background:				url("/static/images/footer-bg.jpg") no-repeat;
	border:					1px solid #000;
	color:					#fff;
	font-size:				0.8em;
	line-height:			1.3em;
	text-align:				center;
	height:					68px;	
	float:					left;
}


/* =========== ( Admin footer bar ) ========== */

.admin-footer {
	color:				#000000;
	font-family:		Verdana,Arial,Helvetica,sans-serif;
	background:			#ffffff url('../images/admin-footer-bg.png') left top repeat-x;
	height:				33px;
	width:				100%;
	position:			fixed;
	bottom:				0;
	right:				0;
	z-index:			999;
}

.shinyCMS {
	float:				left;
	border:				none;
}

.admin-links {
	float:				right;
	font-size:			0.8em;
	padding:			8px 20px 0 0;
}

.admin-links a {
	color:				#005a7e;
	text-decoration:	none;
}
        
.admin-links a:hover {
	color:				#005a7e;
	text-decoration:	underline;
}