/*

Design by Free CSS Templates

http://www.freecsstemplates.org

Released for free under a Creative Commons Attribution 2.5 License

*/



* {

	margin: 0;

	padding: 0;

}



body {

	margin: 0;

	background: #333 url(images/lines1.png);

	font: normal small Arial, Helvetica, sans-serif;

	color: #666666;

}



h1, h2, h3 {

	font-family: Arial, Trebuchet MS, sans serif;

	font-weight: normal;

	color: #333;

	border-bottom: 0px solid #000000;

	text-indent: 20px;

}



h2 {

}



h3 {

	font-weight: bold;

}



p {line-height: 180%;  padding: 0 0 5px 0;}



blockquote {

	padding-left: 3em;

	padding-right: 3em;

	background: url(images/quote1.gif) no-repeat;

	text-align: justify;

	font-family: Arial, "Times New Roman", Times, serif;

	color: #666;

}



ul {

	margin-left: 3em;

}



ul li {

}



ol {

	margin-left: 3em;

}



ol li {

}



a:link	{

	color: #666;

	text decoration: none

	}

	

a:visited {

	color: #666;

	text-decoration: none

}



a:hover {

	text-decoration: underline;

	font-weight: normal;

	color: #666;

}



img {

	border: none;

}



/* Boxed Style */



.boxed {

}



.boxed .title {

	height: 23px;

	padding: 15px 0 0 19px;

	background: #8CBEF5 url(images/img03.gif) repeat-x left bottom;

	border: 0px solid #ffffff;

	font-size: 1em;

	color: #FFFFFF;

}



.boxed .content {

	margin: 0 0 0px 0;

	padding: 20px;

	background: #fff;

}



/* PICTUREMENU */

#picturemenu {padding: 0 20px; }



#portfoliotext {padding: 5px 0 0 0}

#portfoliotext ul {list-style-type: none; padding: 0; margin: 0; border: 1px solid #FFF;}

#portfoliotext li {padding: 5px 0 0px 0; margin: 0;  border: 1px solid #FFF; height: 26px;}

#portfoliotext li img {padding: 0px 0 0 0; float: left;}



#article {padding: 0 20px 10px 20px; }

#article img {float: left; padding: 0; margin: 0 0 25px 0;}

#article h2 {border: 0px solid #000000; margin: 0; padding: 130px 0 0 0; font: bold 1.5em arial,;}

#article p {clear: both;}





#homepagetext {

	margin: 0 20px;

	padding: 25px 0 10px 0;

	border-top: 2px dotted #666;

}



#portfoliotext {

	margin: 0 20px;

	padding: 0 0 10px 0;

}

	

/* Page */



#page {

	width: 750px;

	margin: 0 auto;

	background: #FFFFFF;

	border: 0;

}



/* Logo */



#logo {

	height: 80px;

	background: url(images/header.png);

}



#logo h1 {display: none;}



/* Content */



#content {

}



#extra {

}



/* Content > Main */



#main {

	padding: 0 15px;

	float: top;

	}



#main a {

}



/* Content > Main > Welcome */



#welcome {

}



/* Content > Main > Example */



#example {

}



/* Content > Sidebar */



#sidebar {

}



#sidebar a {

}



/* Content > Menu */



#menu {

	height: 50px;

	background: #fff;

	padding-top: 15px;

	padding-left: 20px

}



#menu ul {

	margin: 0;

	list-style: none;

}



#menu li {

	display: inline;

}



#menu a {

	display: block;

	float: left;

	margin-left: 0px;

	padding: 0;

	text-decoration: none;

	text-transform: uppercase;

	font-size: 10px;

	font-weight: bold;

	color: #FFFFFF;

	height: 33px

}



#menu a.home:link, #menu a.home:visited {

	background: #fff url(images/home.png) no-repeat;

	width: 63px;

}

#menu a.home:hover { 

	background: #fff url(images/home_ro.png) no-repeat;

}



#menu a.portfolio {

	background: url(images/portfolio.png) no-repeat;

	width: 72px;

}

#menu a.portfolio:hover { 

	background: #fff url(images/portfolio_ro.png) no-repeat;

}

#menu a.writing {

	background: url(images/writing.png) no-repeat;

	width: 64px;

}

#menu a.writing:hover { 

	background: #fff url(images/writing_ro.png) no-repeat;

}

#menu a.images {

	background: url(images/images.png) no-repeat;

	width: 68px;

}

#menu a.images:hover { 

	background: #fff url(images/images_ro.png) no-repeat;

}

#menu a.websites {

	background: url(images/websites.png) no-repeat;

	width: 76px;

}

#menu a.websites:hover { 

	background: #fff url(images/websites_ro.png) no-repeat;

}

#menu a.aboutme {

	background: url(images/aboutme.png) no-repeat;

	width: 82px;

}

#menu a.aboutme:hover { 

	background: #fff url(images/aboutme_ro.png) no-repeat;

}

#menu a.contact {

	background: url(images/contact.png) no-repeat;

	width: 68px;

}

#menu a.contact:hover { 

	background: #fff url(images/contact_ro.png) no-repeat;

}

/* Footer */



#footer {

	clear: both;

	width: 750px;

	padding: 10px;

	margin: 0 auto;

}



#footer p {

	margin: 0 0 0 0px;

	font-size: 8pt;

	color: #999999;

}



#footer a {

	color: #999999;

}



/* Footer > Legal */



#legal {

}



/* Footer > Links */



#links {

}



/* HOMEPAGE ONLY */



img.homepage_left {

	margin: 0 23px 30px 0;

}



img.homepage_middle {

	margin: 0 0px 30px 0px;

}



img.homepage_right {

	margin: 0 0px 30px 23px;

}