/*  
Theme Name: Shinkyokushin

*/

/* ----------MAIN BODY STYLES---------- */
 
* {
margin: 0px; /*sets 0 margin to the whole website*/
padding: 0px; /*sets 0 padding to the whole website*/
}
 
body {
font-family: Verdana, Arial, Helvetica, sans-serif; /*website font family*/
background-color: #000000; /*website background color*/
color: #999a9a; /*website default text color*/
text-align: center;
behavior: url(wp-content/themes/shinkyokushin/csshover.htc);
}

a {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
color: #FFFFFF; /*color of the hyperlink when hovered over*/
}

 
p {
font-size: 12px; /*sets default paragraph text size*/
line-height: 18px; /*sets default paragraph line height*/
text-align: justify; /*justifys our paragraphs*/
}
 
h1 {
color: #727372; /*color of our H1 tag*/
font-size: 1.2em; /*sets H1 font size*/
font-weight: normal; /*sets H1 font weight to normal*/
text-align: left; 
}
 
h2 {
color: #e23821; /*color of our H2 tag*/
font-size: 1em; /*sets H2 font size*/
font-weight: normal; /*sets H2 font weight to normal*/
text-align: left; 
}
 
h3 {
color: #727372; /*color of our H3 tag*/
font-size: 0.9em; /*sets H3 font size*/
font-weight: normal; /*sets H3 font weight to normal*/
text-align: left; 
}
 
h4 {
color: #727372; /*color of our H4 tag*/
font-size: 0.8em; /*sets H4 font size*/
font-weight: normal; /*sets H4 font weight to normal*/
text-align: left; 
}
 
img {
border:none; /*removes borders from images*/
}
 

 
/* ----------MAIN CONTAINER STYLES---------- */
 
#container {
width: 900px; /*width of our container*/
margin: 0 auto;
}

 
/* ----------HEADER STYLES---------- */
 
#header {
width: 900px; /*gives our header a width of 900px*/
position: relative;
background-image: url(images/hd_bg.png); /*sets our header background image*/
background-repeat:no-repeat;
}
 
#top-elements {
float: left; /*floats top elements left*/
width: 900px; /*sets our top elements width to 900px*/
padding-top: 20px; /*gives our top elements a padding of 20px*/
}
 
/* ----------HEADER 2 STYLES---------- */
 
#header2 {
width: 900px; /*gives our header a width of 900px*/
position: relative;
background-image: url(images/hd_bg.png); /*sets our header background image*/
background-repeat:no-repeat;
}
 
#top-elements2 {
float: left; /*floats top elements left*/
width: 900px; /*sets our top elements width to 900px*/
padding-top: 20px; /*gives our top elements a padding of 20px*/
} 
 
/* ----------LOGO 2 STYLES---------- */
 
#logo2 {
float: left; /*floats our logo left*/
height: 64px;
width: 672px; /*sets our logo div's height to 270px same as our logo image*/
background-image:url(images/logo4.png);
background-repeat:no-repeat;
} 
 
#featured2 {
float: right; /*floats our featured area right*/
background-image:url(images/bigroll2.gif);
width: 900px; /*gives our featured area a width of 900px*/
height: 195px;
margin-bottom: 15px; /*gives our featured area a bottom margin*/
margin-top: 30px;
}
 
.featured-text2 {
float: left; /*floats our featured text left*/
width: 450px; /*sets our featured text box width*/
margin-top: 0px; /*gives our featured text box a top margin*/
} 
 
#featured-image02 {
float: right; /*floats our featured images rights*/
width: 415x; /*gives our featured images a fixed width same as our images*/
background-repeat: no-repeat; /*stops images from repeating*/
background-position: right; /*sets background position right*/
height: 195px; /*gives our featured image a fixed height same as our images*/
background-image: url(images/nothing.png); /*our featured image #1*/
} 
 
/* ----------LOGO STYLES---------- */
 
#logo {
float: left; /*floats our logo left*/
height: 64px;
width: 693px; /*sets our logo div's height to 270px same as our logo image*/
background-image:url(images/logo4.png);
background-repeat:no-repeat;
}
 
/* ----------NAVIGATION STYLES---------- */
 
