@charset "UTF-8"; 

/*==================================================
	Site name : Open Terrace
	Modified  : Feb. 3, 2010
==================================================*/

/*==================================================
	#page
==================================================*/
#page {
	margin: 0 auto;
	padding: 0 0 20px;
	width: 940px;
	text-align: left;
}

/*	#article
==================================================*/
#page .column#article {	
	width: 720px;
	float: left;
}
.index #page .column#article .title {
	background: url(../../nycard_contest2010/images/bg_001.jpg) 0 0 no-repeat;
	zoom:1;
	height:235px;
}
.index #page .column#article .title h1 {
	padding: 30px 0 9px 23px;
}
#page .column#article .title img {
	vertical-align: top;
}
.index #page .column#article .title p {
	padding: 0 0 0 26px;
}
#page .column#article .section {
	background-color: #fcf8da;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #d5b657;
}
#page .column#article h2 {
	margin: 0 0 0 15px;
	padding: 0 0 0 0;
}
#page .column#article p {
	padding: 0 24px 20px;
	line-height: 1.6;
}
#page .column#article .subsection {
	margin: 0 24px 20px;
	padding:0 0 3px;
	background: url(../../nycard_contest2010/images/bg_003.gif) 0 100% no-repeat;
}
#page .column#article .subsection h2 {
	margin:0;
	padding: 21px 0 20px 17px;
	background: url(../../nycard_contest2010/images/bg_002.gif) 0 0 no-repeat;
}
#page .column#article .subsection div.wrap {
	border-right: 3px solid #b0a976;
	border-left: 3px solid #b0a976;
	background-color: #fff;
}
#page .column#article .subsection .work {
	margin: 0 0 0 25px;
	padding: 0 0 18px;
	width: 240px;
}
#page .column#article .subsection .work a:link img,
#page .column#article .subsection .work a:visited img {
	border:3px solid #999;
}
#page .column#article .subsection .work a:hover img,
#page .column#article .subsection .work a:active img {
	border:3px solid #f90;
}
#page .column#article .subsection .work p {
	padding: 0 0 10px;
}
#page .column#article .subsection dl.wrap {
	margin:0;
	zoom:1;
	width:240px;
	line-height:1.5;
}
#page .column#article .subsection dl.wrap dt {
	padding: 2px 0;
	float:left;
	display:inline;
	color: #584220;
	font-weight:bold;
	width:5em;
}
#page .column#article .subsection dl.wrap dd {
	padding: 2px 0;
	overflow:hidden;
}
#page .column#article .subsection .comment {
	margin: 0 0 0 25px;
	padding:0 0 15px;
	width:350px;
}
#page .column#article .subsection .comment h3 {
	margin:0;
	padding:3px 0;
}
#page .column#article .subsection .comment p {
	margin:7px 0 0;
	padding:10px 0 0;
	line-height:1.6;
	border-top:1px dashed #584220;
}
#page .column#article .subsection .comment p span.name {
	display:block;
	text-align:right;
	color: #584220;
	font-size:93%;
}

#page .column#article .subsection#brother h2 {
	padding: 20px 0 15px 17px;
}
#page .column#article .subsection#brother div.wrap p {
	padding:0 0 18px 20px;
}

#page .column#article .subsection#brother div.wrap ul {
}
#page .column#article .subsection#brother div.wrap ul li {
	margin:0 0 0 15px;
	padding:0 0 18px;
	float:left;
	display:inline;
	width:200px;
	text-align:center;
}
#page .column#article .subsection#brother div.wrap ul li a {
	border-bottom:0;
}
#page .column#article .subsection#brother div.wrap ul li a:link img,
#page .column#article .subsection#brother div.wrap ul li a:visited img {
	border:2px solid #999;
}
#page .column#article .subsection#brother div.wrap ul li a:hover img,
#page .column#article .subsection#brother div.wrap ul li a:active img {
	border:2px solid #f90;
}
#page .column#article .subsection#brother div.wrap ul li p {
	margin:0 .5em;
	padding:.5em 0 .1em!important;
	font-size:93%;
	line-height:1.5;
}


