/* -----------------------------------------------------
WRITER : Technical Kimbuyong
EMAIL : byk@rightbrain.co.kr
---------------------------------------------------------*/
@charset "UTF-8";

@import "base.css";
@import "layout.css";


/* OpenAlbum Submain
---------------------------------------------------------*/
#album_submain #wrapper {	
	width: 993px;
	padding: 0;
	background: url(../../images/common/lyt826_wrapper_bg.gif) repeat-y;
}
#album_submain #wrapper #body {
	width: 571px;
	margin: 0;
	padding: 74px 0 0;
	background: url(../../images/common/lyt826_body_bg.gif) no-repeat;
}
#album_submain h3 img {
	display: block;
}
#album_submain div.content-area {
	padding: 0 0 15px 15px;
}

#album_submain #footer {
	padding: 120px 0 50px 270px;
	width: 556px;
	margin: 0;
	background: url(../../images/common/lyt826_footer_bg.gif) no-repeat;
}
#album_submain #footer li, 
#album_submain #footer address {
	font-style: normal;
	font-weight: normal;
}
#album_submain #sidebar ul.sidemenu {
	background: url(../../images/openalbum/sidebar_ul_openalbum_bg.gif) no-repeat;
}
#album_submain #today_photo {
	padding: 0 0 80px 15px;

}
#album_submain div.today {
	padding: 10px 0 0 277px;
	width: 255px;
	height: 247px;
	position: relative;
	background: url(../../images/openalbum/tag_search_today_bg.gif) no-repeat;
}
#album_submain div.today p.photo {
	position: absolute;
	top: 32px;
	left: 25px;
	width: 224px;
	height: 164px;
}
#album_submain div.today p.title {
	color: #444;
	padding: 5px 0;
	font-size: 1.4em;
	font-weight: bold;
}
#album_submain div.today p * {
	vertical-align: middle;
}
#album_submain div.today p.posted_by {
	font-weight: bold;
}
#album_submain div.today p.voted_earned {
	color: #f45c00;
}
#album_submain div.today p.text {
	padding: 5px 0;
	font-size: 0.9em;
}
#album_submain div.today p.message {
	position: absolute;
	top: 160px;
	left: 277px;
	text-align: center;
	padding: 15px 0 0;
	width: 248px;
	height: 88px;
	background: url(../../images/openalbum/tag_search_today_msg_bg.gif) no-repeat;
}
#album_submain #today_photo {
	background: url(../../images/openalbum/submain_today_photo_bg.gif) no-repeat bottom left;
}
#album_submain #today_photo table.reply {
	margin: 0 0 20px 0;
	width: 543px;
	tabyle-layout:fixed;
}
#album_submain #today_photo table.reply thead {
	display: none;
}
#album_submain #today_photo table.reply tbody td {
	padding: 5px;
	border-bottom: 1px solid #e9eef1;
}
#album_submain #today_photo table.reply tbody td.writer {
	text-align: center;
	color: #437c93;
}
#album_submain #today_photo table.reply tbody td.title {
	width: 385px;
	word-break:break-all;
}
#album_submain #today_photo table.reply tbody td.date {
	width: 120px;
	text-align: center;
}
#album_submain #today_photo table.reply tbody td.grade {
	text-align: center;
	color: #f26c00;
	font-weight: bold;
}
#album_submain #today_photo h4 {
	clear: both;
	margin: -20px 0 0;
	padding: 20px 0 5px;
}
#album_submain div.popular_tag {
	line-height: 1.7em;
	word-spacing: 1.2em;
	width: 508px;
	border: 5px solid #f6f6f6;
	padding: 10px;
}
#album_submain div.popular_tag span a {
	color: #7db824;
	text-decoration: underline;
}
#album_submain div.popular_tag span.tag01 {
	font-weight: bold;
	font-size: 1.4em;
}
#album_submain div.popular_tag span.tag02 {
	font-weight: bold;
	font-size: 1.3em;
}
#album_submain div.popular_tag span.tag03 {
	font-size: 1.2em;
}
#album_submain div.popular_tag span.tag04 {
	font-weight: bold;
	font-size: 1.0em;
}
#album_submain div.popular_tag span.tag05 {
	font-weight: bold;
	font-size: 1.0em;
}
#album_submain div.popular_tag span.tag06 {
	font-weight: bold;
	font-size: 1.0em;
}
#album_submain div.popular_tag span.tag07 {
	font-size: 1.0em;
}
#album_submain div.popular_tag span.tag08 {
	font-weight: bold;
	font-size: 1.0em;
}
#album_submain div.popular_tag span.tag09 {
	font-weight: bold;
	font-size: 1.0em;
}
#album_submain div.popular_tag span.tag10 {
	font-size: 1.0em;
}
#album_submain div.popular_tag span.tag11 {
	font-weight: bold;
	font-size: 1.0em;
}
#album_submain div.popular_tag span.tag12 {
	font-weight: bold;
	font-size: 1.0em;
}
#album_submain div.popular_tag span.tag13 {
	font-size: 1.0em;
}
#album_submain div.popular_tag span.tag14 {
	font-weight: bold;
	font-size: 1.0em;
}
#album_submain div.popular_tag span.tag15 {
	font-size: 1.0em;
}
#album_submain div.popular_tag span.tag16 {
	font-weight: bold;
	font-size: 1.0em;
}




