ol.photoresults {
font-size:20px;
color:#f60;
}
ol.photoresults li img {
float:left;
padding: 0 10px 0 0;
}
ol.photoresults li a {
font-size:12px;
display:block;
height:250px;
margin: 0 0 20px 0;
padding:5px;
line-height:20px;
text-decoration:none;
}
ol.photoresults li a b {
font-size: 16px;
text-decoration:underline;
}
ol.photoresults li a:hover {
background:#ccc;

}
ol.photoresults li {
clear:left;

}
/* IE6 css fixer v0.4: Mon, 14 Sep 2009 09:15:44 +0200 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
#menu,#submenu,
.eventimg,
.peopleimg,
.logobox,
.floatfour,
#splashmainimg,
#splashmainsidecol,
#share a.button,
.speakerbox img,
.speakerbox a,.fringebox a,
a#dlforum,a#dlforumm,
.architour li img,
a#photobutsubmit,a#photobutvote,a#photobutgallery,
.photofloat,
.compblock img,
label,
.floatright,
.floatleft {display:inline;}

/* convert min height values */

/* add zoom:1 to overflow:hidden */
.speakerbox a,.fringebox a,
.hide {zoom:1;}

/* fix negative margins */
#share a.button,
.speakerbox a,.fringebox a,
.fringebox img,
.architour li img,
#photoentry,
#calendar,
#connect h2,
.connectdetails {position:relative; zoom:1;}

* {
margin:0;
padding:0;
}

a {outline:none;}
a:link {
color:#000;
	}
	a:visited {
	color:#000;
	}
	a:hover {
	text-decoration:none;
	}
	a:active {
	text-decoration:none;
	}
	
body {
font:0.8em/1.4em 'Lucida Grande', Arial, sans-serif;
padding:0 15px 0 40px;
background: url('http://www.archifest.sg/2009/img/bk_sky.jpg') repeat top left fixed #069;

}
#wrapper {
max-width:1445px;
min-width:915px;
}
#masthead {
text-align:right;
padding:15px 0;
}
#masthead img {
border:0;
}
#menu, #submenu {
float:right;
width:150px;
}
#menu ul, #submenu ul {
list-style-type:none;
line-height:1em;
}
#menu li, #submenu li {
border-bottom:1px solid #fff;
}
#menu li {
height:40px;
}
#menu .menubox li a {
text-decoration:none;
color:#fff;
padding:5px;
display:block;
font-weight:bold;
}
#menu .menubox li a {
height:30px;
text-transform:uppercase;
}
#menu .menubox li a:hover, #submenu li a:hover {
background:#fff;
color:#000;
}
#menu .menubox li a.selected, #submenu li a.selected {
background:#fff;
color:#000;
}
.menubox {
border-left:1px solid #fff;
border-top:1px solid #fff;
border-right:1px solid #fff;
margin:0 0 15px 0;
}
#submenu li {
line-height:1em;
font-size:0.9em;
}
#submenu li a {
text-decoration:none;
color:#fff;
padding:5px;
display:block;
}
#submenu li h4 a {
display:inline;
}
#submenu li li a {
display:block;
width:140px;
}
#header, #headerb {
border:1px solid #fff;
padding:0 15px 5px 15px;
}
#content {
line-height:1.6em;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}
#content p {
margin:0 0 1em 0;
}

#textarea {
background:#fff;
padding:15px;
margin:0 150px 0 0;
}
#details {
font:1.1em/1.5em Georgia, serif;
color:#444;
margin:0 0 20px 0;
}
#details p {
margin:0;
}
.eventimg {
float:left;
padding:0.4em 15px 5px 0;
max-width:395px;
}
.eventimg img {
padding:0 0 5px 0;
}

.peopleblock {
clear:left;
padding:0 0 1em 0;
}

.peopleimg {
float:left;
margin:0 10px 20px 0 ;
text-align:center;
font-size:1.3em;
width:150px;

}
.peopleimg img {
max-width:150px;
border:none;
clear:left;
}
.peopletxt h6, .peopletxt p {
padding-left:170px;
}
#sociallinks {
clear:left;
}
#footer {
margin:15px 0 0 0;
text-transform:uppercase;
color:#000;
font-size:0.7em;
letter-spacing:0.1em;
clear:both;
padding:10px 20px 1px 30px;
background:#fff;
}
#footer img {
border:0;
margin:0 30px 0 0;
padding:10px 0 0 0;
}
.logobox {
float:left;
margin:0 0 10px 0;
}
.logonew {
clear:left;

}
#footer .logopad {
margin-right:50px;
}

