/*   
Theme Name: Artz
Theme URI: 
Description: Ari's theme
Author: JK
Author URI: 
Template: 
Version: 0.1
Copyright JK, Samuli Snellman, Ari Pulkkinen. All rights reserved.
*/


/*///////////////////////////////*/
/* RESETS                        */
/*///////////////////////////////*/

/* Reset styles - START - these will clear the different browser defaults for various margins, borders and such */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

html
{
height: 100%;
overflow-x: hidden;
}

body 
{
line-height: 1;
color: black;
background: #0a0a0a;
height: 100%;
}

ol, ul {
	list-style: none;
	margin-left: 12px;
	font-weight: inherit;
	font-size: inherit;
}

strong{
	font-weight: bold;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* Reset styles - END */



/*///////////////////////////////*/
/* SOME BASICS                   */
/*///////////////////////////////*/


/*  NOTE:
*   10px 10px 10px 10px ---  top, right, bottom, left
*/


table, div
{
	font-family: arial, verdana, tahoma, sans-serif;
	font-size: 10px;
	line-height: 1.4;
	//color: #8C8C8C;
	text-align: center;
}

.error
{
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
}


/*///////////////////////////////*/
/* PARAGRAPH AND HEADERS         */
/*///////////////////////////////*/


h1
{
color: white;
font-size: 20px;
text-align: left;
margin: 12px 10px 10px 10px;
}

h2
{
color: white;
font-size: 16px;
font-weight: bold;
text-align: left;
margin: 12px 10px 10px 0px;
}

h3
{
color: white;
font-size: 14px;
font-weight: bold;
text-align: left;
margin: 12px 10px 10px 0px;
}

.header_news
{
	font-family: Arial, verdana, tahoma, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: white;
}

.header_big
{
	font-family: Arial, verdana, tahoma, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: black;
	padding-left: 30px;
}

.header_small
{
	font-family: Arial, verdana, tahoma, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: black;
	padding-left: 30px;
}

.header_normal
{
font-family: Tahoma, sans-serif;
font-size: 17px;
font-weight: bold;
text-decoration: none;
color: white;
text-align: left;
}

.header_content
{
font-family: Tahoma, sans-serif;
font-size: 15px;
font-weight: bold;
text-decoration: none;
color: white;
text-align: left;
padding-left: 2px;
}

p
{
margin: 8px 10px 8px 2px;
color: white;
font-size: 11px;
text-align: left;
line-height: 1.2;
}

.content_date
{
color: #8b8b8b;
font-size: 11px;
text-align: left;
line-height: 1.2;
}

.header_line
{
height: 1px;
border-bottom: 1px solid #2A2A2A;
}




/*///////////////////////////////*/
/* NORMAL LINKS                  */
/*///////////////////////////////*/

a
{
	font-family: Arial, verdana, tahoma, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #41a4e0;
}
a:link
{
	color: #41a4e0;
}

a:visited
{
	color: #41a4e0;
}
a:active
{
	color: #00ACDD;
	text-decoration: none;
}
a:hover
{
	color: #00ACDD;
	text-decoration: none;
}



/*///////////////////////////////*/
/* THE PAGE ABSOLUTE LAYOUT      */
/*///////////////////////////////*/

#page_mainframe
{
position:relative; 
z-index:3; 
top: 0; 
margin: 0;
width: 100%; 
height:auto !important;
height: 100%;
min-height: 100%;
background: #0a0a0a url('graphics/page_header.png') no-repeat top left;
}


#page_header
{
position: relative;
height: 390px;
width: 100%;
}

#page_header_collaborate
{
position: absolute;
top: 10px;
left: 0px;
width: 585px;
height: 16px;
background: black;
padding: 2px;
text-align: right;
}

#page_header_ari_description
{
position: absolute;
top: 190px;
left: 0px;
width: 267px;
height: 26px;
background: #0a0a0a url('graphics/page_ari_description.png') no-repeat top left;
}

#page_header_ari_pulkkinen
{
position: absolute;
top: 242px;
left: 21px;
width: 438px;
height: 48px;
background: url('graphics/page_ari_pulkkinen.png') no-repeat top left;
}


#page_menu
{
float: left;
z-index: 5;
position: relative;
height: 80px;
top: 300px;
padding-left: 20px;
background: transparent;
text-align: left;
}

/*
#page_menuline
{
position: absolute;
top: 295px;
left: 1.2%;
z-index: 6;
width: 98.8%;
height: 1px;
background: #41a4e0;
}
*/

#page_menuline_left
{
position: absolute;
top: 295px;
left: 20px;
z-index: 6;
width: 460px;
height: 1px;
background: #41a4e0;
}

#page_menuline_wave
{
position: absolute;
top: 243px;
left: 480px;
width: 131px;
height: 70px;
background: transparent url('graphics/page_menuwave_transparent.png') no-repeat;
z-index: 7;
} /* #0a0a0a */

#page_menuline_right
{
position: absolute;
top: 295px;
left: 611px;
z-index: 6;
width: 100%;
height: 1px;
background: #41a4e0;
overflow-x: hidden;
}

#page_content
{
text-align: left;
width: 700px;
background: transparent;
z-index: 1;
padding-bottom: 50px;
}


#page_content_maintext
{
position: relative;
/*
position: absolute;
top: 390px;
*/
left: 30px;
width: 370px;
min-height: 300px;
background: #0a0a0a;
font-family: Tahoma, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: none;
color: white;
z-index: 10;
}

h1.page_content_maintext
{
font-size: 15px;
font-weight: bold;
}

#page_content_whatsup
{
position: absolute;
top: 390px;
left: 400px;
width: 215px;
min-height: 300px;
background: #0a0a0a;
margin-left: 20px;
padding-left: 10px;
padding-top: 2px;
}


#page_content_projects_inprojectspage
{
position: relative;
width: 350px;
background: #0a0a0a; 
margin-left: 0px;
margin-top: 0px;
z-index: 5;
}

#page_content_projects
{
position: relative;
width: 600px;
height: 160px;
background: #0a0a0a;
margin-left: 95px;
margin-top: 0px;
z-index: 5;
}

.featured_project
{
float: left;
height: 75px;
width: 142px;
padding: 0px;
text-align: left;
margin: 0px 2px 0px 0px;
font-family: Tahoma, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: bold;
color: white;
background: #2A2A2A;
border: 4px solid #2A2A2A;
}

.featured_project:hover
{
border: 4px solid #393939;
}

.featured_project_inprojectspage
{
float: left;
height: 75px;
width: 142px;
padding: 0px;
text-align: left;
margin: 0px 2px 0px 0px;
font-family: Tahoma, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: bold;
color: white;
background: #2A2A2A;
border: 4px solid #2A2A2A;
}

.featured_project_inprojectspage:hover
{
border: 4px solid #393939;
}

.featured_project_container
{
width: 350px;
margin: 0px;
}

.featured_project_image
{
float: left;
margin: 10px;
width: 143px;
background: #2A2A2A;
border: 4px solid #2A2A2A;
clear: none;
}

.featured_project_image:hover
{
border: 4px solid #393939;
}

.featured_project_text
{
float: left;
width: 170px;
margin-top: 10px;
margin-left: 5px;
text-align: left;
}

a.featured_project_namelink, a.featured_project_namelink:link
{
color: white;
text-decoration: none;
}

a.featured_project_namelink:hover
{
color: white;
text-decoration: underline;
}




a
{
	font-family: Arial, verdana, tahoma, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #41a4e0;
}
a:link
{
	color: #41a4e0;
}

}
a:hover
{
	color: #00ACDD;
	text-decoration: none;
}




