/* (c) 2010 Gordondurgha.com */
/* http://www.gordondurgha.com */

/* This controls the width of the fluid width layouts */
div.fluid
{
	width: 90% !important;
}

/* This controls the width of the fixed width layouts */
div.fixed
{
	width: 950px !important;
}

/* Basic Stuff */
*
{
	margin: 0em;
	padding: 0em;
}

body
{
	background-image:url('images/page-background.jpg');
	color: #000;
	font-size: 12px;
	line-height:1.4em;
	font-family: Arial,Helvetica,sans-serif;
}

h1,h2,h3,h4,h5,h6
{
	font-weight: normal;
	letter-spacing: -1px;
	margin-bottom:5px;
	clear:both;
}

h3,h4,h5,h6
{
	color: #334D00;
}

h3
{
	color:#9BC451;
	background-repeat:no-repeat;
	text-align:left;
	padding-left:30px;
	padding-top:15px;
	padding-bottom:40px;
	height:35px;
	background-color:#F8F8F8;
}

h1 span
{
	font-weight: bold;
}

h3 span
{
	font-weight: bold;
}

h4 span
{
	font-weight: bold;
}

br.clear
{
	clear: both;
}

img
{
	padding: 3px;
	border-width:0px;
}

ul
{
	list-style-type:none;
}

a
{
	text-decoration: underline;
	color: #008FD9;
}

a:hover
{
	text-decoration: none;
}

p
{
	line-height: 1.8em;
}

/* Header */

#header
{
	position: relative;
	width: 950px;
	margin: 0 auto;
	margin-top: 2.5em;
	background-color:#494949;
}

#header_inner
{
	position: relative;
	width: 950px;
	height:83px;
	margin: 0 auto;
}

/* Logo */
div#logo
{
	position: relative;
	bottom: 0.6em;
	width:298px;
	height:54px;
	top:5px;
}

/* Main */


#main
{
}

#main_inner p
{
	text-align: justify;
	margin-bottom: 2.0em;
}

#main_inner ul
{
	margin-bottom: 2.0em;
}

#main_inner
{
	position: relative;
	width: 950px;
	margin: 0 auto;
	padding-top: 2.5em;
	background-color:#fff;
}

#main_inner h3,h4
{
	border-bottom: dotted 1px #E1E1E1;
	position: relative;
}

#main_inner h3
{
	font-size: 3.1em;
	padding-bottom: 0.1em;
	margin-bottom: 0.8em;
}

#main_inner h4
{
	font-size: 1.2em;
	padding-bottom: 0.175em;
	margin-bottom: 1.4em;
	margin-top: 0.95em;
}

/* Content */
div#content
{
	padding-left:30px;
	padding-right:10px;
}

div#prof
{
    height:180px;
}
/* User Nav */
div#user_nav
{
	margin-bottom:10px;
}

/* Footer */
#footer {
	position: relative;
	width: 950px;
	margin: 0 auto;
	background-color:#151515;
}

#footer .footer-container {
	height:150px;
	margin:0 auto;
	text-align:left;
	width:975px;
}

#footer dl {
	float:left;
	margin:24px 8px 40px 0;
	padding:0 8px;
}

#footer dl dt {
	color:#c8c8c8;
	font-size:18px;
	padding-bottom:4px;
}

#footer dl dd {
	margin:4px 0 4px 2px;
}

#footer dd a
{
	color:#fff;
}

/* HRs */
hr {
	border: none 0;
	border-top: 1px dashed #000;/*the border*/
	width: 50%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	margin-top:10px;
	margin-bottom:10px;
}

table#contact td
{
    padding:5px;
    vertical-align:middle;
}



input.button
{
	background-color:#99CC66;
	border-color:#C4E2A7 #75A848 #75A848 #C4E2A7;
	border-style:solid;
	border-width:1px;
	color:#FFFFCC !important;
	cursor:pointer;
	font-size:100%;
	font-weight:bold;
	overflow:visible;
	padding:4px 8px;
}

input, textarea, button, select
{
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	-x-system-font:none;
	border:1px solid #CCCCCC;
	clear:both;
	color:#333333;
	font-family:Georgia;
	font-size:14px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:italic;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:0.4em 0;
	padding:5px 6px;
}