/*----------------------------------------------------
SMALL
-----------------------------------------------------*/
.links {
text-align:right;
}
.floatfour {
width:23.5%;
float:left;
}
.pad {
margin:0 2% 0 0;
}
#theme {
font-size:0.9em;
}
#splash {
margin:0 167px 0 0;
}
#splashmain {
min-height:267px;
background:#fff;
margin:0 0 15px -40px;
padding:20px 20px 10px 410px;
}
#splashmainimg {
float:left;
margin:0 2% 0 0;
}
#splashmainsidecol {
float:left;
width:10em;
padding:0 10px 10px 0;
}
#splashsubitems {
margin:0 166px 0 0;
min-width:500px;
}
.splashsubhead {
font-size:1.5em;
line-height:0.9em;
padding:8px 10px 5px 10px;
color:#fff;
letter-spacing:-0.02em;
text-transform:uppercase;
border:1px solid #fff;
}
.splashsubhead p {
font-size:0.5em;
letter-spacing:0.05em;
text-transform:uppercase;
line-height:1.2em;
margin:0.2em 0;
}
.splashdetails {
padding:10px 10px 3px 10px;
color:#fff;
border-left:1px solid #fff;
border-right:1px solid #fff;
border-bottom:1px solid #fff;

}
#splashforum .splashsubhead, #splashforum .details {
background: #cf0;
color:#000;
}
#splashtour .splashsubhead, #splashtour .details  {
background: #f0f;color:#000;
}
#splashcomp .splashsubhead, #splashcomp .details  {
background: #f60;color:#000;
}
#splashexh .splashsubhead, #splashexh .details  {
background: #0f0;color:#000;
}
#splashfringe .splashsubhead, #splashfringe .details  {
background: #0ff;color:#000;
}

#social {
clear:both;
background:#fff;
text-transform:uppercase;
font-size:0.85em;
letter-spacing:0.05em;
line-height:20px;
padding: 4px 10px 0 3%;
}
#social img {
max-height:20px;
border:0;
}
.white {
background:#fff;
padding:15px;
}
#headerb {
color:#fff;
}
#share {
border-top:1px #eee solid;
padding:15px 0 0 0;
}
#share a.button {
float:left;
margin:-5px 3px 0 0;
}
.speakerbox {
font-size:12px;
line-height:18px;
}
.speakerbox img {
float:left;
margin:0 5px 0 0;
}
.smaller {
font-size:9px;
line-height:11px;
}
.speakerbox a, .fringebox a {
float:left;
border:1px solid #ccc;
margin:0 -1px -1px 0;
display:block;
padding:5px;
text-decoration:none;
overflow:hidden;
cursor:pointer;
}
.speakerbox a {
height:50px;
width:200px;
}
.speakerbox a:hover, .fringebox a:hover {
background:#ccc;
cursor:pointer;
}

.fringedate {
font-size:16px;
line-height:20px;
letter-spacing:-0.5px;
}
.fringebox img {
margin: 4px -5px;
}
.fringebox a {
height:165px;
width:190px;
font-size:12px;
line-height:16px;
}
#photorow {
clear:left;
padding:0 0 0.5em 0;
}
#photorow h6 {
margin:10px 0;
}
#photorow a {
border-bottom:1px solid #fff;
}
#photorow a:hover {
border-bottom:1px solid #000;
}
#facebook {
text-decoration:none;
color:#fff;
border:1px solid #fff;
padding:3px 5px 3px 24px;
display:block;
font-size:10px;
line-height:16px;
margin-top:15px;
text-transform:uppercase;
background:url(http://www.archifest.sg/2009/img/facebook.png) no-repeat 3px center;
}
a#facebook:hover {
background:url(http://www.archifest.sg/2009/img/facebook.png) no-repeat 3px center #fff;
color:#000;
}
/*----------------------------------------------------
LABELS
Forums: #cf0
Architour: #f0f
Competitions: #f60
Exhibitions #0f0
Partner / Fringe #0ff
-----------------------------------------------------*/
.label {
padding:2px 4px;
text-transform:uppercase;
font-size:0.8em;
line-height:0.8em;
}
a.button {
font-size:0.9em;
font-weight:bold;
text-decoration:none;
padding:2px 8px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
border:1px solid #fff;
text-transform:uppercase;
font-family: 'Lucida Grande', Arial, sans-serif;
}
a.button:hover {
background:#000;
color:#fff;
}
a#dlforum, a#dlforumm {
display:block;
width:127px;
height:39px;
float:left;
margin:0 15px 0 0;
}
a#dlforum {
background:url(http://www.archifest.sg/2009/img/download_forum.gif) no-repeat 0 0;
}
a#dlforumm {
background:url(http://www.archifest.sg/2009/img/download_forum.gif) no-repeat -264px 0;
}
a#dlforum:hover, a#dlforumm:hover {
background:url(http://www.archifest.sg/2009/img/download_forum.gif) no-repeat -132px 0;
}
#splashsubitems a.button {
color:#fff;
}

