/*
Theme Name: Annelies Clarke
Theme URI: http://cg-i.net.com

Based on the Starkers theme 


*/

@import "style/css/reset.css";
@import "style/css/layout.css";




/* 

	Start of Geometri Style 
	-----------------------
		
	Colour Key:
	Light grey (background): #d6d9da
	Nr White (headers) #fffefe 
	Dark Grey (title/headers): #575757
	Mid grey (links): #c3c3c3
	turq: #00c0ff
	pink: #f53695
	purple: #8f2bcf



*/






	/* --------  UTILITY  -------- */
	

.floatleft {float: left;}
.floatright {float: right;}
.clear {clear:both;}





	/* --------  STRUCTURE  -------- */
	
	
* {

margin: 0;

}

html, body {

height: 100%;

}
	
#wrap {

	margin-left: auto;
	margin-bottom: -40px;
	margin-right: auto;
	margin-top: 0;
	padding: 0px;
	width: 960px; 
	min-height: 100%; 
	height: auto !important; 
	height: 100%; 
	}

#push {

	height: 40px;
	clear: both;
}

#mainHeader {
	margin-bottom: 50px;
	width: 590px;
	height: 122px;
	background-position: left bottom; 
	background-repeat: no-repeat; 
	background-image: url(style/images/annelies_clarke.gif); 

}



	
.leftColumn {
	margin-top: 0px;
	width: 650px;
	
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 50px;
	padding: 0px;
	
	
	
}

.leftColumn img {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 10px;
	padding: 10px;
	background-color: #e4e8e5;
	border-color: #949597;
	border-style: solid;
	border-width: 1px;
	text-decoration: none;
	

}

.leftColumn h2 a{
    font-family: "Trebuchet MS";
    visibility: hidden;
    font-size: 35px;
    color: #575757;
    text-decoration: none;
    margin-right: 3px;
   margin-top: 10px;
    margin-bottom: 5px;
    
  }


#footer {

		
	width: 960px;
	height: 40x;
	clear: both;
	text-align: center;
}

#footer p{
	
	font-size: 0.65em;
	color: #d6d9da;


}

#footer a,
#footer a:active,
#footer a:visited {

	color: #d6d9da;
}

#footer a:hover{

	
	color: #575757;


}

#footer a:hover {

	color: #fffefe ;

}

	
	/* --------  NAVIGATION  -------- */
	

.main_nav {
	min-height: 100%;
	height: 100%;
	width: 240px;
	padding-top: 10px;
	padding-right: 50px;
	float: right;
	
}


.flexipages_widget ul li {

	margin-bottom: 20px;


}



.flexipages_widget ul li a, 
.flexipages_widget ul li a:active{
	
	font-size: 1.3em;
	text-decoration: none;
	

}



.flexipages_widget ul li ul li {

	margin-top: 5px;
	margin-bottom: 5px;
}


.flexipages_widget ul li ul li a,
.flexipages_widget ul li ul li a:active,
.flexipages_widget ul li ul li a:hover
.flexipages_widget ul li ul li a:visited
{
	
	font-size: 1em;
	text-decoration: none;
	margin-bottom: 5px;
}





.page_item a, .page_item a:visited{
	
	color: #b3b3b3;
	font-weight: normal;
	text-decoration: none;



}

.page_item a:hover{
	
	color: #f53695;
	
	

}

.current_page_item a{ 


	color: #575757;
	


} 

 

.current_page_item ul li a { 

	
	color: #b3b3b3;



}

	

	
	
	
	/* --------  HTML TAGS  -------- */
	
	
body {
	background-position: left bottom; 
	background-repeat: repeat-x; 
	background-image: url(style/images/bg_tile.gif); 	
	background-color: #d6d9da;
	background-attachment: fixed;
	font-family: "Trebuchet MS";
	
	}
	
p { 
	color: #575757; 
	font-size: 0.8em;
	line-height: 1.8em;
	font-weight: normal;
	margin-bottom: 15px;
	padding-right: 50px;
	}
	
h1 {
	padding-top: 5px
	margin-right: 10px
	font-size: 45px;
	font-weight: normal;
	display: block;
	padding-right: 50px;
	}

h2 {
	padding-top: 5px
	margin-right: 10px
	font-size: 38px;
	font-weight: normal;
	display: block;
	padding-right: 50px;
	}
	
h3 {	
	margin-right: 10px
	font-size: 20px;
	font-weight: normal;
	display: block;
	padding-right: 50px;
	}
	
h4 {
	margin-right: 10px
	font-size: 15px;
	font-weight: normal;
	display: block;
	padding-right: 50px;
	}
	
	
	
	
a {
	color: #00c0ff;
	text-decoration: none;
}

a:hover {
	color: #f53695;
	
}
a:active {
	color: #8f2bcf;
	
}
a:visited {
	color: #575757;
	
}







	/* -------- Custom CLASS'S & ELEMENTS --------- */


.portfolio_item {
margin-bottom: 25px;
float: left;
width: 50%;

}


.portfolio_item h3{
	display: block;
	float: left;
	padding-right: 5px;

}

.archive {
	padding-top: 50px;
	clear: both;

}



.archive h1{
	
	display: block;
	float: left;
	padding-right: 10px;

}


.archive img{
	
	margin-top: 20px;
}
	



.post {

	padding-bottom: 25px;
	



}


#arrow {
	background:none;
	border-style: none;
	border-width: 0px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

#archive_arrow {
	background:none;
	border-style: none;
	border-width: 0px;
	padding: 0px;
	margin-top: 5px;
}

.section {
	clear: both;
	margin-top: 50px;

}

.back {
	padding-top: 25px;
	margin: 0;
	

	height: 24px;
	max-height: 24px !important;
	display: inline;
	

}



.back li {
	height: 24px;
	float: left;
	padding: 0;
	margin: 0;
	margin-right: 10px;
}


.back img {
	background:none;
	border-style: none;
	border-width: 0px;
	padding: 0;
	margin: 0;

	float:left;

}


.back {

	
}



#editpost {

margin-top: 50px;

}




	/* FORM ELEMENTS'S */



#search {
	
	margin-top: 50px;
	width: 236px;
	margin-right: 50px;
	height: 50px;
	float: right;
	padding: 0px;
	
}

#searchsubmit {

	color: #00c0ff;
	margin-top: 0px;
	border: none;
	font-weight: bold;
	font-size: 0.9em;
	background: none;
	display: inline;
}


#searchsubmit:hover {
	color: #f53695;
	background: none;	
	
}

.inputfield {
	padding-left: 5px;
	float: left;
	background-color: #000000;
	width: 155px;
	color: #009ee0;
	font-size: 0.8em;
	border-color: #009ee0;
	border-width: 1px;
	border-style: solid;
	height: 20px;
	vertical-align: top;

}




#comment {

	width: 560px;
	background: none;
	color: ##575757;
	
} 

#commentform {

	color: #fffefe;
	font-size: 0.8em;
	font-family: "Trebuchet MS";
	
}

#submit {
	color: #00c0ff;
	font-weight: bold;
	font-size: 0.9em;
	background: none;
	border-style: none;
	margin-bottom: 50px;
	cursor: default;
	
}

#submit:hover {
	color: #f53695;
	background: none;	
	
}