/*
Theme Name: Sinas
Theme URI: http://www.sinasnet.nl/
Description: Het thema voor Sinasnet 2.0
Version: 1.0
Author: Mathijs Bernson, Aale van der Veen
*/

/* reset browser */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
	letter-spacing: 0.15EM;
}
/*
 *   Tripoli is a generic CSS standard for HTML rendering. 
 *   Copyright (C) 2007-2008 David Hellsing
 *   
 *   http://devkick.com/lab/tripoli/
 *
 *   You should have received a copy of the GNU General Public License
 *   along with this program.  If not, see <http://www.gnu.org/licenses/>.
**
_______________________________
RESET */
*{text-decoration:none;font-size:1em;outline:none;margin:0;padding:0}code,kbd,samp,pre,tt,var,textarea,input,select,isindex,listing,xmp,plaintext{font:inherit;white-space:normal}a,img,a img,iframe,form,abbr,acronym,object,applet,table,a abbr,a acronym{border-width:0}dfn,i,cite,var,address,em{font-style:normal}th,b,strong,h1,h2,h3,h4,h5,h6,dt{font-weight:400}caption,th,td{text-align:left}html{background:#FFF;color:#000;line-height:1;font-family:arial, sans-serif}/* \*/html{font-family:sans-serif}/* */q{quotes:"\201C""\201D""\2018""\2019"}ul,ol,dir,menu{list-style:none}sub,sup{vertical-align:baseline}a{color:inherit}/*
_______________________________
DISABLE DEPRECATED HTML */
font,basefont{color:inherit;font:inherit;font-size:100%}center,*[align]{text-align:inherit}s,strike,u{text-decoration:inherit}img{border:none;margin:0}ol{list-style-type:decimal}body{background-color:transparent}tr,th,td{width:auto;height:auto;background-color:transparent;vertical-align:inherit;border:none}table[border],.content table[border]{border-collapse:separate;border-spacing:0}nobr{white-space:normal}marquee{overflow:visible;-moz-binding:none}blink{text-decoration:none}


* html .navigatiebalk,* html .oranje {
    position: absolute;
}


/* Algemeen */

body {
	background-image: url(images/verloop.jpg);
	
	background-repeat: repeat-x;
	background-attachment: fixed;
	/* background-color: #cde2e7; */
	
	text-align: center;
	font-family: "Helvetica", "Verdana", "Arial", sans-serif;
}

.inhoud {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #c8c8c8;
	border-left-color: #c8c8c8;
	border-right-style: dotted;
	border-left-style: dotted;
	
	padding-left: 20px;
	padding-bottom: 100%;
	padding-right: 20px;
	padding-top: 40px;
	
	background-color: white;
	
	right: auto;
	left: auto;
	bottom: 0px;
	top: 0px;
	
	text-align: left;
	width: 760px;
	
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

p {
	line-height: 1.1em;
	font-size: 0.8em;
}

h1 {
	line-height: 1.2em;
	font-size: 1.2em;
	font-weight: bold;
}

h2 {
	font-family: "Lucida Grande", Verdana, Arial, schreefloos;
	font-style: italic;
	font-weight: bold;
	color: #e75012;
	line-height: 0.9em;
	font-size: 0.9em;
	
}

a:link,a:hover,a:active,a:focus,a:visited {
	text-decoration: none;
}

a:link {
	color: #666666;
}

a:hover {
	color: #b74900;
	text-decoration: underline; 
}

a:visited {
	color: #666666;
}

a:active {
	color: #7e3200;
}

.paginatekst {
	line-height: 3em;
	margin-left: 0px;
	margin-bottom: 30px;
	margin-right: 13px;
	margin-top: 30px;
	
	word-break: normal;
	font-size: 1em;
	
	right: 30px;
	top: 30px;
	
	float: right;
	position: relative;
	text-align: left;
	color: #7f7f7f;
	width: 23em;
	z-index: 98;
}


/* Voorpagina */

.oranje {
	background-position: 0px 0px;
	background-image: url(images/ster.gif);
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: fixed;
	right: 0px;
	left: 0px;
	bottom: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	background-color: #e75012;
}

#welkomtekst {
	letter-spacing: 0.1em;
	font-size: 0.88em;
	line-height: 1.5em;
	color: white;
}


/* Oranje balk */

.navigatiebalk {
	text-shadow: 0px 0px;
	
	padding-left: 10px;
	padding-bottom: 14px;
	padding-right: 10px;
	padding-top: 6px;
	
	margin-bottom: 50px;
	margin-top: auto;
	margin-right: 0px;
	margin-left: 0px;
	
	background-color: #ff6600;
	z-index:99;
	position: fixed;
	
	bottom: 50px;
	right: 0px;
	left: 0px;
	
	height: 40px;
	width: 100%;
	
	box-shadow: 0px 2px 20px #333333;
	-webkit-box-shadow: 0px 2px 20px #333333;
	-moz-box-shadow: 0px 2px 20px #333333;
}

.logo {
	margin-bottom: 2px;
	color: white;
	margin-left: 35px;
	text-align: left;
	bottom: 2px;
}

.navigatie {
	font-size: 1.2em;
	letter-spacing: 0.1em;
	margin-top:-34px;
	margin-right: 40px;
	margin-left: 30px;
	text-align: right;
	background-repeat: repeat-x;
	height: 40px;
}

div.navigatie a {
	border-color: #ff6600;
	border-style: none;
	text-decoration: none;
	color: white;
	padding: 5px;
	height: 40px;
	border-right: 1px solid #f57525;
	border-left: 1px solid #f57525;
}

div.navigatie a:hover {
	border-bottom-style: solid;
	border-top-style: solid;
	border-bottom-width: 0px;
	border-top-width: 0px;
	color: black;
	background: transparent url(http://www.sinasnet.nl/images/balkknop.gif) repeat-x;
	border-style: solid;
	border-left: 1px solid #d4522a;
	border-right: 1px solid #d4522a;
	text-decoration: none;
	padding-top: 20px;
	padding-bottom: 21px;
	height: 40px;
}

div.navigatie a:active {
	color: black;
}

/* Thumbnails van de portfolio */

.thumbnail {
	float: left;
	margin:0px;
}

#thumbnails {
	margin: 0px;
	width: 520px;
	float: left;
	padding: 0px;
}


/* Teksten van portfolio */

#illustratiestekst {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 16px;
	margin-top: 0px;
	right: 0px;
	top: 0px;
	padding: 0px;
	width: 200px;
}

