/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : 31 style
URL : http://31.be

Author : developed by GLUE | interactive media
URL : http://glue.be

Description : version: 1.0

Created : 4/02/2009
Modified : 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/



body
{
	background:#fff url(../images/background.jpg) no-repeat fixed center top;
	font:12px arial, sans-serif;
	color:#666B52;
	margin:0;
	padding:15px;
	/*border: 3px solid #fff;
	border-bottom: none;
	min-heigt:100%;*/
}

/* ----- blokken ----- */
#container
{
	width:710px !important;
	overflow:hidden;
	margin:0 auto;
}

#container .top
{
	height:8px;
	font-size:1px;
	background: #FFFFFF;
}

#container .bottom
{
	height:8px;
	font-size:1px;
	background: #FFFFFF;
}

#container .middle
{
	background:#FFFFFF repeat center top;
	width:710px;
	overflow:hidden;
	padding:0;
	margin:9px auto;
}

#container .right
{
	float:right;
	width:480px;
		width:499px;
	margin:0 20px 100px 0 !important;
	margin:0 20px 100px 0 ;

}

.navigation
{
	width:150px !important;
	width: 120px;
	text-align: left;
	position:fixed;
	margin-top:0;
	float:left;
	padding:30px 0 0 30px !important;
}

.menu
{
	text-align:left;
	float:left;
	/*background:url(../images/div.gif) right bottom no-repeat;*/
	margin:0;
	padding:20px 0;
	clear: both;
}


#werk {
	padding-top:30px;
	overflow:hidden;
	}


.content
{
	background:url(../images/div.gif) 40px 100px no-repeat;
	width:499px;
	margin:0 0 70px;
	padding:30px 0px 250px 0px;
}

body.portfolio .content{
	padding: 30px 0 20px !important;
	margin: 0 0 20px;
	
	}
body.portfolio #container .right{
	margin-bottom: 0 !important;
	}
	
	.theWork{padding-left:40px;height:auto !important; height:480px; min-height:480px;}
	
	

#home,#blog,#contact
{
	margin:0;
	padding-top:61px !important;
	background:transparent url(../images/div.gif) no-repeat scroll 40px 133px;
	padding-left:40px;
	width:459px;
}
.home #home, .home #contact, .home #werk
{
	padding-bottom:300px
}

/*.portfolio #werk,*/.blog #blog{
margin:-35px 0 0 0; min-height:450px}
#home .currently, #home .currently h3
{
	color:#0000ff ;
}

.theBlog .intro
{
	padding-bottom:30px;
	background:url(../images/div.gif) left bottom repeat-x;
}
.contactForm {
padding-top:15px
}

.theBlog .posts,.theBlog .post
{
	background:url(../images/div.gif) left bottom repeat-x;
	padding:10px 0 15px;
}

.theBlog .post
{
	background:url(../images/div.gif) left bottom no-repeat !important;
	background:url(../images/div.gif) 40px bottom no-repeat;
}
.picBtn
{
	display:none
}
.js .picBtn
{
	padding-top:10px;
	display:block;
	clear:both;
}

.theWorksGallery
{
	/*background:url(../images/div.gif) repeat-x;*/
	margin-top:10px;
}
.js .theWorksGallery img{display:none}
.theWorksGallery .theWorksPics a {background-color:transparent; border:none; outline-style:none;}
.tags,.bookmark
{
	color:#666;
	background:url(../images/div.gif) left top no-repeat;
	padding-top:10px;
}

.postReacties
{
	color:#666;
	background:url(../images/div.gif) left top repeat-x;
	padding-top:5px;
	margin-top:5px;
	clear:both;
}

.reactieNaam
{
	padding-bottom:0;
	margin-bottom:0;
}

.postReacties .even
{
	background:url(../images/div.gif) left top no-repeat;
	padding-top:7px;
}

.navigation .menu li
{
	list-style:none;
}

