/* @override http://artikboy.com/legacy/V5/system/css/styles.css */

/***************************************************
COMMON TAGS
***************************************************/

html,body {
	height: 100%;
	font-size: 100%;/* IE hack */
	}
body {
	margin:0;
	background-color:white;

	color: #72635b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1;
	letter-spacing: 62.5%;
	}
h1 {
	display: inline;
	clear: left;
	
	color:#72635b;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:3em;
	letter-spacing: -2px;
	line-height:1.2;
	font-weight:700;
	}
	h1 a:link {
		text-decoration:none;
		color:#72635b;
		background-color:white;
		}
	h1 a:link, h1 a:active, h1 a:visited {
		text-decoration:none;
		color:#72635b;
		}
	h1 a:hover, h2 a:hover {
		color:white;
		background-color:#FA9F9A;
		}
h2 {
	display: inline;
	clear:right;
	
	color:#FA9F9A;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:2em;
	letter-spacing: -1px;
	line-height:1;
	font-weight:700;
	}
h2 a:link, h2 a:active, h2 a:visited { text-decoration:none; 	}

h3 {
	display:inline;

	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:1.4em;
	letter-spacing: -1px;
	line-height:1;
	font-weight:700;
		}
p {
	font-size:1.2em;
	line-height:1.4;
	letter-spacing:0;
	}
h1, h2, h3, p {
	margin: 0;
	padding-bottom: 1em;
	}

br.clearall {
	clear: both; line-height:1em;
	}
img {
	border:0;
	display: block;

	font-size:1.4em;
	line-height:1;
	font-weight:700;
	}

a:hover img, a:active img {
	color: white;
	text-decoration: none;
	background-color: #FA9F9A;
	}
a:link img, a:visited img {
	text-decoration:underline;
	}

hr {
	width:auto;
	height:1px;
	clear:both;
	color:#9b9b9b;
	}
ul, ol {
	clear:both;
	margin:0 0 30px 0;
	padding:0;
	text-indent:0;
	list-style-type:none;
	}
	
ul li, ol li {
	width:100%;
	height:auto;
	display:block;
	margin-bottom:2px;
	}
ul h1, ol h1 {
	font-size:1.4em;
	line-height:1.4em;
	font-weight:700;
	letter-spacing:normal;
}
ul h2, ol h2 {
	display:compact;
	font-size:1em;
	line-height:1em;
	font-weight:700;
	letter-spacing:normal;
}


#RSS h2 {
	display:compact;
}
#RSS ol {
	margin:0;
	padding:0;
	}
#RSS li {
	clear:both;
	line-height:1.4em;
	_line-height:1.2em;
	_margin-bottom:5px;
	}
	#RSS li a:link, #RSS li a:visited, #RSS li a:active {
		display:block;
		float:left;
		text-decoration:underline;
		font-weight:700;
		}
	#RSS li a:hover {
		color:white;
		text-decoration:underline;
		font-weight:700;
		}
		
	#RSS li span {
		float:right;
		text-align:right;
		color:white;
		}
	#RSS a img {
		border:0;
		clear:none;
		display:inline;
		}


input {
	clear:both;
	display:compact;
	font-size:1.4em;
	vertical-align:middle;
	margin-bottom:5px;
}
.inputNoFocus {
	width:210px;
	color:#7C7C7C;
	}
.inputFocus {
	width:210px;
	color:#FA9F9A;
	}
.inputLabel {
	clear:both;
	display:block;
	float:right;
	}



a:active, a:hover,  {
	color: white;
	text-decoration: none;
	background-color: #FA9F9A;
	}
a:active {
	font-weight:700;
	}
a:link, a:visited {
	text-decoration:underline;
	color: #FA9F9A;
	}




/***************************************************
MAIN STRUCTURE
***************************************************/

#topNav {
	width:auto;
	height:20px;
	padding:10px 0 0 80px;
	background-color:#72635b;
	border-bottom: solid #FA9F9A 1px;
	color:white;
	}
	#artikboy {
		width:500px;
		float: left;
		
		}
	#menu {
		width: 300px;
		float:left;
		text-align: right;
			}
	a:link.navigationLink, a:visited.navigationLink, a:active.navigationLink {
		font-size:1em;
		line-height:1.2em;
		vertical-align:bottom;
		font-weight:700;
		text-decoration:none;
		}
	a:hover.navigationLink {
		color:#FFFFFF;
		background:none;
		text-decoration:none;
		}
		
#auxNav {
	width:100%;
	position:absolute;
	top:232px; left:0;
	font-size:1em;
	height:3em;
	font-weight:700;
	}
	#auxNav a .normalAuxLink {
		display: inline-block;
		text-decoration:none;
		height:30px;
		line-height:30px;
		padding: 0 9px;
		
		background-color:#EFEFEF;
		}
		#auxNav a:hover .normalAuxLink{
			text-decoration:none;
			color:#EFEFEF;
			background-color:#FA9F9A;
			}
	#auxNav a .clickedAuxLink {
		text-decoration:none;
		height:30px;
		line-height:30px;
		padding:9px;
		
		color:white;
		background-color:#FA9F9A;
		}


	#leftNav {
		width:399px;
		height:30px;
		position:absolute;
		top:1px; left:0;
		padding-left:80px;
		background-color:#EFEFEF;
		line-height:30px;
		}
		a:hover #leftNav, a:hover #rightNav {
			background-color:#FA9F9A;
			color:white;
			line-height:30px;
			cursor:pointer;
			cursor: hand;
			}
	#rightNav {
		width:399px;
		height:30px;
		position:absolute;
		top:1px; left:480px;
		padding-right:80px;
		text-align:right;
		background-color:#EFEFEF;
		line-height:30px;
		}
		#filters {
			width:390px;
			height:65px;
			position:absolute;
			top:31px; left:480px;
			padding-left:10px;
			color:#3c3c3c;
			clear:none;
			float:left;
			line-height:30px;
			background:#FA9F9A url(http://www.artikboy.com/system/images/auxmenusel.jpg) top left no-repeat;
		}
			#filters a:link, #filters a:visited, #filters a:active  {
				color:white;
				text-decoration:none;
				}
			#filters a:hover{
				background-color:white;
				color:#FA9F9A;
				_color:#FA9F9A;
				_background-color:white;
				}
				.visible { visibility:visible; }
				.invisible { visibility:hidden; }
	#compNav {
		height:30px;
		margin-left:960px;
		margin-top:1px;
		background-color:#EFEFEF;
		line-height: 30px;
		}
		

#header {
	width:auto;
	height: 140px;
	display:block;
	clear:both;
	padding:60px 0 0 80px;
	border-bottom:solid 2px #9b9b9b;
	background-color:#72635b;
	}
	#headImage_artikboy {
		clear:both;
		color:#FA9F9A;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:3.4em;
		font-weight:700;
		letter-spacing: -3px;
		}
	#headImage_selected {
		clear:both;
		color:#FA9F9A;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:3.4em;
		font-weight:700;
		letter-spacing: -3px;
		}


#content {
	width:802px;
	height:auto;
	margin-left:80px;
	line-height: 1.4;
	overflow:hidden;
	}
	.columnOne {
		float:left;
		width:540px;
		padding:20px 40px 0 0;
		margin:0 0 0 0;
		}
	.columnTwo {
		float:left;
		width:220px;
		padding-top:20px;
		}
	#date {
		clear:both;
		font-size:1.4em;
		letter-spacing: -1px;
		line-height:1;
		font-weight:700;
		font-style: italic;
		text-decoration:underline;
		color:#7C7C7C;
		}
	a#date:link, a#date:visited, a#date:active {
		text-decoration:none;
		color:#7C7C7C;
		}
	a#date:hover {
		text-decoration:none;
		color:white;
		background-color:#FA9F9A;
		}
/*	p img {
		display:block;
		float:right;
		padding: 0 0 10px 10px;
		}*/
		
#bottomNav {
	width:800px;
	margin:40px 0 20px 80px;
	line-height:1.4em;

	}
	#bottomNav span#bottomNavRight {
		float:right;
		text-align:right;
		}
	
#footer {
	color:white;
	height:140px;
	min-width:auto;
	clear:both;
	padding: 40px 0 20px 80px;
	background-color:#72635b;
	}
	.mediumText {
		font-size:1.2em;
		line-height:1.6em;
		letter-spacing:0;
		vertical-align:middle;
		margin-bottom:5px;
		}



/***************************************************
HOME PAGE
***************************************************/

/* self clearing rules */
.homePortEntrie:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.homePortEntrie {
	clear:both;
	padding: 60px 0 20px 0;
	border-bottom: solid #FA9F9A 1px;
	display: inline-block;
	}
	.homePortEntrie { display: block; }

	  
	.homeEntrieInfo {
		float:left;
		}



/***************************************************
PORTFOLIO.PHP
***************************************************/

.title {
	clear:both;
	/*margin-top:40px;*/
	padding-top:60px;
	}
#portfolioDetails {
	float:left;
	display:block;
	clear:right;
	}
#commandLinks {
	width:100%;
	padding:10px 0 5px 0;
	display:block;

	clear:both;
	font-size:1.4em;
	line-height:1.6em;
	font-weight:700;
	}
	#commandLinks a:link, #commandLinks a:hover, #commandLinks a:active, #commandLinks a:visited {
		text-decoration:underline;
		color:#FA9F9A;
		background-color:white;
		}
.portfolioContent img {
	border:0;
	margin:0;
	margin-right:1px;
	margin-bottom:1px;
	float:left;
	display:inline;
	}


/***************************************************
OTHERS
***************************************************/

a.specialLink {
	border-bottom: dotted 1px #FA9F9A;
	text-decoration:none;
	}

#contact {
}