/*  
Theme Name: DF Design 2010
Theme URI: http://dferrodesign.com
*/


/* GLOBALS
==================================== */


body {
	color:#BFBFBF;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#eceeeb;
}

* { margin:0px; padding:0px; }

.clear{ clear: both; height: 0px; line-height:2px;}
.left { float:left;  }
.right { float:right; }
.hide { display:none; }

img { border-style: none}

a:link {text-decoration: none; color:#666666;}
a:visited {text-decoration: none; color:#666666;}
a:active {text-decoration: none; color: #B3B3B3;}
a:hover {text-decoration: none; color: #B3B3B3;}

#container{
	width:905px;
}

.left_column {	
	width:190px; 
	margin:0 0 0 20px;
	position:fixed;
	z-index:2;
}

.right_column { margin:-2px 0 0; }

.cat_nav{
	float: left;
	margin-top:5px;
}

.hline, .small_hline {
	width:auto;
	height:1px;
	border-color:#F2F2F2;;
}

.small_hline {  
	width: 25px;  
	border: none;
	background-color:#666666;
}


h1 {
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:100;
}

h2 {
	color:#666666;
	font-size:11px;
	font-weight:100;
}

h3 {
	font-size:12px;
	margin:8px 0 0;
}

/* SIDE BAR
==================================== */


.sidebar_info {
	background-color:#B3B3B3;
	font-size:10px;
	line-height:11px;
	opacity:0.5;
	padding:1px 0 20px 20px;
	width:156px;
	color:#000000;
	float:left;
}

.sidebar_info a { color:#000000; }
.sidebar_info a:hover { color:#ffffff; }

.sidebar_info p {
	margin:15px 0 0 0;
}

#menuSide {
    display: block;
    width: 170px;
    float: left;
    margin:-2px 0 0 0;
}

/* Target all Firefox */ 
@-moz-document url-prefix() { #menuSide  { 
    display: block;
    width: 170px;
    float: left;
    margin:0;
	}
} 


#menuSide li {
    list-style: none;
    font-weight:bold;
    float:left;
    display:block;
}

#menuSide li a {
	background-color:#B3B3B3;
	display:block;
	float:left;
	height:16px;
	opacity:0.5;
	padding:0 0 0 20px;
	width:156px;
	line-height:16px;
}

#menuSide .active {
	padding:3px 0 2px 20px;
	color:#000000;
}

#menuSide a:link, #menuSide a:visited, #menuSide a:active, #menuSide a:hover { text-decoration: none; color:#000000; }

#menuSide a:hover {
	opacity:1;
	background-color:transparent;
}

.editbtn { margin: 15px 0 0 0; }

#workLinks {
	margin: 15px 0 0;
}


#workLinks li {
	list-style:none;
	margin: 2px 0;
}

/*#indexLogo {
	display:none;
}*/

/* POSTS
==================================== */

.post, .postSingle {
	float:left;
	width:905px;
	margin:0 0 50px;
	text-align: left;
	position:relative;
}

.postSingle {
	margin:  27px 0 20px;
}

.postHead {
	background-color:#000000;
	height:48px;
	margin:10px 0 0;
	padding:15px 0 0 218px;
	position:relative;
	cursor:pointer;
}

.companyName {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
	margin: 0 0 25px 0;
}

.text_column, .postNav {
	background-color:#000000;
	float:right;
	letter-spacing:0.1px;
	line-height:12px;
	padding:0 20px 20px;
	width:157px;
}	

.postNav {
	background-color:#F2F2F2;
	margin:20px -20px;
	padding:20px 0 0;
	position:absolute;
	width:198px;
	color:#000000;
}

.text_column span {
	font-weight:bold;
}

.post p, .postSingle p {
	margin: 15px 0 0 0;
	line-height:13px;

}

.role {
	margin:15px 0;
}

.details {
	width:636px;
	float:right;
	margin:0 20px;
}

.details img {
	display:block;
	float:right;
	height:auto;
	margin:20px 0 0;
	width:470px;
}

.detail_header {
	float:left;
	margin: 10px 0 0 0;
}

.new {
	color:#FFFFFF;
	font-size:21px;
	font-weight:bold;
	position:absolute;
	right:20px;
	text-transform:capitalize;
	top:14px;
}


.postContent{
	display:none;
	height:100px;
	overflow:hidden;
}

.post-categories li {
	list-style-type:none;
}


/* ABOUT
==================================== */

.aboutDescription {
	background-color:#000000;
	margin:12px 0 0;
	padding:15px 20px 20px 218px;
	
}

.aboutDescription p {
	font-size:11px;
	letter-spacing:0.1px;
	line-height:17px;
	margin:5px 0;
}

.abouth1 {
	margin: 0 0 5px 0;
}

.about_hline {
	margin: 10px 0;
	width: 25px;  
	border: none;
	background-color:#666666;
}