@charset "utf-8";
/*
Theme Name: DRAWNET
Theme URI: http://draw.net.au/
Description: DRAWS small piece of the web.
Version: 1.0
Author: Raffaello Rosselli
Author URI: http://rdotr.com/
*/


body #container { font-family: Arial, sans-serif;}

h1 {color:#9ccb3b; font-size:13px; text-transform:uppercase; font-weight:bold;}
h2 {color:#9ccb3b; font-size:13px; text-transform:uppercase; font-weight:bold; padding-bottom:5px;}
h3 {}

a{color:#9ccb3b; text-decoration:none;}
a:hover{color:#80a932;}
a:visit{}

div#container {width:950px; margin:0 auto; margin-top:40px;}
#main {float:left; width:802px; margin-bottom:50px; padding-right:15px; border-right:1px #cdcecf dotted;}
#sidebar {float:right; width:118px;}

#main p {font-size:12px; line-height:15px; padding-bottom:15px;}
#main h2 {padding-top:10px;}
#main img {border:1px solid #e9e9e9;}
#content {padding-bottom:30px;}

.navlist li{display: inline; list-style-type: none; padding-right: 20px;}


#header {padding-bottom:14px;}
#header img {margin-bottom:6px;}
#header-container {padding-bottom:6px; border-bottom:1px #cdcecf dotted;}
#header-nav {float:right; width:300px; text-align:right; margin-top:-2px;}
#header-nav a {color:#9ccb3b; font-size:13px; text-transform:uppercase; font-weight:bold; text-decoration:none;}
#header-nav a:hover{color:#80a932;}
#header-project-nav {padding-top:10px;}
#header-project-nav a {color:#17c0f3; font-size:13px; text-transform:uppercase; font-weight:bold; text-decoration:none;}
#header-project-nav a:hover{color:#219ac5;}

#header-tag {float:left; width:500px;}

#sidebar ul#sidelist {}
#sidebar ul li {list-style-type: none; list-style-image: none; border-top:1px #cdcecf dotted; padding-top:12px; margin-top:15px;}
#sidebar ul li li {list-style-type: none; list-style-image: none; border-top:none; margin-top:0; padding-top:0px;}
#sidebar li li a {font-size:12px; color:#c1c2c5; text-decoration:none;}
#sidebar li li a:hover {color:#98989c;}
#sidebar h3 {color:#17c0f3; font-size:12px; text-transform:lowercase;} 
#sidebar ul li.firstlist {padding-top:0; margin-top:0; border-top:none;}



#footer {border-top:1px #cdcecf dotted; padding-top:15px;}
#footer h3 {color:#9ccb3b; font-size:13px; text-transform:uppercase; font-weight:bold; text-decoration:none; }
#footer li, #footer li a {color:#c1c2c5; font-size:13px; text-transform:uppercase; font-weight:bold; font-weight:bolder; text-decoration:none;}
#footer li a:hover {color:#9e9fa2;}
#footer p {font-size:12px; color:#c1c2c5; font-weight:bold;}
.cols {width:200px; float:left;}

#navcontainer { margin-left: 30px; }




/*Fat Erik's Breadcrumbs*/
#breadcrumb-nav {padding-top:13px; height:16px;}
.breadcrumb-list li a {font-size:12px; color:#c1c2c5; text-decoration:none;}
.breadcrumb-list li a:hover {color:#98989c;}
.breadcrumb-list {list-style: none; padding: 0; margin: 0;}
.breadcrumb-list li{display: inline; padding: 0; margin: 0;}
.breadcrumb-list li:before { content: "> "; font-size:12px; color:#c1c2c5;}
.breadcrumb-list li:first-child:before { content: ""; }
/*IE workaround*/
/*All IE browsers*/
* html .readcrumb-list li{background-image: url("images/gt.gif");background-repeat: no-repeat;background-position: 0 50%;padding: 0 0.5em 0 1em;margin: 0 1em 0 -1em;}
/*Win IE browsers - hide from Mac IE\*/
* html .breadcrumb-list{ height: 1%; }
* html .breadcrumb-list li{display: block;float: left;}
/*End hide*/
/*Mac IE 5*/
* html .breadcrumb-list li:first-child { background-image: none; }


h2 a{color:#9ccb3b; text-decoration:none; text-transform:uppercase;}
h2 a:hover{color:#80a932;}
h2 a:visit{}
.projects img {width:391px; height:147px;}
.projects { float:left; width:393px; padding-bottom:20px;}
.odd {margin-right:16px;}

#main .projects a.more  {font-size:12px; color:#9ccb3b; text-decoration:none; padding-left:20px; background:url(images/arrow.png) no-repeat; background-position:2% 65%;}
#main .projects a.more:hover  {color:#80a932;}
#main .projects p {padding-bottom:4px;}
#main .projects h2 {padding-bottom:3px; padding-top:10px;}

/* STYLES FOR CROSSFADER */
#image-head {position:relative; height:300px;}
div.cf_wrapper {position: relative;}
div.cf_element {position: absolute;	visibility: hidden;	opacity: 0;	filter: alpha(opacity=0); width: 800px; height: 300px;}