/* reset all margins and padding */
html * {margin: 0; padding: 0;}

a, a:link{text-decoration: none; border-bottom: 1px dotted #7a003b; color: #7a003b;}
a:hover, a:focus{background-color: #faccce;}
a:visited {text-decoration: none; border-bottom: 1px dotted #834054; color: #834054;}
a:active{text-decoration: none; border-bottom: 1px dotted #7a003b; background-color: #faccce;}
hr{display:none;}
h1, h2, h3, h4, h5, h6 {color: #7a003b;}
h1 {font-size: 2em;}
h2 {font-size: 1.833em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.166em;}
h5 {font-size: 1em;font-weight: bold;}
h6 {font-size: 1em;font-weight:normal;}

/* flokka colour scheme */
.flokka-red {color: #d7161f;}
.flokka-purple1 {color: #834054;}
.flokka-purple2 {color: #7a003b;}
.flokka-pink-lite {color: #faccce;}
.flokka-pink {color: #e76e7c;}
.flokka-pink-box {color: #fbf4f4;}

/* reset border around images */
img {border: 0px;}
a img, a:link img, a:visited img { border:0; }
.itemtext a img { border:0; background: none; display: block;}
a.imglink, a:link.imglink, a:visited.imglink, a:active.imglink { border:0; background: none; }

body {font:75%/1.6 Arial, Helvetica, sans-serif; color:#333;background-color:#fff; margin-bottom: 10px;}

/* layout */
.page { background:#fff; margin: 0 auto; padding: 10px; position:relative; width:975px; overflow:hidden;}


#header, #header-member {height: 130px; width: 100%;}
 #header h1, #header p.description {height: 0px; line-height: 0px; text-indent: -3000px; font-size: 0px;}
 #header img.logo {float: left; display: block; margin: 25px 0 0 10px;display: inline;position: relative;}
 #header-ad {float: left;margin: 0 0 0 20px;display:inline;position: relative;}
#header-member {background: url(images/memberblog.jpg) 0 0 no-repeat;}
 #header-member h1 {float: left; position: relative; margin: 30px 0 0 110px;display:inline;}
 #header-member h1 a {color: #fff; border-color: #fff;}
 #header-member p.description {clear: left;float: left;margin: 5px 0 0 110px; color: #fff;font-size: 1.117em; font-weight:bold;display:inline;}

ul.nobull {list-style:none; margin: 0; padding: 0;}
ul#top-menu {clear: both; background: url(images/menu-bg.png) 0 0 repeat-x; height: 28px;font-size: 14px; line-height: 28px; font-weight: bold;}
 ul#top-menu li {display: inline;}
 ul#top-menu a, ul#top-menu a:hover, ul#top-menu a:visited, ul#top-menu a:link {color: #fff; text-decoration: none;}
 ul#top-menu a {padding: 0 15px; display: block; float: left; border: 0;}
 ul#top-menu a:hover, ul#top-menu a:focus {background: url(images/menu-hover.png) 0 0 repeat-x;}
 ul#top-menu li.current_page_item a {background: #d7161f;}

#content {clear: both; margin-top: 8px;}

.primary {width:635px; float:left; padding:0; margin:0 10px 0 0;}
.box ul {list-style: none}
.box ul li {margin-bottom:5px;}

.secondary {width:330px; float:right; position:relative; line-height: 1.4em;}
 .secondary .left {float:left; width:160px; margin-right:10px;}
 .secondary .right {float:left; width:160px; display:inline;}
 .secondary h3 {font-size: 1.17em;}

/* flokka content blocks */
ul.featured {margin: 15px 0 0; list-style: none;}
 ul.featured li {padding: 10px 0 15px; margin: 0px 10px 5px 15px; clear: left; border-bottom: 1px dotted #faccce;}
 ul.featured li.last {border-bottom: 0; margin-bottom: 0;}

/* general form elements formatting */
textarea {font-family: Arial, Helvetica, sans-serif; font-size: 1em;}
fieldset {border:0;}
input.flf, textarea, input.TextField {border: 2px solid #faccce; background-color: #fff; padding: 2px 3px;}
textarea:focus, input.flf:focus {border-color: #7a003b;}


/* widgets */
.widget {padding: 8px 0 8px 10px;margin-bottom: 10px;}
.left .widget {padding-right: 10px;}
.boxpadding {padding: 8px 10px;}
.widget-nopad {margin-bottom: 10px}
.secondary .box {border: 2px solid #E5E5E5;}
.widget h3, .widget-nopad h3 {display: inline; padding: 3px 12px; position: relative; top: -5px; left: -12px; background-color: #7a003b; color: #fff; float: left;}
.widget h4 {font-size: 1.2em;}
.widget span.head-right {margin-right:10px;position:relative;float: right;}
.widget-nopad span.head-right {position:relative;float: right;}
.widget ul, .widget div {clear: left;}
li.categories {list-style: none;}
/* twitter */
.box h3 a {border-color: #fff; color:#fff;}
.tweets {margin-right: 10px;}
.tweets li {border-bottom:1px dotted #7a003b; padding-bottom:5px;}
.widget .entry-meta {font-size:0.916em;font-style:italic;}

/* about */
.side-wide #flokka-about {background-color: #d7161f; color: #fff; margin-bottom: 10px;}
.side-wide #flokka-about h3 {margin-bottom: 5px; color: #fff;}

#flokka-owner {overflow:hidden;border: 2px solid #faccce;}
	#flokka-owner h4.h-hello {line-height: 1em; margin: 10px 0;float:left;width: 240px;}
	#flokka-owner img.img-profile {margin: 5px 15px 5px 10px; float:left;width:50px;height:50px;}

#flokka-owner ul.userlinks {margin: 5px 0;}
#flokka-owner ul.userlinks li {display: inline;}
#flokka-owner ul.userlinks li.separator {background: transparent url(images/v-sep.png) 50% 0 no-repeat; padding: 0 5px;}

/* categories */
ul.categories, ul.categories ul {list-style: none;}
ul.categories {margin: 5px 0 0 0; font-size: 0.95em;}
ul.categories li.cat-item {font-weight: bold;}
ul.categories li ul.children {margin: 3px 0 6px;}
ul.categories li ul.children li.cat-item {font-weight: normal;}

/* search */
#flokka-search form {height: 23px;}
#flokka-search input#s {width: 210px; float: left;}
#flokka-search input#searchsubmit {margin: 0 0 0 10px;}
.search { margin: 10px 0 20px 0 !important; }

/* comments */
.comments { text-align:left; padding:15px 0 0; position:relative; }
.commentlist blockquote, blockquote{margin: 15px 0;padding: 0 25px; color:#666;}
.aside .editlink img{top:9px;}
.commentseditlink{border:none;padding:2px;padding-left:10px;}
.commentslink{padding:0;}
.comments ol.commentlist{padding:10px 0 0;position:relative;margin:0;overflow:hidden;}
.comments .commentlist li{margin:10px 0 10px ;padding:2px 0px 2px 5px;list-style:none;overflow:hidden;}
.comments .commentlist li img.avatar{float:left;padding:2px 10px 5px 0;}
.comments .commentlist li .commentauthor{font-size:1.5em;font-weight:bold;letter-spacing:-1px;}
.comments .commentlist li.authorcomment{list-style:none;background:#f5f5f5;border:1px solid #ccc;padding:2px 0px 2px 5px;}
.comments .pinglist{font-size:1.2em;padding:0;margin:0;}
.comments .pinglist li{list-style:none;margin-top:4px;padding:5px 0 5px 0;}
.comments .pinglist li .commentauthor{font-weight:bold;display:block;}
.comments .pinglist li small{font-size:1em;display:block;}
.comments .pinglist li .counter{display:none;}
.comments .pinglist li img{padding:0;border:none;}
.comments #leavecomment{text-align:center;margin-bottom:40px;color:#ddd;font-size:2em;letter-spacing:-2px;}
.comments form{clear:both;padding:1px 0 30px;margin:0;width:420px;}
.comments input[type=text]{width:45%;margin:5px 5px 1px 0;}
.comments textarea{height:150px;padding:2px;width:100%;_width:98.5%;}
.comments #submit{margin:0;float:left;}
.comments li.alt {background-color: #fbf4f4;}
#commentform p {margin-bottom: 5px;}

/* post navigation */
.navigation {clear: both;text-align:center;margin:10px 0 10px;width:99%;}
.navigation .left{float:left;width:50%;text-align:left;}
.navigation .right{float:right;width:50%;text-align:right;}
.navigation p{margin:0;padding:0;}.navigation a{color:#777;}
.navigation a:hover{color:#fff;}

/* page */
.flokka-page {padding: 0 10px;}
.flokka-page .item {clear: both;}
.flokka-page .entry {margin-bottom: 40px;}
.editlink {position: relative; float: right;}
.item .editlink { margin-top: -3.5em;}
.itemhead .editlink, .entry .editlink { margin-top: -2.1em;}
.editlink img{width:16px;height:16px;border:none !important;margin:4px 0 0 10px;}
.editlink a {border:0;background:none;}
.flokka-page h2{margin:5px 0 15px 0;}
.itemtext {margin-top: 10px;}
.itemtext p {margin-bottom: 10px;}
.itemtext ul, .itemtext ol {margin: 10px 0; padding-left: 15px;}
.itemhead {margin-bottom: 5px;}
.metadata {clear: both; font-size: 0.833em; color:#888;border-top: 1px dotted #faccce;padding-top:5px;}

.hys-comment-box {width: 390px;}
textarea.hys-textfield {width: 382px;height: 70px;}
.charlimit {float: right;background-color: #faccce; margin-top: -3px; padding: 2px 4px;}
.charlimit #limitcounter {font-weight: bold;}

.item .featured-article-image {float: left; margin: 10px 20px 0 0; height: 100%;}
.featured-article-image .feat-image {float: left; padding: 4px; width:68px; height:68px;}

.wp-caption {border: 2px solid #faccce;background-color: #fbf4f4;text-align: center;padding-top: 5px;}
.wp-caption img {margin: 0 auto;}
p.wp-caption-text {margin: 0; padding-top: 3px;}
div.alignleft {margin: 5px 10px 0 0;}
div.alignright {margin: 5px 0 0 10px;}

/* tables */
table {width: 100%; border-collapse: collapse;}
th, td {padding: 2px 4px;}
td.center {text-align: center;}
table.flokka-list th {background-color: #7a003b; color: #fff; font-size: 1.133em;}
table.flokka-list th a {color: #fff; border-bottom-color: #fff;}
table.flokka-list tr.alternate {background-color: #fbf4f4;}
th.avatar, td.avatar {width: 50px;}
th.bn, th.ba, td.bn, td.ba {text-align: left;padding-left: 10px;}

/* footer */
#footer {line-height: 1.4em;}
#footer ul {list-style: none;}
#footer .copyright {float: left;}
#footer .tagline {float: right;}
/* misc */
.clear:after {display:block;visibility:hidden;clear:both;height:0;content:" ";}
.clear {clear: both;display:block}

.fourohfour p {font-size: 1.133em; font-weight: bold;}

.alignright{float:right;}
.alignleft{float:left}

img.center,img[align="right"]{display:block;margin-left:auto;margin-right:auto;}
img.alignright,img[align="right"]{padding:4px;margin:0 0 2px 7px;display:inline;}
img.alignleft,img[align="left"]{padding:4px;margin:0 7px 2px 0;display:inline;}

small{font-size:1em;line-height:1.4em;}
small,strike{color:#777;}


.alert{background:#FFF6BF;
	border-left:2px solid #FFD324;
	border-right:2px solid #FFD324;
	text-align:center;
	margin:10px auto;
	padding:5px 20px;}

.center{text-align:center;padding-bottom:0px;margin:0;}
.flokka-ad {margin-bottom: 10px;}
.flokka-ad a {border:none;}
.flokka-ad a:hover {border:none; background: none;}
#flokka-ad-island {text-align: center; width:316px; background-color: #fff; padding: 10px 5px 5px;}
.ad-125 {overflow:hidden;}
.tile-125 {margin:0 0 10px 25px;float: left;}

.textwidget img {display: block;}
.flokka-page ul {margin: 5px 0 5px 15px;}
ul.tweet-this-links {margin: 15px 0 10px 0;list-style:none;}
ul.tweet-this-links li {display: inline;margin-right: 7px;}
ul.tweet-this-links li .tt img {position:relative;top:4px;margin-right:2px;display:inline;}
