/*
Theme Name: Cobalt
Theme URI: http://cobalt.com/
Description: Custom WordPress theme for Coobalt website.
Version: 1.0
Author: Adrian Diaconescu
Author URI: http://rubiqube.com/
*/


* {
	margin: 0;
	padding: 0;
}

html {
	padding-bottom: 25px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #6D6D6D;
	color: #7F8181;
	font-size: 11px;
}

h2 {
        font-weight: bold;
        color: #87be2f;
        font-size: 14px;
        padding: 15px 5px 10px 0;
}

strong {
        font-weight: bold;
}

a {
	font-weight: bold;
	color: #00A3E6;
	text-decoration: none;
}

a:hover {
	color: #00A3E6;
	text-decoration: underline;
}

img {
	border: 0;
}

.clear {
	clear: both;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

#wrapper {
	background-color: #FFFFFF;
	width: 951px;
	margin: 35px auto 0 auto;
}

#header {
	height: 150px;
	background: url(images/bg_header.gif) no-repeat top left;
}

#logo {
	padding-top: 20px;
	margin-left: 35px;
	float: left;
}

#logo a {
	display: block;
	width: 124px;
	height: 112px;
	background: url(images/logo.gif) no-repeat top left;
}

#logo a span {
	display: none;
}

#promo {
	float: left;
	margin: 30px 0 0 75px;
	font-size: 120%;
	width: 450px
}

#slogan {
	color: #00A3E6;
	margin-bottom: 5px;
}

#email {
        color: #00A3E6;
        margin-bottom: 5px;
}

#call {
	color: #1AB28B;
        margin-bottom: 5px;
        font-size: 150%;
}

/* START - Styling for top menu */

/* IMPORTANT NOTE: some hacks are required (the only way to obtain the required functionality), so class names (page-item-ID) need to be changed based on Wordpress Page ID's */
/* Example: page-item-110 is for a Page with ID=110; check Wordpress admin for corrent ID's and update here */

#menu {
	float: left;
	background: #FFFFFF;
}

#menu ul {
	margin-left: 76px;
}

#menu ul li {
	float: left;
	font-size: 110%;
	padding: 14px 15px 15px 15px;
}

#menu ul li a {
	color: #FFFFFF;
	text-decoration: none;
}

#menu ul li a:hover {
	text-decoration: underline;
}

#menu ul li.page-item-3 {
	background: url(images/bg_menu1.gif) no-repeat top left;
        font-weight: bold;
        color: #ffffff;
}

#menu ul li.page-item-3.current_page_item a {
	color: #00A5BF;
}

#menu ul li.page-item-5 {
	background: url(images/bg_menu2.gif) repeat-x top left;
        font-weight: bold;
        color: #ffffff;
}

#menu ul li.page-item-5.current_page_item a {
	color: #1AB28B;
}

#menu ul li.page-item-7 {
	background: url(images/bg_menu3.gif) repeat-x top left;
        font-weight: bold;
        color: #ffffff;
}

#menu ul li.page-item-7.current_page_item a {
	color: #86BE2F;
}

#menu ul li.page-item-9 {
	background: url(images/bg_menu4.gif) no-repeat top right;
        font-weight: bold;
        color: #ffffff;
}

#menu ul li.page-item-9.current_page_item a {
	color: #B4D003;
}

#menu ul li.current_page_item {
	background: #FFFFFF;
}

#menu ul li.page-item-9.current_page_item {
	background: #FFFFFF url(images/bg_menu4_active.gif) no-repeat top right;
}

/* END - Styling for top menu */

#container {
	background: url(images/bg_container.gif) no-repeat bottom left;
	padding-bottom: 30px;
}

/* START - Styling for left menu: Page Navigation */

#sidebar-primary {
	float: left;
	width: 209px;
	margin-left: 15px;
	margin-top: 5px;
}

#pagenav {
	width: 209px;
}

#pagenav .top {
	height: 36px;
	background: url(images/bg_pagenav_top.gif) no-repeat top left;
}

#pagenav .top h3 {
	font-size: 120%;
	color: #FFFFFF;
	padding: 12px 15px;
	float: left;
	font-weight: bold;
}

#pagenav .content {
	background: url(images/bg_pagenav_content.png) no-repeat top left;
}

#pagenav .content-inner {
	width: 179px;
	margin-left: 15px;
	padding: 10px 0;
}

#pagenav .content-inner ul li {
	padding: 5px 0 5px 12px;
	background: url(images/arrow.gif) no-repeat top left;
	background-position: 0 9px;
	font-weight: bold;
	border-bottom: 1px dotted #C2C1C2;
}

#pagenav .content-inner ul li ul {
	margin-top: 5px;
}

#pagenav .content-inner ul li ul li {
	border: none;
}

#pagenav .content-inner ul li.current_page_item a {
	color: #6DA3DC;
}

#pagenav .content-inner ul li.current_page_item ul li a {
	color: #7F8181;
}

#pagenav .content-inner ul li a {
	font-size: 110%;
	color: #7F8181;
}

#pagenav .btm {
	height: 10px;
	background: url(images/bg_pagenav_btm.gif) no-repeat top left;
	padding-bottom: 10px;
}

/* END - Styling for left menu: Page Navigation */


/* START - Styling for content panel */

#content {
	float: left;
	width: 455px;
	margin-left: 5px;
}

#contentwide {
	float: left;
	width: 715px;
	margin-left: 5px;
}

#content-top {
	height: 20px;
	background: url(images/bg_content_top.png) no-repeat top left;
}

#contentwide-top {
	height: 20px;
	background: url(images/bg_contentwide_top.png) no-repeat top left;
}

#content-btm {
	height: 20px;
	background: url(images/bg_content_btm.png) no-repeat top left;
}

#contentwide-btm {
	height: 20px;
	background: url(images/bg_contentwide_btm.png) no-repeat top left;
}

#content-txt {
	background: url(images/bg_content.png) repeat-y top left;
}

#contentwide-txt {
	background: url(images/bg_contentwide.png) repeat-y top left;
}

#content-txt-inner {
	padding: 5px 25px;
}

.post p {
	line-height: 1.3;
	margin-bottom: 10px;
}

.post blockquote {
	color: #009900;
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 15px;
}

.post img.alignleft {
	padding: 2px;
	background: #FFFFFF;
	border: 1px solid #969696;
	margin: 5px 15px 10px 0;
}

.post img.alignright {
	padding: 2px;
	background: #FFFFFF;
	border: 1px solid #969696;
	margin: 5px 0 10px 15px;
}

.title {
	color: #00A3E6;
	font-size: 140%;
	margin-bottom: 15px;
	font-weight: bold;
}

.post h3 {
	font-size: 130%;
	margin-bottom: 5px;
	font-weight: bold;
}

.newsentry {
	padding: 10px 0;
	border-bottom: 1px solid #EFEFEF;
	margin-bottom: 15px;
}

.entry h3 {
	font-size: 110%;
	margin-bottom: 5px;
}

.wp-caption-text {
       font-style: italic;
       text-align: right;
}

/* END - Styling for content panel */


/* START - Styling for right panels */

#sidebar-secondary {
	float: left;
	width: 249px;
	margin-left: 5px;
	margin-top: 5px;
}

.sidepanel {
	width: 249px;
}

.sidepanel .top {
	height: 36px;
	background: url(images/bg_sidepanel_top.gif) no-repeat top left;
}

.sidepanel .top h3 {
	font-size: 120%;
	color: #FFFFFF;
	padding: 12px 15px;
	float: left;
	font-weight: bold;
}

.sidepanel .content {
	background: url(images/bg_sidepanel_content.png) no-repeat top left;
}

.sidepanel .content-inner {
	width: 220px;
	margin-left: 15px;
	padding: 10px 0;
}

.sidepanel .content-inner p {
	line-height: 1.3;
}

.sidepanel .btm {
	height: 10px;
	background: url(images/bg_sidepanel_btm.gif) no-repeat top left;
	padding-bottom: 10px;
}

/* Blog Posts panel */

#blogposts .top {
	background: url(images/bg_blogposts_top.gif) no-repeat top left;
}

#blogposts .content {
	background: url(images/bg_blogposts_content.png) no-repeat top left;
}

#blogposts .content li {
	padding: 5px 0;
	border-bottom: 1px solid #CADCDD;
}

#blogposts .content li a {
	font-weight: normal;
	color: #7F8181;
}

/* Latest News panel */

#latestnews .top {
	background: url(images/bg_latestnews_top.gif) no-repeat top left;
}

#latestnews .content {
	background: url(images/bg_latestnews_content.png) no-repeat top left;
}

#latestnews .content li {
	padding: 3px 0 3px 12px;
	background: url(images/bullet.gif) no-repeat top left;
	background-position: 0 6px;
}

#latestnews .content li a {
	font-weight: normal;
	color: #7F8181;
}

/* END - Styling for right panels */

#footer {
	width: 910px;
	margin: 15px auto 0 auto;
}

#footerlogo {
	float: left;
}

#footertext {
	float: left;
	margin-left: 15px;
	margin-top: 10px;
}

#footertext p {
	margin-bottom: 5px;
	color: #CCCCCC;
}

#footertext a {
	color: #FFFFFF;
}