/*
    Theme Name: modelprofile.nl
    Theme URI: http://www.modelprofile.nl
    Description: The new lifestyle
    Version: 1.0
    Author: Daniel Diaz Brea
    Author URI: http://www.ahwdesigns.com/
*/

/* HEAD AREA */

/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 vertical-align: baseline;
}

body{
 background:#ffffff;
 color:#666666;
 font:12px/18px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
 position:relative;
}
 
/* HEADINGS */ 
 
h1, h2, h3, h4, h5, h6 {
 color:#2b2b2b;
 font-size:100%;
 font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; 
 font-style:normal;
 font-weight:normal;
 line-height:1.2em;
 margin:0 0 0 0;
 padding:0;
 text-shadow: 0px 1px 0px #ffffff;
}
 
h1 {
 font-size:40px;
 font-weight:700;
}
 
h2 {
 font-size:24px;
 font-weight:500;
}
 

h3 {
 font-size:18px;
 font-weight:500;
}
 
.title {
 background: url('images/underline.png') repeat-x bottom left;
 padding: 5px 0 5px;
 margin:0 0 10px;
}

h4{
 font-size:14px;
 font-weight:600;
}

h5{
 font-size:12px;
 font-weight:600;
}

h6{
 font-size:11px;
 font-weight:600;
}
 
/* LINKS */ 

a{
 color:#f26722;
 text-decoration:none;
 cursor: pointer;
}
 
a:hover{
 text-decoration:underline;
}
 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
 color:#2b2b2b;
}

h1 a:hover{
 color:#000000;
 text-decoration: none;
 text-shadow: 0px 1px 0px #ffffff;
}

/* HELPER CLASSES */ 
 
.center{
 width:1024px;
 margin:0 auto;
 position:relative;
}
 
 
/*float*/
 
.left{
 float:left;
}
 
.right{
 float:right;
}

p{
 margin:10px 0;
}

/* IMAGES */ 
 
.img-border-left{
 float:left;
 border: 1px solid #bbbbbb;
 padding:4px;
 margin: 0 7px 7px 0;
}
 
.img-border-right{
 float:right;
 border: 1px solid #bbbbbb;
 padding:4px;
 margin: 0 0 7px 7px;
}

.img-border-left:hover, .img-border-right:hover{
 background:#d9d9d9;
}
 
.img-left{
 float:left;
 margin: 0 7px 0 0;
}
 
.img-right{
 float:right;
 margin: 0 0 0 7px;
}



/* HEADER */ 

header{
 width:100%;
 display:block;
 position:relative;
 z-index:2;
}

/* COLUMNS */

.r {
 margin-right:0 !important;
}
 
.full{
 width:940px;
 overflow:hidden;
 position:relative;
 margin-bottom:28px;
}

.half{
 float: left;
 width:445px;
 margin:0 50px 28px 0;
 overflow:hidden;
 position:relative;
} 
 
.een_drie{
 float:left;
 width:280px;
 margin:0 50px 28px 0;
 overflow:hidden;
 position:relative;
}
 
.twee_drie{
 float:left;
 width:610px;
 margin:0 50px 28px 0;
 overflow:hidden;
 position:relative
}
 
.een_vier{
 float:left;
 width:205px;
 margin:0 40px 28px 0;
 overflow:hidden;
 position:relative;
}

.twee_vier{
 float:left;
 width:450px;
 margin:0 40px 28px 0;
 overflow:hidden;
 position:relative;
}

.drie_vier{
 float:left;
 width:695px;
 margin:0 40px 28px 0;
 overflow:hidden;
 position:relative;
}
 
/* divider */

#divider{
 background:url('images/break.png') no-repeat top center;
 display:block;
 position:relative;
 overflow:hidden;
 padding:25px 0 20px;
 width:100%;
 z-index:1;
}

/*list*/

ul.side-nav, ul.list {
 list-style:none outside none;
 margin-left:0;
 margin-right:0;
 overflow:hidden;
 padding:0;
 width:100%;
}

ul.side-nav li, ul.list li {
 border-bottom:1px solid #bbbbbb;
 border-top:1px solid #ebebeb;
 color:#6F6F6F;
 float:left;
 list-style-type:none;
 margin:0;
 padding:7px 0 11px 0;
 width:280px;
}

ul.side-nav li a{
 background:url('images/bullet.gif') no-repeat scroll left 2px transparent;
 padding-left:15px;
 color:#2b2b2b;
 font-weight:bold;
}

ul.list li{
 background:url('images/bullet-round.png') no-repeat scroll left 13px transparent;
 padding-left:12px;
 color:#2b2b2b;
 font-weight:bold;
}

ul.side-nav li.current a {
 text-decoration:underline;
}

