* {
    font-family: arial,sans-serif;
}

body {
    background-color: white;
    font-size: 0.8em;
    margin-top: 90px;
}

img {
    border: 0;
}

#content img {
    height: auto;
    max-width: 400px;
}

#header {
    background-color: #4c2783;
    position: absolute;
    top: 25px;
    left: 0;
    width: 100%;
    height: 39px;
}

#livebanner {
  float: right;
}



#content {
    margin-left: 260px;
    margin-right: 275px;
    padding: 0;
/*
    border: 1px solid #4c2783;
    position: absolute;
    top: 80px;
    bottom: 5px;
    overflow-y: auto;
*/
}

.daygroup {
    margin: 5px;
}

.daygroup h2 {
    font-size: 1em;
}

.entry {
    margin-left:10px;
    margin-top:10px;
}

.entry .content p {
    margin: 10px 0;
}

.entrygroup {
    /*border-left: 3px solid #E0E0E0;*/
    padding: 0 10px;
    margin: 10px 0px;
}

#sb_left {
    left: 15px;
    width: 250px;
}

#sb_right {
    right: 15px;
    width: 250px;
}

.sidebar {
    position: absolute;
/*
    top: 80px;
    bottom: 5px;
*/
    padding: 0;
    margin: 0;
    font-size: 0.9em;
}

.sidebar ul {
    list-style-type: none;
    padding-left: 10px;
}

.sidebar ul li {
    padding-bottom: 5px;
}

.sidebar h2 {
    font-size: 1em;
}

.centred {
    text-align: center;
}

div.inner a {
    font-size: 1.3em;
    padding: 0 10px;
    color: white;
    font-weight: bold;
    line-height: 20px;
}

div.inner div.cat_icon {
    float:right;
    margin-right: 10px;
} 

div.inner {
    margin-top: 13px;
    background-image: url('../images/topic_bg.png');
    background-repeat: repeat-x;
}

div.inner_pp {
    background-image: url('../images/topic_bg_pp.png') !important;
}

div.inner_op {
    background-image: url('../images/topic_bg_op.png') !important;
}

div.inner {
    margin-top: 13px;
    background-image: url('../images/topic_bg.png');
    background-repeat: repeat-x;
}


#content h3 a {
    color: white;
    font-size: 1.5em;
}

#content h4 a {
    color: #660087;
}

.channelgroup h4 {
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    border-bottom: 2px solid Thistle;
}


a {
    text-decoration: none;
}


div.channelgroup div.inner { border-radius: 6px; }
div.channelgroup div.inner > div { padding: 5px 0px; }
span.corners-top, span.corners-bottom { display: none; }


.feedTitle {
    width: 100%;
    margin-top: 0;
    font-size: 1.1em;
    font-weight: bold;
}

.feedTitle a:link { color: black; }


#msgwindow {
    display: block;
    background-color: LightCoral;
    border: 1px solid black;
    border-radius: 5px;
    position: absolute;
    right: 288px;
    top: 63px;
}

#msgwindow span {
    margin: 6px;
    padding-left: 10px;
    font-weight: bold;
    font-size: 1.1em;
}

#msgwindow input {
    margin: 4px;
}

#translations {
    text-align: center;
}

#translations a {
    margin: 0 10px;
}

#adminmsg {
    display: none;
    background-color: LightCoral;
    border: 1px solid black;
    position: absolute;
    font-size: 0.9em;
    padding: 4px;
    left: 10px;
    top: -1px;
    border-radius: 5px;
}

#adminmsg p {
    margin: 4px;
    padding: 0;
}

#adminmsg a {
    float: right;
}

.drift .inner {
    background-image: none !important;
    background-color: red !important;
}


#highlight .inner {
    background-image: none !important;
    background-color: #00C83E !important;
}

#creditfooter {
    text-align: right;
    opacity: 0.5;
}

.content h1 {
  font-size:1.3em;
}

.content h2 {
  font-size:1.2em;
}

.content h3 {
  font-size:1.1em;
}


hr {
    border: 2px solid DarkOrchid;
    width: 80%;
    margin: 20px auto;
}

ul.links {
    list-style-type: disc;
    margin-left: 20px;
}

#chat input[name="Nickname"] {
    width: 130px;
}

.face {

    float:right;
    margin-top:5px;
    margin-left:5px;
    margin-bottom:5px;
}

.endchannelgroup {
   clear: both;
}

#header .flickr_badge_image img {
  height: 50px !important;
  width: 50px !important;
  vertical-align: middle;
}

#header .flickr_more_link {
  display:inline;
}

#header .flickr_more_link a {
  color:white;
  font-size: 6pt;
}

#header .flickr_badge_wrapper {
  margin-top: -7px;
  text-align: left;
  margin-left: 100px;
}

@media screen and max-width(900px) {
	.sidebar {
		position: inherit;
	}
	.sidebarwrapper {
		position: absolute;
		right: 15px;
		width: 250px;
	}
	.content {
		margin-left: 0;
	}
}