/* @override 
	http://local.web/vrvk/wp-content/themes/laugaland/style.css
	http://www.laugalandsskoli.is/wp-content/themes/laugaland/style.css
*/

/*   
Theme Name: Laugalandsskóli
Theme URI: http://www.laugalandsskoli.is
Description: Vefsíða Laugalandsskóla. Sett upp af Vefstofu Reykjavíkur í október 2012.
Author: Fannar Ásgrímsson / Valtýr Valtýsson
Author URI: http://www.vrvk.is
Template: studeo
Version: 1.0
*/

/* Import Responsive Styles */
@import url('../studeo/style.css');

/* =Start Here
-------------------------------------------------------------- */
body,
input,
textarea {
	font: 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h2 {
	font-size: 18px;
	line-height: 22px;
	margin: 0 0 20px 0;
}


/* Slideshow */

#slider {
	position: relative;
	z-index: 20;
	border-bottom: 5px solid #f7f7f5;
	
}

.single-portfolio .slides_container { width: 670px; }


.single-portfolio .slides_container img,
.single-portfolio .slides_container div { width: 670px; }

.page-template-template-home-php .slides_container {
	width: 990px;
	height: 180px;
	overflow: hidden;
}

.page-template-template-home-php .slides_container img,
.page-template-template-home-php .slides_container .slide {
	display: block;
	width: 990px;
	height: 180px;
}



/* /Slideshow */

#welcome-message {
	position: relative;
	z-index: 30;
	margin: 0 0 20px 0;
	min-height: 30px;
	border-bottom: none;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	   -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

#welcome-message a {
	color: #fff;
	border-bottom: 1px dotted #ececec;
}

#welcome-message a:hover {
	border-bottom: 1px solid #fff;
}

#welcome-message h1 {
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	color: #fff;
	font-size: 17px;
	padding: 10px 20px;
	font-weight: normal;
	line-height: 26px;
}




#primary {
	float: left;
	width: 670px;
	margin: 0 25px 20px;
	position: relative;
	z-index: 20;
}

#content {
	position: relative;
	background: #fff;
	padding: 0;
}

#blog-bg {
	/*background: url(images/blog_bg.gif) repeat-y;*/
	margin: 0 !important;
	padding: 25px 0 0 0;
}

/* Thumbnail Frontpage */

.single #primary .post-thumb, .post-thumb,
.post-thumb a {
	float: left;
	display: block;
	padding: 2px;
	background: #f4f3ef;
}

/* Content Front Page */

.front-news {
	width: 670px;
	float: left;
	display: block;
	clear: both;
	margin-bottom: 10px;
	position: relative;
}

.front-content {
	width: 475px;
	float: left;
	margin: 0 0 0 10px;
}

.front-content-no {
	width: 670px;
	float: left;
}

.front-news h2.entry-title{
	display: block;
	clear: both;
	margin: 0;
}

div.all-news {
	float: left;
	font-size: 14px;
	font-weight: 700;
}

.entry-title,
.entry-title a {
	margin: 0 0 10px 0;
	font-size: 18px;
}

.comment-meta,
.comment-meta a,
.entry-meta {
	font-size: 13px;
	color: #333;
}


/* Gallery */
.gallery-item {
	width: auto !important;
	float: left;
	margin:  10px 10px 0 0 !important;
}
.

#sidebar {
	float: right;
	width: 220px;
	padding: 0 25px;
	position: relative;
	z-index: 30;
}


/* Pages */

.page-title {
	margin: 0;
}

/* Footer */

#footer-bottom {
	background: #1e1d1d;
	padding: 25px 25px 5px 25px;
	color: #fff;
	font-size: 12px;
}



/*-----------------------------------------------------------------------------------*/
/*	11.	Widgets
/*-----------------------------------------------------------------------------------*/

.widget.tz_recentwork_widget {
	margin-bottom: 20px;
}

#sidebar a, #sidebar a:hover {
	color: #912F19;
	font-size: 14px;
	font-weight: 700;
}

.widget-title {
	color: #3f3e3c;
	font-weight: 700;
	font-size: 18px;
	border-bottom: 1px solid #ebeae5;
	margin: 0 0 10px -25px;
	padding: 0 0 10px 25px;
}


.widget_calendar caption { font-weight: 700; font-size: 16px; }

