/*----- GENERAL -----*/

img {
vertical-align: top;
}

#side h2 {
height: 16px;
}
#side h2 img {
vertical-align: top;
}

#archive {
float: right;
width: 110px;
height: 14px;
margin-top: 10px;
}
#archive p {
float: left;
display: inline;
}
#archive img {
vertical-align: top;
}
#archive li {
float: left;
display: inline;
margin-left: 10px;
line-height: 10px;
}
#archive a:hover {
opacity:0.6;
filter:alpha(opacity=60);/*ie lt8*/
-ms-filter:"alpha(opacity=60)";/*ie8*/
-moz-opacity:0.6;/*FF lt1.5, Netscape*/
-khtml-opacity:0.6;
}


/*----- SEARCH FORM -----*/

#frmSearch {
float: right;
display: inline;
width: 162px;
margin-top: -48px;
}

#txtSearch {
background: url(/img/search.png) right no-repeat;
width: 158px;
height: 14px;
font-size: 12px;
line-height: 14px;
padding: 7px 2px;
color: #eeede3;
border: none;
}

/*----- .post META INFO -----*/


#content {
padding-top: 40px;
width: 700px;
}

/*----- .post -----*/

#content .post {
background: url(https://ragcafe03.com/img/content_bg.png);
margin-bottom: 30px;
text-align: left;
padding: 30px 30px 22px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#content .post img {
border: none;
margin-bottom: 15px;
max-width: 500px;
}
#content .post > div {
overflow: hidden;
}
#content .post .searchPage {
margin: 35px 0 0 0;
}

#content .searchPageText {
margin: 0 0 30px 0;
}

#content h5.postDate {
margin-bottom: 24px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
border-bottom: 1px dotted #9e8554;
padding-bottom: 10px;
}

#content h5.postDate a {
text-decoration: none;
color: #9e8554;
font-weight: normal;
}

#content .post h2 {
text-align: left;
font-size: 16px;
line-height: 20px;
margin-bottom: 20px;
color: #563800;
}

#content .post h2 a {
color: #563800;
text-decoration: none;
}

#content .post p {
font-size: 12px;
line-height: 16px;
margin-bottom: 10px;
}

#content blockquote {
border-left: 2px solid #bca474;
margin-left: 0;
padding-left: 12px;
font-size: 12px;
font-family: Tahoma, Geneva, sans-serif;
}

#content #quoteSource {
margin: 0 auto 10px;
}
#content #quoteSource p {
text-align: left;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
line-height: 14px;
}
#content #quoteText h2 {
font-size: 12px;
font-weight: normal;
font-style: oblique;
line-height: 26px;
color: #333;
}

#content .post .chat {
list-style: none;
font-size: 12px;
line-height: 16px;
}

#content .post .chat li {
margin: 0 0 6px;
padding: 2px 0;
}

#content .photoCaption {
text-align: left;
}

/*----- AUDIO PLAYER -----*/

#content .audio {
height: 28px;
width: 26px;
overflow: hidden;
margin: auto;
padding-top: 7px;
}

#content .audioc {
background-image:url('http://static.tumblr.com/f1whv92/9iCl6bfgp/audiocircle.png');
background-repeat: no-repeat; 
height: 41px;
width: 41px;
}

#content .audioCaption {
margin-top: 1px;
}

#content .audioleft {
width: 41px;
float: left;
}

#content .audioright {
width: 444px;
float: right;
}

#content .audioContainer {
margin-top: 5px;
}

#content .audioClear {
clear:both;
}

/*----- .post NOTES -----*/

#content .notes {
list-style: none;
font-size: 10px;
margin-top: 8px;
border-top: 1px dotted #ccc;
padding-top: 8px;
}
#content .notes li {
margin-bottom: 8px;
}
#content .notes .avatar {
margin: 0 5px 0 0;
position: relative;
}
#content .notes .avatar img {
vertical-align: top;
}
#content .notes a {
text-decoration: none;
}

#content .notes blockquote {
margin: 10px 0 0 35px;
padding-left: 10px;
}

#content .media {
width: 500px;
margin-bottom: 20px;
}

/*----- PAGE NAVIGATION -----*/


#contentFooter {
width: 100%;
height: 54px;
background: url(../img/news_ft_bg.png) repeat-x center top;
}
#contentFooter img {
vertical-align: top;
display: inline;
}
#pageNav {
text-align: center;
padding-top: 20px;
}
#pageNav ul {
text-align: center;
}
#pageNav li {
display: inline;
padding: 0 5px;
}
#pageNav img {
display: inline;
}
#pageNav a {
font-size: 12px;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
color: #fff;
text-decoration: none;
line-height: 15px;
display: inline;
vertical-align: top;
}
#pageNav a.active {
opacity:0.6;
filter:alpha(opacity=60);/*ie lt8*/
-ms-filter:"alpha(opacity=60)";/*ie8*/
-moz-opacity:0.6;/*FF lt1.5, Netscape*/
-khtml-opacity:0.6;  
}
.btnPagetop {
margin-top: 10px;
text-align: right;
}


/*----- FACEBOOK -----*/

#content .btnFB {
margin: 20px 0 0;
text-align: left;
}

/*----- FOOTER META -----*/

#sitemeta {
border-top: 2px solid #222;
color: #222;
padding: 20px 0 32px 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
}

#sitemeta p {
margin: 0;
}

#sitemeta a:link, #sitemeta a:visited {
color: #222;
font-weight: bold;
}