/**
 * Theme Name: ComputerStudios
 * Theme URI: http://businessblogging.net/wordpress
 * Description: Custom theme for Computer Studios
 * Version: 1.0
 * Author: Ed Bejarana
 * Author URI: http://zenithexhibits.com/website-development-for-small-business-operators/
 * Tags: blue, theme-options, threaded-comments, sticky-post, microformats, two-columns, three-columns, fixed-width
 * Template: hybrid
 *
 */

/* Get base 21px CSS */
@import url('../hybrid/library/css/21px.css');

/* Get a layout CSS */
@import url('../hybrid/library/css/2c-r-fixed.css');

/* Get the plugins CSS */
@import url('../hybrid/library/css/plugins.css');

/* Get the drop-downs CSS */
@import url('../hybrid/library/css/drop-downs.css');

/* Get default Hybrid CSS */
@import url('../hybrid/library/css/screen.css');


/* Body Settings */
body {
	background: #CAE9A8;
	}

#body-container {
	margin:40px auto 21px;
	background: #fff;
}

#site-title {
	width: 960px;
	height: 150px;
	margin: 0;
	}
	
#site-title a {
	display: block;
	width: 960px;
	height: 150px;
	background: url(images/header.jpg) no-repeat 0 0;
	}
	
#site-title a span { display: none; }

#site-description { display: none; }

.entry-title a { 
	color: #0e4663; 
	font-size: 1.3em;
	font-weight: bold;
	padding-top: 5px;
	line-height: 1.3;
	}
h2 { color: #337396; }

.breadcrumb { display: none; }

/* General Settings */
.breadcrumb {
	font-size: 0.7em;
	}
	
.comments-closed { display: none; }
	
.navigation-links {
	font-size: 0.7em;
	}

/* Header Zone */
#header-container {
	height: 150px;
	}
	
#header {
	height: 150px;
	margin: 0;
	}

/* Page Navigation */
#navigation {
	margin: 0;
	background: #CAE9A8;
	}
	
#page-nav {
	border: none;
	}

#page-nav li {
	margin-right: 1px;
	background: transparent;
	}
	
#page-nav li a {
	color: #fff;
	background: #fff url(images/nav-tab.png) no-repeat 0 0;
	text-decoration: none;
	}
	
#page-nav li a:hover {
	background-position: 0 -35px;
	}
	
#page-nav li li a {
	background: #0e4663;
	}
	
#page-nav li li a:hover {
	background: #337396;
	}
	
	
/* Category Navigation */
#cat-nav {
	margin-top: 10px;
	}


#cat-nav li {
	margin-right: 1px;
	}

#cat-nav li a {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#0e4663 none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	color:#ffffff;
	padding:6px 10px;
	text-decoration: none;
}

#cat-nav li a:hover {
	background: #337396;
	}

/* Company Navigation Bar */
	
.company-nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:960px;
	margin: 0 auto;
	height:35px;
	position:relative;
	font-size:11px;
	z-index:100;
	background: #CAE9A8;
	}
	
.company-nav ul li a, .company-nav ul li a:visited {
	display:block; 
	text-decoration:none; 
	color:#000;
	width:240px; 
	height:35px; 
	text-align:center; 
	color:#000; 
	background:#CAE9A8; 
	line-height:35px; 
	font-size:20px; 
	overflow:hidden;
	}
	
.company-nav ul {
	padding:0; 
	margin:0; 
	list-style: none;
	}
	
.company-nav ul li {
	float:left; 
	position:relative;
	}
	
.company-nav ul li ul {
	display: none;
	}

/* specific to non IE browsers */
.company-nav ul li:hover a {
	color:#fff;
	background-color: #9FB8C7;
	}
	
.company-nav ul li:hover ul {
	display:block; 
	position:absolute; 
	top:35px; 
	left:0; 
	width:200px;
	}
	
.company-nav ul li:hover ul li a.hide {
	color:#fff;
	background-color: #A68D67;
	}
	
.company-nav ul li:hover ul li:hover a.hide {
	background:#6fc; 
	color:#000;
	}
	
.company-nav ul li:hover ul li ul {
	display: none;
	}
	
.company-nav ul li:hover ul li a {
	display:block;
	color:#000;
	background-color: #94CDEB;
	font-size: 14px;
	}
	
.company-nav ul li:hover ul li a:hover {
	color:#000;
	background-color: #CAE9A8;
	}
	
.company-nav ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:105px; 
	top:0;
	}
	
.company-nav ul li:hover ul li:hover ul.left {
	left:-105px;
	}

	
/* Search form (in navigation) */
#navigation .search {
	float: right;
	width: 200px;
	height: 25px;
	}
#navigation input {
	float: right;
	width: 170px;
	height: 15px;
	margin: 4px 0 0 0;
	padding: 1px 8px 1px 22px;
	color: #ffffff;
	border: 1px solid #011e3f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	background-color: #337396;
	background-image: url(images/search-icon.png);
	background-repeat: no-repeat;
	background-position: 5px 0;
	}
#navigation .search-submit, #navigation .button {
	display: none;
	}
	
/* Utility After Header Settings */
#utility-after-header {
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
	background-color: #CAE9A8;
	background-image: url(images/box-fade-top.png);
	background-repeat: repeat-x;
	border-top-width: thin;
	border-bottom-width: thick;
	border-top-style: solid;
	border-bottom-style: ridge;
	border-top-color: #000000;
	border-bottom-color: #000000;
	}
	
#utility-after-header .widget {
	float: left;
	width: 25%;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
#utility-after-header .widget h3 {
	margin: 5px 5px 0 10px;
	font-size: 16px;
	}
	
#utility-after-header .widget .widget-title { display: none; }
	
#utility-after-header .widget p {
	margin: 0 15px 0;
	font-size: 12px;
	}
	
#utility-after-header .widget a {
	text-decoration: none;
	}

/* Subscribe/feed link (in navigation) */
#cat-navigation #feed {
	width: 180px;
	float: right;
	}
#feed li {
	float: right;
	border: none;
	list-style: none;
	}
#feed li a {
	padding: 7px 18px 6px 0;
	background: url(images/feed-icon.png) no-repeat right 7px;
	}

/* Content and Widget Zone Setup */

#primary {
	width: 210px;
	padding: 10px;
	margin-top: 15px;
	}
	
#secondary {
	width: 210px;
	padding: 10px;
	margin-top: 5px;
	}
	
.content {
	width: 700px;
	padding: 10px;
	margin-top: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: thin solid #CAE9A8;
	}
	
#subsidiary .widget {
	margin: 0 5px 0 0;
	width: 24%;
	}

/* Footer Settings */

#footer-container {
	margin: 2px;
	border: thin solid #CAE9A8;
	margin-top: 0;
	}

#footer p {
	margin: 2px;
	}

.copyright {
	float: left;
	font-size: 11px;
	}

.credit {
	float: right;
	font-size: 11px;
	}
	
.home .page-title { display: none; }
.home .content {
	width: 400px;
	border: none;
	}
.home #primary {
	width: 500px;
	border: thin solid #CAE9A8;
	margin-top: 0;
	}
.home #primary .widget {
	width: 225px;
	float: left;
	padding: 15px 10px;
	}
	
.home #secondary {
	width: 500px;
	border: thin solid #CAE9A8;
	margin-top: 0;	
	}
	
/* Byline settings */
.byline .byline-prep { display: none; }
.byline .author { display: none; }
.byline .published { display: none; }
.byline .byline-sep { display: none; }
.byline .text { display: none; }
.byline .separator { display: none; }


/* service Menu Bar Settings */

#utility-after-header .widget .service-bar {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	}
		
#utility-after-header .widget .service-bar a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 11px;
	}
	
#utility-after-header .widget .service-bar h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	margin: 0;
	}
#utility-after-header .widget .service-bar h3 a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 18px;
	}