#wp-calendar thead tr th {
	color: #912F19; !important	
}

/* Fixing Menu */

/*  Make sub menus appear */
#primary-nav ul li:hover ul,
#primary-nav ul li.sfHover ul {
	left: -1px;
	top: 6px; /* match top ul list item height */
	z-index: 99;
}


/* Header Style */

#header {
	position: relative;
	margin: 0 0 20px 0;

}
	#header-top {
		border-top: none !important;
	}

	#header #logo {
		position: absolute;
        margin: 0;
        top: 10px;
    }

	#header h1 {
	padding-left: 80px;
	float: left;
	font-weight: 700;
	}
/* Reset Avatar Size */

ul .avatar {
	width: auto !important;
	height: auto !important;
}

/*EVENTS DAGATAL OG INFO*/ 

/*#top {
	position: relative;
	z-index: 30;
	margin: 0 0 20px 0;
	min-height: 30px;
	border-bottom: none;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	   -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    background: #AE381E;
    
}


#top h2 {
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	color: #fff;
	font-size: 17px;
	padding: 10px 20px 10px 60px;
	font-weight: normal;
	line-height: 26px;
	border:none;
}


#top span {
	font-family: "FoundationIconsGeneral";
	color: #fff;
	float: left;
	font-size: 35px;
	position: absolute;
	top: 2px;
	left: 20px;
}*/	

blockquote {
	font-family: 'PT Serif', serif;
	font-size: 13px;
	color: #8e8c84;
	font-style: italic;
	border-left: none !important;
	margin: 0 20px;
	padding-left: 0;
}


/*--------------------------------------------
Fonts
---------------------------------------------*/
.icon { cursor: default; font-size: 18px; line-height: 1; color: #d07837; }
/* Icons General */
@font-face {
  font-family: 'FoundationIconsGeneral';
  src: url('fonts/foundation-icons-general.eot');
  src: url('fonts/foundation-icons-general.eot?#iefix') format('embedded-opentype'),
       url('fonts/foundation-icons-general.woff') format('woff'),
       url('fonts/foundation-icons-general.ttf') format('truetype'),
       url('fonts/foundation-icons-general.svg#FoundationIconsGeneral') format('svg');
  font-weight: normal;
  font-style: normal;
}
.icon.general { font-family: "FoundationIconsGeneral"; }
/* Foundation Icons General Enclosed */
@font-face {
    font-family: 'FoundationIconsGeneralEnclosed';
    src: url('fonts/foundation-icons-general-enclosed.eot');
    src: url('fonts/foundation-icons-general-enclosed.eot?#iefix') format('embedded-opentype'),
         url('fonts/foundation-icons-general-enclosed.woff') format('woff'),
         url('fonts/foundation-icons-general-enclosed.ttf') format('truetype'),
         url('fonts/foundation-icons-general-enclosed.svg#FoundationIconsGeneralEnclosed') format('svg');
    font-weight: normal;
    font-style: normal;
}
.icon.general-enclosed { font-family: "FoundationIconsGeneralEnclosed"; }
/* Icons Social Misc */
@font-face {
  font-family: 'FoundationIconsSocial';
  src: url('fonts/foundation-icons-social.eot');
  src: url('fonts/foundation-icons-social.eot?#iefix') format('embedded-opentype'),
       url('fonts/foundation-icons-social.woff') format('woff'),
       url('fonts/foundation-icons-social.ttf') format('truetype'),
       url('fonts/foundation-icons-social.svg#FoundationIconsGeneral') format('svg');
  font-weight: normal;
  font-style: normal;
}
.icon.social_misc { font-family: "FoundationIconsSocial"; }
/* Icons Social */
@font-face {
	font-family: 'IcoMoon';
	src: url('fonts/IcoMoon.eot');
	src: url('fonts/IcoMoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/IcoMoon.svg#IcoMoon') format('svg'),
		url('fonts/IcoMoon.woff') format('woff'),
		url('fonts/IcoMoon.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
.icon.social { font-family: 'IcoMoon'; }



/* =Media Print
    If you're working on a Child Theme, make sure that all
	media queries are included in your style.css
-------------------------------------------------------------- */
@media print {

    h1 {
	    page-break-before: always;
    }

    h1,  h2,  h3,  h4,  h5,  h6 {
	    page-break-after: avoid;
    }

    ul,  ol,  dl {
	    page-break-before: avoid;
    }
}

/*	Retina (HiDPI) Display
    http://www.quirksmode.org/blog/archives/2012/06/devicepixelrati.html
-------------------------------------------------------------- */
@media 
    only screen and (-moz-min-device-pixel-ratio:1.5), 
    only screen and (-o-min-device-pixel-ratio:3/2), 
    only screen and (-webkit-min-device-pixel-ratio:1.5), 
    only screen and (min-device-pixel-ratio:1.5) {
    
    body {}
}

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 980px) {

    body {}
	
    .grid, 
	.grid-right {
	    float: none;
    }
	
	#featured-image .fluid-width-video-wrapper {
	    margin: 20px 0 0 0;
    }
	
	.home #widgets {
		margin-top: 40px;
	}
    
    .top-widget,
    .home .top-widget {
        margin-top: 0 !important;
    }
    
}

