/*
www.namnamdesign.dk
2009-10-26

nam nam design webbureau v. Lasse Gejl
www.namnamdesign.dk
*/

* {
	margin: 0;
	padding: 0;
}
body {
	background: #000 url(../images/bg_body.jpg) repeat-x center top;
	color: #000;
	font: 14px/20px Helvetica, Arial, sans-serif;
}
input, textarea, select {
	font: 12px/14px Helvetica, Arial, sans-serif;
}
hr {
	display: none;
}
fieldset {
	border: none;
}
p {
	margin: 0 0 15px 0;
}
a {
	color: #000;
	outline: none;
}
a:hover {
	text-decoration: none;
}
a img {
	border: none;
}
.left {
	float: left;
}
.right {
	float: right;
}
fieldset {
	border: none;
}
.clearboth {
	clear: both;
}
.and {
	font-family: "Baskerville","Goudy Old Style","Palatino","Book Antiqua","Georgia", serif;
}
.date {
	color: #666;
	font-family: Georgia, serif !important;
	font-size: 11px;
}
h4 {
	color: #666;
	font-family: Georgia, serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 0 0 15px 0;
	text-transform: uppercase;
	text-shadow: 1px 1px #fff;
}
p.tlf  {
	background: url(../images/icon_tlf.gif) no-repeat left center;
	font-size: 20px;
	margin-top: -15px;
	padding: 4px 0 0 25px;
}
a.rss {
	background: url(../images/icon_rss.gif) no-repeat left top;
	padding-left: 15px;
}
/* self clearing - start */
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .clear {
	height: 1%;
}
.clear {
	display: inline-block;
}
.clear { 
	display: block;
}
/* self clearing - end */

#pixels {
	background: transparent url(../images/bg_pixels.png) repeat-x 150% 0;
	height: 600px;
	position: absolute;
	overflow: hidden;
	text-align: center;
	width: 100%;
}
#container {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 960px;
}
#logo {
	padding: 10px 0 0 357px;
}
#logo h1, #logo h3 {
	overflow: hidden;
	margin: 0;
	text-indent: -100em; 
}
#logo #headline {
	background: url(../images/logo_namnamdesign_large.png) no-repeat;
	font-size: 1px;
	height: 135px;
	width: 245px;
}
#logo #headline a {
	display: block;
	height: 135px;
}
#search {
	position: absolute;
	right: 4px;
	top: 159px;
}
#search .field {
	background: url(../images/bg_search.png) no-repeat left top;
	border: none;
	height: 19px;
	padding: 8px 8px 0 28px;
	width: 165px;
}
#search .button {
	display: none;
}
#navi {
	background: url(../images/bg_navi.png) no-repeat left top;
	border-bottom: 1px solid #b8b8b8;
	clear: both;
	height: 35px;
	margin: 10px 0 0 0;
}
#navi a {
	color: #3c3c3c;
	font-size: 15px;
	font-weight: bold;
	padding: 5px 12px;
	text-decoration: none;
	text-shadow: 1px 1px #fff;
}
#navi a:hover {
	text-decoration: underline;
}
#navi ul {
	padding: 8px;
}
#navi li {
	display: inline;
	list-style: none;
}
#navi li a.plus {
	background: url(../images/icon_plus.png) no-repeat 0 3px;
	color: #6b6b6b;
	font-size: 12px;
	margin-left: 10px;
	padding-left:20px;
}
#main {
	background: #f8f8f8;
}
#main .action {
	float: right;
	font-size: 11px;
}
#main .action a {
	color: #767676;
}
#main .action li {
	display: inline;
	list-style: none;
	margin: 0 0 0 20px;
}
#main .action .print {
	background: url(../images/icon_print.gif) no-repeat left center;
	padding-left: 15px;
}
#main .action .add {
	background: url(../images/icon_share.gif) no-repeat left center;
	padding-left: 14px;
}
#content {
	float: left;
	padding: 20px 20px 1px 20px;
	width: 600px;
}
#content p, #content ul, #content ol {
	color: #222;
}
#content h1 {
	font-size: 24px;
	line-height: 24px;
	padding: 0 0 17px 0;
	text-shadow: 2px 2px #fff;
}
#content h2 {
	font-size: 14px;
	text-shadow: 1px 1px #fff;
}
#content h3 {
	font-size: 12px;
	text-shadow: 1px 1px #fff;
}
#content ul, #content ol {
	margin: 15px 0 15px 30px;
}
#content li {
	margin-bottom: 5px;
}
#content .intro {
	color: #666 !important;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 1px 1px #fff;
}
#content p.top {
	font-size: 11px;
	text-transform: uppercase;
}
#content p.top a {
	background: url(../images/icon_up.gif) no-repeat 0 0;
	color: #6a6a6a;
	font-weight: bold;
	padding-left: 14px;
	text-decoration: none;
}
#content p.top a:hover {
	text-decoration: underline;
}
#content .list {
	color: #666;
	float: left;
	font-size: 11px;
	line-height: 16px;
	margin: 0 20px 20px 0;
	width: 286px;
}
#content .list a {
	display: block;
	height: 185px;
	text-decoration: none;
	overflow: hidden;
	width: 286px;
}
#content .list a:hover {
	background: #eee;
}
#content .list strong {
	font-size: 13px;
	padding: 0 8px;
}
#content .list img {
	border-bottom: 1px solid #ccc;
	height: 139px;
	margin: 0 0 3px 0;
	width: 286px;
}
#content .list em {
	font-style: normal;
	padding: 0 8px;
}
#content p.link a {
	color: #999;
	font-size: 12px;
	text-decoration: none;
}
#content p.link a:hover {
	color: #666;
}
#content .ref {
	background: url(../images/icon_bq.gif) no-repeat left top;
	float: left;
	padding: 0 20px 20px 0;
	width: 420px;
}
#content img.standard {
	background: #fff;
	border: 1px solid #ddd;
	padding: 2px;
}
#content img.left {
	margin: 3px 15px 5px 0;
}
#content img.right {
	margin: 3px 0 5px 15px;
}
#content .related_articles {
	font-size: 13px;
	margin: 0 0 15px 30px;
}
#content .related_articles a {
	border-bottom: 1px solid #ccc;
	text-decoration: none;
}
#content .related_articles a:hover {
	border-color: #666;
}
#side .action {
	margin-right: 3px;
}
#side {
	float: right;
	display: inline;
	width: 300px;
	margin: 20px 17px 20px 0;
}
#side h4 {
	margin-bottom: 5px;
}
#side #subnavi {
	background: url(../images/bg_subnavi_center.gif) repeat-y 10px 0;
	clear: both;
	margin: 40px 0 0 0;
}
#side #subnavi a {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	display: block;
	font-size: 12px;
	margin: 0 20px 0 25px;
	padding: 5px 0 4px 0;
	text-decoration: none;
	width: 255px;
}
#side #subnavi a:hover {
	text-decoration: underline;
}
#side #subnavi h3 {
	background: url(../images/bg_subnavi_top.gif) no-repeat 10px 0;
	font-size: 14px;
	padding: 15px 15px 5px 25px;
}
#side #subnavi ul {
	background: url(../images/bg_subnavi_bottom.gif) no-repeat 10px bottom;
	padding-bottom: 10px;
}
#side #subnavi li {
	list-style: none;
}
#side #subnavi li:first-child a {
	border-top: none;
}
#side #subnavi li:last-child a {
	border-bottom: none;
}
#side #subnavi li.current {
	background: url(../images/bg_subnavi_current.png) no-repeat left top;
}
#side #subnavi li.current a, #side #subnavi li.current a:hover {
	color: #fff;
	cursor: default;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 0;
	padding: 8px 0 6px 0;
	text-decoration: none;
	text-shadow: 1px 1px #000;
}
#side #subnavi a.current, #side #subnavi a.current:hover {
	cursor: default;
	font-weight: bold;
	text-decoration: none;
}