#album_submain ul.photo_list {
}
#album_submain ul.photo_list li {
	padding: 15px 15px;
	float: left;
}
#album_submain ul.photo_list li p.photo {
	width: 134px;
	height: 94px;
	padding: 7px 7px 17px;
	border: 1px solid #b8c4cc;
	background: #e4e8ec;
}
#album_submain ul.photo_list li p.title {
	color: #444;
	padding: 5px 0;
	font-size: 1.2em;
	font-weight: bold;
}
#album_submain ul.photo_list li p * {
	vertical-align: middle;
}
#album_submain ul.photo_list li p.posted_by {
	font-weight: bold;
}
#album_submain ul.photo_list li p.date {

}
#album_submain ul.photo_list li p.voted_earned {
	color: #f45c00;
}
#album_submain ul.photo_list li p.tag {
	font-weight: bold;
	color: #f45c00;
}
#album_submain div.content-area {
	padding-bottom: 0;
}


#best {
	overflow: hidden;
	float: left;
	width: 167px;
	margin: 135px 0 0 -1px;
}
#best h3 {
	width: 167px;
	height: 48px;
	margin: 0;
	padding: 0;
	background: none;
}
#best ul {
	margin: 0 0 0 5px;
	padding: 0 0 50px 5px;
}
#best ul li {
	width: 148px;
	padding: 10px 0;
	background: url(../../images/tvgame/best_ul_li_bg.gif) no-repeat top left;
}
#best ul li.first-child {
	padding: 0 0 10px;
	background: none;
}
#best ul li dl {
	overflow: hidden;
}
#best ul li dl dt {
	float: left;
}
#best ul li dl dd {
	float: left;
}
#best ul li img {
	margin: 0 5px 0 0;
	border: 6px solid #fff;
}
#best ul li p.title {
	width: 63px;
	overflow: hidden;
	word-break: break-all;
	display: block;
	color: #444;
	font-size: 0.9em;
	font-weight: bold;
	padding: 0 0 5px;
}
#best ul li p.title a {
	color: #444;
}
#best ul li p.down {
	width: 63px;
	overflow: hidden;
	word-break: break-all;
	vertical-align: bottom;
	color: #f45c00;
	font-size: 0.9em;
	font-weight: bold;
	padding: 0 0 0 18px;
	background: url(../../images/common/bl_down.gif) no-repeat 0 0;
}


#album_submain #best div.coming_soon {
	width: 158px;
}
#album_submain #best div.coming_soon img.data {
	border: 6px solid #fff;
	display: block;
	margin: 0 0 10px;
}
#album_submain #best div.coming_soon {
	padding: 0 0 0 18px;
	width: 148px;
	height: 120px;
}
#album_submain #location {
	font-size: 0.8em;
	font-weight: bold;
	text-align: right;
	color: #444;
	padding: 3px 32px 15px 0;
	width: 539px;
	height: 17px;
	background: none;
}


/* OpenAlbum Lis
---------------------------------------------------------*/
#album_list #wrapper {
	padding: 0;
	background: url(../../images/common/lyt906_wrapper_bg.gif) repeat-y;
}
#album_list #wrapper #body {
	margin: 0;
	padding: 74px 0 0;
	background: url(../../images/common/lyt906_body_bg.gif) no-repeat;
}
#album_list #footer {
	padding: 120px 0 50px 270px;
	width: 636px;
	margin: 0;
	background: url(../../images/common/lyt906_footer_bg.gif) no-repeat;
}



#album_list #sidebar ul.sidemenu {
	background: url(../../images/openalbum/sidebar_ul_openalbum_bg.gif) no-repeat;
}

#album_list div.descript {
	font-size: 0.95em;
	padding: 7px 9px 9px;
	margin: 0 2px 20px;
	background: #f3f7eb;
	color: #547851;
}
#album_list div.descript p.btn {
	margin: -20px 0 0;
	padding: 0 0 5px;
	text-align: right;
}
#album_list div.list_info {
	margin: 10px 0 0;
	padding: 5px 0 0 10px;
	height: 20px;
	background: #f3f8fb;
}
#album_list div.list_info span {
}
#album_list div.list_info span strong {
	font-size: 0.9em;
	font-weight: bold;
	color: #f26c00;
}
#album_list div.list_info dl {
	margin: -14px 0 0 420px;
}
#album_list div.list_info dt {
}
#album_list div.list_info dd {
	margin: -14px 0 0 40px;
	line-height: 1.0em;
	word-spacing: 0.3em;
	font-size: 0.9em;
	color: #2a7ca4;
}
#album_list div.list_info dd a {
	text-decoration: underline;
}
#album_list div.list_info dt img {
	margin: 2px 0 0;
}
#album_list div.list_info dt {
	padding: 0 10px 0 0;
}
#album_list div.list_info dd * {
	color: #2a7ca4;
	vertical-align: middle;
}
#album_list ul.photo_list {
	padding: 10px 0 0 20px;
}
#album_list ul.photo_list li {
	padding: 0 20px 10px;
	float: left;
	width: 150px;
	height: 210px;
	overflow: hidden;
}
#album_list ul.photo_list li p.photo {
	padding: 7px 7px 17px;
	width: 134px;
	height: 94px;
	background: #e3e7eb;
	border: 1px solid #bec9d0;
}
#album_list ul.photo_list li p.title {
	padding: 10px 0 0;
	font-weight: bold;
}
#album_list ul.photo_list li p.votes span {
	font-weight: bold;
	color: #f45c00;
}
#album_list div.btn {
	clear: both;
}
#album_list div.quick_search {
	padding: 10px 0 0 145px;
	margin: 20px 0 0; 
	width: 473px;
	height: 30px;
	background: url(../../images/mypage/myalbum_quick_search_bg.gif) no-repeat;
}
#album_list div.quick_search * {
	vertical-align: middle;
}
#album_list div.quick_search input.type-text {
	width: 300px;
}



/* OpenAlbum Detail (Layout)
------------------------------------------------------------------------------------------------------------------*/
#album_detail #wrapper {
	padding: 0;
	background: url(../../images/common/lyt906_wrapper_bg.gif) repeat-y;
}
#album_detail #wrapper #body {
	margin: 0;
	padding: 74px 0 0;
	background: url(../../images/common/lyt906_body_bg.gif) no-repeat;
}
#album_detail #footer {
	padding: 120px 0 50px 270px;
	width: 636px;
	margin: 0;
	background: url(../../images/common/lyt906_footer_bg.gif) no-repeat;
}
#album_detail #sidebar ul.sidemenu {
	background: url(../../images/openalbum/sidebar_ul_openalbum_bg.gif) no-repeat;
}	

