/*
Theme Name: Appian's Layout
Description: Appian Logistics' Default theme
Author: Rueben Ramirez
*/

/*********** HOMEPAGE Styling ***************/
/*styles for homepage*/

#homepage{
	background-color: white;	
}

/*homeContent -- this block shows content provided from home page 
 found in the admin area of the backend of the site*/
#homeContent {
	float:left;
	width: 20em;
	margin-top: 1em;
	padding-left: 1em;
	padding-right: 70em;
}
/*keeps the new dynamic content on the bottom row of the homepage*/
#quickNflash{
	float: left;
	width: 60em;
	margin-right: 1em;
	margin-left: -67em; /*change this after nina gets the jpegs out there for content*/
	/*height: 22em;	*/
	margin-top: .5em;
	padding: 0;
}
/*
#quickNflash a {
	color: #c31217;
}*/
#homeFlash{
	z-index:1;
}

/*style elements for quicklinks section (look in homepage markup for divs)*/
#quickLinks {
	float: left;
	width: 22em;
}
/*take away standard formatting for the list in quicklinks section*/
#quickLinks ul {
	list-style: none;
	margin-left: .5em;
	padding-bottom: 1em;
}

#quickLinks ul li{
	border: 1px solid #E1E1E1;
	border-width: 1px 0;
	margin: 2px 0;
}

#quickLinks a {
	color: #990000;
	
	font: bold 100% Arial, Helvetica, sans-serif;
	text-decoration: none;
}
/*when mouseover a link it displays a line underneath it*/
#quickLinks li:hover {
	text-decoration: none;
	background-color: #FFFFCC
}
/*houses all the dynamic content coming in for press releases, 
case studies and events sections*/
#newContent {
	clear: both;	
	padding-bottom: 1em;
}
/* styles each of the 3 lists */
#newContent div{	
	width: 25em;
	float: left;
	margin-left: .4em;
	/*margin-top: -2em;	*/
	padding-left: 0;
	width: 20em;
	padding-bottom: .4em;
}

#newContent strong { 
	font-weight: bold;
	background: #000032;
	color: white;
	margin-top: .2em;
	padding: 0em 5em .2em 5em;
}

/*list contents (dynamic posts) in the new content sections*/
#newContent ul{
	margin: 0 2em 0 1em;
	width: 16em;
	list-style-image: url(http://appianlogistics.com/images/bullet.png);
	padding-left: 2em;
}
/*each element of the list in newcontent*/
#newContent li {
	padding-left: .8em;
	text-align:left;
	margin-bottom: .25em;
}
/*set color and underline for newContent links*/
#newContent li a{
	color:#336699;
	text-decoration:none;
	font-weight: bold;
}

/*adds a top margin to push newContent down a little from the top "row"*/
#newContent div ul{
	margin-top: 1em;
}
/*more styling for section headers of newContent*/
#newContent div strong{
	font-size: .9em;
	width: 18.8em;	
}
/*add an underline for each element of newContent*/
#newContent div ul li a:hover{
	text-decoration: underline;
}

/************* Generic Styles for site ************/
#body h5 {
	font-size:14px;
}
.storytitle {
	color: #336699;
}
h3.storytitle{
	font-size: 1.35em;
}
h5.storytitle{
	font-size:1em;
}

a.classic {
	font-size: 1em;
	text-decoration: underline;
	color: black;	
}

/*nav background for a consistant top nav theme.
change this when changing the style sheet for the nav menu
nav stylesheet: /jsmenu/menu.css*/
#navBackGround {
	margin-top: -2px;
	margin-bottom: -1.2em;
	padding-top: 0;
}

#header {	
	background-color: white;
	border-bottom: 0px;	
	color: #FFFFFF;
	height: 155px;	
	margin: 0;
	padding: 0;
	text-align: left;
	width:100%;    
	vertical-align: bottom;
}

/*#header a:link, #header a:visited {
	color: #FFFFFF;
	font-size: 24px;
}

#header a:hover {
	color: #FFFFFF;
}*/