@media screen and (max-width: 650px) {

    body {}

    #logo {
	    float: none;
        margin: 0;
	    text-align: center;
    }

    .grid, 
	.grid-right {
	    float: none;
    }

	#featured-image .fluid-width-video-wrapper {
	    margin: 20px 0 0 0;
    }
    
    .top-widget {
        float: none;
        margin: 0 auto 10px auto;
        position: relative;
        text-align: center;
        width: auto;
    }
    
    .top-widget .widget-title {
        text-align: center;
    }
	
    .js .menu,
	.js .sub-header-menu {
		display: none;
	}
	
	.top-menu, 
	.footer-menu li {
	    float: none;
        font-size: 11px;
	    text-align: center;
    }
	
	.tinynav { 
	    display: block;
		margin: 0 auto;
		width: 100%;
	}
	
	.tinynav {
		-moz-appearance: none !important;
		-webkit-appearance: none !important;
		appearance: none !important;
		background: #fff url(images/bg-select.png) no-repeat right;
		border: 1px solid #ccc;
        font-size: 12px;
		overflow: hidden;
		padding: 0.5em 1em 0.5em 0.75em;
	}
	
	.ie7 .tinynav,
	.ie8 .tinynav {
		padding-right: 10px;
	}
	
	.ie9 .tinynav  {
		padding-right: 8px;
	}
	
    #footer {
	    text-align: center;
    }

    #footer .social-icons {
	    text-align: center;
    }
}

@media screen and (max-width: 480px) {

    body {}

    #logo {
	    float: none;
	    text-align: center;
    }

    .grid, 
	.grid-right {
	    float: none;
    }
	
	#featured-image .fluid-width-video-wrapper {
	    margin: 20px 0 0 0;
	}
	
	.featured-title {
	    font-size: 40px;
	    padding: 40px 20px 0 20px
    }
    
    .navigation .next,
    .navigation .previous {
        text-align: center;
    }
	
    .menu ul, 
	.menu li, 
	.top-menu, 
	.footer-menu li, 
	.sub-header-menu li {
	    float: none;
	    text-align: center;
        text-rendering: optimizeSpeed;
    }
	
    #footer {
	    text-align: center;
    }

    #footer .social-icons {
	    text-align: center;
    }
}

@media screen and (max-width: 320px) {
    
    body {}
	
	#featured p {
	    font-size: 12px;
		line-height: 1.2em;
    }

    .featured-title {
	    font-size: 35px;
    }
	
	.featured-subtitle {
		font-size: 15px;
	}

    .call-to-action a.button {
	    font-size: 14px;
	    padding: 7px 17px;
    }
}

@media screen and (max-width: 240px) {
    
    body {}
	
	#featured p {
	    font-size: 11px;
		line-height: 1.1em;
    }

    .featured-title {
	    font-size: 20px;
    }
	
	.featured-subtitle {
		font-size: 11px;
	}

    .call-to-action a.button {
	    font-size: 12px;
	    padding: 5px 15px;
    }
    
    .top-widget area,
    .top-widget select,
    .top-widget textarea,
    .top-widget input[type="text"], 
    .top-widget input[type="password"] {
        width: 75%;
    }
    
    .widget-title,
    .widget-title-home h3 {
        font-size: 14px;
        height: 13px;
        line-height: 13px;
        text-align: center;
    }
}

/*The last 29 days of the month are the hardest."- Nikola Tesla*/