/*
Theme Name: Geometri

Description: custom theme for Geometri




*/

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




/* 

	Start of Geometri Style 
	-----------------------
		
	Colour Key:
	Blue: #009ee0
	Pink: #e2007a
	Yellow: #ffed00
	Black: #000000
	White: #FFFFFF


*/






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

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





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

margin: 0;

}

html, body {

height: 100%;

}
	
#wrap {

	margin-left: auto;
	margin-bottom: -202px;
	margin-right: auto;
	margin-top: 0;
	padding: 0px;
	background-color: black;
	width: 1028px; 
	min-height: 100%; 
	height: auto !important; 
	height: 100%; 
	}

#push {

	height: 202px;
	clear: both;
	}
	
#leftColumn {

	margin-right: 50px;

	margin-left: 50px;

	margin-bottom: 50px;

	padding-right: 10px;
	padding-left: 30px;
	width: 600px;
	border: #009ee0;
	border-width: 1px;
	border-style:solid;
	min-height: 700px;
	float: left;
	 
}



#leftColumn img {
	margin-bottom: 10px;
	margin-top: 25px;
	border: #ffffff;
	border-style: solid;
	border-width: 1px;}	


#rightColumn {
	margin-right: 50px;
	float: right;
	width: 236px;



}


#footer {

	background-position: center top; 
	background-repeat: repeat-y; 
	background-image: url(style/images/body_bg.gif);	
	width: 1028px;
	height: 202px;
	clear: both;
}
#footer_mainArea {

	border-top-color: white;	
	border-top-style: solid;	
	border-top-width: 6px;	
	background-color: #009ee0;
	height: 182px;
}

#footer_mainArea img {

	float: left;
	margin-top: 50px;
	margin-left: 75px;
	
}

#footer_mainArea ul {
	
	padding-left: 10px;
	margin-left: 75px;
	float: left;
	border-left-color: white;
	border-left-style: solid;
	border-left-width: 1px;
	margin-bottom: 20px;
	margin-top: 30px;
	height: 120px;
		
}

#footer_mainArea li a {
	text-decoration: none;
	color: #ffffff;
	line-height: 2em;
	font-size: 0.7em;
	
}

#footer_mainArea li a:hover {
	
	color: #000000;
	
	
}


#footer_copyright {
	height: 20px;
	
	background-color: #000000;
	text-align: center;
	font-size: 0.7em;
}	







	
	/* --------  NAVIGATION  -------- */
	
	
	
#main_nav {
	
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom:50px;
	width: 640px;
	height: 50px;
	float: left;
	
}	

#main_nav li {
	
	
	
	display: inline;
	float: left;
	
	}	
	
#main_nav li a {
	color: #000000;
	text-decoration: none;
	display: block;
	padding-top: 15px;
	width: 126px;
	text-align: center;
	height: 35px;
	font-size: 20px;
	background-color: #009ee0;
	border-right-width: 1px;
	border-right-color: black;
	border-right-style: solid;
}

#main_nav li a:hover {
	background-color: #e2007a;
	border-right-width: 1px;
	border-right-color: black;
	border-right-style: solid;
	
	}

#main_nav li a.active {
	background-color: #ffed00;
	
	}
	
	
#header {

margin-top: 50px;

}
	
	
	
	
	/* --------  HTML TAGS  -------- */
	
	
body {
	background-position: center top; 
	background-repeat: repeat-y; 
	background-image: url(style/images/body_bg.gif); 	
	background-color: #009ee0; 
	font-family: "Trebuchet MS";
	}
	
p { 
	color: white; 
	font-size: 0.8em;
	line-height: 1.4em;
	margin-top: 10px;
	}
	
h1 {
	margin-top: 20px;
	background-position: left bottom;
	color: #e2007a; 
	font-size: 1.7em; 
	font-weight: bold; 
	background-image: url("style/images/h2_bg.gif");
	background-attachment: scroll;
	background-repeat: no-repeat;
	padding-bottom: 8px; 
	margin-bottom: 20px;
	}

h2 {
	margin-top: 20px;
	background-position: left bottom;
	color: #e2007a; 
	font-size: 1.4em; 
	font-weight: bold; 
	background-image: url("style/images/h2_bg.gif");
	background-attachment: scroll;
	background-repeat: no-repeat;
	padding-bottom: 8px; 
	margin-bottom: 20px;
	}
	
h3 {
	margin-top: 25px;
	color: #009ee0; 
	font-size: 1.1em; 
	font-weight: bold;
	margin-bottom: 20px;
	}
	
h4 {
	margin-top: 10px;
	color: #009ee0; 
	font-size: 0.9em; 
	font-weight: bold;
	margin-bottom: 10px;
	}
	
	
	
	
a {
	color: #ffed00;
	text-decoration: underline;
}

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









	/* -------- CLASS'S --------- */


	
.logo {
	
	margin-bottom: 50px;
	margin-top: 50px;
	border-width: 0px;
	border-style: none;
	
}	


.widget {
	
	margin-bottom: 50px;
	margin-top: 50px;
	border-style: solid;
	border-color: #e2007a;
	border-width: 1px;
		
}

.widget h2 {
	
	margin-left: 0px;
	
	margin-bottom: 10px;
	
	margin-right: 0px;
	
	margin-top: 0px;
	
	height: 30px;
	text-align: center;
	color: #000000;
	background-color: #e2007a;
	background-image: none;
	padding-top: 10px;
	
}


.widget li {
	color: #ffffff;
	margin-bottom: 10px;
	font-size: 0.7em;
}

.widget p {
	font-size: 0.7em;

}

.credit {
	display: none;

}

	






	
	/* ELEMENTS'S */
	







	/* FORM ELEMENTS'S */


#search {

	
	width: 236px;
	
	height: 50px;
	float: left;
	padding: 0px;
	

}


#searchsubmit {
	margin-top: 0px;
	border: none;
	width: 70px;
	height: 22px;
	font-weight: bold;
	font-size: 0.9em;
	background-color: #009ee0;
	display: inline;
}


#searchsubmit:hover {

	background-color: #e2007a;	
	
}

.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-color: #ffed00;
	color: #000000;
	
} 

#commentform {

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

#submit {
	font-weight: bold;
	font-size: 0.9em;
	height: 30px;
	padding-left: 25px;
	padding-right: 25px;
	color: #000000;
	background-color: #009ee0;
	border-style: none;
	margin-bottom: 50px;
	cursor: default;
	border-style: none;
}

#submit:hover {

	background-color: #e2007a;	
	
}