/*

	Samplex
	http://www.samplex.nl

	Light Orange	: #FFCC99
	Orange			: #FF9933
	Dark Orange		: #CC6633
	Light Grey		: #EFEFEF
	Grey			: #CCCCCC
	Dark Grey		: #666666
	
*/

/*
	Reset
*/

* 						{margin: 0px; padding: 0px;}
html					{overflow-y: scroll;}
html, body				{height:100%;}
body					{font-size:62.5%; font-family: Arial, Helvetica, sans-serif; color:#333; background: url(style/images/bg.png) top center repeat-x white;}

img 					{border:none; padding:5px;}
a, p, span, b, i, div 	{font-family: Geneva, Helvetica, sans-serif;}
p 						{font-size:12px; margin:10px 0 10px 0;}
a 						{outline: none; -moz-outline: none; color:#4F4848; text-decoration:none;} 
a:hover 				{color:#FF9933;}
strong					{font-size:14px;  margin:10px 0 10px 0;}
hr						{border:dotted 1px #CCCCCC;}



/*
	UTILITY
*/
.floatLeft				{float: left;}
.floatRight				{float: right;}
.clear 					{clear:both;}
.button					{border:1px solid #999; background:white; padding:3px 8px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#F93;}
.button:hover			{background:#FF9933; color:white;}



/*
	TYPOGRAPHY
*/
p.li					{font-size:1.2em; line-height:1.2em; margin:0 0 10px 0;}
p#intro-paragraph		{font-family: Georgia, serif; font-size:2.0em; font-style:italic; line-height:1.4em; margin-top:5px; }
p#intro-paragraph span 	{font-size:2.4em; font-weight:bold;}
p#intro-paragraph em	{color:#CC6633;}
a						{color:#CC6633;}
a:hover					{background:#CC6633; color:white;}
h1						{font-size:2.0em; font-family: Georgia, serif; font-weight:normal; margin:10px 0 10px 0;}
h2						{font-size:1.8em; font-family: Georgia, serif; font-weight:normal; margin:10px 0 10px 0;}
h3						{font-size:1.6em; font-family: Georgia, serif; font-weight:normal; margin:10px 0 10px 0;}
h4						{color:#333; font-size:1.4em; font-family: Georgia, serif; margin-bottom:15px;}

/*
	STRUCTURE
*/
#page-wrap					{	width:960px; margin:0px auto -250px; min-height:100%; height:auto !important; height:100%;}
#push						{	height:250px;}
#socialsidebar				{	width:190px; float:left; margin-right:15px;}
#main-col					{	width:540px; float:left;}
#linksidebar				{	width:190px; float:right;}





/*
	HEADER
*/
h1#logo						{	width:199px; height:40px; background:url(style/images/samplex-logo.png) top left no-repeat; text-indent:-9000px; margin: 0 10px 8px 0; }

#top-bar					{	padding:20px 0 0 0;}
#top-bar p					{	width:300px; float:left;}
form#searchform				{	margin:0 0 0 10px; float:right;}
form#searchform.button					{border:1px solid #999; background:white; padding:3px 8px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#F93;}
form#searchform.button:hover			{background:#FF9933; color:white;}


/*
	MENU
*/
#menu-bar						  					{	padding-top:13px; margin-bottom:50px;}
ul#main-nav						  					{	width:650px; float:left; margin:10px 0 0 0;}
ul#extra-nav			 	 						{	width:300px; float:right; margin:10px 0 0 0;}
ul#main-nav li, ul#extra-nav li						{	display:inline;}
ul#main-nav li a, ul#extra-nav li a					{	color:white; font-size:1.2em; padding:3px 8px; -moz-border-radius:5px; -webkit-border-radius:5px;}
ul#main-nav li a:hover, ul#extra-nav li a:hover		{	background: white; color:#CC6633;}


/*
	WIDGETS
*/
.widget					{	background: #CCC; width:190px; border-right:1px solid #aaa; border-bottom:1px solid #aaa; -moz-border-radius:10px; -webkit-border-radius:10px; margin:0 0 15px 0;}
.widget	.inside			{	padding:10px;}
.widget ul				{	list-style:square; margin-left:15px;}
.widget ul a			{	display:block; padding:2px;}
.widget ul li a:hover	{	background:#CCCCCC; color:white;}
.thumb					{	width:62px;}
.flickr					{	background: #CCC; width:190px; border-right:1px solid #aaa; border-bottom:1px solid #aaa; -moz-border-radius:10px; -webkit-border-radius:10px; margin:0 0 15px 0;}
.flickr-thumb			{	height:41px; width:62px; overflow:hidden; float:left; margin:0 0 10px 15px;}

/*
	BLOG ENTRYS
*/

.post H2				{}
.datebox				{width:36px; float:left; padding:10px; background:#FF9933; color:white; text-align:center; margin-right:10px; line-height:17px;}
.day					{font-size:27px; font-weight:bold; margin:0; line-height:28px;}
.month					{font-size:1.8em; font-weight:bold; text-transform:uppercase; margin:0;}
.year					{font-size:11px; font-weight:bold; margin:0;}
.comment-bubble			{background:#CCC; color:#333; padding:20px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
ol.commentlist			{list-style:none; padding:10px;}
ol.commentlist li p		{font:7px;}


/*
	FOOTER
*/

#footer					{	height:250px; background:#CCCCCC; border-top:solid 4px #FF9933; padding-top:20px;}
#footer-inside			{	width:960px; margin: 0 auto;}
#footer p				{	color:#333;}
#footer-1				{	width:300px; float:left; margin-right:30px;}
#footer-2				{	width:200px; float:left; margin-right:30px;}
#footer-3				{	width:200px; float:left;}
#footer-4				{	width:200px; float:left;}
#footer a				{	color:#333;}
#footer ul				{ 	color:#333; list-style:none;}