/* ------------------------------------------------------------------------------------ *
| NAVIGATION CSS FILE :: for Roland														|
| Script: navigation.css																|
| 																						|
| PROJECT :: Roland v1.0																|
+ ------------------------------------------------------------------------------------- +
| Author :: Uaalah!!																	|
* ------------------------------------------------------------------------------------- */

/* @group NAVIGATION :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#navigation li {
	float: left;
	text-shadow: rgba(255,255,255,1) 0 0 2px;
}

#tools li {
	float: right;
	text-shadow: rgba(255,255,255,1) 0 0 2px;
	height:80px;
}

#navigation li a {
	display: block;
	padding: 0 20px;
}
#tools li a {
	display: block;
	padding: 0 10px;
}

#navigation li.active {
	background: url(../images/nav/active-bg.png) repeat-x;
	position: relative;
	padding-top: 1px;
	text-shadow: rgba(0,0,0,0.25) 0 0 2px;
}

#navigation li.active a {
	color: #fff;
	background: url(../images/nav/menu-arrow.png) no-repeat center bottom;
	cursor: default;
}

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group DASHBOARD ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#extra {
	font-size: .909em;
	padding: 0 15px;
	margin: 0 5px;
}

#extra li {
	text-shadow: none !important;
}

#quicklinks {
	margin: 16px 0 12px;
}

#quicklinks li {
	margin-bottom: 2px;
	text-transform: lowercase;
}

#quicklinks li a {
	display: block;
	height: 100%;
}

#login {
	color: #6a7286;
	background: url(../images/nav/login-bg.png) no-repeat;
	border-bottom: 1px solid #c2c6cd;
	border-left: 1px solid #f5f6f8;
	border-right: 1px solid #f5f6f8;
}

#login p {
	line-height: 160%;
	padding: 28px 15px 24px;
	border-width: 0 1px;
	border-style: solid;
	border-color: #cfd1d5;
	float: left;
	overflow: hidden;
	max-width: 112px;
}

#login a {
	color: #2e8dc2;
	border-bottom: 1px solid #2e8dc2;
	display: block;
	line-height: 115%;
	margin-top: 1px;
	float: left;
}

#languages {
	position: relative;
}

#languages .active {
	border-style: solid;
	border-width: 1px;
	border-color: #d3d4d6 #a6a8ac #a6a8ac #d3d4d6;
	background: #fff url(../images/nav/langs-arrow.png) no-repeat 90% 9px;
	padding: 4px 18px 4px 6px;
	position: relative;
	z-index: 2;
	font-size: .909em;
}

#languages ul {
	display: none;
	border-style: solid;
	border-width: 1px 1px 1px;
	border-color: #d3d4d6 #a6a8ac #a6a8ac #d3d4d6;
	background-color: #fff;
	padding: 3px 6px 3px;
	font-size: 1.09em;
	position: absolute;
	z-index: 1;
	width: 100%;
	left: 0;
	top: 18px;
}

#languages:hover ul {
	display: block;
}

#languages:hover .active {
	border-bottom-color: #fff;
}

#languages li a {
	display: block;
	padding: 2px 6px;
	margin: 0 -6px;
	height: 100%;
	width: 100%;
}

#languages li a:hover {
	background-color: #b5c2cf;
	color: #fff;
}

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group CLEARFIX :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#navigation:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */