/*
Website name: sigurfreyr.com	
Website URL: http://www.sigurfreyr.com
Description: Portfolio/ First semester exam project at NOMA
Version: 1.1
Author: Gudmundur Sigurfreyr Jonasson
*/


/* Text align is set to the left in the body tag to render properly in older 
browsers like IE 5.x */

body {
	background-color: #333333;
	text-align: center;
	margin: 0px;     /* Set margin and padding to 0 to gain control of browsers value */
	padding: 0px;
	background-image: url(../images-p/bg-1.jpg);
	background-repeat: repeat;
}

/* Style rules of wrapper. Text align left takes over because ID selectors 
have more importance (specificity) then body tag selectors  */


#container-bg {
	text-align: left;
	width: 1006px;     /* Works well with most screen sizes  */
	height: auto;
	margin-top: 0px;
	margin-bottom: 14px;
	margin-right: auto;  /* Margin left and right set to auto to center container on screen  */
	margin-left: auto;
	background-image: url(../images-p/container-bg.png);
	background-repeat: repeat;
	padding-bottom: 6px;
	}

#container {
	text-align: left;
	width: 990px;     /* Works well with most screen sizes  */
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;  /* Margin left and right set to auto to center container on screen  */
	margin-left: auto;
	background-color: #FFFFFF;
	

}

/* Style rules for header, content and footer  */

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

#content {
	margin: 0px;
	padding: 0px;

}

#footer {
	margin: 0px;
	clear: both;   /* clear:both CSS property ensures no floated elements intrude on footer  */
	height: 36px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #BB3941;
	width: 990px;
	background-image: url(../images-p/footer4-bg.png);
	background-repeat: repeat;	
}


#footer-2 {
	margin: 0px;
	clear: both;   /* This footer is not used  */
	height: 2px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #ffffff;
	width: 990px;
	background-image: url(../images-p/pattern.png);
	background-repeat: repeat-x;	
}

/* Style rules for banners with image */

#banner {
	margin: 0px;
	padding: 0px;
	height: 247px;
}

/* Style rules for left column */

#leftColumn {
	float: left;
	width: 600px;
	padding-top: 33px;
	padding-left: 48px;
	padding-right: 30px;
	padding-bottom: 33px;
	height: auto;
	
}


/* Border around small photo of author */

.border {
	border: 1px solid #222;/* Style rules for right column */

}

#rightColumn {
	float: left;
	margin-top: 47px;
	height: auto;
	width: 233px;
	padding-top: 12px;
	padding-left: 30px;
	background-repeat: repeat;
}

/* Trebuchet Ms font is my first choice because it is quite 
readable and more stylish then over used sans-serif fonts like
arial or verdana */

p {
	font-family: "Trebuchet MS", helvetica, verdana, sans-serif;
	font-size: 15px;
	color: #222222;
	line-height: 21px;
}

/* Style rules for div tag with photo of author */

#sigurfreyrImage {
	width: 233px;
	padding: 0px;
	float: right;
}

/* Style rules for navigation div */

#navigation {
	margin: 0;
	padding: 0;
	height: 57px;
	background-color: #444444;
	background-image: url(../images-p/bg_texture.png);
	background-repeat: repeat;
}

/* Style rules for links in navigation bar */

#menu {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #444444;
	background-image: url(../images-p/dark-bkgd.png);
	background-repeat: repeat;	
}

#menu li {
	float: left;
	font-family: "Trebuchet MS", helvetica, verdana, serif;
	font-size: 17px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	background-image: url(../images-p/dark-bkgd.png);
	background-repeat: repeat;
}

#menu a {
	background: #444444;
	color: #ECE9D8;
	text-shadow: 0px 2px 3px #666666;   /* Text-shadow selector is not supported by IE  */
	letter-spacing: 6px;   /* This property creates space between letters  */
	display: block;
	float: left;
	margin: 0;
	text-decoration: none;
	width:100px;
	padding-left: 45px;
	padding-top: 13px;
	padding-right: 6px;
	padding-bottom: 12px;
	background-image: url(../images-p/dark-bkgd.png);
	background-repeat: repeat;
}

#menu a:hover {
	color: #666666;
	text-shadow: 0px 1px 2px #333333;
	text-decoration: overline;
	background-image: url(../images-p/dark-bkgd.png);
	background-repeat: repeat-x;
} 

#menu2 {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #444444;
	background-image: url(../images-p/dark-bkgd.png);
	background-repeat: repeat;
	
}



/* Style rules for social media buttons */

.socialMedia {
	padding-top: 9px;
	padding-left: 17px;
	text-decoration: none;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	
}


	


/* Style rules for headings */

h1 {
	font-size: 23px;
	font-family: "Trebuchet MS", helvetica, verdana, serif;
	font-weight: bold;
	color: #222222;
	text-shadow: 0px 1px 2px #555555;

}

h2 {
	font-size: 20px;
	font-family: "Trebuchet MS", helvetica, verdana, serif;
	font-weight: bold;
	color: #222222;
	text-shadow: 0px 1px 2px #555555;

}

h3 {
	font-size: 18px;
	font-family: "Trebuchet MS", helvetica, verdana, serif;
	font-weight: bold;
	color: #222222;
	text-shadow: 0px 1px 2px #555555;

}

/* Style rules for drop caps in first letter of a paragraph NOT USED */

.dropcap:first-letter {
	font-family: "Trebuchet MS", helvetica, verdana, serif;
	font-size: 200%;
	line-height: 9px;
	color: #333333;
	float: left;
}

/* Style rules for text in right column */

.sideBarText {
	font-size: 13px;
	font-family: "Trebuchet MS", helvetica, verdana, serif;
	padding-right: 16px;
	line-height: 18px;
	color: #222222;
	
}

/* Style rules for e-mail link and external links */

.linkHeadline {
	font-size: 18px;
	font-weight: bold;
	color: #222222;
	text-shadow: 0px 1px 2px #555555;
	padding-top: 20px;

}

.linkHref {
	color: #CC0000;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

/* Style rules for thumbnails div */


.thumbnails {
	padding-top: 25px;
	padding-bottom: 35px;
	padding-left: 30px;
}