/* OpenAlbum Detail (Contents)
------------------------------------------------------------------------------------------------------------------*/
#album_detail div.con_title {
	width: 602px;
	margin: 20px 0 0;
	padding: 5px 10px;
	font-size: 0.9em;
	text-align: right;
	background: #f3f8fb;
}
#album_detail div.con_title span.title {
	font-size: 1.2em;
	font-weight: bold;
	float: left;
}
#album_detail div.con_info {
	text-align: right;
	padding: 5px 10px;
	background: #e9eef1;
	font-size: 0.9em;
	line-height: 0.9em;
}
#album_detail div.con_info img {
	vertical-align: middle;
	margin: 2px 3px 0;
}
#album_detail div.con_info span.posted {
	float: left;
}
#album_detail div.quick_search {
	padding: 10px 0 0 155px;
	margin: 20px 0 0; 
	width: 463px;
	height: 30px;
	background: url(../../images/mypage/myalbum_quick_search_bg.gif) no-repeat;
}
#album_detail div.quick_search * {
	vertical-align: middle;
}
#album_detail div.quick_search input.type-text {
	width: 300px;
}
#album_detail div.detail_content {
	padding: 10px;
}
#album_detail div.detail_content img {
	display: block;
	margin: 0 0 10px;
}
#album_detail dl.tag {
	padding: 5px 0;
	border-top: 1px solid #e9eef1;
	border-bottom: 1px solid #e9eef1;
}
#album_detail dl.tag dt {
	padding: 0 20px;
	display: inline;
	font-weight: bold;
	color: #367d91;
}
#album_detail dl.tag dd {
	display: inline;
}
#album_detail div.open_btn {
	text-align: right;
	padding: 10px 0;
}
#album_detail div.open_btn img.left {
	float: left;
}
#album_detail div.add_your_comment {
	padding: 20px 0 0;
}
#album_detail div.add_your_comment h4 {
	margin: 0;
	padding: 0;
}
#album_detail div.add_your_comment h4 img {
	display: block;
}
#album_detail div.add_your_comment dl {
	padding: 5px;
	width: 608px;
	height: 48px;
	background: url(../../images/tvgame2/add_your_comment_dl_bg.gif) no-repeat;
}
#album_detail div.add_your_comment dl dt {
	float: left;
	padding: 0 8px;
}
#album_detail div.add_your_comment dl dd {
	float: left;
}
#album_detail div.add_your_comment dl dd textarea {
	width: 400px;
	height: 40px;
}
#album_detail div.add_your_comment table {
	width: 100%;
}
#album_detail div.add_your_comment table thead {
	display: none;
}
#album_detail div.add_your_comment table tbody td {
	padding: 5px;
	border-bottom: 1px solid #e9eef1;
}
#album_detail div.add_your_comment table tbody td.writer {
	text-align: center;
	color: #437c93;
}
#album_detail div.add_your_comment table tbody td.title {
	width: 355px;
	word-break:break-all;
}
#album_detail div.add_your_comment table tbody td.date {
	width: 120px;
	text-align: center;
}
#album_detail div.add_your_comment table tbody td.grade {
	text-align: center;
	color: #f26c00;
	font-weight: bold;
}
#album_detail table.page_view {
	margin: 20px 0 0;
	width: 100%;
	border-collapse: separate;
}
#album_detail table.page_view th {
	width: 67px;
	background: #9fb9c8;
}
#album_detail table.page_view td {
	padding: 0 0 0 20px;
	background: #f3f8fb;
	font-weight: bold;
}


