/*
Theme Name: Demografik 2012
Description: Designed & created for Demografik. www.demografik.co.nz.
WordPress Complete.
Version: 1.0
Author: Nick Hughes
Author URI: http://www.swoon.net.nz

*/

@import url("css/reset.css");

body {background: #FFF url(images/bg-main.gif); 
	color:#000;
	font: 13px Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0;
	}

a {color:#333; }

a, a:hover, a:visited, a:active, a img {
   border:none;
   outline:none;
}

p {
	margin: 10px 0 20px 0;
	font-family: "nudista-web",sans-serif;
	font-style: normal;
	font-weight: 600;
	line-height: 1.3em;
}

.hidden {
    display: none;
}

ul {list-style: disc; padding:0; margin:0;}

/* Type */

h1,
h2,
h3,
h4,
h5
{
font-family: "kulturista-web",serif;
font-style: normal;
font-weight: 400;
margin:0 0 10px 0;
}

h1 {font-size:34px;}
h2 {font-size:22px;}
h3 {font-size:18px;}
h4 {font-size:16px;}

h5 {font-weight:900;}

/* Framework */
#container-wrapper {width:980px; margin: 0 auto; padding:0; background:#FFF;}
#container {width:948px; margin: 0 auto; padding:0; background:#FFF;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}



/* Header */
#header {height:176px;border-bottom:5px solid #000;}
#header #logo {padding: 20px 0;}
#header #mainnav {
	font-family: "nudista-web",sans-serif;
	font-style: normal;
	font-weight: 600;
	width:100%;
	}

#header #mainnav ul li {display:inline; float:left; list-style:none;}
#header #mainnav ul li.current_page_item a {border-top:3px solid #EC529E;} 
#header #mainnav ul li.end {margin-right:0px;} 
#header #mainnav li a {text-decoration:none;height:37px;width:150px; display:block; margin: 0 8px 0 0;border-top:1px solid #000;padding:15px 0 0;}
#header #mainnav li a:hover {color: #EC529E;border-top:1px solid #EC529E;}

.pink {color: #EC529E;}
.pagetitle {margin: 20px 0 0 0;}
.right {float:right}

/* Banne slider */
#main-banner {padding:0 0 20px 0; border-bottom:1px solid #000;height: 275px;}
#main-banner .banner-slide {margin:0;padding:0;}

/* Sidebar */
#sidebar{width:225px; margin: 75px 0 0 0;float:right;}
.page-id-7 #sidebar {margin-top:155px;}
#sidebar div.callout {width:185px; margin: 20px 0 0 0; padding:20px; min-height:150px; background:#000 url(images/callout-btm-bg.gif) bottom center no-repeat;color:#FFF;
font-family: "kulturista-web",serif;
font-style: normal;
font-weight: 600;
margin:0 0 10px 0;
}

#sidebar div#rp_frame {width:185px; margin: 20px 0 0 0; padding:20px; min-height:150px; background:#000 url(images/callout-btm-bg.gif) bottom center no-repeat;color:#FFF;
font-family: "kulturista-web",serif;
font-style: normal;
font-weight: 600;
margin:0 0 10px 0;
border:none;
}

#sidebar div#rp_nav {display:none;}

#sidebar li {list-style:none;}

#sidebar ul.linklist {padding:10px; margin:0 0 10px 0}
#sidebar ul.linklist li {margin: 0 0 0 5px; padding:5px; list-style:disc;}
#sidebar ul.linklist li a {font-size:14px; text-decoration:none}
#sidebar ul.linklist li a:hover,
#sidebar ul.linklist li a:focus,
#sidebar ul.linklist li a:active {color:#EC529E;}


.cat-post-item {position:relative;}
.popup-info {display: none; color:white;width:460px;height:260px;position:absolute;left: -530px; top:-260px; background:white url(images/bg-popup.jpg) no-repeat;padding:20px;z-index:100;}


/* Content */
#content{width: 720px;margin: 15px 0 0 0;float:left;min-height:200px;}
#content.full-width{width: 100%;margin: 15px 0 0 0;float:left;min-height:200px;}

#content .col1 {width:220px; margin: 0 0 15px 0; float:left;}
#content .col1.first {margin-right:15px}
#content .col1 p, #content .col1.last p {padding: 0 10px 0 0;}
#content .col1 ul {list-style:disc;}
#content .col1 ul li {line-height: 1.4em; margin:0 0 0 10px;}

#content .col2 {width:460px; margin: 0 0 15px 0; float:left;}
#content .col2.first {margin-right:25px;}

#content li {margin: 0 0 0 20px;
	font-family: "nudista-web",sans-serif;
	font-style: normal;
	font-weight: 600;
	line-height: 1.3em;
	}