#grafischtekst {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 16px;
	margin-top: 0px;
	right: 0px;
	top: 0px;
	padding: 0px;
	width: 200px;
}


/* Blog */

div.navigatie a:visited {
	color: white;
}


#berichten {
	padding: 20px;
	float: left;
	clear: left;
	position: relative;
	text-align: left;
	margin-right: 10px;
	margin-left: 0px;
	width: 426px;
	font-size: 0.9em;
}

#zijbalk {
	border-style: none;
	min-height: 100%;
	margin: -20px;
	padding-left: 30px;
	padding-bottom: 10px;
	padding-right: 10px;
	background-color: transparent;
	bottom: 0px;
	top: 0px;
	border-width: 0px;
	position: static;
	clear: right;
	float: right;
	width: 226px;
	
}

.widget {
}


/* Contactpagina */

#aale {
	margin-top: -10px;
}

#ellen {
	margin-top: -160px;
}

#kaart {
	text-decoration: none;
	border-color: #c8c8c8;
	border-width: thin;
	border-style: none;
	padding: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	text-align: left;
}

#contacttekst {
	line-height: 120%;
	text-align: left;
	color: #666666;
	font-size: 1em;
	top: 0px;
	margin-top: 0px;
	width: 390px;
}

/* Coda slider */

.visitekaartje {
	margin-left: -100px;
	margin-bottom: 20px;
	margin-right: 20px;
	margin-top: 20px;
	text-align: left;
	position: relative;
}


#wrapper {
    border-right-width: 0px;
    border-left-width: 20px;
    width: 760px;
    margin: 20px;
    height: 570px;
}

#slider {
	border-right-width: 0px;
	border-left-width: 0px;
	height: 540px;
    width: 720px;
    margin: 0px;
    position: relative;
}

.scroll {
    height: 570px;
    width: 760px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: both;
}

.scrollContainer div.panel {
    padding: 0px;
    height: 570px;
    width: 760px;
}

.scrollButtons {
    position: absolute;
    top: 285px;
    cursor: pointer;
    z-index: 97;
}

.scrollButtons.left {
    left: 20px;
}

.scrollButtons.right {
    right: 20px;
}

.hide {
    display: none;
}

div#scroll img {
	position: absolute;
	top: 0px;
	padding: 0px;
	text-align: center;
}

.kruis {
	position: absolute;
	left: 20px;
	top: 20px;
	float: left;
	z-index: 99;
}

#wpstats {
	display: none;
	visibility: hidden;
}