/* OpenAlbum Tag Search
---------------------------------------------------------*/
#tag_search #sidebar {
	height: 800px;
}
#tag_search #sidebar ul.sidemenu {
	background: url(../../images/openalbum/sidebar_ul_openalbum_bg.gif) no-repeat;
}
#tag_search h4 {
	line-height: 1.2em;
	font-size: 1.3em;
	color: #f45c00;
	height: 19px;
	margin: 0;
	padding: 0 0 0 100px;
	background: url(../../images/openalbum/h4_bg1.gif) no-repeat;
}
#tag_search h4 span {
	padding: 0 15px 0 0;
	background: url(../../images/openalbum/h4_bg2.gif) no-repeat right top;
}
#tag_search div.list_info {
	text-align: right;
	margin: 10px 0 0;
	padding: 5px 10px;
	height: 10px;
	background: #f3f8fb;
}
#tag_search div.list_info span {
	float: left;
}
#tag_search div.list_info span strong {
	font-size: 0.9em;
	font-weight: bold;
	color: #f26c00;
}
#tag_search div.list_info dl {
	float: right;
}
#tag_search div.list_info dl,
#tag_search div.list_info dt,
#tag_search div.list_info dd {
	display: inline;
}
#tag_search div.list_info dt {
	padding: 0 10px 0 0;
}
#tag_search ul.photo_list {
	padding: 0 0 0 10px;
}
#tag_search ul.photo_list li {
	padding: 15px 25px;
	float: left;
}
#tag_search ul.photo_list li p.photo {
	width: 134px;
	height: 94px;
	padding: 7px 7px 17px;
	border: 1px solid #b8c4cc;
	background: #e4e8ec;
}
#tag_search ul.photo_list li p.title {
	color: #444;
	padding: 5px 0;
	font-size: 1.2em;
	font-weight: bold;
}
#tag_search ul.photo_list li p * {
	vertical-align: middle;
}
#tag_search ul.photo_list li p.posted_by {
	font-weight: bold;
}
#tag_search ul.photo_list li p.voted_earned {
	color: #f45c00;
}
#tag_search ul.photo_list li p.tag {
	font-weight: bold;
	color: #f45c00;
}



/*Layout  (Body)
--------------------------------------------------------------------------------------------------------------*/
#wrapper {
	overflow: hidden;
	width: 906px;
	padding: 0 0 50px;
	background: url(../../images/openalbum/wrapper_bg.gif) no-repeat bottom left;
}
#sidebar {
	width: 255px;	
	float: left;
	background: url(../../images/openalbum/sidebar_bg.gif) repeat-y;
}
#sidebar h2 {
	display: none;
}
#sidebar ul.sidemenu {
	padding: 89px 0 50px;
	width: 255px;	
}
#sidebar ul.sidemenu li {
	margin: 0 0 0 20px;
	padding: 0 0 5px 11px;
}
#sidebar ul.banner {
	margin: 0 0 15px 31px;
}
#sidebar dl {
	margin: 0 0 0 20px;
	padding: 40px 0 0 11px;
	background: url(../../images/openalbum/sidebar_dl_bg.gif) no-repeat;
}
#sidebar dl dd {
	padding: 10px 0 0 17px;
}
#body {
	margin: 74px 0 0;
	width: 651px;
	float: left;
	background: url(../../images/openalbum/body_bg.gif) repeat-y;
}
#location {
	font-size: 0.8em;
	font-weight: bold;
	text-align: right;
	color: #444;
	padding: 3px 32px 15px 0;
	width: 619px;
	height: 17px;
	background: url(../../images/openalbum/location_bg.gif) no-repeat;
}
div.content-area {
	padding: 0 14px 15px 15px;

}
h3 {
	margin: 0 0 10px;
	padding: 0;
}
p.descript {
	font-size: 0.95em;
	padding: 7px 9px 9px;
	margin: 0 2px 20px;
	background: #f3f7eb;
	color: #547851;
}

/*Layout  (Footer) :layout.css
--------------------------------------------------------------------------------------------------------------*/
#footer {
	clear: both;
	margin: 15px 0 0 270px;
}