/* Gallery */
#gallery{margin:0;padding:0;}
#gallery ul li {margin: 0 15px 15px 0; float:left; display:block; width:225px;}
#gallery ul li.last {margin-right:0;}

/* Thumbnail Zoom hover */
.zoom { 
    width:225px; 
    height:225px; 
    display:block; 
    position:relative; 
    overflow:hidden; 
    border:none; 
    background:#fff url(images/loader.gif) no-repeat center;
}

.zoom img { display:none }

.zoomOverlay {
		position:absolute;
		top:0; left:0;
		bottom:0; right:0;
		display:none;
		background-image:url(images/zoom.png);
		background-repeat:no-repeat;
		background-position:center;
}

.project {
	width:225px; 
    height:225px; 
    display:block; 
    position:relative; 
    overflow:hidden; 
    border:none;
	float: left;
	margin: 0 15px 15px 0;
}

.project.last {
	margin-right:0px;
}

.thumbnail {
	width:225px; 
    height:225px; 
    display:block; 
    position:relative; 
    overflow:hidden; 
    border:none;
	}

.thumbnail img {
	margin-left:-225px;
}

/* Posts */
.post {
		border-bottom: 3px solid #f7f7f7;
		padding: 0 0 15px 0;
		width:690px;
}
.post h2 {
		color: #EC529E;
		font-weight: normal;
		margin: 0;
}
.post h2 a {
		color: #EC529E;
}
.post .categories, .post .tags, .post .post-date {
		color: #bababa;
		font-size: 12px;
}
.post .tags { width: 480px; }
.post .post-date {
		float: right;
		margin-top: -18px;
}

.post .comments {
		font-size: 12px;
		float: right;
		margin-top: -20px;
}
.post .comments a, .post .comments a:visited {
		background: url('images/icon-comments.gif') no-repeat 0 3px;
		padding: 1px 0 1px 18px;
}
.post img {
		padding: 5px;
		/*border: 4px solid #e2e2e2;*/
		margin: 10px;
}

/* Captions */

.wp-caption {
		padding-top: 5px;
		border: 4px solid #e2e2e2;
		text-align: center;
		background-color: #fff;
		margin: 10px;
}
.wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none;
}
.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 17px;
		padding: 0 4px 5px;
		margin: 0;
}



/* Footer */
#footer{
		width:100%; 
		display:block; 
		margin:15px 0; 
		border-bottom: 1px solid #000;
}

#footer h1, #footer p {
		font-family: "kulturista-web",serif;
		font-style: normal;
		font-weight: 400;
}


/* Forms */

.wpcf7 {
    margin: 1em 0;
    padding-top: 10px;
}
.wpcf7 fieldset {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #F1F1F1 -moz-use-text-color -moz-use-text-color;
    border-right: medium none;
    border-style: solid none none;
    border-width: 1px medium medium;
    margin: 0;
    padding-top: 0.5em;
}
.wpcf7 legend {
    background: none repeat scroll 0 0 #FFFFFF;
    font-style: italic;
    padding: 0 5px;
}
.wpcf7 p {
    clear: both;
    margin: 0.5em 0;
    overflow: hidden;
}
.wpcf7 label {
    display: block;
    float: left;
    margin-right: 10px;
    text-align: right;
    width: 60px;
}
.wpcf7 input, .wpcf7 textarea {
    border: 1px solid #DDDDDD;
    margin: 0;
    padding: 3px 5px 3px 25px;
    width: 180px;
}
.wpcf7 span.your-name input {
    background: url("images/forms/form_name.gif") no-repeat scroll 5px 50% #FFFFFF;
}
.wpcf7 span.your-email input {
    background: url("images/forms/form_email.gif") no-repeat scroll 5px 50% #FFFFFF;
}
.wpcf7 span.your-subject input {
    background: url("images/forms/form_url.gif") no-repeat scroll 5px 50% #FFFFFF;
}
.wpcf7 span.your-message textarea {
    background: url("images/forms/form_note.gif") no-repeat scroll 5px 6px #FFFFFF;
}
.wpcf7 textarea {
    height: 125px;
    overflow: auto;
}
.wpcf7 p.submit {
    border-top: 1px solid #F1F1F1;
    clear: both;
    margin: 1em 0;
    padding: 0.5em 70px;
}
.wpcf7 .wpcf7-submit {
    background: url("images/forms/form_button.gif") no-repeat scroll 0 0 transparent;
    border-color: #999999 #333333 #333333 #999999;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    padding: 0 10px 0 25px;
    text-align: left;
	width: 70px;
}

.column div { padding-right: 35px; }
.wide, .thin { clear:both; }