.navigation .menu li a
{
	display:block;
	background:left top no-repeat;
	width:95px;
	height:16px;
	margin:0 0 15px;
	outline-style:none;
}

.navigation .menu li.home a{
	background-image:url(../images/nav-home.gif);
	
}
.navigation .menu li.home a.active, .navigation .menu li.home a:hover{
	background-position:left bottom;
}

.navigation .menu li.contact a{
	background-image:url(../images/nav-contact.gif);
	
}
.navigation .menu li.contact a.active, .navigation .menu li.contact a:hover{
	background-position:left bottom;
}

.navigation .menu li.werk a{
	background-image:url(../images/nav-work.gif);
	
}
.navigation .menu li.werk a.active, .navigation .menu li.werk a:hover{
	background-position:left bottom;
}

.navigation .menu li.blog a{
	background-image:url(../images/nav-blog.gif);
	
}
.navigation .menu li.blog a.active, .navigation .menu li.blog a:hover{
	background-position:left bottom;
	}
	
.subnav{
	clear:both;
	padding-top: 0px;
	width:150px
}
.subnav ul{
	margin:0;
	padding: 0 0
}
.subnav li{
font-size:10px;
	line-height: 17px;
	list-style: none;
}
.subnav li a{ color: #ff00ff;padding: 1px 2px }
.subnav li a.active, .subnav li a:hover{ background-color:#000; }

.aboutTheNav
{
	background:url(../images/div.gif) left bottom no-repeat;
	padding-top:9px;
}

.aboutTheNav ul li
{
	height:43px;
	list-style:none;
}

.theWorks
{
	font-family:"ITCCentury Light","ITCCentury BookCond", Baskerville, Georgia, Palatino, "Times New Roman", Times, serif;
	font-weight:100;
	padding-bottom:20px;
	padding-top:5px
	}

.theWorks li
{
	font-size:26px;
	list-style:none;
	line-height:40px;
	margin:0;
	padding:0;
}

.theWorks li span
{
	display:block;
	float:left;
	width:40px;
	height:40px
}
.theWorks li .fSifr{width:440px}
.theWorks li a
{
	display:block;
	float:left;
	width:440px;
	height:40px
}
.show
{
	display:block;
}

/* ----- PARAGRAPHS ----- */
p
{
	font-size:11px;
	line-height:20px;
	margin:0;
	padding:0 0 5px;
}

.news-signup p
{
	width:380px;
	padding-top:5px;
	background:url(../images/logo-chez31.gif) 261px 2px no-repeat;
}

.news-signup
{
	padding-top:10px;
	background:url(../images/div.gif) left top no-repeat;
}

.posts .viewall
{
	text-align:right;
	overflow:hidden;
}

.theWork .descript, .theWork .task,p.press {
	background:url(../images/div.gif) left bottom no-repeat;
	margin:1px;
	padding:8px 0;
}

p.date
{
	background-image:none;
	padding: 8px 0
}

.viewall p
{
	margin:2px 0;
	padding:0;
}

p.post-text
{
	padding-bottom:15px;
	line-height:18px;
}

/*--------------------*/
.news-signup form p
{
	width:100%;
	height:20px;
	font-size:10px;
	background-image:none;
	margin:0 0 6px;
	padding:0;
	overflow: hidden;
}

.news-signup label
{
	font-size:10px;
	display:block;
	width:35px;
	float:left;
	height:20px;
	text-align:right;
	padding-right:20px;}
	.nieuws label{
		display:none;
}

.news-signup input
{
	float:left;
	clear:right;
	width:98%;
	z-index:999;
	color:#333;
	background: #00FF00;
	border: 1px solid #666B52;
	font:11px arial, sans-serif;
}

.news-signup textarea
{
	width:250px;
	padding:2px;
	background: #00FF00;
	border: 1px solid #666B52;
	overflow:auto;
	color:#666B52;
	font:11px arial, sans-serif;
	}
.blog .news-signup textarea
{
	width:300px;
	padding:2px;
	background: #fff;
	border: 1px solid #666B52;
	overflow:auto;
	color:#333
	}


	
.news-signup form
{
	width:350px}
.blog .news-signup form
{
	width:450px}
.news-signup .button
{
	background-color:#fff;
	border:none;
	cursor:pointer;
	float:right;
	font-size:10px;
	padding:3px;
	color:#666B52}
.theBlog .news-signup .button
{
	margin-right:83px !important;
	margin-right:78px

}
.theBlog .news-signup input
{
	width:303px;
	background-color:#fff;

}

/*------ titels -------*/
.content h2
{
	color:#27c018;
	font-size:36px;
	margin:0 0 20px;
	padding:20px 0 0;
}

.content h3
{
	color:#666B52;
	font-size:13px;
}
#home h3
{
	padding-top:20px;
	margin-bottom:20px
}

.theWork h2
{
	font:37px normal "Times New Roman", Times, serif;
	color:#666B52;
	padding-bottom:0;

}
.logo h2{
background:url(../images/div.gif) 5px bottom no-repeat;

}

#werk h2{
color:#ff00ff;
padding-left:40px
}
.portfolio #werk h2{
color:#666B52;
padding-left:0;
height:54px;
}
#home h2{
	color:#0000ff;
	font-size: 24px;
	margin-top: 12px;
}
#contact h2{
color:#00ff00;
}
#blog h2{
color:#ff0000;
}

