html { font-family: sans-serif; background-color: white; background-color: #F5F5F5; }
body { background: none; font-size: small; min-width: 615px; }
/* Uppstilling svæða (skv. http://www.alistapart.com/articles/holygrail)
#content-wrapper er 1000
#rightsidebar er 5+5+185+5+5 = 205
#leftsidebar er 5+5+185+5+5 = 205
#content er 590
*/
#wrapper { width: 1000px; margin: 10px auto; background: white; color: black; border:1px solid gray;}
#header { padding: 0px;height:315px; background: url('banner/1000_02.jpg'); }
#header-image { height: 180px; cursor: pointer; }
#content-wrapper { margin-bottom: 0px; padding: 0px 205px 0px 205px;position:relative; top:-135px;}
div.sidebar {
float: left;
width: 100%;}
#content {float: left; width:100%;}
#innercontent {margin: 0 0px 0 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ }
#menu, #submenu { height:30px; }
#menu { margin-right: -205px; }
div.sidebar { width: 205px; }
#leftsidebar {
float: left;
width: 205px; /*Width of left column in pixel*/
margin-left: -795px; /*Set margin to that of -(MainContainerWidth)*/
position:relative; top:-20px;
}
#rightsidebar { float: left;
width: 205px; /*Width of right column*/
margin-left: -205px; /*Set left margin to -(RightColumnWidth)*/
float:right;
position:relative; top:-130px;
}
#footer { clear: both; padding: 10px; margin: 0;}
/* Sidebar */
div.inner-sidebar { padding: 5px; }
div.sidebarbox { background-color: #F5F5F5; padding: 5px; margin-top: 5px; }
div.sidebar div.sidebarbox h3 { font-size: 1.2em; color:rgb(243,112,33); font-family:'MyriadPro-Regular','Myriad Pro','HelveticaNeue','Helvetica Neue','Arial',sans-serif; }
div.sidebarmail { background-color: #F5F5F5; padding: 5px; margin-top: 5px; height:17px;}
div.sidebarmail h3 { font-size: 1.2em; color:rgb(243,112,33); font-family:'MyriadPro-Regular','Myriad Pro','HelveticaNeue','Helvetica Neue','Arial',sans-serif; }
/*div.sidebarmail a {font-size: 0.9em; }*/
#mail { margin-left:-5px; padding:5px 0px 2px 27px; height:25px; background:url(mail.gif) no-repeat top left;}
.fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left; }
/*Navigation menu */
#menu ul, #submenu ul { font-size: 15px; width: 100%; font-family:'MyriadPro-Regular','Myriad Pro','HelveticaNeue','Helvetica Neue','Arial',sans-serif; }
#menu ul li {float: left; margin: 0px; text-align: center;}
#menu ul li.lang {float: right; }
#menu ul li a{ display: block; color: black; text-decoration: none; padding: 6px 20px; }
#menu ul li a:visited{color: black;}
#menu ul li a:hover{color: black;background-color:rgb(243,112,33); }
#menu a.active { background-color: #F37021; }
/*submenu*/
#submenu { width: 100%; }
#submenu ul a, #submenu ul p { display: block; padding: 4px 20px; color: black; text-decoration: none; }
#submenu ul a.active { font-weight:bold; }
#submenu ul li { float: left; }
#submenu { border:1px solid rgb(243,112,33); border-bottom: 0px; }
/*index listi a about sidu
#index {margin-left:10px ;padding: 5px;}
#index li{list-style-type: disc;}
#index a:link,#index a:visited,#index a:active,#index a:hover {text-decoration: none;color:black;}
*/
/* general settings */
h1 { font-size: 2em; font-weight: bold; margin-left: 0px; }
h2 { font-size: 1.5em; font-weight: bold; margin-left: 0px; }
h3 { font-size: 1.4em; font-weight: bold; margin-left: 0px; }
#content p { line-height: 1.3em; padding: 2px 0; }
a { color: rgb(243,112,33); }
strong, legend { font-weight: bold; }
em { font-style: italic; }
.hr { clear:left; }
.kennari-img {float:left;margin:1px 4px 1px 10px; border:1px solid black;}
.10px {margin-left:10px;}
#kennari-wrapper h3 { clear: both; }
/* common rules */
div.admin { border: 1px dotted #aa0000; background: #ffdddd; padding: 10px 10px 10px 0px; font-weight: bold; margin: 20px 0px 10px 0px; }
div.pages { border: 1px solid #ddd; background: #eee; margin: 10px 0; padding: 10px; }
div#content h2 { padding: 15px 0; }
div.largetxtblock { margin: 10px 0px; text-align: justify }
div.largetxtblock p { margin: 10px 0px; line-height: 1.5em; }
div.largetxtblock img { float: left; }
div.largetxtblock h3, div.largetxtblock h4, div.largetxtblock h5 { clear: left; }
div.commonform fieldset { border: 1px dotted black; padding: 10px; margin: 5px; }
div.commonform legend { padding: 0px 10px; margin: 5px 0; }
div.pform input, textarea { width: 300px; float: right; margin: 10px 0;}
div.pform textarea { height: 300px; }
div.pform label { float: left; margin: 10px 0; }
div.pform p { clear: both; }
/* specific rules */
#course-list div.course, #news-list div.news-item, #news-list div.first-news-item { margin:10px 0 3px; padding: 10px; border: 0px solid #ddd; }
#course-list h3, #news-list h3, #gallery-list h3 { margin: 0 0 1px 0; }
#news-list a, #gallery-list a, #course-list a {text-decoration: none}
div.first-news-item, div.first-gallery-item {background-color: #F5F5F5;}
div#news-banner { margin: 10px auto; width: 470px; }
div#news-banner img { width: 470px; height: 62px; border: 1px solid black; }
#course-list div.description, #news-list div.body { text-align: justify; margin: 3px 10px; }
#course-list div.description img, #news-list div.body img { float: left; }
#course-list p.further-info, #news-list p.further-info, #gallery-list p.further-info { text-align: right; font-weight: bold; }
#course-list p.first-lesson, #news-list p.written, #news-list p.modified, #gallery-list p.written { font-size:10px; margin-left:2px;}
#course-view h3 { margin-bottom: 10px; }
#course-view div.description, #course-view div.lessons, #course-view div.prices { }
#course-view div.lessons table { width: 100%; }
#course-view div.lessons th { font-weight: bold; }
#course-view div.lessons th, #course-view div.lessons td { padding: 5px; }
#course-view div.prices ul { margin-bottom: 5px; margin-left: 30px; }
#course-view div.prices ul li { list-style-type: square; list-style-position: outside; padding: 2px 0;}
#course-view a.course-register { padding: 5px 40px; border: 2px solid #F37021; background: #F5F5F5; text-decoration: none; color: black; }
#course-view p.course-register { font-size: large; font-weight: bold; text-align: center; }
#course-register form { margin: 10px 0; }
#course-register form p label { float: left; }
#course-register form p input { width: 200px; }
#course-register form p input, #course-register form p select { float: right; }
#course-register form p { height: 30px; margin: 5px 10px; }
#course-register form fieldset, #course-register-confirm fieldset { border: 1px solid black; padding: 5px; }
#course-register form fieldset legend, #course-register-confirm fieldset legend { padding: 0 5px; }
#course-register form ul.errorlist { margin: 10px 0 0 10px; color: #A00; }
#course-view-attendees td, #course-view-attendees th { padding: 5px; }
#course-view-attendees input { width: 130px; }
#course-view-attendees { font-size: small; }
#footer p { font-style: italic; text-align: center; }
div.sidebar ul.smalllist { padding-left: 20px; }
div.sidebar ul.smalllist li { list-style-type: square; list-style-position: outside; margin: 5px 0; }
div.sidebar ul.smalllist li p.date { color: #777;}
div.sidebar ul.smalllist p.ekkinamskeid { font-style: italic; font-weight:ligther; padding: 5px 0; }
td.errors { background-color: orange; }
body.widepage #rightsidebar, body.widepage #leftsidebar { display: none; }
body.widepage #content-wrapper { padding-left: 0px; padding-right: 0px; }
div#mailinglist li.mail-input { text-align: right; }
div#mailinglist li.submit-button { text-align: right; }
/* Myndaalbúm */
/* Album list síða:*/
div.body img {width:170px;float:left; border: 1px solid black; margin: 5px; }
div.body {}
div#gallery-list p.further-info {clear:left; text-align:right;}
/* Thumbnail síða:
- breidd svæðis er 580px
- thumbnail eru 170px + 2px (border) + 12px (padding) */
div#gallery-album div.thumbnail { float: left; }
div#gallery-album div.thumbnail img { border: 1px solid black; }
div#gallery-album div.thumbnail { padding: 10px; }
div#gallery-album div#thumbnails { padding: 2px; }
/* Photo síða:
- breidd svæðis er 580px
- mynd er 560px á breidd EÐA hæð (hinn kanturinn er alltaf < 560px) */
div#gallery-photo div#photo { padding: 10px; text-align: center; }
div#gallery-photo div#photo img { border: 1px solid black; }
div#gallery-photo div.pages { text-align: center; }
hr.clear { clear: both; height: 0; border: 0; }