/*  
Theme Name: Gressli
Theme URI: http://www.anders.gressli.net/
Description: This is my first wordpress-theme.
Version: 1.0
Author: Anders Gressli
Author URI: http://www.anders.gressli.net//*					 		*/

* {margin: 0;
	padding: 0;}

/* 		START BASIS 		*/
body {
	font-family: Arial, sans-serif; 
	font-weight: normal;
	}

.clear {
	clear: both
	}

	
li, ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4 {font-weight: normal;}
/* 		SLUTT BASIS 	*/


/*
/*		START TEKSTSTILER	
/*					 		*/

p {
	font-weight: normal;
	font-size: 13px;
	}

a {
	color: #000;
	background-color: #FFF;
	text-decoration: none;
	} 

p a {
	text-decoration: underline;
	}
	
p .light a {
	color: #000;
	background-color: #FFF;
	text-decoration: none;
	}

a:hover, p .light a:hover, p a:hover {
	color: #FC0;
	}

.cufon-active h1 {
	margin-top: 9px; 
	margin-bottom: 1px;
	}

h1 {
	font-size: 49px; 
	margin-top: 7px; 
	margin-bottom: 2px;
	font-weight: 700;
	}
.cufon-active .helvbold {
	margin-top: 10px;
	text-transform: lowercase;
	}

.helvbold {
	margin-top: -4px;
	text-transform: lowercase;
	font-size: 22px;
	font-weight: 700;
	}

.cufon-active dt.info{}
	
.cufon-active .projectinfo dt.first, .cufon-active .contactinfo dt.first{
	margin: 0 0 0 0;
	}
	
.cufon-active #menu ul li{font-weight: 700;}

.projectinfo, .contactinfo {font-size: 11px
	}
	
.projectinfo p, .contactinfo p {font-size: 11px; margin-bottom: 5px;
	}

.cufon-active .postTitle {
	font-size: 18px;
	text-transform: none;
	}
	
.postTitle {
	font-size: 18px;
	text-transform: none;
	font-weight: bold;
	}
	
.post h2 {margin-top: 2px;}

.post p{margin-bottom: 10px;}

dt.info{
	text-transform: lowercase;
	font-size: 15px;
	margin: 20px 0 0 0;
	font-weight: 700;
	}
	
.light, .cufon-active .light {font-weight: 250; font-size: 24px;}

.yellow {color: #FC0}

/*							*/
/*		SLUTT TEKSTSTILER	*/
/*					 		*/

/* 					 		
/*	    START HEADER
/*					 		*/

#top {
	margin-top: 37px;
	height: 65px;
	}

#header {
	width: 450px; 
	float: left;
	margin: 0px;
	}

/* 					 		*/
/*		SLUTT HEADER		*/
/*					 		*/

/* 					 		
/*	    START HOVEDMENY
/*					 		*/
#menu {
	text-transform: uppercase;
	float: right; 
	font-size: 15px; 
	margin-top: 40px;
	}
	
#menu li{
	display: inline; 
	margin: 0 0 0 5px; 
	padding: 0;
	float: left;
	}
	
#menu ul{
	margin: 0;
	padding: 0;
	float: right;
	}
	
#menu .current_page_item span, #menu .current_page_parent span, #menu .current_page_ancestor span{color: #ffe970}

/* 					 		*/
/*		SLUTT HOVEDMENY		*/
/*					 		*/

/*					 							 		
/* 		 START FOOTER
/*					 		*/
#footer {
	text-align: center;
	margin: 10px;
	padding: 10px;
	font-size: 12px;
}
#adminMeta {}
#footer ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
	display: inline;
}
#footer li {
	display: inline;
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
/* 					 		
/* 		 SLUTT FOOTER
/*					 		*/
							
							
							
/* 					 		
/* 	    START CONTENT
/*					 		*/
.post {
	margin-bottom: 10px; 
	}
	
#container {
	width: 940px; 
	margin: 0 auto;
	}

.entry {
	margin: 0; 
	padding: 0
	}

.pageEntry {
	width: 760px; 
	float: right; 
	margin-top: 6px; 
	margin-bottom: 10px;
	}
	
.pageTitle {
	width: 160px; 
	margin-right: 20px; 
	margin-top: -3px; 
	float: left;
	}
			
/*	HOME		*/
#mainContainer {margin: 0; padding: 0;}
#mainContainer .home {padding-bottom: 10px;}

.homeIntro {
	margin-top: 3px;
	margin-bottom: 10px;
	}

.homeColumns {
	width: 460px; 
	margin-top: 20px;
	float: left;
	font-size: 12px;
	}
	
.homeColumns .post {
	max-width: 460px; 
	margin-top: 3px; 
	margin-bottom: 10px;
	}
	
