/*
Theme Name: Hygge
Theme URI: http://www.hygge.ie
Description: Hygge Child Theme built on TwentyTen
Author: Paul Geraghty
Theme URI: http://www.hygge.ie
Template: twentyten
Version: 0.1
*/


 
@import url("../twentyten/style.css");

body {
background:none repeat scroll 0 0 #ffffff;
}

#wrapper {
background:none repeat scroll 0 0 #FFFFFF;
margin-top:10px;
padding:0 0;
}

#header {
padding:20px 0 20px 0;
}

#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
	margin: 0 auto;
	width: 1000px;
}

#container {
float:left;
margin:0 0px 0 0;
width:100%;
}

/* =Layout
-------------------------------------------------------------- */
#main {

		background-color:white;
		position:relative;
		padding-top:0px;
}

#container {
	clear: both;
	width: 100%;
}

#content {
		width:340px;
		margin:0 0 0 0;
		margin-left:120px;	
		float:left;
}


#leftSideBar{
		width:105px;
		position:absolute;
		top:0px; left:0px;
	}
	
#rightSideBar{
		width:160px;
		position:absolute;
		top:0px; left:840px;
	}
	
#blogSideBar{
		width:160px;
		position:absolute;
		top:0px; left:660px;
	}
	
#postsSideBar{
		width:160px;
		float:left;
		margin-left:20px;
	}	
	
/* =Banner
-------------------------------------------------------------- */	
#banner{
	height: 250px;
	width:1000px;
    background: url(css/homePage.jpg);
    margin: 0; 
	padding: 0;
 	background-position:0px 0px;
 	background-repeat:no-repeat;
 	position: relative;
}

#hyggeLogo{
	background: url(css/hyggeLogoWhiteLrg.png) no-repeat;
	height: 80px;
	display: block;
    position: absolute;
	left:15px;
	top:10px;
}


#hyggeLogo h1, #hyggeLogo a{
    height: 160px; 
	display: block;
	width:170px;
	text-indent:-9999px;
}

/* =Top Navigation
-------------------------------------------------------------- */	
#topNav{
	height: 80px;
	display: block;
    position: absolute;
	left:456px;
	top:230px;
}

#topNav ul{}

#topNav ul li{
    margin: 0; 
	padding: 0; 
	list-style: none;
	top: 0;
    height: 30px; 
	display: inline;	
	}

#topNav ul li a{
	padding: 5px 20px 5px 20px;
	background-color: white;
	text-transform:uppercase;
	font-size:1.1em;
	text-decoration:none;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-weight:normal;	
    margin: 0; 		
}

/* =Presentation
-------------------------------------------------------------- */
.home .sticky {
		background:none repeat scroll 0 0 #fff;
		border-top:0px solid #000000;
		margin-left:0px;
		margin-right:0px;
		padding:0px;
		}

/* =Author
-------------------------------------------------------------- */

#entry-author-info {
background:none repeat scroll 0 0 #eee;
border:1px solid #ccc;
clear:both;
font-size:1em;
line-height:20px;
margin:24px 0;
overflow:hidden;
padding:7px 7px;
}

#entry-author-info #author-avatar {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #E7E7E7;
float:left;
height:80px;
margin:0 -94px 0 0;
padding:0px;
}

#entry-author-info #author-description {
float:left;
margin:0 0 0 94px;
}

/* =Footer
-------------------------------------------------------------- */

#footer {
	background: black;
}

#site-info  {
	background: url(css/hyggeLogoWhite.png) no-repeat;
	height: 90px;
}

#site-info a , #site-info h1 {
	color: white;
	text-indent: -9999px;
	height: 160px; 
	display: block;
	width:170px;
}

#site-generator a {
background:none;
color:#666666;
display:inline-block;
line-height:16px;
padding-bottom:3px;
text-decoration:none;
}

/* = Widget
-------------------------------------------------------------- */
.textwidget{
	font-size:9px
}

.widget-area ul {
	list-style: none;
	margin-left: 1.3em;
}

.widget-area li {
	background-image: url(css/list.png);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left: 1.3em;}


.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}

.widget_links li{background-image: url(css/listSub.png);}

.widget-container {
margin:0 0 48px;
}

/* =Search Form
-------------------------------------------------------------- */

#searchFormWrapper, #emailFormWrapper{
	margin-bottom:12px;
}

#searchForm, #feedburnerForm{
	padding:0px;
	margin:0px;
	background: url(css/interfaceSprite.png) no-repeat;
	background-position: bottom right;
	margin-bottom:12px;
}

#searchFormWrapper form .submitButton, #feedburnerForm  input.submitButton{
	padding:0px;
	margin:0px;
	background: url(css/interfaceSprite.png) transparent no-repeat;
	background-position: -136px 0px;
	background-repeat: no-repeat;
	border: none;
}


#feedburnerForm input.submitButton{
	background-position: -112px 3px;
}


#searchForm label, #searchForm input.submitButton, #feedburnerForm input.submitButton{
text-indent:-9999px;
}

#searchForm input.submitButton, #feedburnerForm input.submitButton {
width:25px;
height:20px;
cursor:pointer;
}

#searchForm input.inputField, #feedburnerForm input.inputField {
	width: 129px;
	height:15px;
	border: none;
	border:0px solid;
	background: transparent;
-moz-box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);
	}
	
#searchForm label, #feedburnerForm label{
	font-weight:normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#C6280B; font-size: 1.1em; text-transform:uppercase;
	}	
	
/* =Social Networking Links
-------------------------------------------------------------- */	
#socialNetworks {}

#socialNetworks h1{
	font-weight:normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#C6280B; font-size: 1.1em; text-transform:uppercase;
	margin-bottom:2px;
}