ul.side-nav li:first-child, ul.list li:first-child {
 border-top:none;
}

ul.side-nav li:last-child, ul.list li:last-child {
 border-bottom:none;
}

/* list with images */

ul.image-list {
 list-style:none outside none;
 margin-left:0;
 margin-right:0;
 overflow:hidden;
 padding:0;
 width:100%;
}

ul.image-list li {
 border-bottom:1px solid #DDDFDF;
 border-top:1px solid #F4F6F6;
 color:#6F6F6F;
 float:left;
 list-style-type:none;
 margin:0;
 padding:7px 0 11px 0;
 width:280px;
}

ul.image-list li:first-child {
 border-top:none;
}

ul.image-list li:last-child {
 border-bottom:none;
}

/* QUOTE */

.quote{
	width: 280px;
	font-size: 20px;
	line-height: 26px;
	float: left;
	background-image: url(images/quote_top.png), url(images/quote_bottom.png);
	background-repeat: no-repeat, no-repeat;
	background-position: top left, bottom right;
	padding: 0 30px;
	margin: 20px 15px 20px 0;
}

.quote-r{
	width: 280px;
	font-size: 20px;
	line-height: 26px;
	text-align: right;
	float: right;
	background-image: url(images/quote_top.png), url(images/quote_bottom.png);
	background-repeat: no-repeat, no-repeat;
	background-position: top right, bottom left;
	padding: 0 30px;
	margin: 20px 0 20px 15px;
}

/* BOXES */

.download {
	height: 23px;
	background-image: url(images/download.png);
	background-repeat: no-repeat;
	background-position: 3% 55%;
	background-color: #e3f5dd;
	border: 1px solid #a0d390;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 25px 100px 20px 80px;
	margin: 10px 0;
}

.download a{
	font-size: 14px;
	font-weight: bold;
	color: #549e47;
}

.info {
	font-size: 14px;
	font-weight: bold;
	color: #1b809e;
	height: 23px;
	background-image: url(images/info.png);
	background-repeat: no-repeat;
	background-position: 3% 55%;
	background-color: #ddeef8;
	border: 1px solid #88c0e3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 25px 100px 20px 80px;
	margin: 10px 0;
}

.info a, .info a:hover{
	font-size: 14px;
	font-weight: normal;
	color: #1b809e;
	text-decoration: underline;
}

.alert {
	font-size: 14px;
	font-weight: bold;
	color: #c6545c;
	height: 23px;
	background-image: url(images/alert.png);
	background-repeat: no-repeat;
	background-position: 2% 55%;
	background-color: #f9e4e3;
	border: 1px solid #dfa097;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 25px 100px 20px 80px;
	margin: 10px 0;
}

.alert a, .alert a:hover{
	font-size: 14px;
	font-weight: normal;
	color: #c6545c;
	text-decoration: underline;
}

/* BUTTON */

.btn{
	font-size: 12px;
	font-weight: bold;
	color: #303030;
	padding: 5px 10px;
	background: -moz-linear-gradient(top,#a6a6a6 0%,#747474);
	background: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6),to(#747474));
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 0px solid #003366;
	-moz-box-shadow:0px 1px 1px rgba(000,000,000,0.7),inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:0px 1px 1px rgba(000,000,000,0.7),inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:0px 1px 0px rgba(255,255,255,0.5),0px 1px 0px rgba(255,255,255,0);
}

.btn:hover{
	text-decoration:none;
	background: -moz-linear-gradient(
		top,
		#747474 0%,
		#a6a6a6);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#747474),
		to(#a6a6a6));
}

.btn:active{
	position:relative;
	top:1px
}

/* FEATURED BEGIN */

/* HEADER */
#header { height:400px; background-image: url(images/spacer.png); }
.headerimg { background-image: url(images/mpbegins.jpg); background-position: center top; background-repeat: no-repeat; width:100%; height:600px; position: absolute;}

.blogbtn{
	font-size: 12px;
	font-weight: bold;
	color: #303030;
	padding: 5px 266px;
	background: -moz-linear-gradient(top,#a6a6a6 0%,#747474);
	background: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6),to(#747474));
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 0px solid #003366;
	-moz-box-shadow:0px 1px 1px rgba(000,000,000,0.7),inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:0px 1px 1px rgba(000,000,000,0.7),inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:0px 1px 0px rgba(255,255,255,0.5),0px 1px 0px rgba(255,255,255,0);
}

.blogbtn:hover{
	text-decoration:none;
	background: -moz-linear-gradient(
		top,
		#747474 0%,
		#a6a6a6);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#747474),
		to(#a6a6a6));
}

.blogbtn:active{
	position:relative;
	top:1px
}