#about {
	float: right;
	font-size: 12px;
	padding: 20px 0 0 0;
	width: 480px;
}
#about .action {
	margin-right: 20px;
}
#about img {
	border-bottom: 1px solid #ccc;
	height: 224px;
	margin: 5px 0 0 0;
	width: 460px;
}
#about #work {
	padding: 10px 0 0 20px;
}
#about #work a {
	font-weight: bold;
}
#where {
	font-size: 12px;
	padding: 20px 20px 0 25px;
}
#twitter {
	font-size: 12px;
	padding: 0 20px 0 25px;
}
#twitter li {
	list-style: none;
}
#twitter a {
	color: #666;
	text-decoration: none;
}
#twitter a:hover {
	text-decoration: underline;
}
#twitter .tweet_time {
	display: none;
}
#services {
	background: #e4f3f4;
	border-top: 1px solid #d5e7e8;
	clear: both;
}
#services .post {
	border-bottom: 1px solid #d5e7e8;
	border-left: 1px solid #d5e7e8;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	display: inline;
	float: left;
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 0 0;
	width: 238px;
}
#services .post img {
	float: left;
	margin: 0 10px 10px 0;
}
#services a {
	color: #000;
	display: block;
	height: 44px;
	overflow: hidden;
	padding: 20px;
	text-decoration: none;
	width: 198px;
}
#services a:hover {
	background: #eaf6f7;
}
#footer {
	background: url(../images/bg_footer.png) no-repeat left bottom;
	border-top: 1px solid #fff;
	clear: both;
	color: #729c9f;
	font-size: 11px;
	margin-bottom: 40px;
	padding: 7px 20px;
}
#footer a {
	color: #729c9f;
	border-bottom: 1px solid #aecfd1;
	text-decoration: none;
}
#footer a:hover {
	border-color: #729c9f;
}
#footer li {
	display: inline;
	list-style: none;
	margin: 0 10px 0 0;
}

/* comments */

h3.padding {
	border-top: 1px solid #ccc;
	font-size: 14px !important;
	padding: 15px 0;
}
.comments-wrapper {
	margin-bottom: 20px;
}
.comments-wrapper p {
	font-size: 12px;
	line-height: 16px;
}
.txpCommentInputMessage,
.comment_name_input,
.comment_email_input,
.comment_web_input {
	padding: 1px;
}
.txpCommentInputMessage {
	border: 1px solid #aaa;
	height: 100px;
	padding: 2px 3px;
	width: 405px;
}
.comment_name_input,
.comment_email_input,
.comment_web_input {
	padding: 2px 3px;
	width: 250px;
}
.comment {
	border-top: 1px solid #ccc;
	font-size: 12px;
	padding-top: 10px;
}
.comment p.date {
	font-size: 11px !important;
}
.comments-wrapper p.date {
	margin-bottom: 15px !important;
}
.button {
	cursor: pointer;
	text-transform: capitalize;
}

/* #navi .current */

#tilbyder a.tilbyder, #tilbyder a.tilbyder:hover,
#anbefales a.anbefales, #anbefales a.anbefales:hover,
#designer a.designer, #designer a.designer:hover,
#skriver a.skriver, #skriver a.skriver:hover,
#om a.om, #om a.om:hover,
#kontakt a.kontakt, #kontakt a.kontakt:hover {
	color: #777;
	cursor: default;
	font-weight: bold;
	text-decoration: none;
}

/* section specific */

#tilbyder blockquote, #skriver blockquote, #om blockquote {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	float: right;
	font-size: 18px;
	margin: 4px 0 10px 20px;
	padding: 10px 0;
	width: 220px;
}
#tilbyder blockquote p, #skriver blockquote p, #om blockquote p {
	color: #000;
	margin: 0;
}
#skriver p.date {
	margin: 0;
}
#skriver p.post {
	margin: -15px 0 15px 0 !important;
}
#kontakt img.standard {
	float: right !important;
}

/* content width */

.wide {
	width: 920px !important;
}
.small {
	width: 440px !important;
}
.wide .action {
	margin-top: 0 !important;
}

/* IE6 warning */

#iewarn {
	background: #ffffcc;
	border-bottom: 1px solid #000;
	display: block;
	height: 25px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	padding-top: 5px;
	text-align: center;
	top: 0;
	width: 100%;
}

/* frontpage */

#index #navi {
	border: none;
}
#intro a, #ref a, #weblog a {
	border-bottom: 1px solid #ccc;
	text-decoration: none !important;
}
#intro a:hover, #ref a:hover, #weblog a:hover {
	border-color: #666;
}
#intro {
	float: left;
	padding: 20px 20px 0 20px;
	width: 440px;
}
#intro a {
	font-weight: bold;
}
#ref {
	background: url(../images/icon_bq.gif) no-repeat 20px 35px;
	float: left;
	padding: 0 20px 20px 20px;
	width: 420px;
}
#ref p, .ref p {
	font-size: 12px;
	margin: 0;
	padding: 0 0 0 43px;
}
#ref blockquote p, .ref blockquote p  {
	color: #555 !important;
	font-family: Georgia, Times, serif;
	font-size: 16px;
	font-style: italic;
	margin-bottom: 8px;
	text-shadow: 1px 1px #fff;
}
#ref .date a, .ref .date a  {
	color: #666;
	text-transform: uppercase;
}
#weblog {
	float: right;
	font-size: 12px;
	padding: 20px 20px 1px 20px;
	width: 440px;
}
#weblog h2 {
	font-size: 14px;
}
#weblog h2 .date {
	font-weight: normal;
}

/* slider */

#loopedSlider {
	background: url(../images/bg_slider.gif) repeat-x left top;
	border-bottom: 3px solid #1d1e21;
}
#loopedSlider .container {
	background: url(../images/bg_pixels.png) repeat-x 0 1px;
	text-align: center;
}
/* * Required */
.container { width:960px; height:398px; overflow:hidden; position:relative; cursor:pointer; }
div.slides { position:absolute; top:0; left:0; }
div.slides div { position:absolute; top:0; width:960px; display:none; padding:0; margin:0; }

/* * Optional */
#loopedSlider { margin:0 auto; width:960px; position:relative; clear:both; }
ul.pagination { list-style-type:none; width: 170px; position: absolute; top: 11px; text-align: center; left: 395px;}
ul.pagination li  { float: left; display: inline; margin-right: 5px; }
ul.pagination li a { width: 11px; height: 11px; display: block; overflow:hidden; background-image:url(../images/icon_pagination.png); background-position:0 0; background-repeat:no-repeat;}
ul.pagination li.active a {background-position:0 -11px}
#loopedSlider a.previous { 
	position: absolute; 
	top: 180px; 
	left: 45px;
}
#loopedSlider a.next { 
	position: absolute; 
	top: 180px; 
	right: 45px; 
}