#socialNetworks ul {
	position:relative;
}

#socialNetworks li{
    margin: 0; 
	padding: 0; 
	list-style: none;
	display: inline;
	position: absolute; 
	top: 0;
	}

#twit a, #face a, #link a, #feed a, #mark a{	
	text-indent:-9999px; 
	background: url(css/interfaceSprite.png) transparent no-repeat;
	background-repeat: no-repeat;
	border: none;   	
}

#socialNetworks li a, #socialNetworks li {
	display: block;
	height:20px;
	width:20px;
}

#twit {left: 0px;}
#face {left: 35px;}
#link {left: 70px;}
#feed {left: 105px;}
#mark {left: 140px;}

#twit a{background-position: 0px 0px;}
#face a{background-position: -23px 0px;}
#link a{background-position: -46px 0px;}
#feed a{background-position: -69px 0px;}
#mark a{background-position: -92px 0px;}



/* =Links
-------------------------------------------------------------- */
a:link {
	color:#ED1E79;
}
a:visited {
	color:#999;
}
a:active, a:hover {
	color:#000;
}

#postsSideBar .entry-title a:link, #postsSideBar .entry-title a:visited{color:#666666;}

/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family: Verdana, Geneva, sans-serif;
}

h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text,
input[type=submit]
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

h1, h2, h3{ text-transform:uppercase; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;}

h4, h5{ font-weight:bold;}

#content .entry-title, #content .page-title {font-weight:normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#content h1.entry-title, #content .page-title {font-size:1.4em;}
#content h3.entry-title {font-size:1.1em;}

.page-title span {color:#333333; font-size:16px; font-style:normal; font-weight:normal;}

h2{color:#C6280B; font-size: 1.1em;}
#content h3, h3{color:#ED1E79; font-size: 1.1em;}

#content h2, #content h3, #content h4, #content h5, #content h6 { margin:0 0 10px;}

#content, #content input, #content textarea { font-size:12px; line-height:18px;}
#content p, #content ul, #content ol, #content dd, #content pre, #content hr {margin-bottom:16px;}



/* = IMAGES
-------------------------------------------------------------- */
#home img.alignright {
		float: right;
		position:relative;
		top:-30px; left:0px;
		
}

/* =Client & Collaborators List
-------------------------------------------------------------- */
#content #clientPage h2, #content #collaboratorsPage h2 {
		color:#C6280B;
}

#content #clientPage h3 {
		color:black;
}
	

#content #clientPage .clientList li, #content #collaboratorsPage .collaboratorsList li {
		background-image:url("css/listSub.png");
		background-position:0 5px;
		background-repeat:no-repeat;
		padding-left:1.3em;
}

#content #collaboratorsPage .collaboratorsList li {
		padding-bottom:36px;
}

#content #collaboratorsPage .collaboratorsList li a{
		font-size:1.1em;
		text-transform:uppercase;
}

#content #clientPage .clientList ul, #content #collaboratorsPage .collaboratorsList ul {
		margin-left:0;
		padding:0 20px 0 0;
		list-style:none outside none;
}

#content #clientPage .clientList a:link, #content #clientPage .clientList a:visited, #content #collaboratorsPage .collaboratorsList a:visited {
text-decoration:none;
}

#content #clientPage .clientList a:hover, #content #collaboratorsPage .collaboratorsList a:hover  {
text-decoration:underline;
}

/* =Capabilities Style
-------------------------------------------------------------- */

#capabilities div{
color:black;}

#capabilities {
		width:700px;
		margin:0 0 0 0;
		margin-left:120px;	
		float:left;
}

.tools, .workPackage {
		width:160px;
		margin:0 0 0 0;
		float:left;
		margin-left:20px;
}

.workPackage {
		padding:10px;
		width:140px;
		height:290px;
}

#capabilityProcess{
	background: url(css/processCapabilities.png) no-repeat;
	float:left;
	width:700px;
}

#capabilityProcess p{
	padding:0; margin:0;
}

.row{clear: both;}

#toolsAndMethods{
	background: url(css/ServiceDesignToolsAndMethods.png) no-repeat bottom right;
	float:left;
	width:700px;
	padding-bottom:70px;
}


/* =Home Page Style
-------------------------------------------------------------- */
#home {
		width:700px;
		margin:0 0 0 0;
		margin-left:120px;	
		float:left;
}

.cell{
		width:226px;
		margin:0 0 0 0;
		float:left;
		margin-left:11px;	
}

#vision{
background-color:yellow;
float:left;
width:700px;
margin-bottom:10px;
	background: url(css/homeVisionBackground.png) no-repeat bottom right;
	
}

.taster{
	background: url(css/homeCellBackground.png) no-repeat top right;
}

.first {
		margin-left:0px;
}
.pad{
	padding:10px;
}

.cellBox, .row{

}

#home .hentry {
margin:0 0 18px;
}

/* = SideSubNav
-------------------------------------------------------------- */
#SideSubNav li {
background-image:none;
padding-left:0em;
padding-top: .5em;
padding-bottom: .5em;
border-bottom: 1px solid #ccc;
font-size:.9em;
width:100px;
}

.current_page_item a, .current-cat a, .single-case-studies #menu-item-272 a, .parent-pageid-12 #menu-item-272 a, .single-case-studies .page-item-259 a, .category-hygge-news .cat-item-23 a, .category-hygge-news #menu-item-284 a, .category-service-design-thinking #menu-item-275 a{
	color:black;
}

#SideSubNav li.page-item-18, #SideSubNav li.cat-item-23{
	border-bottom: none;
}


/* =Print Style
-------------------------------------------------------------- */

@media print {
	#content{
		width:100%;
		margin: 0;
		}
}