/**
  Theme Name: Studentrabatt.no
  Theme URI: http://www.studentrabatt.no
  Version: 1.1
  Author: Siftware
  Author URI: http://www.siftware.co.uk
  Licence: Private - not open source.
  
  Description: A theme created with developers in mind which should enable rapid WP reskinning. The CSS is minimal but consistent cross-browser, there are a couple of SEO tweaks and the page navigation works sensibly but can modified easily.

  The CSS that follows is what I feel is the bare minimum of styling for a two column, fixed width and centred layout that should be
  consistent in 'modern browsers'
*/
 

/** START CLEAN NEW CSS BY BJORN */
/**      general     */
html {
  overflow-y: scroll;
}

body {
                font-family: Arial, Helvetica, sans-serif;
                font-size:13px;
                margin: 0;
                padding: 0;
                height:100%;
}

a{
  text-decoration: none;
  color: #fa4d09;
}
a:hover{
  text-decoration: underline;
}
a:visited{
  color: #fa4d09;
}

img{
  border-style: none;
}

/**      header     */
#logo {
                width: 254px;
                height: 53px;
                float: left;
                padding-right: 130px;
}

.canvas {
                width:1000px;
                margin: 0 0 0 0;
                height: 100%;
}  


.navi {
                background-color:#EBFEFF;
                height:20px;
                margin: 0 0 0 0;
				padding: 0px;
                text-align:right;
				xborder: 1px solid green;
}

.logoheader {
                height:53px;
}

.pagelinks{
  font-size: 11px;
  list-style: none;
  padding: 6px 0 0 0;
  margin: 0 0 0 0;
  overflow:visible;
  height:20px;
}
.pagelinks li{
  display: inline;
  margin: 0px;
  border: 0px solid orange;
}

.pagelinks a{
 padding: 15px;
  border: 0px solid yellow;
  position:relative;
  top:-3px;
}
.pagelinks a:hover, .current_page_item a{
	background-color:#BDE6ED;
	padding-top:8px;
	padding-bottom:10px;
	height: 30px;
	margin: 0 0 0 0;
	overflow:visible;
	color:#666666;
	text-decoration:none;
}

.greenheader {
                background-color:#BDE6ED;
                height:60px;
                margin: 0 0 0 0;
}

.searchform {
				text-align: right; float: right;
}

.topdropdown {
                left:30px;
                position:relative;
                width: 400px;
				top: 20px;
                color:#666666;
}

.topsearchbox {
                width:200px;
}

.topsearchbutton {
                width:200px;
}

/**      main content     */
#primaryContent {
  float: left;
  padding: 0 0 0 30px;
  margin: 10px 0 20px 0;
  left: 180px;
  width: 550px;
}
  #primaryContent h1 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  #primaryContent h2 {
    font-size: 20px;
                margin: 5px 0 5px 0;
  }

/**       home page   */

#homepageContent {
	float: left;
	margin: 20px;
	left: 180px;
}

#homepageContent h1{
  margin: 0;
  padding: 0;
  color: #727272;
  text-transform: uppercase;
  font-weight: lighter;
  font-size:24px;

}

#homepageContent h2{
  margin: 0;
  padding: 0;
  color: #727272;
  text-transform: uppercase;
  font-weight: lighter;
  font-size:18px;

}

/**      discount page */

.postWrapper h2{
                color: #727272;
                text-transform: uppercase;
                font-weight: lighter;
}

.postWrapper-Anbefalt, .postWrapper- { 
                margin: 0 0 0 0; 
}

.postWrapper-Anbefalt { 
                background-color: #FFF8DD;
}

.postWrapper-Anbefalt a { 
                font-weight: bold;
}

.firmatable{
                background: #F3FFED;
                color: #333333;
}

.normal{
                  text-align: center;
}
.liten{
                  text-align: center;
}

.headertopline{
                margin: 20px 0 0 0;
                border-top:1px solid #999999;
}

.firmainfo{
                line-height: 170%;
}

ol#commentlist {
    list-style: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
#commentlist p {
margin: 0;
padding: 0;
}

.comment {
background-color:#FFF8DD;
margin:10px 0;
padding:8px 4px 7px 10px;
}

/**      sidebar     */