.currently h3
{
	margin-bottom:10px;
}

.contactForm ul
{
	list-style:none;
	line-height:18px;
	margin:0;
	padding:0 0 20px;
}

.picBtn a
{
	background:url(../images/page-btn.gif) no-repeat left bottom;
	color:#666B52;
	font-size:10px;
	text-align:center;
	line-height:21px;
	display:block;
	float:left;
	height:21px;
	width:15px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

.picBtn a:hover,.picBtn a.active
{
	background:url(../images/page-btn.gif) no-repeat left top;
	color:#ff00ff;
}

img
{
	border:none;
}

.prev
{
	float:left;
	clear:left;
}

.next
{
	float:right;
	clear:right;
}

.logo,.navigation .menu ul,.aboutTheNav ul,.theWorks ul,.logo h2
{
	margin:0;
	padding:0;
}

.tags a,.bookmark a,.post-text .link a
{
	text-decoration:underline;
}

.navigation .menu li span,.hide
{
	display:none;
}

.theWorks li a,a,.viewall a
{
	text-decoration:none;
	color:#666B52;
}

.frm-elements,.clear
{
	clear:both;
}

body > div#deepblue {
position:fixed;
}
#highblue {
background-color:#fff;
border:none;
bottom:0;
height:7px;
margin:0 auto;
font-size:1px;
position:fixed;
top:0;
width:100%;
left:0;
display:block !important;
display:none
}
#deepblue {
background-color:#fff;
border:none;
bottom:0;
height:7px;
margin:0 auto;
font-size:1px;
position:fixed;
right:0;
width:100%;
display:block !important;
display:none
}
#leftblue {
background-color:#fff;
border:none;
bottom:0;
height:100%;
margin:0;
font-size:1px;
position:fixed;
left:0;
width:7px;
display:block !important;
display:none
}
#rightblue {
background-color:#fff;
border:none;
bottom:0;
height:100%;
margin:0;
font-size:1px;
position:fixed;
right:0;
width:7px;display:block !important;
display:none
}

.blog label.error{color:red}
.blog textarea.error, .blog input.error {border-color:red}

.js #ok, .js #error{display:none; background-image:none; width:343px; color:red;}
.js #ok{color:#00A900;}

.siteBy{line-height:22px; color:#FFF; text-align:right}
.siteBy a{color:#fff; padding-left:15px; background: url(../images/glue-footerIcon.gif) no-repeat 0 1px }