/*  
Theme Name: IIS
Theme URI: www.InternetInSchool.com
Description: Thema van de website InternetInSchool.com
Version: 1.0
Author: Kaj Rietberg en Thomas Jacobs
Author URI: http://www.kajrietberg.nl/ en http://www.thomasjacobs.nl/
*/

* {
margin:0;
padding:0;
}

a {
color: #897762;
}

a:hover {
color: #5C763E;
}

body {
font-size:62.5%;
background:#F1F1F1;
font-family:arial, helvetica, serif;
}

#container {
width:917px;
margin:0 auto;
}

#container #top {
height:90px;
background:url(http://www.internetinschool.com/wp-content/themes/themaIIS/images/logo1.png) no-repeat 0 0;
padding:8px 0 0 0;
margin:15px 0 0 0;
}

#container #top h1 a {
text-decoration:none;
color:#960309;
font-size:3.5em;
padding:0 0 0 100px;
}

#content h2 {
color:#960309;
font-size:2em;
padding:0 0 5px;
}

#content #links li {
list-style-type: none;
}

#container #social {
float: right;
}

#container  #social li {
display:inline; 
list-style-type: none;
}
 
#content #comments_wrapper ol {
padding: 0 0 0 20px;
}

#container #searchbar {
text-align:right;
border-bottom:solid 1px #999;
margin:0 0 10px;
padding:2px 0;
}

#container #searchbar input {
color:#999;
}

#container #nav {
border-bottom:solid 4px #000;
height: 35px;
margin:25px 0 0 0;
padding:0 0 5px;
}

#container #nav li {
list-style-type:none;
display:inline;
}

#container #nav li a {
color:#000;
text-decoration:none;
font-weight:700;
font-size:1.4em;
margin:0 15px 0 0;
}

#contentTop {
height:240px;
}

#contentTop #intro {
width:427px;
height:210px;
float:left;
font-size:0.95em;
margin:0 10px 0 0;
}

#contentTop #banner,#contentTop #ads {
width:205px;
height:210px;
float:left;
}

#contentTop #ads {
margin:0 0 0 10px;
}

#contentpage {
width:427px;
height:auto;
float:left;
font-size:1.2em;
line-height:1.4em;
padding: 0 50px;
}

#contentpage h2 {
color:#960309;
font-size:2em;
line-height:2em;
padding:0 0 5px;
margin-bottom:10px;
}

#contentpage p,#blogfront p {
padding: 5px 5px;
margin-bottom:8px;
}

#contentpage ul {
list-style-type:square;
overflow:hidden;
padding: 5px 20px;
}

#contentblogpage {
width:427px;
height:auto;
float:left;
font-size:1.2em;
line-height:1.4em;
}

#contentblogpage h2 {
color:#960309;
font-size:2em;
padding:0 0 5px;
margin-bottom:10px;
}

#intro,#feeds,#ads,#categorys,#links,#banner,#archive,#contentpage,#introPage,#tweet,#portfolio,#singlepost,#reactie  {
background:#fff;
padding:10px;
}

#feeds ul,#ads,#categorys ul,#links ul,#banner,#archive ul,#tweet ul,#portfolio ul {
font-size:1.2em;
line-height:1.3em;
list-style-type:none;
}

#workshop {
background:#fff;
font-size:1.2em;
line-height:1.3em;
padding:15px;
height:170px;
float:left;
margin:0 10px 10px;
}

#workshop ul {
list-style-type:square;
}

#intro p, #intropage p {
font-size:1.3em;
list-style-type:none;
}

#contentBottom {
height:auto;
border-top:solid 1px #999;
padding:8px 0 0;
}

#contentBottomRight {
width:470px;
float:right;
}

/*styling weblog op voorpagina */

#blogfront {
font-size:1.2em;
padding: 10 px
} 

.titel {
background:#fff;
padding:10px;
}

.post {
background:#fff;
margin: 10px 0;
padding:10px;
}