#nav-bar {
float: right; /*floats our navigation right*/
height: 29px; /*gives our navigation a height of 29px*/
}
 
.navlinks ul {
margin: 0px; /*gives our unordered list 0 margin*/
padding: 0px; /*gives our unordered list 0 padding*/
}
 
.navlinks li {
display: inline; /*displays our navigation links inline*/
list-style-type: none; /*removes bullets points from our navigation*/
padding-left: 20px; /*gives our navigation list items left padding*/
}
 
.navlinks li a {
text-decoration: none; /*removes bottom line from nav links*/
font-size: 12px; /*sets navigation font size*/
color: #FFFFFF; /*sets navigation link color*/
padding-bottom: 2px; /*gives our navigation links bottom padding*/
}
 
.navlinks li a:hover {
border-bottom-width: medium; /*gives links a medium thickness bottom border*/
border-bottom-style: solid; /*makes the bottom border line solid*/
border-bottom-color: #0096ff; /*sets the color of the border*/
}
 
.navlinks li.current a{
border-bottom-width: medium; /*gives links a medium thickness bottom border*/
border-bottom-style: solid; /*makes the bottom border line solid*/
border-bottom-color: #0096ff; /*sets the color of the border*/
}

/* ----------FEATURED CONTENT STYLES---------- */
 
#featured {
float: right; /*floats our featured area right*/
width: 900px; /*gives our featured area a width of 900px*/
margin-bottom: 15px; /*gives our featured area a bottom margin*/
margin-top: 30px;
}
 
.featured-text {
float: left; /*floats our featured text left*/
width: 450px; /*sets our featured text box width*/
margin-top: 0px; /*gives our featured text box a top margin*/
}
 
#featured-text p {
font-size: 0.7em; /*sets our featured text paragraph font size*/
line-height: 24px; /*sets our featured text line height*/
text-align: justify; /*justifys our paragraphs*/
padding-top: 10px; /*adds top padding to our featured text paragraph*/
}
 
#featured-image01 {
float: right; /*floats our featured images rights*/
width: 415x; /*gives our featured images a fixed width same as our images*/
background-repeat: no-repeat; /*stops images from repeating*/
background-position: right; /*sets background position right*/
height: 195px; /*gives our featured image a fixed height same as our images*/
background-image: url(images/small_july10.gif); /*our featured image #1*/
}
 
#featured-image01 {
width: 415px; /*sets our featured image width same dimensions as our featured image*/
height: 195px; /*adds a fixed height same dimensions as our featured image*/
}
 
h1.featured {
color: #e23821; /*sets featured H1 color*/
font-size: 18px; /*sets font size of featured H1 tag*/
line-height: 24px; /*sets featured H1 tag's line height*/
}
 
#featured-image {
float: right; /*floats our featured image right*/
width: 415px; /*sets our featured image width same dimensions as our featured image*/
background-image: url(images/header_foto1.png); /*adds a featured image as a background*/
background-repeat: no-repeat; /*stops featured image repeatsing*/
background-position: right; /*sets our featured image backgroud position*/
height: 195px; /*adds a fixed height same dimensions as our featured image*/
}
 
#readmore {
background-image:url(images/leesverder.png);
background-repeat:no-repeat;
height: 30px;
width: 73px;
position: absolute;
margin-left: -85px;
margin-top: 165px;
font-size:12px;
}

/* ----------HORIZONTAAL MENU---------- */

#hormenu {
list-style-type: none; 
float: right; /*floats left*/
width: 900px; /*sets a fixed width*/
height: 30px;
text-align: left; 
margin-top: 0px;
border: 1px solid #121212;
border-top: 1px solid #e23821;
border-bottom: 1px solid #e23821;
background-color: #0c0c0c;
}

#hormenu ul li a {
display: block;
height: 28px;
list-style: none;
background-color:;
}

#hormenu ul li ul {
background:#0c0c0c;
}


#hormenu ul li ul li{
background:#0c0c0c;
}

#hormenu li { /*eerste menu item*/
float: left;
display: block;
position: relative;
width: 128.5px;
height: 28px;
}

#hormenu ul li a{ /*gewone link bij het eerste menu item*/
background:#0c0c0c;
display: block;
height: 30px;
}

