/*  
Theme Name: Arbworx (based on TriColumn News)
Theme URI: http://nettuts.com/
Description: Arbworx 960.gs theme
Version: 1.0
Author: Toby Cole
Author URI: http://www.55th.co.uk

*/

@import url("css/grid.css");
@import url("css/reset_and_base.css");

body{
	min-width: 1050px;
	font-family: Tahoma, Arial, sans-serif;
	color: #035e6e;
}
h3{
	font-weight: normal;
	font-size: 130%;
}
h4{
	font-family: Palatino, "Palatino Linotype", "Book Antiqua", serif;
	font-size: 120%;
	margin-bottom: 0.5em;
}
a{
	color: #ABA434;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

.subtitle{
	color:  #9abfc0;
}
/* nav bar ========== */
.header{
	background-color: #aba434;
	overflow: hidden;
	margin: 0 10px;
	height: 118px;
}
.header img{
	margin: 1.7em 0 1.7em 2em;
}

.header .omega img{
	margin-left: 10em;
	
}

/* nav bar ========== */
.nav{
	background-color: #035e6e;
	font-weight: bold;
	font-size: 10pt;
	text-transform: lowercase;
	padding: 0;
	margin: 0 10px;
	overflow: auto;
	_width: 100%;
}
.nav a{
    color: #FFF;
    text-decoration: none;
    display:  block;
    padding: 6px 18px;
}

.footernav a{
	padding: 6px 8px;
}

.nav a:hover{
    text-decoration: underline;
}
.topnav ul{
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.topnav ul li{
    list-style: none;
	float:  left;
}

.topnav ul li ul{
    display: none;
	position:  absolute;
	z-index:10;
	background-color: #035e6e;
	-moz-border-radius: 0px 0px 10px 10px;
    -khtml-border-radius: 0px 0px 10px 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-radius: 0px 0px 10px 10px;
	opacity: 0.9;
}

.topnav>ul>li>ul>li:last-child{
	-moz-border-radius: 0px 0px 10px 10px;
    -khtml-border-radius: 0px 0px 10px 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-radius: 0px 0px 10px 10px;	
}

.topnav ul li ul li{
    float: none;
}

.topnav ul li:hover ul{
	display: block;
}

.topnav ul ul ul{
	background-color: inherit;
}

.nav .current_page_item, .nav .current_page_ancestor{
	background-color:#9abfc0;
}


/* feature box ========= */
.features{
	height:321px;
	margin:0 10px;
}
.feature-wrapper{
	position: relative;
}
.feature-wrapper .slide-control{
	position:  absolute;
	text-decoration: none;
	top: 80px;
	left:20px;
	font-size: 1000%;
	z-index: 300;
	font-family: "Courier New",Courier, monospace;
	color: rgba(154,191,192,0.5);
	*color: #9ABFC0;
}
.feature-wrapper #prev_slide{
	right: 20px;
	left: auto;
}

.features div div.post{
    background-color: rgba(255,255,255,0.9);
    *background-color: #ececdd;
	position: absolute;
	right: 0em;
	bottom: 0;
	margin: 0;
	padding: 15px;
	width: 30em;
	font-size: 70%;
	font-weight: bold;
}
.features div span.header{
	position: absolute;
	top: -1.7em;
	left: 0px;
	padding: 3px 8px;
	margin: 0;
	color: #FFFFFF;
	overflow: visible;
	height: auto;
}
.features div .header .slant{
    display:block;
    padding:3px 0px;
    position:absolute;
    right:-15px;
    top:0;
    width:15px;
    background: transparent url(img/slant24.png) no-repeat;
    /* For IE6 */
    _background: transparent url(img/slant.png) no-repeat;
}

.company-intro{
	font-family: Palatino, "Palatino Linotype", "Book Antiqua", serif;
	font-size: 120%;
}

/* section boxes ======= */
.section-boxes{
	font-size: 75%;
}
.section-boxes h4{
	position: absolute;
	top: 0;
	right: 0;
	background-color: #aba434;
	width: 60%;
	padding: 0.2em 0.5em;
	color: #fff;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 140%;
}
.section-boxes h4 a{
	color: #fff;
}
.section-boxes .alt-scheme h4{
	background-color: #035e6e;
}
.section-boxes div{
	background-color: #ececdd;
	position: relative;
}
.section-boxes div.alt-scheme{
	background-color: #ccdfdf;
}
.section-boxes p{
    margin: 10px;
}
.section-boxes .img-container{
	margin: 0;
}
.section-boxes a:hover h4, .section-boxes .current_page h4{
	background-color: #9ABFC0;
}

.page-list{
	margin-bottom: 0.5em;
}
.page-list h3{
	background-color:#035E6E;
	color:#ffffff;
	margin: 0;
	padding: 6px 18px;
	font-size: 110%;
}

.page-list ul{
	background-color:#9abfc0;
	margin: 0;
	padding: 0.5em 0;
}

.page-list ul ul{
	margin-left: 1em;
	padding:0;
}

.page-list li{
	list-style: none;
}
.page-list a{
    display:  block;
    color: #035E6E;
    text-decoration: none;
    padding: 0.2em 18px;
    text-transform: lowercase;
}
.page-list a:hover, .page-list .current_page_item a{
    text-decoration: underline;
}
#footer{
	margin:2em 0 0;
	font-size: 70%;
	background: #035e6e url(images/footerDrop.gif) no-repeat top left;
	background-repeat: repeat-x;
	height: auto;
	/* Back to the default overflow */
	overflow: visible;
	text-shadow: #222 1px 1px 2px;

}

#footer #footernav .current_page_item{
	font-weight: bold;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}
#footer #footernav ul ul .current_page_item{
	background-image: none;
}
#footer>ul>li>ul>li.current_page_ancestor, #footer ul ul li.current_page_item{
	background-image: url(images/footerDropSelected.gif);
	background-repeat: repeat-x;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}

#footernav{
    margin: 0 0 0 1em;
}
#footernav li{
	list-style: none;
}
#footernav .widget{
	float:  left;
}

#footernav .page_item{
	float:  left;
	margin-right: 1em;
	font-weight: bold;
	padding-top:0.5em;
	max-width: 20em;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;

}
#footernav .page_item .page_item{
	float:  none;
	font-weight: normal;
}
#footernav a {
	padding: 3px 12px;
}
#footernav ul{
	margin:0;
}
#footernav ul ul ul{
	margin-left: 1em;
}
#footernav .widgettitle{
    display:  none;
}
#footer_blurb{
	text-align: center;
	color: #fff;
	font-weight: normal;
	clear: left;
	margin-bottom:0;
	padding: 1em;
}
.promotions{
	margin: 0 0 0.5em 0;
}
.promotions li, div.quotes li{
    margin:0;
    padding: 0;
	list-style: none;
	margin-bottom: 1em;
}
.promotions h2{
    background-color: #035E6E;
    color:#FFFFFF;
    font-size:110%;
    margin:0;
    padding:6px 18px;
    font-weight: normal;
}
div.quotes, div.textwidget{
	padding: 6px 18px;
}
div.quotes span{
	display:  block;
	font-size: 80%;
	font-weight: bold;
	margin-top: 1em;
}

div.quotes ul{
	margin: 0;
}
div.quotes li{
	margin-bottom: 2em;
}

/* Twitter feed */
ul.twitter{
	margin:0;
	padding:6px 18px;
}
.twitter-item, .promotions div{
	font-size: 80%;
} 
.twitter_title_link{
    color: #FFFFFF;
    background:transparent url(images/Icon_External_Link.png) no-repeat scroll right center;
    padding:0 16px 0 0;
}




/* WP generic stuff */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption{
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text{
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

#lightbox-overlay-text-about {
    display:none !important;
}