#page_footer
{
position: absolute;
bottom: 0; 
left: 0;
width: 100%; 
height: 40px;
background: #0a0a0a url('graphics/page_footer.png') no-repeat bottom left;
z-index:2; 
padding-top: 10px;
clear: both;
}



#page_menu_links
{
width: 500px;
text-align: left;
font-family: Tahoma, sans-serif;
height: 100px;
}

.menulink_item, .menulink_item_home, .menulink_item_news, .menulink_item_services, .menulink_item_biography, .menulink_item_music, .menulink_item_blog, .menulink_item_contact
{
float: left;
height: 60px;
padding: 2px;
text-align: left;
margin: 0px 5px 0px 10px;
font-family: Tahoma, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: bold;
color: white;
}

.menulink_item:hover { background: purple; }

.menulink_item_home:hover { background: url('graphics/page_menu_linkmouseovers.png') 0px 0px; }
.menulink_item_news:hover { background: url('graphics/page_menu_linkmouseovers.png') -53px 0px; }
.menulink_item_services:hover { background: url('graphics/page_menu_linkmouseovers.png') -106px 0px; }
.menulink_item_biography:hover { background: url('graphics/page_menu_linkmouseovers.png') -178px 0px; }
.menulink_item_music:hover { background: url('graphics/page_menu_linkmouseovers.png') -263px 0px; }
.menulink_item_blog:hover { background: url('graphics/page_menu_linkmouseovers.png') -337px 0px; }
.menulink_item_contact:hover { background: url('graphics/page_menu_linkmouseovers.png') -387px 0px; }


/*
.menulink_item_home:hover { background: #CB3EFF; }
.menulink_item_news:hover { background: #04C66C; }
.menulink_item_services:hover { background: #00ABF9; }
.menulink_item_biography:hover { background: #FF6745; }
.menulink_item_music:hover { background: #FF5483; }
.menulink_item_blog:hover { background: #5968F4; }
.menulink_item_contact:hover { background: #CA3EFF; }
*/



a.menulink
{
font-family: Tahoma, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: bold;
color: white;
}

a.menulink:active
{
color: #B7E5FF;
text-decoration: none;
}
a.menulink:hover
{
color: #CB3EFF;
}



#page_content_maintext .blogtext img
{
margin: 0px 5px 5px 4px;
}

/*
#page_content_maintext .blogtext img .wp-smiley
{
margin: 10px 0px 0px 0px;
}
*/


#page_content_maintext ul
{
text-align: left;
font-size: 11px;
//font-size: inherit;
color: inherit;
}

#page_content_maintext ol
{
text-align: left;
font-size: 11px;
//font-size: inherit;
color: inherit;
}




.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: left;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}