#hormenu ul li a:hover{ /*rollover link bij het eerste menu item*/
background:#872518;
height: 30px;
display: block;
}

#hormenu li ul {
display: none;
position:absolute;
width:100px;
top: 30px;
left: 0;
font-weight: normal;
}

#hormenu li ul a{ /*gewone link bij het tweede menu item*/
background:#0078cc;
display: block;
height: 30px;
}

#hormenu li ul a:hover{ /*rollover link bij het tweedie menu item*/
background:#0096ff;
display: block;
height: 30px;
}

#hormenu li:hover ul, li.over ul {
display: block;
}


/* ----------CONTENT LEFT STYLES---------- */
 
#content-left {
float: right; /*floats left*/
width: 730px; /*adds a fixed width*/
}
 
.box {
width: 730px; /*adds a fixed width*/
border: 1px solid #121212; /*adds a 1 px colored border*/
margin-bottom: 10px; /*adds a bottom margin*/
margin-top: 10px;
float: right;
background-color: #0c0c0c; /*adds a background color*/
}
 
.box-inside {
padding: 5px 0 10px 5px;;
border: 1px solid #030303; /*adds a 1px colored border*/
width: 728px; /*adds a fix width */
}
 
.box-inside p {
padding-top: 10px; /*adds top padding*/
}

.editicon {
float: right;
margin-top: 5px;
margin-right: 10px;
}

.lijn {
padding-top: 5px;
margin-top: 5px;
margin-left: 0px;
}
 
.boxtitle1 {
color: #e23821; /*text color*/
font-size: 1em; /*sets font size*/
font-weight: normal; /*sets font weight*/
}
 
.boxtitle2 {
color: #aaaaaa; /*sets font color*/
font-size: 0.7em; /*sets font size*/
padding-bottom: 5px; /*adds bottom padding*/
padding-right: 15px;
}

/* ----------sidebar---------- */
 
#side {
list-style-type: none; 
float: left; /*floats left*/
width: 150px; /*sets a fixed width*/
text-align: left; 
margin-top: 10px;
margin-bottom: 10px;

}

.h2side {
font-size: 14px;
color: e23821;
}

#sidebar1 {
height:;
border-bottom: solid 1px #121212;
padding-bottom: 10px;
padding-left: 10px;
padding-top: 10px;
font-size: 12px;
background-image:url(images/backside.png);
background-repeat:repeat-y;
line-height: 12pt;

}

#sidebar2 {
height:;
padding-bottom: 15px;
padding-left: 10px;
padding-top: 10px;
background-image:url(images/backside.png);
background-repeat:repeat-y;
border: 1px solid #121212;
font-size: 11px;
}
 
/* ----------VOLGENDE / VORIGE STYLES---------- */

#volgende {
float: right; /*floats left*/
width: 730px; /*adds a fixed width*/
}
 
.volgendeinhoud {
width: 730px; /*adds a fixed width*/
border: 1px solid #121212; /*adds a 1 px colored border*/
margin-bottom: 10px; /*adds a bottom margin*/
margin-top: 10px;
float: right;
background-color: #0c0c0c; /*adds a background color*/
height: 30px;
}
 
.volgendebinnen {
padding: 5px 0 10px 5px;
border: 1px solid #030303; /*adds a 1px colored border*/
width: 728px; /*adds a fix width */
height: 28px;
}
 
/* ----------FOOTER STYLES---------- */


#footer {
clear: both; /*clears both floats*/
margin: 0 auto;
height: 100px; /*adds a fixed height*/
width: 899px;
} 
 
#footer-content {
background-color: #0c0c0c; /*sets background color*/
height: 90px; /*adds a fixed height*/
width: 899px; /*adds a fixed width*/
border: 1px solid #121212; /*adds a 1 px colored border*/
}

.footer-binnen {
height: 88px;
border: 1px solid #030303; /*adds a 1px colored border*/
width: 897px; /*sets a fixed width*/
padding: 5px 0 0 5px;
} 

#footer-content p {
background-image: url(images/footer_logo1a.png);
background-repeat:no-repeat;
text-align: center; /*aligns text center*/
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */