/**
Theme Name: CorporateMag
Author URI: http://wpjunction.com
Theme URI: http://wpjunction.com
Author: hpa
Version: 1.0
Description: CorporateMag Theme Premium WP
*/

@import url('css/reset.css');
@import url('css/default.css');
@import url('css/glide.css');
@import url('css/tabs.css');
@import url('css/slide.css');
@import url('css/widgets.css');
@import url('css/comments.css');

body {
	background:#FFFFFF url('./images/background.gif') repeat-x 0 0;
	font:normal 13px Tahoma, Verdana, Arial;
	margin:0;
	color:#566B83;
}

ul li { list-style:none; }

a { color:#ffffff; }

a:hover { text-decoration: underline; }

#body-in { background:transparent url('./images/body-in-bg.gif') repeat-x 0 100%; }

#wrapper {
	width:956px;
	margin:0 auto;
}

/* header */
#header {
	padding-top:30px;
}

#header-content { padding-bottom:46px; }

#branding {
	text-transform:uppercase; 
	height:58px;
	float:left;
	width:635px;
}

#blog-title {
	background:transparent url('./images/title-separator.gif') no-repeat 100% 0;
	display:block;
	padding-right:15px;
	margin-right:10px;
	float:left;
	font:bold 22px Arial;
	line-height:58px;
}

#blog-title a { color:#7893B1;}

#blog-title a:hover { color:#B0C6E0;}

#blog-description {
	font-size:12px;
	float:left;
	line-height:58px;
	color:#B0C6E0;
}

#top-search {
	float:right;
	margin-top:17px;
	background:transparent url('./images/top-search-bg.gif') no-repeat 0 0;
	width:309px;
	height:30px;
	position:relative;
}

#top-search input {
	border:medium none;
	background:transparent;
	position:absolute;
	color:#BEBEBE;
}

#top-search .input-text {
	left:39px;
	top:7px;
	width:190px;
}

#top-search .input-submit {
	width:63px;
	height:30px;
	padding:0;
	right:0;
	top:0;
	cursor:pointer;
}

/* container */

#top-container { height:397px; margin-top: 10px;}

#featured-posts-wrapper {
	float:left;
	width:644px;
	height:247px;
}

#featured-posts .title {
	font-size:16px;
	border-bottom:3px solid #8EAFD4;
	padding-bottom:3px;
	margin-bottom:3px;
}

#featured-posts .title a { color:#5986B8; }

#featured-posts .entry { color:#FFFFFF; }

.entry, .post {color: #ffffff;}

.post, .navigation, .commentlist, .respond {
	padding-right:10px;
}

.pagetitle {
	font-size:18px;
	color:#566B83;
	margin-bottom:10px;
}

.post .title, .title2 {
	color:#000000;
	font-weight: bold;
	font-size:20px;
	margin-bottom:15px;
	text-align:center;
}

.post .meta, .entry-meta { margin-bottom:10px; color: #ffffff;}

.more-link span {
	display:block;
	color:#FFFFFF;
	text-align:center;
	width:65px;
	height:25px;
	line-height:25px;
	padding:0 10px;
	background-color:#5986B8;
	border:1px solid #4D729D;
}

.entry { line-height:18px; }

/* content */
#content {
	float:left;
	width:626px;
	margin-top: 15px;
}

.mini-post {
	float:left;
	width:276px;
	height:312px;
	background:#FFFFFF url('./images/mini-post-bg.gif') repeat-x 0 0;
	padding:9px 7px;
	overflow:hidden;
}

.odd { margin-right:8px; }


.mini-post .title {
	float:left;
	width:180px;
	font-size:12px;
	height:17px;
	margin-bottom:17px;
	overflow:hidden;
}

.mini-post .title a { color:#4D7CB3; }

.mini-post .title a:hover { color:#555555; }

.mini-post .datepost {
	float:right;
	width:96px;
	text-align:right;
}

.mini-post .thumbnail {
	clear:both;
	padding:5px;
	background-color:#FFFFFF;
	margin-bottom:15px;
}

.mini-post .entry { clear:both; }

.mini-post .more-link span {
	margin-top:15px;
}

.no-image { background:#FFFFFF url('./images/mini-post-no-image-bg.gif') repeat-x 0 0 !important; }

/* post navigation */
#post-nav { 
	text-transform:uppercase;
	font-size:11px;
	margin-bottom:10px;
	padding-right:10px;
}

#post-nav a {
	display:block;
	background-color:#719FD2;
	border:1px solid #4D729D;
	color:#FFFFFF;
	padding:8px 13px;
}

#nav-prev-post, #nav-next-post {
	float:right;
	margin-left:10px;
}

/* sidebar */
#sidebar {
	float:right;
	width:300px;
	margin-left: 20px;
}

.widget { margin-bottom:10px; }

.widget-title {
	background:#FFFFFF url('./images/widget-title-bg.gif') repeat-y 0 0;
	height:30px;
	font-size:12px;
	line-height:30px;
	color:#6B92C0;
	border-top:1px solid #B3C6DB;
	border-bottom:1px solid #B3C6DB;
	padding:0 5px;
}

.widget-content {
	background:#FFFFFF url('./images/widget-content-bg.gif') repeat-x 0 0;
	padding:0 5px;
}

.widget-content a { color:#566B83; }

.widget-content li {
	padding:10px 0;
	border-bottom:1px solid #D8E4F0;
}

.widget-content li li {
	border:none;
	padding:10px 0 0 10px;
}

#secondary .widget-title { background-image:url('./images/widget-small-title-bg.gif'); }

#calendar_wrap { padding-top:5px; }

/* footer */
#footer {
	text-transform:uppercase;
	height:31px;
	padding-top:8px;
	line-height:21px;
	color:#5986B8;
}

#footer a { color:#566B83; }

#footer a:hover { color:#719FD2; }

#blog-name {
	background:#5882b2 url('./images/blog-name-left-bg.gif') no-repeat 100% 0;
	float:left;
	display:block;
	height:24px;
	font-size:12px;
	color:#FFFFFF;
	line-height:24px;
	padding:0 10px 0 5px;
	margin-right:10px;
}

#twitter {padding: 10px; border: 2px solid #ec5926; width: 278px; min-height: 55px; max-height:100px; position: absolute; top: 25px; right: 200px;/*  background: url(images/twitbird.gif) no-repeat bottom right; */}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:1045px; height:32px; position:relative; z-index:100; font-family:Tahoma,Verdana,Arial; margin-top: 5px; margin-left: -75px;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#ffffff; width:138px; height:30px;  background:#5986b8; padding-left:10px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background-color:#a5bfdc;}
/* style the second level hover */
.menu ul ul a.drop:hover{background-color:#a5bfdc;}
.menu ul ul :hover > a.drop {background-color:#a5bfdc;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background-color:#a5bfdc;}
/* style the third level hover */
.menu ul ul ul a:hover {background-color:#a5bfdc;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background-color:#a5bfdc; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background-color:#a5bfdc;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background-color:#a5bfdc;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}


#recp .recpa  li a {
	color:#FFFFFF;
	padding:0 4px;
	display:block;
	float:left;
	height:25px;
	line-height:25px;
	border:1px solid #4D729D;
	background-color: #5986b8;
}

#mainstuff {width: 635px;}
#mainstuff h1 {text-align: center; margin-bottom:10px; text-align:center; color: #000000;}
#mainstuff p {font-size: 15px; padding-bottom: 5px; color: #ffffff; font-weight: bold;}
#rotatorhold {width: 300px; margin: 10px auto;}
#twitcontent h2 a {color: #5986B8;}
#twitcontent a {color: #5986B8;}
#archieves {width: 317px;}