@font-face { font-family: "Helvetica Neue"; src: url('fonts/HelveticaNeueLTStd-Lt.otf'); }
@font-face { font-family: "Helvetica Neue"; font-style: italic; src: url('fonts/HelveticaNeueLTStd-LtIt.otf'); }
@font-face { font-family: "Helvetica Neue"; font-weight: bold; src: url('fonts/HelveticaNeueLTStd-Bd.otf'); }
@font-face { font-family: "Helvetica Neue"; font-weight: bold; font-style: italic; src: url('fonts/HelveticaNeueLTStd-BdIt.otf'); }

html, body {width:100%; height:100%; padding:0; margin:0;}
body {font-size: 11px; line-height: 15px; padding-bottom: 40px; font-family: "Arial",sans-serif; }

/* classes */

.hidden {display:none;}

.column {position:absolute;width:220px; padding:10px; top:16px; left:16px;}
.column p, li {padding:0 10px 1em; margin:0 0 1em; line-height: 16px;}

.column p.yellowbox {text-rendering: optimizeLegibility; font-family:"Helvetica Neue","Helvetica","Arial",sans-serif; padding: 10px 10px 1em; font-size: 14px; background-color:#FFEC00; color:#000; display: block; margin:0 0 2em; }
.column p.yellowbox img {margin: 0 0 10px 0;padding: 0;}
.column p.yellowbox .subtext {font-size: 13px;}

.column p.bio {text-rendering: optimizeLegibility; font-family:"Arial",sans-serif; font-size: 13px; line-height: 1.3em; color:#000;}
.column p.bio a:link, .column p.bio a:visited {color: #000;}
.column p.bio a:active, .column p.bio a:hover {color: #119bf0;}

.column .sidecontent {margin:0 0 1.5em 1em; border-left:1px #ccc solid; line-height: 18px; }
.column .sidecontent li {padding:0 0 1em; list-style:none; }
.column .sidecontent p {padding:0 0 1em;}
.column .sidecontent div.s {font-size: 11px; display: block;}

.column .reader-publisher-module ul, .tweet ul, .blog ul { margin:0; padding:0; }
.column .reader-publisher-module .f {display:none; margin-left:1em; font-size:.8em;}

.rss {background:url('http://arthou.se/wp-content/themes/arthouse/style/images/icon-rss.png') center left no-repeat; padding:0 0 0 18px;}
.qtip {text-rendering: optimizeLegibility; font-family:"Helvetica Neue","Helvetica","Arial",sans-serif; margin:0; color:#000; font-size:13px; margin:6px;}

.right {position:absolute;top:16px;left:270px;margin-bottom: 20px;padding-bottom: 20px;}
.copystuff {width:70%; margin:20px 0 0 26px; float: left; clear:both; padding-bottom: 20px; font-size:11px; color: #999;}
.copystuff a:link, .copystuff a:visited {color: #999;}

.folio {/*position:absolute; left:270px; top:16px;*/ }
.folio ul {float:left; border:0; margin:0; padding:0; display:block; border-left:1px #ccc solid; padding:0 0 0 20px;}
.folio li {list-style:none; display:block; float: left; clear: none; padding:0; border:0; margin:0;}
.folio li p {width:200px; height:200px; border:solid 1px #ccc; margin:5px; padding:0; padding:5px;}
.folio li img {width:200px; height:200px; border:solid 1px #ccc; display:inline; margin:5px; padding:5px;}
.folio li img:hover {background-color:#ebebeb;}

/* tags */
a:link, a:visited {color: #666; text-decoration:underline;}
a:active, a:hover {color: #119bf0;}
h1 {font-size:21px; letter-spacing:-.075em; color:#003a70; font-weight:normal; width:100%; border-bottom:1px #ccc solid; margin-top:.5em; margin-bottom:.25em;}
h2 {font-size:18px; font-style:italic; color:#f36; font-weight:normal;}
h3 {font-size:small;}
p, li, td, th {margin:1em; color:#666;}

/* ids */
#icon-logo {margin-right:1em; width:58px; height:20px; background:url(../grafx/3color.gif) left center no-repeat;}
#icon-RSS {margin-right:1em; width:14px; height:14px; background:url(../grafx/RSS.png) left center no-repeat;}