#rightSidebar {
  width: 140px;

  height: 100%;
  float: right;
  padding: 9px 10px 10px 10px; 
  list-style: none;
  position:relative;
  text-align:right;

}
  #rightSidebar h3 {
    padding: 0;
    margin: 10px 0 10px 0;
                font: bold;
                font-size:14px
  }

  /**
    Remove bullets from the first level sidebar UL and give each item some bottom margin.
    IE 6 doesn't like the selectors, I can live with that but if you can't then
    you'll need to extend this further.
  */
  #rightSidebar > ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
    #rightSidebar > ul > li > ol {
      list-style: none;
      margin: 0 0 10px 0;
    }


#leftSidebar {
  width: 200px;
  height: 100%;
  float: left;
  margin-left: 15px;
  padding: 9px 10px 10px 10px;
  list-style: none;

}
  #leftSidebar h3 {
    padding: 0;
    margin: 10px 0 10px 0;
                font: bold;
                font-size:14px
  }

  /**
    Remove bullets from the first level sidebar UL and give each item some bottom margin.
    IE 6 doesn't like the selectors, I can live with that but if you can't then
    you'll need to extend this further.
  */
  #leftSidebar > ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
    #leftSidebar > ul > li > ol {
      list-style: none;
      margin: 0 0 10px 0;
    }

  /** the HTML is a bit dodgy for the tag cloud, need to add some padding
      between the title and the first href */
  .widget_tag_cloud a {
    padding-left: 5px;
  }

.sidebarlinks ul {
  list-style:none;
  margin: 0;   
  padding: 0;
  font-size: 10px;
}

.sidebarlinks p {
  padding: 3px 0 0 0;
  list-style:none;  
  padding: 0;
}

.sidebarlinks li ol{
  padding: 5px 0 0 0;
  color: #333333;
  padding: 0 0 0 0;
  font-size: 13px;
}              
.categoryPost {
  padding: 5px 5px 5px 5px;
}  


/**  footer  */

.greenfooter {
                background-color:#EBFEFF;
                margin: 0 0 0 0;
                padding: 20px 20px 20px 20px;
                font-weight: bold;
                text-align:center;
                color:#333333;
}

.bottomlinks ul {
  font-size: 11px;
  list-style: none;
  padding: 3px 0 0 0 ;
  text-align:center;    
  color:#333333;
  margin: 0;
}

.bottomlinks li{
  display: inline;
}

/**
  theme requirements as per 
  http://codex.wordpress.org/CSS
*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

/** END CLEAN NEW CSS BY BJORN */



#header {
  margin: 0 0 10px 0;
}
  /** the heading and tagline are h1 on homepage and h4 on internal */
  #header h1,
  #header h4 {
    font-size: 30px;
    margin: 0;
    padding: 10px 0 10px 0;
  }
    /** the tagline is a span within the h1 or h4 */
    #header h1 span,
    #header h4 span { }


    Nav and Subnav
    Split these out if you want the two levels to look different
  */
  #nav,
  #subNav {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  #subNav {
    margin-top: 10px;
  }
    #nav li,
    #subNav li {
      display: inline;
      padding: 0 10px 0 0;
    }
    /* Currently selected page nav item (and parent) if applicable */
    .current_page_item a,
    .current_page_parent a {
      text-decoration: none;
    }
      .current_page_item a:hover,
      .current_page_parent a:hover {
        text-decoration: underline;
      }

  /* titles are h2 on homepage and h1 for internal */
  #primaryContent h1.postTitle,
  #primaryContent h2.postTitle {
    font-size: 22px;
                color: #333333;
  }



  #primaryContent h3 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  ol#posts {
    list-style: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
  }

    li.postWrapper,
    div.postWrapper { }

      .liten img { 
                  text-align:center; 

                  }

      div.post { }

      p.post { }
                  
      .discountPost img {
                  text-align:center; 
                  }



  #pagination {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
    #pagination li {
      display: inlne;
    }
    #pagination .previous {
      text-align: left;
      float: left;
    }
    #pagination .future {
      text-align: right;
      float: right;
    }
 
/**       sidebar          */


#comment {
  width: 500px;
}

#footer {
  clear: both;
}

/** normally hidden but will appear when css disabled */
.skip,
.noCss {
  position: absolute;
  left: -9999px;
}