hr {
    width:400px !important;
    padding-left: 10px !important;
    margin-left:14px !important;
    width:467px !important;
    float:left !important;
    background-color: silver !important;
    height: 3px !important;
    margin-bottom:4px !important;
    margin-top:6px !important;
}

.journalpage {
   background: white;
   float:left;
   border-left:1px solid silver;
   border-right:1px solid silver;
   width:498px;
   min-height:350px;
}

#event_journal {
    font-size:0.9em;
}

.journalpage h2, .journalpage h3, .journalpage p{

    clear:both;
}

/*Various concessons made here for ie7 - careful when changing*/

.journalpage h2 {
    color:#ff9900;
    font-size:1.5em;
    padding:0.4em 0.62em 0 0.62em !important;
    font-weight:bold;
    width:100%;
    float:left;
    
}

h2.summary {
    margin-bottom:0.7em;
}

.journalpage h2.date {
    color:#808080 !important;
    font-size:1.2em;
    float:right !important;
    text-align:right;
    padding: 1em 1em 0em 1em !important;
    margin: 0 !important;
}

.journalpage h3 {
    float:left;
    color:#009933;
    padding:1em 0.8em 0 0.8em;
}

.journalpage p {
    padding:0 1em !important;
    float:left !important;
    width:470px !important;
}

.journalpage .nextprevious{
    float:right;
    font-size:0.9em;
}

.journalpage .nextprevious a{
    padding: 30px 10px;
    
}

#detailpara {
    float:left;
    padding-top:1em;
}

.journalpage #detailpara  p {
    margin:0.5em 0 !important; /*This is really important for markdown*/
    padding:0 1em !important;
    float:left !important;
    width:470px !important;
}

.journalpage #detailpara li, .journalpage #detailpara  h1, .journalpage #detailpara  h2, .journalpage #detailpara  h3, .journalpage #detailpara  h4 {
    padding:0 1em !important;
    float:left !important;
    width:470px !important;
}

.journalpage #detailpara  ol, .journalpage #detailpara  ul{
    padding:0 2em !important;
    float:left !important;
    width:470px !important;
}



#thisisme {
    border:3px solid #99CC99;
    margin-bottom:1em;
    padding:0.5em;
    float:left;
    font-size:0.9em;
}

#thisisme .textOnly{
    background:transparent !important;
    border:none !important;
    float:right;
    color:#009933;
    font-size:1em;
    font-weight:bold;
    cursor:pointer;
}

#thisisme .textOnly:hover{
    text-decoration:underline;
}

.journalpage #event-thumbnails {
    float:left;
    clear:both;
}

.journalpage ul#event-thumbnails {
    list-style:none;
    padding:1em 0.5em !important;
    margin:0 !important;
}

.journalpage ul#event-thumbnails li{
    float:left;
    padding:0 0.5em;
}

.journalpage img.event-thumbnail {
    border:1px solid #000;
    float:left;
    clear:none !important;
    padding:3px;
    margin-bottom:1em;
}

a img{
    text-decoration:none !important;
}



.journalpage dl {
    color:#4d4d4d !important;
    padding:0 1em;
}

.journalpage dt {
    float:left;
    clear:left;
    padding:0 !important;
    margin:0 !important;
}

.journalpage dd {
    padding:0 0.5em;
    clear:none;

    padding:0 !important;
    margin:0 !important;
    color:#009933;
}
.journalpage dd span, .journalpage dd a{
    padding:0 0.5em;
    float:left;
    clear:right  !important;
}


.tasks {
    clear:both;
    float:left;
    width:498px;
    border-left:1px solid silver;
    border-right:1px solid silver;
}

.task {
    clear:none !important;
    float:left;
}

.task.right {
    padding-right:0.5em;
}

.task.right.last {
    padding-right:15px;
}

.task a{
    text-decoration:none;
    margin:-36px 0 0 54px;
    display:block;
}

.text-task {
    margin:17px 0 0 14px;
}

.text-task input {
    border:none !important;
    color:#009933 !important;
}

.text-task input:hover {
    border:none !important;
    color:black !important;
}



.task.delete input.delete{
    border:none !important;
    background:transparent url("../img/icon-xsmall-redx.png") no-repeat center left !important;
    height:50px;
    min-width:100px;
    margin-left:5px;
    float:left;
    color:#009933;
    display:block;
    font-size:1em;
    padding:0 0 0 30px !important;
}

.journalpage .button{
    float:right !important;
    clear:both;
}


#bottom-tasks {
    clear:both;
    float:left;
    border-left:1px solid silver;
    border-right:1px solid silver;
    padding:0 8px 10px 8px;
    width:482px;
}

form#deleteform {
}

#bottom-tasks .task{
    padding:0!important;
}


#sociallinks {
    float:right;
    padding:16px 5px 0 0;
}

.buy {
    float:right;
    padding-right:7px;
}

#sociallinks h4{
    clear:none;
    font-weight:normal;
    padding:0 !important;
    margin:0 !important;
    font-size:0.9em;
    float:left;
}

#sociallinks ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding:0;
    margin:0;
    text-align:left;
    float:left;
}

#sociallinks ul li {
    display:inline;
    padding:0 0px 6px 0;
    text-align:center;
}


#sociallinks ul li a {
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
    font-size:0.8em;
}


#footer-info {
    float:left;
    background:#e8e8e8;
    border-left:1px solid silver;
    border-right:1px solid silver;
    border-bottom:1px solid silver;
    padding:0.5em 1.5em !important;
    width:461px;
    margin:0 !important;
}

#footer-info br{
    clear:both;
}

#footer-info .seperator{
    float:left;
    padding-right:0.5em;
}


#footer-info dl{
    float:left !important;
    clear:none !important;
    
}

#footer-info dt{
    float:left !important;
    clear:none !important;
    padding:0 !important;
    margin:0 !important;
}

#footer-info dd{
    color: #009933 !important;
    float:left !important;
    clear:none !important;
    padding-left:0.5em;
    padding-right:0.5em;
    padding-bottom:0.5em;
    margin:0 !important;
}