.post h3 {
font-size: 1.5em;
}

.post li {
background:#F1F1F1;
margin-bottom:15px;
padding:10px;
}

#contentBottomLeft {
width:446px;
float:left;
}

#blogfront ul {
list-style-type:none;
padding: 0 0 0 10px;
}

#portfolio {
width:440px !important; 
height: auto;
float:left;
margin:0 10px 10px;
}

#portfolio li {
display: inline;
margin-left: 5px;
}

#portfolio img {
border: 0;
}

#tweet {
width:440px !important;
height: auto;
float:right;
}

#tweet p {
font-size:1.3em;
padding:10px 0;
}

#tweet.tag {
border-bottom:solid 1px #000;
margin-bottom: 30px;
padding:0 0 5px;
}

#tweet li {
margin: 1em 0;
}

#archive,#links {
width:200px !important;
margin:0 !important;
}

#workshop {
width:190px !important;
margin:0 !important;
}

#links .xoxo li a {
font-size:12px;
line-height:1.3em;
}

#introPage {
width:430px;
height:210px;
float:left;
margin:0 10px 10px;
}

#sidebar h2 {
color:#960309;
font-size:2em;
padding:0 0 5px;
}

#categorys,#feeds {
width:210px !important;
}

#feeds,#links,#categorys,#archive {
height:180px;
float:left;
margin:0 10px 10px;
}

/* portfolio opmaak */

.project {
background-color: #fff;
border: solid 1px #960309;
display: block;
height: auto;
margin: 0 0 1em 0;
overflow:hidden;
width: 420px;
z-index: 1;
}

.project img {
background-color: #F1F1F1;
border: none;
float: left;
height: auto;
text-align: right;
width: auto;
}

.project h2 {
background: #960309;
color:#960309;
font-size:1.5em !important;
padding:5px !important;
}

.project h3 {
border-bottom: solid 1px #960309;
border-top: solid 1px #960309;
color:#960309;
font-size:1.6em;
padding:0 0 5px;
}

.project p {
margin-bottom: 0;
padding:0 0 5px 0;
}

.project ul {
list-style-type: square;
margin: 0 5px 0 0;
}

/* single pagina */

#singlepost {
width:427px;
height:auto;
float:left;
font-size:1.2em;
line-height:1.4em;
}

#singlepost h2 {
color:#960309;
font-size:2em;
padding:0 0 5px;
margin-bottom:10px;
}

#singlepost p {
padding: 5px 5px;
margin-bottom:8px;
}

#singlepost ul li {
list-style-type:square;
overflow:hidden;
padding: 5px 15px;
}

#single {
overflow:hidden;
margin-bottom:25px;
}

#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
}
#wpcf input {
	float: left;
	width: 200px;
	padding: 1px;
	margin: 2px 5px 2px 0;
}
#wpcf textarea {
	width: 350px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
}
#wpcf #contactsubmit {
	margin-left: 250px;
	width: 100px;
}

#footer {
height:30px;
border-top:solid 1px #999;
clear:both;
padding:10px 0 0;
}

#footer p {
text-align:center;
margin-bottom:5px;
} 

.sliderwrapper {
position:relative;
overflow:hidden;
height:250px;
}

.sliderwrapper .contentdiv {
visibility:hidden;
position:absolute;
left:0;
top:0;
width:200px;
height:100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity:1px;
opacity:1px;
}

.pagination {
position:relative;
z-index:99999;
top:190px;
left:1px;
width:200px;
}

.pagination a {
text-decoration:none;
color:#00007D;
font-size:.8em;
background:#FFF;
padding:2px 6px;
}

.pagination a:hover,.pagination a.selected {
background-color:#960309;
color:#FFF;
}

/* afbeeldingen uitlijnen voor WordPress */
img.alignright {float:right; overflow:hidden; margin:0 0 1em 1em}
img.alignleft {float:left; overflow:hidden; margin:0 1em 1em 0}
img.aligncenter {display: block; overflow:hidden; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}