#splashsubitems a.button:hover {
background:#fff;
color:#000;
}
.forum, #calendar a.calforum {
background:#cf0;
}
.tour, #calendar a.caltour {
background:#f0f;
}
.comp, #calendar a.calcomp {
background:#f60;
}
.exh, #calendar a.calexh {
background:#0f0;
}
.fringe, #calendar a.calfringe {
background:#0ff;
}
.fringe, #calendar a.calfringe {
background:#0ff;
}
/*----------------------------------------------------
TYPOGRAPHY
-----------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {

}
h1 {
font-weight:normal;
letter-spacing:-0.02em;
font-size:3em;
margin:15px 0;
line-height:1em;
}
h2 {
letter-spacing:-0.02em;
font-size:1.5em;
margin:0 0 15px 0;
line-height:1em;
}
h3 {
font-size:1.5em;
line-height:1em;
letter-spacing:-0.02em;
text-transform:uppercase;
}
h4 {
font-size:1em;
color:#fff;
padding:5px;
text-transform:uppercase;
}
h5 {
font-size:1.5em;
margin:1.5em 0 0 0;
text-transform:uppercase;
}
h6 {
font-size:1.3em;
margin-top:1em;
}
p {
margin-bottom: 0.8em;
}
.serif {
font-family:Georgia,serif;
}
.extended {
font-size:0.85em;
line-height:1.7em;
}
#textarea ul , #textarea ol {
margin:0 0 1.5em 0;
}
#textarea li {
margin:0 0 0.9em 0;
}
ul {

}
ol {

}
#textarea li {
margin:0 0 0.3em 1.2em;
}
.eventimg .smaller {
color:#444;
font-style:italic;
font-family:Georgia, serif;
}

.endnotes {
font:1em/2em Georgia, serif;
color:#444;
clear:left;
}
.chart {
background:#ccc;
cellpadding:0;
cellspacing:0;
line-height:1.4em;
}
.chart td, .chart th {
padding:5px;
vertical-align:top;
}
.chart td {
background:#fff;
text-align:center;
}
.chart th {
background:#eee;
}
td.chartl, th.chartl {
text-align:left;
}
.asterix {
color:#f00;
font-weight:bold;
font-family:'Courier New', fixed width;
}
.timetable td {
padding:3px 10px 3px 0;
border-top:1px dotted #aaa;
vertical-align:top;
}
.timetable {
margin:3px 0 10px 0;
border-bottom:1px dotted #aaa;
}
#textarea ol.architour {
margin:0 0 5px 3em;
padding-bottom:5px;
border-bottom:1px dotted #aaa;
}
.architour li {
color:#333;
clear:left;
border-top:1px dotted #aaa;
padding:5px 0 0 2px;
}
.architour li img {
float:left;
padding:0 10px 8px 0;
margin-top:-15px;
}
a#photobutsubmit, a#photobutvote, a#photobutgallery {
width:125px;
height:109px;
display:block;
float:left;
cursor:pointer
}
a#photobutsubmit {
background: url('http://www.archifest.sg/2009/img/photocomp_buttons.gif') 0 -129px no-repeat;
}
a#photobutsubmit:hover {
background: url('http://www.archifest.sg/2009/img/photocomp_buttons.gif') -138px -129px no-repeat;
}
a#photobutvote {
background: url('http://www.archifest.sg/2009/img/photocomp_buttons.gif') 0 0 no-repeat;
}
a#photobutvote:hover {
background: url('http://www.archifest.sg/2009/img/photocomp_buttons.gif') -138px 0 no-repeat;
}
a#photobutgallery {
background: url('http://www.archifest.sg/2009/img/photocomp_buttons.gif') 0 -253px no-repeat;
}
a#photobutgallery:hover {
background: url('http://www.archifest.sg/2009/img/photocomp_buttons.gif') -138px -253px no-repeat;
}
#photoentry {
background:#eee;
margin:-15px -15px 15px -15px;
padding:30px 15px 0 15px;
border-bottom:1px solid #ddd;
}
#photoentry a {
cursor:pointer
}
#photo {
text-align:center;
}
.photofloat .serif {
font-style:italic;
color:#666;
}
.rating b, .photodesc b {
font-weight:normal;
color:#666;
text-transform:uppercase;
font-size:0.9em;
}
.rating .serif {
font-size:1.2em;
line-height:1.3em;
font-style:italic;
}
#photoentry p.clearleft {
height:1px;
}
.photodesc, .rating {
margin-left:250px;
}
#photo img {
padding:8px;
background:#fff;
margin:0 0 20px 0;
}
.photofloat h6, .rating h6 {
margin-top:0;
margin-bottom:5px;
font-size:1.2em;
}
#form p, .rating p {
font-size:0.9em;
}
#photoentry i, .rating i {
color:#666;
}
#form label {
display:inline;
}
#form textarea, #form input {
width:190px;
}
#form input.check {
width:20px;
}
.photofloat {
float:left;
padding:0 15px 0 0;
margin:0 15px 0 0;
width:200px;
}
.compblock {
border:1px solid #ccc;
margin:0 0 10px 0;
padding:5px;
clear:left;
min-height:150px;
}
.compblock h6 a {
text-decoration:none;
}
.compblock a:hover {
background:#ccc;
}
.compblock img {
float:left;
margin:0 10px 0 0;
}
.brief {
clear:left;
}
.brief td {
vertical-align:top;
padding:2px 5px 2px 0;
}
blockquote {
margin: 1em 2em;
}
/*----------------------------------------------------
FORMS
-----------------------------------------------------*/
label {
width:12em;
display:block;
float:left;
line-height:1.3em;
padding:0 0.5em 0 0;
}
.field {
clear:left;
padding:5px 0;
}
textarea {
width:24em;
height:8em;
}
input, textarea {
padding:3px;
border:1px solid #aaa;
font:1em/1.4em 'Lucida Grande', Arial, sans-serif;
}
.submit {
font-weight:bold;
border:1px solid #000;
text-transform:uppercase;
padding:2px 8px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
cursor:pointer;
}
.submit:hover, .submit:active {
background:#000;
color:#f60;
}
input:focus, textarea:focus {
background:#eee;
}
#submitsuccess {
font-size:1.2em;
padding:0.5em;
background:#ff9;
border:1px solid #eee;
margin:0 0 1em 0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
}
.option {
margin: 0 0 0 12.5em;
}

