/* Import basic styles */
@import url(../../rsc/css/basic.css);
/* Import standard image styles */
@import url(../../rsc/css/img.css);

/* This template is a modified version of the free version of Purple Beauty 
 * created by Dieter Schneider 2006 for www.webart.no.
 * You have to keep the link to webart.no in your footer, however
 * if you want to remove it and get the PSD file you can buy this
 * template for 5 dollars at www.webart.no/webshop. 
 */

/* evoskinned for b2evolution v1.9.* by EdB || http://wonderwinds.com/ */

/* Override basic styles */
blockquote {
	background-image: url(img/blockquote.jpg);
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 1px dotted #FFFFFF;
	padding: 30px;
}

/* styles for purple_beauty skin */
* {
	margin: 0;
	padding: 0;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

body {
	background-color: #ffffff;
	color: #000000;
	background-image: url(img/body_bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	background-attachment: fixed;
	}

#wrapper {
	width: 1000px;
	padding: 3px;
	margin: 0px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #000000;
	background-color: #ffffff;
	border: thin groove #000000;
}

#pageHeader {
	margin-top: 1px;
	background-image: url(img/header_low.jpg);
	height: 252px;
	border: 1px solid #000000;
}

h1#pageTitle {
	background-color: transparent;
	color: #000000;
	margin: .4em 1em .4em 264px;
	border: none;
	padding: 0;
	font-size: 200%;
}

h1#pageTitle a {
	color: #000000;
	text-decoration: none;
}

h1#pageTitle a:hover {
	text-decoration: underline;
}

.pageSubtitle {
	color: #000000;
	font-family: serif;
	font-size: 112%;
	font-style: italic;
	letter-spacing: 4px;
	margin-top: 150px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 245px;
}

/* bloglist */
#bloglist {
	height: 1.8em !important;
	height: 1.5em;
	margin-top: 7px;
	padding: 1.7em 0em .3em .4em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #000000;
}

#bloglist li {
padding-right: 1px;
display: inline;
font-size: 1em;
}

#bloglist ul {
margin: 0px;
padding: 0px;
}

a.BlogButton, a.BlogButtonCurr {
border: 1px solid #000000;
padding: 1.2em;
padding-left: 0.5em;
padding-right: 0.5em;
color: #000000;
text-decoration: none;
}

a.BlogButton:hover, a.BlogButtonCurr:hover, a.BlogButton:active {
	border: 1px solid #99CCCC;
	padding: 1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-decoration: none;
	color: #000000;
}

a.BlogButtonCurr {
	font-weight: bold;
}
 
/* main body */
#Columns {
	margin-top: 7px;
	background-image: url(img/wrapper_bg.gif);
	background-repeat: repeat-y;
}

/* side bars */
#bSideBarLeft {
	background-color: #FFFFFF;
	color: #000000;
	background-image: none;
	background-repeat: no-repeat;
	float: left;
	width: 155px;
	padding: 5px;
	border: thin solid #000000;
}

#bSideBarRight {
	background-color: #FFFFFF;
	color: #000000;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
	width: 250px;
	padding: 5px;
	border: thin solid #000000;
}

.bSideItem {
	margin-top: 8px;
	margin-bottom: 4px;
}

.bSideItem h3, .bSideItem h4 {
	padding: 5px;
	font-size: 1.3em;
	color: #000000;
	margin: 5px;
	border-bottom: 1px solid #000000;
}

.bSideItem h4 {
	font-size: 1.2em;
	margin-left: 15px;
	border-bottom: none;
}

.bSideItem ul {
	margin-left: 25px;
	list-style-image: url(img/list_bullet.png);
	margin-bottom: 20px;
}

.bSideItem ul a {
	text-decoration: none;
}

.bSideItem p {
	margin-top: 4px;
	margin-bottom: 4px;
}

.bSideItem p a {
	text-decoration: none;
	white-space: nowrap;
}

.bSideItem input[type="text"] {
	width: 96%;
	height: 1.2em;
	border-top: 2px solid #99CCCC;
	border-right: 2px solid #709c9b;
	border-bottom: 2px solid #709c9b;
	border-left: 2px solid #99CC99;
}

/* posts (center column) */
#bPosts {
	background-color: #ffffff;
	color: #000000;
	margin-left: 165px;
	margin-right: 190px;
	margin-bottom: 5px;
	border: thin inset #000000;
	padding: 0;
}

#bPosts h2 {
	margin: 0;
	border-bottom: 2px solid #000000;
	padding: .2em 10px .2em .2em;
	text-align: right;
	}

#bPosts p {
	padding-top: 6px;
	padding-bottom: 6px;
}

.bPost, .bPostpublished, .bComment {
	margin: 0;
	padding: 0;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000000;
}

.bComment {
	border-top: 1px solid #000000;
	border-bottom: none;
}

.bSmallHead {
	font-size: 84%;
	margin: 2ex 12px 1ex 12px;
}

.bTitle, .bCommentTitle {
	margin: 1ex 12px;
	font-size: 120%
}

.bText, .bCommentText {
	margin: 0 12px;
}

.bText {
	font-size: 104%;
}

.bSmallPrint, .bCommentSmallPrint {
	font-size: 84%;
	margin: 1ex 12px;
}

a:link {
	color: #666666;
	background-color: inherit;
}

a:visited {
	color: #000000;
	background-color: inherit;
}

a:hover {
	color: #99CCCC;
	background-color: inherit;
}

a:active {
	color: #99CCCC;
	background-color: inherit;
}

/* footer */
#pageFooter {
	clear: both;
	background-image: url(img/bar_bg.gif);
	background-color: #ffffff;
	color: #99CCCC;
	border: 1px solid #FFFFFF;
	padding: 4px;
	text-align: center;
}

.baseline {
	font-size: 80%;
	padding: 1em;
}

/* comments and forms (tweaked from rsc/css/forms.css) */
form {
	margin: 0;
	padding: 0;
}

form.inline {
	margin: 0px;
	padding:0px;
	display: inline;
}

fieldset.input {
	margin: 0;
	padding: 0;
	border: 0;
}

.bComment {
	border-top: 5px solid #000000;
	border-bottom: none;
}

form.bComment fieldset {
	border: none;
	margin: 2ex 0ex;
	padding: 0ex;
}

form.bComment fieldset label {
	font-weight: bold;
}

form.bComment fieldset div.label {
	float: left;
	width: 18%;
	text-align: right;
	padding-top: .5ex;
	font-weight: bold;
}

form.bComment fieldset div.input {
	margin: 0 0 0 20%;
}

form.bComment fieldset.input {
	margin: 0;
}

form.bComment fieldset div.info {
	margin: 0 0 0 20%;
	padding-top: .5ex;
}

textarea.bComment, .bComment input[type="text"] {
	width: 96%;
	border-top: 2px solid #FFC0FF;
	border-right: 2px solid #C138C1;
	border-bottom: 2px solid #C138C1;
	border-left: 2px solid #FFC0FF;
}