.homeColumns a, .homeColumns a:hover, .homeColumns a:visited, .homeColumns a:active, .homeColumns a:link{
	color: #000;
	}

#latestNews {width: 460px; margin-left: 20px;}
#recentWork {}

#recentWork .bildetekst {height: 30px;}

.postDate {
	font-size: 12px; 
	font-weight: normal;
	}
	
/*	PORTFOLIO	*/
	
	/* 	START TOGGLE  */
	#sidemenu {
	width: 180px; 
	float: left;
	margin-top: 9px;
	}
	
	.skjult {
	width: 180px;
	display: none;
	}
	
	.ikke-skjult {
	width: 180px;
	display: block;
	}
	
	.accordion span{
	width: 180px;
	}
	
	.portmenu h2{		
	margin: 0;
	margin-bottom: 1px;
	margin-top: 0px;
	padding: 0;
	cursor: pointer;
	}

	ul.portmenu {
	list-style-type:none;
	padding:0px;
	margin:0px;	
	}
	
	.portmenu li {
	margin: 0;
	padding: 0;
	}

	.portmenu li span {
	cursor: pointer;
	}
	/* 	SLUTT TOGGLE  */
	
/* START SCROLLABLE */
/* get rid of those system borders being generated for A tags */
:active {
  outline:none;
}

:focus {
  outline:none;
}

/* this makes it possible to add next button beside scrollable */

/* prev, next, prevPage and nextPage buttons */
.scrollerPrev, .scrollerNext{
	width:80px;
	height:30px;
	padding, margin: 0;
	margin-top: 5px;
	float: left;
	cursor: pointer;
	background: no-repeat;
	background-position: center center;
}

.scrollerNext{
	background-image: url(img/scrollable/ned.png);
}

.scrollerPrev{
	background-image: url(img/scrollable/opp.png);
}
.scrollerPrev:hover, .scrollerNext:hover {
	background-image: url(img/scrollable/opp_hover.png);
	background-color: #fdfdfd
}

.scrollerNext:hover {
	background-image: url(img/scrollable/ned_hover.png);
}

/* disabled navigational button */
.scrollerNext.disabled, .scrollerPrev.disabled {
	background-image: url(img/scrollable/ned_inaktiv.png);
	cursor: auto;
	background-color: #FFF;
}

.scrollerPrev.disabled {
	background-image: url(img/scrollable/opp_inaktiv.png);
}

/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 160px;	 
	height:225px;
	margin: 0px;
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
.scrollerArea {	
	position:absolute;
	width:160px;
	height:2000px;
	clear:both;
	font-size:12px;
}

.scrollerArea a{padding-left: 2px;}

/* single item */
.scrollerArea a, .scrollerArea a:visited, .scrollerArea a:link, .scrollerArea a:hover {
	background-color: #FFF;
	color: #000; 
	text-decoration: none; 
	width: 180px;
	display: block;
	}
	
.scrollerArea .current, .scrollerArea .current:visited, .scrollerArea .current:link, .scrollerArea .current:hover{
	background-color: #000; 
	color: #FFF; 
	text-decoration: none;
	}
	
.scrollerArea .current a, .scrollerArea .current a:visited, .scrollerArea .current a:link, .scrollerArea .current a:hover{
	background-color: #000;
	color: #FFF; 
	text-decoration: none;
	}
	
.scrollerArea a:hover, .scrollerArea .current a:hover {
	background-color: #FC0; 
	text-decoration: none;
	display: block;
	}
	
/* SLUTT SCROLLABLE */
.slideshow {margin: 0; padding: 0;}
#photoContainer .entry {float: left; margin-right: 10px; width: 760px; margin-top: 6px;}
#portContainer .entry {float: left; margin-right: 10px; width: 580px;}
#portContainer .postTitle {margin: 0; padding: 0;}
.entry ul, .entry li {
	font-size: 11px;
	list-style-type: disc;
}
.entry ul {margin-left: 15px; margin-top: 0px; margin-bottom: 10px;}
.entry ul a {text-decoration: underline;}
.projectinfo, .contactinfo  {float: left; width: 160px;}
.contactinfo {margin-top: 36px;}
.projectinfo {margin-top: 10px;}
#bildetekst {padding: 0; height: 100px;
}
#caption, #model, #makeup, #styling, #other {margin: 0; margin-bottom: 5px; font-size: 10px;}

/*	ABOUT		*/

.aboutpageEntry h3 {margin:0; margin-top: 10px; font-size: 16px;}
.aboutpageEntry h4 {margin:0; font-size: 14px;}
.aboutpageEntry p span{font-size: 10px; margin: 0;}
.cufon-active .aboutpageEntry h4 {margin-bottom: -5px;}
.aboutpageEntry li ul {margin-top: -10px;}
.about-list {font-size: 10px;}
#skills li {margin-top: 5px;}
#graphic-example li, #photo-example li {margin: 0; margin-left: 10px;}
.aboutinfo {margin-top: 16px}
/*	CONTACT		*/
#contact-form {
	width: 400px; 
	float: left;
	}



