@import url(https://fonts.googleapis.com/css?family=Julius+Sans+One);
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville);

.protect-copy {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.theme00 {	
	background-color: white;
	padding: 0;
	margin: 0;
}

.theme01 {
	background: 
		url(../images/theme/topbar-01.jpg) top center no-repeat, 
		url(../images/theme/footer-01.jpg) bottom center no-repeat;	
	background-color: #81c1c7;
	padding: 0;
	margin: 0;
}

.h5 { height: 5px; }
.h10 { height: 10px; }
.h20 { height: 20px; }
.h50 { height: 50px; }
.h100 { height: 100px; }
.h200 { height: 200px; }
.h360 { height: 360px; }
.h700 { height: 700px; }

.w20 { width: 20px; }
.w50p { width: 50%; }
.w70p { width: 70%; }
.w95p { width: 95%; }

.margin0 { margin: 0; }
.margin-top20 { margin-top: 20px; }
.margin-top10 { margin-top: 10px; }
.margin-left10 { margin-left: 10px; }
.padding0 { padding: 0; }
.padding15 { padding: 15px; }
.padding-left10 { padding-left: 10px; }
.btn-more { float: right; display: block; width: 28px; height: 15px; text-decoration: none; background: url(../images/icon-more.png); }
.btn-more:hover { background: url(../images/icon-more.png) no-repeat -28px 0px; }
.display-block { display: block; }
.display-none { display: none; }

/* ------------------- Home -------------------*/

.tp-home-hero { padding: 20px; overflow-y: hidden; }
.tp-home-menu { padding: 20px; }
.tp-home-news-cover { padding: 0; }
.tp-home-news-row { padding: 10px 10px 0 10px; background: url(../images/doth.png) bottom left repeat-x; }
.tp-home-news-img { padding: 0 10px 10px 0; }
.tp-home-box-main-poem { 
	border: 1px black;
	padding: 15px;
	background: rgba(255, 255, 255, 0.5);	
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
			border-radius: 0px;		
}

.tp-home-box-main-poem-cover {
	padding: 10px;
}

.tp-home-box-main-poem-img {
	margin-bottom: 20px;
	text-align: center;
}

.tp-home-box-main-poem-txt {
	border: 0;
	padding: 0;
	margin: 0;
	background: rgba(255, 255, 255, 0.5);	
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
			border-radius: 0px;			
}

/* ------------------- Row -------------------*/

.tp-row-gray { background: #eaeaea url(../images/doth.png) top left repeat-x; padding-top: 1px; }
.tp-row-blue { background: #28cbe2 url(../images/doth.png) top left repeat-x; padding-top: 1px; }
.tp-txt-center { text-align: center; }
.tp-txt-left { text-align: left; }
.tp-txt-right { text-align: right; }

.tp-row { width: 100%; text-align: center; }
.tp-row-half { width: 50%; text-align: center; float: left; }
.tp-row-half-song{ width: 50%; text-align: left; float: left; }



.tp-row-inline {
	display: inline-block;
	zoom: 1;
	*display: inline;
	/* vertical-align: top; */
}
.tp-row-padding-top10 { padding-top: 10px; }
.tp-row-padding-top20 { padding-top: 20px; }
.tp-row-padding-left20 { padding-left: 20px; }
.tp-row-padding-bottom10 { padding-bottom: 10px; }
.tp-row-padding-10 { padding: 10px; }
.tp-row-padding-20 { padding: 10px 20px; }
.tp-row-avatar { width: 12%; }
/*.tp-row-title { width: 68%; } */
.tp-row-title { width: 58%; }
.tp-row-title-long { width: 80%; padding: 3px 0; overflow: hidden; }
.tp-row-title-middle { width: 65%; padding: 3px 0; overflow: hidden; }
.tp-row-edit { width: 15%; }
.tp-row-love { width: 10%; }
.tp-row-comment { width: 10%; }

.tp-row-artist { width: 32%; }
.tp-row-artist-long { width: 80%; }
.tp-row-song { width: 48%; }
.tp-row-view { width: 10%; }
.tp-row-artist-photo { padding-left: 5px; }

.tp-row-member-box-love { width: 80%; }
.tp-row-member-box-logout { width: 10%;}
.tp-row-member-edit-label { width: 30%; float: left; }
.tp-row-member-edit-text { width: 70%; float: left; }
.tp-row-member-edit-label-long { width: 15%; float: left; }
.tp-row-member-edit-text-long { width: 85%; float: left; }
.tp-row-member-edit-btnfb { padding-left: 20px; }

.tp-row-poem-avatar { width: 8%; }
.tp-row-poem-member { width: 17%; }
.tp-row-poem-title { width: 50%; }
.tp-row-poem-view { width: 5%; }
.tp-row-poem-comment { width: 5%; }
.tp-row-poem-love { width: 5%; }
.tp-row-poem-edit { width: 15%; }

.tp-row-member-avatar { width: 15%; }
.tp-row-member-name { width: 15%; }
.tp-row-member-work { width: 35%; }
.tp-row-member-poemno { width: 5%; }
.tp-row-member-fictionno { width: 5%; }
.tp-row-member-blogno { width: 5%; }
.tp-row-member-love { width: 5%; }
.tp-row-member-msg { width: 10%; }

.tp-row-txt-last { padding: 20px;}
.tp-row-decor-head {
	padding: 5px 0;
	background: url(../images/doth.png) bottom left repeat-x;	
}
.tp-row-decor-list {
	padding: 5px 0;
	background: url(../images/doth.png) bottom left repeat-x;	
}
.tp-row-decor-list:hover { 
	background-image: url(../images/bg-row.png); 
	background-size: 100%;
}
.tp-row-decor-list-head {
	padding: 10px 0;
	background: url(../images/doth.png) bottom left repeat-x;	
}

.tp-row-decor-banner { padding: 0; background: white; }
.tp-row-decor-banner-toppadding { padding: 0; margin: 10px 0 0 0; background: white; }

.tp-row-txt-cover {
	background: #81c1c7;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;	
}

.tp-row-txt-cover-gray {
	background: #eaeaea;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;	
}

.tp-row-avatar-img { width: 30px; height: 30px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}
.tp-row-avatar-img-l { width: 50px; height: 50px; }

.tp-row-bar-blog { background: #7cb6a8 url(../images/bar-beach.png) top left no-repeat; height: 40px; }
.tp-row-bar-blog-full { background: #83b823 url(../images/bar-beach-full.png) top left no-repeat; height: 40px; }
.tp-row-bar-blog-cat { background: #840003 url(../images/bar-morning.png) top left no-repeat; height: 40px; }
.tp-row-bar-fiction { background: #83b823 url(../images/bar-field.png) top left no-repeat; height: 40px; }
.tp-row-bar-fiction-full { background: #83b823 url(../images/bar-field-full.png) top left no-repeat; height: 40px; }
.tp-row-bar-fiction-cat { background: #840003 url(../images/bar-leaf.png) top left no-repeat; height: 40px; }
.tp-row-bar-poem { background: #026a73 url(../images/bar-island.png) top left no-repeat; height: 40px; }
.tp-row-bar-poem-full { background: url(../images/bar-island-full.png) top left no-repeat; height: 40px; }
.tp-row-bar-poem-cat { background: #840003 url(../images/bar-rose.png) top left no-repeat; height: 40px; }
.tp-row-bar-recommend { background: #840003 url(../images/bar-iceisland.png) top left no-repeat; height: 40px; }
.tp-row-bar-song-hit { background: #7cb6a8 url(../images/bar-red.png) top left no-repeat; height: 40px; }
.tp-row-bar-song-new { background: #7cb6a8 url(../images/bar-blue.png) top left no-repeat; height: 40px; }
.tp-row-bar-song-artist { background: #7cb6a8 url(../images/bar-orange.png) top left no-repeat; height: 40px; }
.tp-row-bar-song-artist-type { background: #7cb6a8 url(../images/bar-violet.png) top left no-repeat; height: 40px; }
.tp-row-bar-song-blank { height: 40px; }
.tp-row-bar-sidemenu { background: #e25701 url(../images/bar-cave.png) top left no-repeat; height: 40px; }

.tp-row-bar-content-01-full { background: url(../images/bar-icetree-full.png) top left no-repeat; height: 40px; }

/*
.tp-row-bar-title { width: 70%; line-height: 40px; }
.tp-row-bar-love { width: 20%; line-height: 40px; }
*/
.tp-row-bar-title { width: 70%; line-height: 40px; }
.tp-row-bar-love { width: 10%; line-height: 40px; }
.tp-row-bar-comment { width: 10%; line-height: 40px; }
.tp-row-bar-caption { width: 70%; }
.tp-row-bar-more { width: 20%; }

.tp-row-bar-content-txt { width: 40%; line-height: 40px; }
.tp-row-bar-content-icon { width: 55%; line-height: 40px; }

.tp-row-bar-full-title { width: 75%; line-height: 40px; }
.tp-row-bar-full-view { width: 5%; line-height: 40px; }
.tp-row-bar-full-comment { width: 5%; line-height: 40px; }
.tp-row-bar-full-love { width: 5%; line-height: 40px; }

.tp-row-bar-full-title-95 { width: 95%; line-height: 40px; }

.tp-row-content-topbar { background: url(../images/doth.png) bottom left repeat-x; }
.tp-row-content-topbar-left { width: 40%; }
.tp-row-content-topbar-right { width: 50%; text-align: right; }

.tp-row-home-poem { width: 100%; border-bottom: 1px solid #fe8400; padding: 0; text-align: left; }
.tp-home-poem-active { background: #ffc600; }
.tp-paging-cover { text-align: center; padding: 5px 0 0 0;}
.tp-paging-cover-full { text-align: center; padding: 5px 0 0 0; margin-top: 20px; margin-bottom: 60px; 
	background: rgba(255, 255, 255, 0.6);
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
}
.tp-paging { padding: 0; margin: 10px; }
.tp-page { padding: 15px 0 0 0; text-align: center; }

.tp-side-poem { padding: 15px; }
.tp-side-writer-cover { padding: 15px; }
.tp-side-writer-cover-tab{ padding: 5px 15px 5px 15px; }
.tp-side-icon { text-align: center; padding-top: 10px; background: url(../images/doth.png) top left repeat-x; }
.tp-side-member-panel { 
	padding: 10px; 
	float: none;
	display: inline-block;
	*display: inline; /* ie7 fix */
	zoom: 1; /* hasLayout ie7 trigger */
}
.tp-row-member-panel {
	background: white;
}
.tp-badge-red { 
	background: #e50131; 
	padding: 5px; 
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}

.tp-poem-menu { padding: 15px; }
.tp-poem-menu-divided { border-left: 1px solid #ccc; }
.tp-poem-menu ul { list-style: none; float: left; padding: 0; margin: 0; width: 49%; }
.tp-poem-menu ul li { border-bottom: 1px solid #ccc; }
.tp-poem-menu-active { background: #28cbe2; }
.tp-poem-menu ul li a { font-family: tahoma; font-size: 11pt; letter-spacing: -1px; color: black; text-decoration: none; font-weight: normal; padding: 5px 10px; display: block; }
.tp-poem-menu ul li a:hover { 
	text-decoration: none; 
	font-weight: normal; 
	background: #ffc600; 
}

.tp-row-indent-100 { padding-left: 100px; }
.tp-row-indent-150 { padding-left: 150px; }
.tp-row-indent-200 { padding-left: 200px; }
.tp-row-indent-250 { padding-left: 250px; }
.tp-txt-share { padding: 10px; float: left; }
.tp-txt-tree { padding: 0 0 10px; margin: 0; background: none;}
.tp-avatar-grid { margin-bottom: 5px; display: inline-block; }
.tp-row-calendar-year { padding: 10px 0; }

.tp-box-quote-cover {}
.tp-box-quote { width: 210px; margin: 10px; float: left; }
.tp-box-quote-thumb { float: left; margin: 0 2px 2px 0; }

.tp-home-rotate-cover { padding: 10px 10px 0 10px; text-align: center; }
.tp-home-rotate { width: 10px; height: 10px; background: #a9e2ea; margin-right: 0px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
.tp-home-rotate-active { background: #ffc600;}
.tp-best-top-cover {
	background: rgba(255, 255, 255, 0.6);
	margin-top: 10px;
	text-align: right;
} 
.tp-best-top-text { padding: 15px; text-align: left;} 

/* ------------------- Cover -------------------*/

.tp-cover {
	padding: 0 15px;
}

.tp-cover-home2col {
	background: rgba(255, 255, 255, 0.6);
	margin-top: 10px;
}

.tp-box {
	background: white;
/*	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px; */			
	margin-top: 10px;
}
.tp-box-nobg { margin-top: 10px; }

.tp-content { padding: 15px; background: white; }
.tp-comment { padding: 25px 15px; background: white; }
.tp-top-separator { background: url(../images/doth.png) top left repeat-x; }
.tp-content-info { padding: 10px 15px; }
.tp-content-share { background: white; }

.tp-cover-blog-topmenu { background: #94c2b6; text-align: center; padding: 10px; }
.tp-membermenu { padding: 10px 10px 0px 10px; background: white; }
.tp-membermenu-title { padding: 10px 20px 0px 10px; }

/* ------------------- Write -------------------*/

.tp-write-cover { padding: 15px 15px; }
.tp-write-photo-stock { width: 100%; height: 240px; margin-bottom: 20px; overflow-x: hidden; overflow-y: auto; }
.tp-write-photo-item { margin-right: 0px; margin-bottom: 5px; border: 5px solid white;}
.tp-write-photo-select { border: 5px solid #68c1fa; }
.tp-write-text-area { }
.tp-write-submit-cover { position: relative; height: 95px; }
.tp-write-submit { position: absolute; bottom: 0; right: 0;}

/* ------------------- Side Menu -------------------*/

.tp-sidemenu-number { padding: 20px 20px 0 20px; }

.tp-sidemenu { padding: 20px; background: white; }
.tp-sidemenu ul { list-style: none; padding: 0; margin: 0 0 20px 0; }
.tp-sidemenu ul li { padding: 5px 5px; border-bottom: 1px solid #eaeaea; }
.tp-sidemenu ul li:hover { background: #ffc600; }
.tp-sidemenu-item { display: block; }
.tp-sidemenu-tag-cover {}
.tp-sidemenu-tag-cover p { float: left; padding: 5px 10px; margin: 0 5px 5px 0; background: #a9e2ea; }
.tp-sidemenu-tag-cover p:hover { background: #ffc600; }

.tp-sidemenu-writer-cover {}
.tp-sidemenu-writer-cover p { float: left; padding: 5px 10px; margin: 0 5px 5px 0; background: #d3dfab; }
.tp-sidemenu-writer-cover p:hover { background: #daf872; }

/* ------------------- Form -------------------*/

.tp-input-txt-paging { width: 25px; text-align: center; color: black; }
.tp-comment-textarea { width: 95%; }
.tp-upload-image { width: 200px; height: 150px; }

/* ------------------- Box Background -------------------*/

.opt-bg-white { background: rgba(255, 255, 255, 1);  }
.opt-bg-transparent { background: rgba(255, 255, 255, 0.8); }
.opt-bg-dot { background: url(../images/pattern/dot.jpg) top left repeat;}
.opt-bg-dotblue { background: url(../images/pattern/dot-blue.jpg) top left repeat;}
.opt-bg-dotorange { background: url(../images/pattern/dot-orange.jpg) top left repeat;}
.opt-bg-dotgreen { background: url(../images/pattern/dot-green.jpg) top left repeat;}
.opt-bg-dotpink { background: url(../images/pattern/dot-pink.jpg) top left repeat;}
.opt-bg-dotpurple { background: url(../images/pattern/dot-purple.jpg) top left repeat;}
.opt-bg-paper { background: url(../images/pattern/paper-bg.png) top left repeat;}

/* ------------------- Box Login -------------------*/

.tp-box-login { background: rgba(255, 255, 255, 0.5); }
.tp-box-login-fb { background: rgba(255, 255, 255, 0.7) url(../images/doth.png) bottom left repeat-x; }
.tp-box-login-cover { margin-left: 10px; }
.tp-box-login-user { float: left; padding-right: 10px; }
.tp-box-login-password { float: left; }

/* ------------------- Top Bar -------------------*/

.topbar-logo {
	padding: 20px 0;
	margin: 0;
}

.topbar-menu {
	background: black;
	padding: 5px 15px;
	margin: 0;
/*	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px; */
	opacity: 0.8;
	-moz-opacity: 0.8;
	-webkit-opacity: 0.8;			
}

.tp-top-banner {
	padding: 20px 0 10px 0;
	text-align: center;
}

.tp-top-banner-border { /* border: 5px solid rgba(255, 255, 255, 0.5); */ }
.tp-top-tag { padding-top: 10px; text-align: left; }
.tp-top-tag ul { list-style: none; text-align: center; padding: 0; margin: 0; }
.tp-top-tag ul li { 
	float: none;
	display: inline-block;
	*display: inline; /* ie7 fix */
	zoom: 1; /* hasLayout ie7 trigger */
	margin: 5px; 
	background: rgba(255, 255, 255, 0.6);
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;	
}

.tp-top-tag ul li a {  font-family: tahoma; font-size: 11pt; letter-spacing: -1px; color: black; text-decoration: none; font-weight: normal; padding: 5px 10px; display: block; }
.tp-top-tag ul li a:hover { 
	color: white; 
	text-decoration: none; 
	font-weight: normal; 
	background: #ffc600; 
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
}

.tp-top-search { margin-top: 5px; }

/* ------------------- Song -------------------*/

.tp-song-search-title { margin-right: 20px; }
.tp-tag-cover { list-style-type: none; padding: 0; margin: 0; }
.tp-tag-cover li { float: left; }
.tp-tag-cover li a {
	line-height: 40px; 
	padding: 10px; 
	margin: 0 5px 5px 0;
	background: #b6ddee;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;	
}
.tp-tag-cover li a:hover { background: #ffc600; }
.tp-song-content { border: 0; background: none; }
.tp-song-tab-karaoke { padding: 10px 10px 0 10px; }
.tp-song-title { text-align: center; padding: 10px 0; }

/* ------------------- Footer -------------------*/

.tp-footer-gotop {
	padding: 20px 0;
}

.tp-footer {
	padding: 20px 0 20px 0;
}

.tp-footer ul {
	text-align: center;
	list-style-type: none;
}
.tp-footer li {
	float: none;
	display: inline-block;
	*display: inline; /* ie7 fix */
	zoom: 1; /* hasLayout ie7 trigger */
	margin: 0 7px;
}

.tp-footer li  a{  font-family: tpsupermarket; font-size: 16pt; color: white; text-decoration: none; font-weight: normal; display: block; padding: 7px 12px; }
.tp-footer li  a:hover { 
	color: #ffc000; 
	text-decoration: none; 
	font-weight: normal;
	background: black;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
	background: rgba(0, 0, 0, 0.8);
}

.tp-footer-active {
	background: black;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
	background: rgba(0, 0, 0, 0.8);			
}

.tp-footer-bar {
	background: rgba(0, 0, 0, 0.6);
	padding: 15px 0;
}

.tp-footer-bar-left { text-align: left; padding-left: 10px; }
.tp-footer-bar-right { text-align: right; padding-right: 10px; } 

.tp-footer-tag { text-align: center; }
.tp-footer-tag p { padding: 5px 10px; margin: 0 5px 5px 0; 
	background: rgba(255, 255, 255, 0.7);
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;		
}
.tp-footer-tag p:hover { background: #ffc600; }
.tp-footer-tag-cover {
	padding: 120px 0 0px 0;
}


/* ------------------- Member -------------------*/

.tp-calendar { text-align: center; padding: 20px 0 10px;}
.tp-calendar-month { 
	background: #28cbe2; 
	padding: 5px;
	margin-left: 2px;
	margin-bottom: 2px;
	float: left;
	width: 14px;
	text-align: center;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
.tp-calendar-month:hover { background: #ffcd05; }

/* ------------------- Font -------------------*/

@font-face {
	font-family: tpsupermarket;
	font-style:  normal;
	font-weight: normal;
	src: url('font/supermarket.eot'); /* IE9 Compat Modes */
	src: url('font/supermarket.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('font/supermarket.ttf')  format('truetype'); /* Safari, Android, iOS */	
}

@font-face {
    font-family: 'fontth';
    src: url('font/fontth.eot');
    src: url('font/fontth.eot?#iefix') format('embedded-opentype'),
         url('font/fontth.woff') format('woff'),
         url('font/fontth.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fontthm';
    src: url('font/fontthm.eot');
    src: url('font/fontthm.eot?#iefix') format('embedded-opentype'),
         url('font/fontthm.woff') format('woff'),
         url('font/fontthm.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'quark-bold';
	src: url('font/quark-bold.eot');
	src: local('?'), url('font/quark-bold.woff') format('woff'), url('font/quark-bold.ttf') format('truetype'), url('font/quark-bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'quark-light';
	src: url('font/quark-light.eot');
	src: local('?'), url('font/quark-light.woff') format('woff'), url('font/quark-light.ttf') format('truetype'), url('font/quark-light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.font-h1 { padding: 0; margin: 0; }
.font-h2 { padding: 0; margin: 0; font-weight: normal; }

.font-normal { font-family: tahoma; font-size: 12px; color: black; line-height: 18px; }
a.font-normal:hover {color: black; text-decoration: none; font-weight: normal; }

.font-menu { font-family: tahoma; font-size: 12pt; color: black; line-height: 28px; letter-spacing: -1px; }
a.font-menu:link {color: black; text-decoration: none; font-weight: normal; }
a.font-menu:visited {color: black; text-decoration: none; font-weight: normal; }
a.font-menu:hover {color: black; text-decoration: none; font-weight: normal; }

.font-tag { font-family: tahoma; font-size: 10pt; color: black; }
a.font-tag:link {color: black; text-decoration: none; font-weight: normal; }
a.font-tag:visited {color: black; text-decoration: none; font-weight: normal; }
a.font-tag:hover {color: black; text-decoration: none; font-weight: normal; }

.font-number { font-family: quark-light; font-size: 24pt; color: black; line-height: 18px; }
.font-score { font-family: quark-bold; font-size: 24pt; color: #28cbe2; line-height: 48px; vertical-align:middle; }

.font-link { font-family: tahoma; font-size: 12px; color: #238a95; line-height: 18px; }
a.font-link:hover {color: #238a95; text-decoration: underline; font-weight: normal; }

.font-label { color: #aaa;}
.font-link-member { color: #238a95; }

.font-normal-gray { font-family: tahoma; font-size: 12px; color: #888;}
.font-normal-blue { font-family: tahoma; font-size: 12px; color: #4c76ab;}
a.font-normal-blue:link {color: #365883; text-decoration: none; font-weight: normal; }
a.font-normal-blue:visited {color: #365883; text-decoration: none; font-weight: normal; }
a.font-normal-blue:hover {color: #1d324d; text-decoration: none; font-weight: normal; }
.font-normal-white { font-family: tahoma; font-size: 12px; color: white;}

.font-song { font-family: tahoma; font-size: 12px; color: black; line-height: 18px; font-weight: bold;}
a.font-song:hover {color: #1875a1; text-decoration: none; font-weight: bold; }

.font-content-number { font-family: Arial; font-size: 12px; color: #888;}
.font-subtitle { font-family: tahoma; font-size: 16px; color: black; letter-spacing: -1px; }

.font-poem-title-white {  font-family: tpsupermarket; font-size: 22pt; color: white; text-decoration: none; font-weight: normal;}

.font-poem-title {  font-family: tpsupermarket; font-size: 22pt; color: black; text-decoration: none; font-weight: normal;}
a.font-poem-title:link { color: black; }
a.font-poem-title:visited { color: black; }
a.font-poem-title:hover { background: #ffc600; text-decoration: none; }

.font-poem-content {  font-family: tahoma; font-size: 15px; color: black; text-decoration: none; font-weight: normal; letter-spacing: 0px;}
.font-poem-writer { font-family: tpsupermarket; font-size: 12pt; color: #0a7084;}
a.font-poem-writer:hover {color: black; text-decoration: none; font-weight: normal; }

.font-bar-title {  font-family: tpsupermarket; font-size: 18pt; color: black; text-decoration: none; font-weight: normal;}
a.font-bar-title:hover { color: #01868f; text-decoration: none; font-weight: normal; }

.font-bar-title-light {  font-family: tpsupermarket; font-size: 18pt; color: white; text-decoration: none; font-weight: normal;}
a.font-bar-title-light:hover { color: #ffd800; text-decoration: none; font-weight: normal; }

.font-home-poem {  font-family: tpsupermarket; font-size: 17pt; color: black; text-decoration: none; font-weight: normal; padding: 7px; display: block; }
a.font-home-poem:hover { color: black; text-decoration: none; font-weight: normal; background: #ffd800; }

.font-footer { font-family: arial; font-size: 14px; color: #888; }
a.font-footer-link:link {color: #238a95; text-decoration: none; font-weight: normal; }
a.font-footer-link:hover {color: #ffc000; text-decoration: none; font-weight: normal; }

.font-gotop {  font-family: tpsupermarket; font-size: 16pt; color: white; text-decoration: none; font-weight: normal; padding: 2px 10px; }
a.font-gotop:link { color: white; }
a.font-gotop:visited { color: white; }
a.font-gotop:hover { 	
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
	background: #28cbe2; 
	text-decoration: none; 
}

.font-calendar { font-family: fontth, serif; font-size: 26px; color: black; letter-spacing: -1px }
.font-calendar-year { font-family: 'Julius Sans One', serif; font-size: 32px; color: black; letter-spacing: -1px }
.font-calendar-year:hover { color: #25c3ea; text-decoration: none; font-weight: normal; }
.font-calendar-month { font-family: 'Julius Sans One'; color: black; font-size: 14px; line-height: 14px; text-decoration: none; font-weight: normal; display: block; }
a.font-calendar-month:hover { color: white; text-decoration: none; font-weight: normal; }

.font-member-menu-title {  font-family: tpsupermarket; font-size: 17pt; color: black; text-decoration: none; font-weight: normal;}

/* ------------------- Fix Bootstrap -------------------*/
/*
ul.nav li.dropdown:hover ul.dropdown-menu{
	display: block;    
}

a.menu:after, .dropdown-toggle:after {
	content: none;
}
*/

.nav-pills {
	padding: 0;
	margin: 0;
}

.navbar-inner {
/*	opacity: 0.8;
	-moz-opacity: 0.8;
	-webkit-opacity: 0.8;	*/		
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
			border-radius: 0px;
	border: 0px;
}

.navbar {
	margin: 0;
	padding: 0;
}

.navbar .navbar-inner .nav a { color: black; font-family: tahoma; font-size: 11pt; letter-spacing: -1px; }
.navbar .navbar-inner .nav a:hover { color: #4c76ab; }

.navbar .navbar-inner .dropdown-menu a { color: black; font-family: tahoma; font-size: 11pt; letter-spacing: -1px; }
.navbar .navbar-inner .dropdown-menu a:hover { background: #4c76ab; color: white; }

.modal-backdrop { background: white; }
.modal-body { max-height: 900px; }
.modal-quote { margin-top: -25%; }


@media (max-width: 767px) {
	.tp-row-bar-full-title { width: 70%; }
	.tp-row-bar-full-view { display: none; }
	.tp-row-bar-full-comment { display: none; }
	.tp-row-bar-full-love { width: 20%; }

	.tp-row-poem-avatar { width: 10%; }
	.tp-row-poem-member { display: none; }
	.tp-row-poem-title { width: 70%; }
	.tp-row-poem-view { display: none; }
	.tp-row-poem-comment { display: none; }
	.tp-row-poem-love { width: 10%; }

	.tp-row-member-avatar { width: 25%; }
	.tp-row-member-name { width: 45%; }
	.tp-row-member-work { display: none; }
	.tp-row-member-poemno { display: none; }
	.tp-row-member-fictionno { display: none; }
	.tp-row-member-blogno { display: none; }
	.tp-row-member-love { display: none; }
	.tp-row-member-msg { width: 25%; }
	
	.tp-row-artist { width: 32%; }
	.tp-row-artist-long { width: 90%; }
	.tp-row-song { width: 58%; }
	.tp-row-view { display: none; }
	
	.tp-row-indent-100 { padding-left: 0px; }
	.tp-row-indent-150 { padding-left: 0px; }
	.tp-row-indent-200 { padding-left: 0px; }
	.tp-row-indent-250 { padding-left: 0px; }
	
	.tp-write-submit-cover	{ height: 50px; }
	.h700 { height: auto; }

	.font-normal { font-family: tahoma; font-size: 14px; color: black; line-height: 18px; }
}

@media (min-width: 768px) and (max-width: 979px) {
	.tp-row-indent-100 { padding-left: 0px; }
	.tp-row-indent-150 { padding-left: 0px; }
	.tp-row-indent-200 { padding-left: 0px; }
	.tp-row-indent-250 { padding-left: 0px; }
	.h700 { height: auto; }
}