#productButton, #productButton:visited {
	width:140px;
}
#solutionsButton, #solutionsButton:visited {
	width:140px;
}

/* styles for any link on the site*/
a:link {
	color: #336699;
	text-decoration: underline;
}

/*if a link has already been visited...
 we set values for this so the browser doesn't throw 
 defualts messing up the site design*/
a:visited {
	color: #336699;
	text-decoration: underline;
}

/*the mouse is hovering over the link*/
a:hover {
	text-decoration:underline;	
}

blockquote {
	color: #336633;
	font-style: italic;
}

body {
	/*background-attachment: fixed;*/
	background-color: white;
	/*background-image: url(images/fundal.jpg);*/
	/*color: #3D3D3D;*/
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: .7em;
	margin: 0px;
	padding: 0px;
	text-align: center;	
}

h2 {
	font-size: 11px;
	font-weight: normal;
}

h3 {
	font-size: 1.2em;
	margin: 0px;
	padding: 0px 0px 3px;
}

h3 a {
	color: #336699;
}

h4 {
	color: #3D3D3D;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 1.2em;
	font-weight: normal;
}

input {
	background: white;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
	color: #333333;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 11px;
	margin: 5px;
	padding: 3px;
}

.image-align-left {
	float: left;
	padding: 4px;
}

.image-align-right {
	float: right;
	padding: 4px;
}

.meta {
	color: #336699;
	float: left;
	font-size: 10px;
}

.storycontent {
	line-height: 130%;
	padding-top: 0em;
	/*background: orange;*/
}


.storytitle {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 5px;
	padding-left: 2px;
	padding-top: 2px;
	text-align: left;
}

.storytitle a:link, .storytitle a:visited {
	color: #336699;
	text-decoration: none;
}

.storytitle a:hover {
	text-decoration: underline;
}

/************ Content for all pages styled here **************/

a img {
	border: none;
}

/* This makes sure that the content is locked into place
Makes the user scroll to see the content on the right hand side*/
#contentNSide {
	float: left;	
	margin-left: -70em;	
	width: 65em; /**/
}

#content {
	margin-top:1em; /*match sideLeft top with content top*/
	margin-bottom: 1em;
	width: 45em;
	background-color: #eff5f8;  /*separate content from the white background*/
	float: left;
	line-height: 1.2em;
	font-weight: normal;
	min-height: 26em;
	padding: .5em 0 1em 2em;
}

#content h3 {
	color: #336699;
}

/* actual content is in a sub div called "post" but this 
	works for all divs under content div element*/
#content div{
	width: 42em; /*set width of actual content's text*/	
}
/*makes all the list elements using the bullet styles default to using the blue one in the specified gif*/
#content li {
	list-style-image: url(http://appianlogistics.com/images/contentbullet.png); 
}

#supportContent {
	margin: 1em 0 1em 0;
	min-height: 26em;
	font-weight: normal;
	padding: .5em 0 1em 2em;
	
}

#contentWhiteBG {
	margin-top:1em; /*match sideLeft top with content top*/
	margin-bottom: 1em;
	width: 45em;
	background-color: #FFFFFF;  /*separate content from the white background*/
	float: left;
	line-height: 1.2em;
	font-weight: normal;
	min-height: 26em;
	padding: .5em 0 1em 2em;	
}
#contentWhiteBG div{
	width: 42em; /*set width of actual content's text*/	
}
#contentWhiteBG h3 {
	color: #336699;
}
#contentWhiteBG li {
	list-style-image: url(http://appianlogistics.com/images/contentbullet.png); 
}


/*postExcerpt-- dynamic post pages (events, press..)*/
postExcerpt {
	margin-top: -1em;
}

/*adds space to bottom of each post so not one long 
flow of text in dynamic sections of the site*/
.post {
	padding-bottom: 1em;
}

#footer {	
	background-image: url( /images/footer.jpg );
	background-repeat: no-repeat;
	clear: both; /*makes footer go to bottom of screen..*/
	color: white;
	font-weight: bold;
	line-height: 4em;
	margin: 0;	
	padding: 0;
	text-align: center;	
	width: 950px;
}
	
#footer a {
	color: white;
	text-decoration: none;
}
#footer a:hover {
	color:white;
	text-decoration: underline;
}

#navmenu {
	margin: 0px;
    color: #FFFFFF;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: left;
	text-decoration: none;
	background: #faa;
}

#navmenu a:link, #navmenu a:visited {
	color: #FFFFFF;
	font-variant: normal;
	font-weight: bold;
	text-decoration: none;
}

#navmenu a:hover {
	/*background-color: #000032;*/
	color: #FFFFFF;
	text-decoration: none;
}

#rap {
	background-color:white;
	margin: 0 auto;
	text-align:left;
	width: 960px;
}
/*************SIDELEFT3*******************/
#sideLeft3 {
	margin-top: 1.2em;
	background: white;
	float: left;
	width: 20em;
	font-size: 1em;
	padding-right: 70em;
}

#sideLeft3 li.top {
	margin-left: -4em;
	width: 20em;
	background: #336699;
	padding: .2em 0 .2em 1em;
}

#sideLeft3 li.top a {
	color: white;
	font-weight: bold;
}
#sideLeft3 li.top a:hover {
	color: #cccccc;
	font-weight: bold;
	padding: .2em;	
}

#sideLeft3 li{
	list-style: none;
	padding: .55em;	
	/*padding-left: 2em;*/
	
	/*background: green;*/
}

#sideLeft3 li.current {
	list-style-image: url(/images/dropArrow.png);
}

#sideLeft3 li.drop {
	list-style-image: url(/images/rightArrow.png);
}

#sideLeft3 a {
	color: #666666;
	text-decoration:none;
}
#sideLeft3 a:hover {
	background: #666666;
	color: #cccccc;
	padding: .2em;	
}

#sideLeft3 li.sub {
	padding-left: 4em;
	width: 13em;
	background: white;
}

#sideRight {
	float: left;
	padding: 2em 0 2em 1em;;
	margin-left: 0;
	width: 16em;
}

#sideRight ul {
	list-style-type: none;
	margin-left: 0em;
	margin-top:1em;
	padding: 0px;
}
#sideRight img {
	margin-bottom: -.25em;
}
#sideRight li.sidepress{
	padding-top: .55em;
}

#submit {
	border-bottom-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #999999;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #666666;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #666666;
	border-top-style: solid;
	border-top-width: 1px;
}

#submit:hover {
	border-bottom-color: #666666;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #666666;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #999999;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #999999;
	border-top-style: solid;
	border-top-width: 1px;	
}

#screenshots{
	text-align: center;
	width: 12em;
	/*background: #faa;*/
	border-top: 1px solid black;
}

#screenshots div{
	width: 7em;
	float: left;
	padding: 0;
	/*padding: -.65em, .85em, .85em, .85em;*/
	
}



/************ CONTACT FORM Styling *************/
label.notValid {
	color:#C31217; /*red color*/
	font-style:italic;
}
h4{
	font-size: 1.2em;
	font-weight:bold;
	color:#336699;
}
form.contact {
	border:#999999;
	border-width:1px;
}

#form{
	background-color: #F8F8F8;
	float:left;
	font-size: 1em;
	margin-left: -70em;
	margin-top: 1em;
	padding: 1em 4.8em 2em 2em;
	text-align:left;
	width: 46em;
}
#form table {
	font-size: 1em;
}
#formSucceed{
	width: 50em;
}

#file {
	color: white;	
}

#empOppContent {
	margin-top:1em; /*match sideLeft top with content top*/
	margin-bottom: 1em;
	width: 60em;
	background-color: #eff5f8;  /*separate content from the white background*/
	float: left;
	line-height: 1.2em;
	font-weight: normal;
	min-height: 26em;
	padding: .5em 2em 1em 2em;	
}

#empOppListings {
	padding-bottom: 1.75em;
}