@import "/css/reset.style.css";

/* QUICK CLASSES */
.clear { clear:both; }
.hidden { display: none; visibility: hidden; }
.align-left { float: left; }
.align-right { float: right }

/* MAIN STYLES */
BODY {  font-family: "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: normal; background: #edeae6 url(/img/main-background.png) repeat-x top; }
H3 { font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 2.2em; font-weight:normal; color: #555566; padding-bottom: 10px; margin: 0px; text-decoration: none; }
A { text-decoration: none; color: #484a90; }
A:hover { text-decoration: underline; }
BLOCKQUOTE { display: block; background: #EEEEEE; border: 1px solid #CCCCCC; border-left: 5px solid #CCCCCC; margin-top: 6px; margin-bottom: 6px; padding: 1em; font-size: 1.1em; line-height: 1.4em; color: #444444; }
STRONG { font-weight: bold; }
/* FRAME & BODY */
DIV.frame{ margin-left: auto; margin-right: auto; width: 850px; }
DIV.body { padding-top: 15px; }

HR { background: #ddd; border: none; }

/* HEADER */
DIV.header { position: relative; height: 70px; background: url(/img/banner.png) no-repeat; }
DIV.header A { position: absolute; bottom: 6px; }
DIV.header A.icon-stillingar { right: 113px; }
DIV.header A.icon-bigger { right: 100px; }
DIV.header A.icon-smaller { right: 76px; }
DIV.header A.icon-rss { right: 20px; }

/* MAIN MENU */
DIV.menu { height: 48px; position: relative; }
DIV.menu UL LI { float: left; display: block; margin-top: 1.0em; margin-right: 1em; }
DIV.menu UL LI A { float: left; display: block; padding: 0.6em 2em; text-decoration: none; font-family: Tahoma; font-size: 1.1em; font-weight: bold; color: #003377; }
DIV.menu UL LI.current A { background: #003377; color: #FFFFFF; }

/* SEARCH BOX */
DIV.menu DIV.search FORM { float: right; width: 200px; margin-top: 11px; margin-right: 8px;  }
DIV.menu DIV.search FORM FIELDSET LABEL { display: block; background: url(/img/search-background.png) no-repeat; height: 21px; width: 246px; }
DIV.menu DIV.search FORM FIELDSET LABEL INPUT { background: none; border: none; outline: none; padding:5px 0 0 23px; color: #666666; font-size: 1.0em; width: 170px;}

/* BOX STYLING */
DIV.box { position: relative; }
DIV.box DIV.corner { position: absolute; width: 4px; height: 4px; }
DIV.box DIV.tl { background: url(/img/box-top-left-corner.gif) no-repeat; top: 0px; left: 0px; }
DIV.box DIV.tr { background: url(/img/box-top-right-corner.gif) no-repeat; top: 0px; right: 0px; z-index: 9; }
DIV.box DIV.bl { background: url(/img/box-bottom-left-corner.gif) no-repeat; bottom: 0px; left: 0px;  z-index: 10; }
DIV.box DIV.br { background: url(/img/box-bottom-right-corner.gif) no-repeat; bottom: 0px; right: 0px; }
DIV.box DIV.tw { position: absolute; height: 4px; top: 0px; left: 4px; background: #F5F5F5 url(/img/box-top-wall.gif) repeat-x top; width: 99.2%; }
DIV.box DIV.lw { position: absolute; width: 4px; top: 4px; left: 0px; background: #F5F5F5 url(/img/box-left-wall.gif) repeat-y left; height: 100%; }
DIV.box DIV.bw { position: absolute; height: 4px; bottom: 0px; left: 4px; background: #F5F5F5 url(/img/box-bottom-wall.gif) repeat-x bottom; width: 99.2%; }
DIV.box DIV.rw { position: absolute; width: 4px; bottom: 4px; right: 0px; background: #F5F5F5 url(/img/box-right-wall.gif) repeat-y right; height: 100%; }
DIV.box DIV.holder { padding: 4px; }
DIV.box DIV.holder DIV.content { background: #F5F5F5; padding: 3px; overflow: hidden; }
DIV.box DIV.padding { padding: 1.2em; }
DIV.box A H3 { text-decoration: none; }
DIV.box P { font-size: 1.2em; line-height: 1.5em; color: #777777; }
DIV.box A.link { font-family: Tahoma; font-size: 1.1em; background: #FAFAFA url(/img/button-background.png) repeat-x top; -moz-border-radius: 4px; border: 1px solid #E5E5E5; padding: 4px 12px 3px 12px; color: #888; margin-top: 1em; display: inline-block; }
DIV.box A.link:hover { border: 1px solid #E2E2E2; background: #FAFAFA url(/img/button-background-hover.png) repeat-x top; color: #778899; }

/* PROJECT */
DIV.project { width: 602px; height: 210px; float: left;  }
DIV.project DIV.latest-work { position: absolute; top: 0px; left: 0px; background: url(/img/latest-work.png) no-repeat; width: 107px; height: 107px; }
DIV.project SPAN.thumb { width: 200px; height: 100%; margin-right: 10px; display: block; }


/* LATEST NEWS */
DIV.latest-news { width: 230px; height: 210px; float: left; margin-left: 10px; }
DIV.latest-news H2 { padding: 15px; color: #1144AA; font-size: 1.4em; padding-bottom: 0.8em; }
DIV.latest-news UL { padding-left: 18px; width: 170px; }
DIV.latest-news UL LI { font-size: 1.1em; background: url(/img/arrow.png) top left no-repeat; padding-left: 18px; padding-bottom: 1.8em; }
DIV.latest-news UL LI A { text-decoration: none; color: #888888; line-height: 1.2em; }
DIV.latest-news UL LI SMALL { color: #CCCCCC; font-size: 0.9em; display: block; padding-top: 0.1em; }
DIV.latest-news UL LI:hover { cursor: pointer; background: url(/img/arrow-hover.png) top left no-repeat; }
DIV.latest-news UL LI:hover A { color: #AA9977; }
DIV.latest-news UL LI:hover SMALL { color: #CCCCAA; cursor: pointer; }
DIV.latest-news A.link { margin-top: 0; padding: 4px 12px 3px 12px; margin-right: 1em; }

/* SUBMENU */
DIV.submenu { width: 220px; float: left; margin-right: 8px; position: relative; }
DIV.submenu UL LI { width: 210px; background: url(/img/box-top-wall.gif) top repeat-x; }
DIV.submenu UL LI:first-child { background: none; }
DIV.submenu UL LI A { background: url(/img/arrow.png) 6px 10px no-repeat; padding: 0.6em; padding-left: 2em; text-align: left; font-size: 1.4em; color: #444444; display: block; }
DIV.submenu UL LI.current A { color: #AA9977; }
DIV.submenu UL LI A:hover { color: #AA9977; background: url(/img/arrow-hover.png) 6px 10px no-repeat;  }

/* NORMAL CONTENT */
DIV.regular { width: 614px; float: left; }
DIV.regular UL { list-style-type: disc; margin: 1em 3em; }
DIV.regular UL LI { font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 1.2em; margin: 1em 0; color: #444444; }

DIV.regular OL { list-style-type: upper-roman; margin: 0em 2em; }
DIV.regular OL LI { font-size: 1.3em; margin: 1em 0; color: #666; font-weight: bold; }
DIV.regular OL OL { list-style-type: decimal; margin: 1em 3em; }
DIV.regular OL OL LI { list-style-type: decimal; font-weight: normal; line-height: 1.5em; }

DIV.regular FIELDSET LEGEND { font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 2.2em; font-weight:normal; color: #555566; padding: 10px 0 8px 10px; margin: 0; text-decoration: none; }
DIV.regular FIELDSET LABEL { display: block; margin: 10px 0 6px 15px; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em;  }
DIV.regular FIELDSET INPUT[type=text], TEXTAREA { display: block;  margin: 0 0 10px 18px; padding: 6px; border: 1px solid #d2d2d2; font-size: 12px; -moz-border-radius: 2px; width: 92%; }

/* NORMAL LEFT CONTENT */
DIV.regular-left { width: 220px; float: left; margin-right: 8px;}
DIV.regular-left UL { margin-left: 2em; }
DIV.regular-left UL LI { font-family: Georgia, Arial, Helvetica, sans-serif;  list-style-type: disc; font-size: 1.3em; color: #888; padding-bottom: 0.4em; }

/* FOOTER */
DIV.footer{ background: #383838; height: 102px; width:100%; z-index: 1000; }


.add { position: absolute; top: 5px; left: -15px; z-index: 999; border: 1px solid #ddd; padding: 1px 2px; color: #AAA; cursor: pointer; background: #FFF; }