/* Data Grid */
.datagrid
{
	width:100%;
}

.datagrid th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #6D929B;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/table-header.jpg) no-repeat;
}

.datagrid td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #6D929B;
}


/* Lists */
.repeater li
{
	padding:2px;
}

/* My Account */
dl dt a
{
	display: block;
	background-color:#ebebeb;  
	padding: 6px;  
}

a.login
{
	background-image:url('images/icon-login.png');
	background-repeat:no-repeat;
	padding-left:20px;
}

a.logout
{
	background-image:url('images/icon-logout.png');
	background-repeat:no-repeat;
	padding-left:20px;
}

a.register
{
	background-image:url('images/icon-register.png');
	background-repeat:no-repeat;
	padding-left:20px;
}


td.print
{
	background-image:url('images/icon-print.gif');
	background-repeat:no-repeat;
	padding-left:30px;
}

/* Custom Tables */
table#homepage
{
	width:100%;
}



/* Typography */

/* Modal Popup */
.modalBackground 
{
	background-color: black;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup
{
	background-color: #D1D4D4;
	border: #FFFFCC solid 2px;
	color: #000;
	padding: 10px;
}

.modalHeader
{
	color: #CCCC33;
	font-size: 18px;
	margin-bottom: 0px;
	margin-top: 0px;
}

a.arrow {
	background:#F2F2F2 url(images/arrow.gif) no-repeat scroll right center;
	float:left;
	font-size:1.2em;
	margin:0 0 4px;
	padding:9px 32px 9px 9px;
}

ul.abilities li
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:url(images/icon-checkmark.gif) no-repeat scroll left center;
	display:block;
	float:left;
	font-size:1.0em;
	margin:0 0 2px;
	padding:4px 32px 4px 20px;
	clear:both;
}

a.facebook
{
	background-image:url('images/icon-facebook-mini.png');
	background-repeat:no-repeat;
	padding-left: 18px;
	padding-bottom:5px;
	font-weight:bold;	
}

a.twitter
{
	background-image:url('images/icon-twitter-mini.png');
	background-repeat:no-repeat;
	padding-left: 18px;
	padding-bottom:5px;
	font-weight:bold;	
}

a.linkedin
{
	background-image:url('images/icon-linkedin-mini.png');
	background-repeat:no-repeat;
	padding-left: 18px;
	padding-bottom:5px;
	font-weight:bold;	
}

a.email
{
	background-image:url('images/icon-email-mini.png');
	background-repeat:no-repeat;
	padding-left: 18px;
	padding-bottom:5px;
	font-weight:bold;	
}

ul.portfolio li
{
    list-style-type:none;
    padding:5px 0px 5px 0px;

}

div#portfolio-item
{
    border:solid 1px #ebebeb;
    padding:5px;
    height:180px;
}


ul.portfolio li span.title
{
    font-weight:bold;
    font-size:16px;
    display:block;
}

div#portfolio-item span.photo
{
    display: block;
    float:left;
    padding-right:10px;
}

div#portfolio-item span.description
{
    display: block;
}

div#portfolio-item span.url
{
    display: block;
    float:right;
    background-color:#fffef0;
    border:solid 1px #ebebeb;
    padding:5px;
    margin-top:10px;
    
}
div#twitter
{
    clear:both;
}


div.large-header
{
    background-color:#ebebeb;
    margin-top:15px;
    margin-bottom:25px;
    padding:4px;
    border-bottom:solid 2px #e2e2e2;
}

div#toolbox
{

    width:100%;
    height:auto;
}

div#toolbox div.tool
{
    clear:both;
}

div#toolbox div.tool span.logo
{
    float:left;
    width:300px;
}

div#toolbox div.tool span.description
{
    float:left;
    width:600px;
    padding-top:10px;
}

.box-hint
{
    background: #EAF3FD;
    border: 1px solid #C6DFF9;
    padding: 8px 13px;
    margin-bottom:5px;
}

.box-hint h1
{
    font-size:14px;
    font-weight:bold;
    padding-left:0px;
    margin-bottom:1px;
    padding-bottom:1px;
    background-image:none;
    color:#000;
}

.highlight
{
    background-color: #E6FEC0;
    color: inherit;
}