#page .column#article .subsection#toall {
	margin: 0 24px 20px;
	padding:0;
	border:1px solid #c5b961;
	background: none #fff;
}
#page .column#article .subsection#toall h3 {
	padding:11px 0 11px 17px;
	background-color: #fad223;
	border-bottom:1px solid #c5b961;
}
#page .column#article .subsection#toall p {
	margin:0;
	padding:1.2em 28px 1em;
}
#page .column#article .subsection#toall ul {
	margin:0 10px 0 70px;
	padding:0 0 20px 0;
}
#page .column#article .subsection#toall ul li {
	margin:0 0 0 18px;
	padding:1px 0;
	line-height:1.4;
}
#page .column#article .subsection#toall ul li strong {
	float:left;
	display:inline;
	color: #4e0000;
	width:11em;
}

#page .column#article p.totop {
	margin: 0;
	padding: 10px 14px 10px;
}
#page .column#article p.totop a:link,
#page .column#article p.totop a:visited {
	background: url(../../nycard_contest2010/images/icon_002.gif) 0 50% no-repeat;
}
#page .column#article p.totop a:hover,
#page .column#article p.totop a:active {
	background: url(../../nycard_contest2010/images/icon_002.gif) 0 50% no-repeat;
}

/*	#aside
==================================================*/
#page .column#aside {
	padding: 0 0 20px;
	float: right;
	width: 200px;
}
#page .column#aside ul {
	padding: 0 0 10px;
}
#page .column#aside ul li {
	margin: 0 0 10px;
}
#page .column#aside ul li a:link img,
#page .column#aside ul li a:visited img {
	border: 1px solid #d9d9d9;
}
#page .column#aside ul li a:hover img,
#page .column#aside ul li a:active img {
	border: 1px solid #999;
}
/*	#popup
==================================================*/
body.popup {
	margin:0 auto;
	text-align:center;
}
.popup #container {
	margin:0 auto;
	width:602px;
	text-align:left;
}
.popup #container h1 {
	padding:.5em 0 0;
	font-size:146.5%;
	color:#666;
}
.popup #container p.artist {
	padding:.4em 0;
	color:#666;
}
.popup #container p.photo {
	margin:0 auto;
	text-align:center;
	padding:5px 0 20px;
}
.popup #container p.photo img {
	border:1px solid #999;
}
.popup #container dl.wrap {
	padding:.5em 0;
	border-left: 4px solid #feb413;
	background-color: #eee;
	color:#333;
}
.popup #container dl.wrap dt {
	margin: 0 0 0 1em;
	padding: 0.3em 0 .3em 0;
	width: 7em;
	float: left;
	display:inline;
	color: #555;
	font-weight:bold;
	line-height: 1.5;
	font-size: 93%;
}
.popup #container dl.wrap dd {
	margin: .1em 0 0 7em;
	padding: 0.2em 1em 0.3em;
	color: #555;
	line-height: 1.5;
	font-size: 93%;
}
.popup #container .pagination {
	margin:10px 0 0 0;
	width:602px;
	height:47px;
}
.popup #container div.wrap {
	margin:0;
	padding: 10px 0 4px;
	width:602px;
	height:auto;
	border-bottom:1px solid #B0A976;
}
.popup #container div.wrap p {
	padding: 1px 0 0 5px;
	border-left: 4px solid #feb413;
	font-weight:bold;
	font-size:108%;
	float:left;
	display:inline;
	color: #666;
}
.popup #container div.wrap p.close {
	float:right;
	border:0;
	padding: 2px 0 0 0;
}
.popup #container .pagination li {
	float:left;
	display:inline;
	width:56px;
	height:47px;
}
.popup #container .pagination li.next {
	float:right;
}
.popup #container .pagination li a {
	border:0;
}