.contactpageEntry, .aboutpageEntry {
	float: left;
	margin-top: 10px;
	margin-right: 10px; 
	width: 580px; 
	}
	

<!-- CONTACT FORM --->
.cform { 
	margin:0 auto 0 auto; 
	width: 415px;
	max-width: 415px;
}

.cform fieldset	{ 
	padding:0 0 10px 0; 
	border:none; 
}
	
ol.cf-ol li	{
	background:none!important; 
	margin:5px 0!important; /*some themes may interfere otherwise*/
	padding:0; 
	list-style:none!important; 
	text-align:left;
}

.cform .cf_hidden {
	display:none; 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

.cform legend{
	visibility: hidden!important;
	margin-top: -20px!important;
	}

.cform input,
.cform textarea,
.cform select {border: 1px solid #000;}

.cform input:hover,
.cform textarea:hover,
.cform select:hover {border-color: #fc0}

.cform input:focus, .cform input:active,
.cform textarea:focus, .cform textarea:active,
.cform select:focus, .cform select:active {background-color: #FFFAD8}

.cform label {
	text-align:left;
	vertical-align: top;
	font-size: 12px;
	margin: 0;
	padding: 0;
	position: relative;
	top: -10px;
	color:#000;
}

.cform input[type=text],
.cform input,
.cform textarea{
	display: inline;
	width:320px;
	max-width: 320px;
	margin-left: 62px;
	padding:8px;
	font-size: 11px;
	font-family: Arial, sans-serif;
	margin-top: -20px;
	position: relative;
	top: -15px;
}

.cform textarea {
	height: 164px;
	max-height: 164px;
	min-height: 164px;
	overflow:auto;
	position: relative;
	top: 5px;
}

#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
	width:100px;
	max-width: 100px;
	padding:8px;
	margin-left: 32px;
	position: relative;
	top: 0px;
	}

img#cf_captcha_img {
	margin: 5px;
	position: relative;
	top: 15px;
}
img.captcha-reset{
	background:	url(img/captcha_reset.png) no-repeat;
	width:21px;
	height:21px;
	position: relative;
	top: 6px;
	border:none!important;
}

.cform input.sendbutton {
	width: 110px;
	height: 35px;
	background: none;
	background: url(img/sendbutton.png) #000;
	color: #000;
	border: none;
	font-size: 1px;
	text-align: left;
	padding: 0;
	cursor: pointer;
	float: right;
	position: relative;
	top: 20px;
}

.cform input.sendbutton:hover {background-position: -110px; background-color: #FC0; color: #FC0; border: none;}
.cform input.sendbutton:active {
	background-color: #FC0;
	color: #FC0;
	border: none;
	background-position: -110px;
}

ol.cf-ol li.cf_li_err {
	background:#FFDFDF url(img/li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
	padding:5px!important;
	margin:5px 0!important;
}

ol.cf-ol li ul.cf_li_text_err {
	padding:0 0 0 2px;
	margin:0;
	color:#333;
	display:inline-block;
}

ol.cf-ol ul.cf_li_text_err li {
	background:url(img/icon-alert.png) no-repeat left 1px!important;
	list-style:none!important;
	font-weight:bold;
	text-indent:0;
	margin:0 0 2px!important;
	padding-left:15px;
}
ol.cf-ol ul.cf_li_text_err li:before {
	content:'';
}

#li--2 label, #li--3 label, #li--4 label, #li--5 label {position: relative; top: 2px;}
#li--6 label {position: relative; top: 5px;}
#li--7 label {visibility: hidden;}
#li--6 span.reqtxt {position: relative; top: -145px;}

span.reqtxt,
span.emailreqtxt { 
	display:block; /*for mozilla*/
	font-size:9px;
	vertical-align:top;
	color:#888888;
	text-align:left;
	margin:0;
	padding: 0;
	line-height:13px;
	letter-spacing:1px;
	position: relative;
	top: -30px;
	margin-bottom: -15px;
}

.cf-box-title {font-size: 12px; margin-bottom: 5px; position: relative; top: 10px;}
.cf-box-group {margin: 0; padding: 0; position: relative; top: 15px;}
input.cf-box-b {height: 15px; width: 15px; border: 0; margin: 0; position: relative; top: -10px;}
.cf-box-group label {margin-right: 20px; margin-left: 5px;}

.linklove {
	display: none;
}
.linklove a,
.linklove a:visited {
	display: none;
}

/* 					 		*/
/* 	    SLUTT CONTENT		*/
/*					 		*/

.empty {
	display: none;
	visibility: hidden;
}