@font-face {
  font-family: kj_font;
  src: url('http://www.karajacinta.com/b_journal/blog_graphics/kj_font.eot');
  src: local(kj_font), url('http://www.karajacinta.com/b_journal/blog_graphics/kj_font.ttf') format('opentype');
}


body {
  margin: 0;
  padding: 0;
  min-width: 875px;
  text-align: center;
  word-wrap: break-word;
  font-size: 16px;
  font-family: kj_font;
}


#back1 {
  margin: 0 auto;
  width: 852px;
  height: 94px;
  background-image: url(http://www.karajacinta.com/b_journal/blog_graphics/backtop.png);
  background-repeat: no-repeat;
}
#music {
  position: relative;
  top: 30px;
  right: 21px;
}
#header {
  position: relative;
  top: 33px;
  left: 15px;
  text-align: left;
}


#back2 {
  margin: 0 auto;
  width: 852px;
  background-image: url(http://www.karajacinta.com/b_journal/blog_graphics/backmiddle.png);
  background-repeat: repeat-y;
}
#top {
  position: relative;
  left: 10px;
  width: 737px;
  height: 9px;
  background-image: url(http://www.karajacinta.com/b_journal/blog_graphics/innertop.png);
  background-repeat: no-repeat;
}
#middle {
  position: relative;
  left: 10px;
  width: 737px;
  background-image: url(http://www.karajacinta.com/b_journal/blog_graphics/innermiddle.png);
  background-repeat: repeat-y;
}
#left {
  margin-top: 5px;
  position: relative;
  left: 19px;
  float: left;
  width: 520px;
  text-align: left;
}
#right {
  position: relative;
  right: 13px;
  float: right;
  width: 143px;
  min-height: 476px;
}
#bottom {
  position: relative;
  left: 10px;
  width: 737px;
  height: 10px;
  background-image: url(http://www.karajacinta.com/b_journal/blog_graphics/innerbottom.png);
  background-repeat: no-repeat;
}

#back3 {
  margin: 0 auto;
  width: 852px;
  height: 38px;
  background-image: url(http://www.karajacinta.com/b_journal/blog_graphics/backbottomalt.png);
  background-repeat: no-repeat;
}



#sidesocial {
  position: absolute;
  left: 760px;
  width: 116px;
  display: block;
}


#footer {
  margin: 0 auto;
  width: 842px;
  text-align: left;
}


hr { clear: both; }
img { border: none; }


.blogimg img {
  margin: 15px 0px;
}
.blogdate {
  position: relative;
  top: 3px;
}


.randomimage {
  width: 187px;
  height: 236px;
  float: left;
}
.randomquote {
  width: 320px;
  height: 228px;
  float: right;
  border-width: 4px;
  border-style: solid none;
  border-color: #999999;
}
.bjournal {
  position: relative;
  left: 10px;
  width: 510px;
  min-height: 255px;
  clear: both;
}


.socialbtn {
  margin-bottom: 10px;
  width: 116px;
  float: left;
  text-align: left;
}


a:link { color:#56CAF1; text-decoration:none; }
a:visited { color:#56CAF1; text-decoration:none; }
a:hover { color:#000000; text-decoration:none; }
a:active { color:#000000; text-decoration:none; }


#right a:link { color:#000000; text-decoration:none; }
#right a:visited { color:#000000; text-decoration:none; }
#right a:hover { color:#56CAF1; text-decoration:none; }
#right a:active { color:#000000; text-decoration:none; }




.mainmenubtn a:link { color:#FFFFFF; text-decoration:none; }
.mainmenubtn a:visited { color:#FFFFFF; text-decoration:none; }
.mainmenubtn a:hover { color:#000000; text-decoration:none; }
.mainmenubtn a:active { color:#000000; text-decoration:none; }

.mainmenubtn2 a:link { color:#000000; text-decoration:none; }
.mainmenubtn2 a:visited { color:#000000; text-decoration:none; }
.mainmenubtn2 a:hover { color:#000000; text-decoration:none; }
.mainmenubtn2 a:active { color:#000000; text-decoration:none; }

.mainmenubtnpos {
  position: relative;
  top: 23px;
  width: 140px;
  text-align: center;
}




ul {
  margin: 0;
  padding: 0;
}
li {
  list-style-type: none;
}




.sbracket:before {
  position: relative;
  top: 5px;
  content:url(http://www.karajacinta.com/b_journal/blog_graphics/s_bracket_l.png);
}
.sbracket:after {
  position: relative;
  top: 5px;
  content:url(http://www.karajacinta.com/b_journal/blog_graphics/s_bracket_r.png);
}

.lbracket:before {
  position: relative;
  top: 5px;
  content:url(http://www.karajacinta.com/b_journal/blog_graphics/l_bracket_l.png);
}
.lbracket:after {
  position: relative;
  top: 5px;
  content:url(http://www.karajacinta.com/b_journal/blog_graphics/l_bracket_r.png);
}

.goals {
  position: relative;
  left: 10px;
  width: 235px;
  float: left;
}
.goals li {
  padding-left: 12px;
  background: url(http://www.karajacinta.com/b_journal/blog_graphics/bullet.png) no-repeat;
}
.passions {
  width: 235px;
  float: right;
}
.passions li {
  display: inline;
  padding-left: 12px;
  padding-right: 5px;
  background: url(http://www.karajacinta.com/b_journal/blog_graphics/bullet.png) no-repeat;
}




.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.clearboth {
  clear: both;
}


.bold {
  font-weight: bold;
}



.bluetext {
  color: #56CAF1;
}
.whitetext {
  color: #FFFFFF;
}
.greentext {
  color: #00FF00;
}
.redtext {
  color: #FF0000;
}


.text16 {
  font-size:16px;
}
.text20 {
  font-size:20px;
}
.text24 {
  font-size:24px;
}
.text28 {
  font-size:28px;
}
.text32 {
  font-size:32px;
}
.text36 {
  font-size:36px;
}
.text48 {
  font-size:48px;
}


.userinfo {
  float: left;
  width: 100px;
}
.comment {
  float: right;
  width: 360px;
}
.greenback {
  background: #00FF00;
}
.yellowback {
  background: #FFFF00;
}
.redback {
  background: #FF0000;
}