/*----------------------------------------------------
CALENDAR
-----------------------------------------------------*/
#calendar {
margin:0 0 0 -2px;
}
#calendar th, #calendar td, #calendar a {
color:#fff;
}
#calendar th, #calendar td {
width:14.28%;
}
#calendar th, .caldate {
font-size:1.5em;
text-align:left;
padding:5px;
font-weight:bold;
}
#calendar th {
border-left:1px solid #fff;
}
#calendar td {
padding:5px 0 0 0;
font-size:0.8em;
line-height:1.2em;
border-left:1px solid #fff;
border-top:1px solid #fff;
vertical-align:top;
}
#calendar p {
margin:0 0 2px 0;
}
#calendar a {
text-decoration:none;
padding: 2px 5px;
display:block;
}
#calendar a:hover {
background:#fff;
color:#000;
}
#calendar a.calfringe, #calendar a.calforum, #calendar a.calexh, #calendar a.caltour {
color:#000;

}
#calendar a.calforum, #calendar a.calexh, #calendar a.caltour {
font-weight:bold;
font-size:1.2em;
text-transform:uppercase;
}
/*----------------------------------------------------
TWEAKS
-----------------------------------------------------*/
.clear {
clear:both;
line-height:10px;
font-size:10px;
}
.clearleft {
clear:left;
}
.floatright {
float:right;
}
.floatleft {
float:left;
}
#textarea img {
border:0;
}
/*----------------------------------------------------
DOMCOLLAPSE
-----------------------------------------------------*/
#connect {
padding:2px 5px 5px 5px;
color:#fff;
border:1px #fff solid;
}
#connect img, #submenu img {
border:0;
}
#connect h2 {
font-size:0.85em;
text-transform:uppercase;
font-weight:normal;
color:#fff;
margin:2px 0 0 -5px;
padding:3px 0 3px 5px;
}
.connectdetails {
border-right:1px #fff solid;
display:block;
border-bottom:1px #fff solid;
margin:0 0 2px -5px;
padding:5px 5px 5px 15px;
color:#000;
font-size:0.85em;
line-height:1.4em;
}
.trigger{
cursor:pointer;
}		
#menu h2.trigger:hover, #submenu h4.trigger:hover{
cursor:pointer;
background:#fff;
color:#000;
}		
#menu h2.expanded, #submenu h4.expanded{
background:#fff;
color:#000;
cursor:pointer;
}
.expanded:hover{
background:#eef;
cursor:pointer;
}
.show {
position:static;
display: table;
}
.hide {
position:absolute;
left:-999em;
height:1px;
width:100px;
overflow:hidden;
}