/*  
Theme Name: Secompact
Version: 1.0
*/


/**********************************************
*   Basics & Typography                       *
***********************************************/

body {
	margin: 0;
	padding: 0;
	background: url(images/bg.png);
	text-align: left;
	}
body, p, ul, ol, div, span, input, textarea, submit, td, h1, h2, h3, h4 {
	font: 11px Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #000000;
}	

a {
	color: #619595;
	text-decoration: underline;
	}
a:hover {
 text-decoration: none !important;
	}


blockquote {
	margin: 10px 0;
	padding: 0 50px;
	background: transparent url(images/blockquote.gif) no-repeat 0 0;
	color: #abafb9;
	}

code {
  background: #e9f0fa;
  cursor: text;
  font-family: "Courier New", Courier, monospace;
 }

small {
	font-size: 0.8em;
	}

img.noborder {
	border: none;
	}

.alert {
	font-weight: bold;
	color: #f00;
	}

.left {
	float: left;
	}
.right {
	float: right;
	}
.center {
	text-align: center;
	}
.alignleft {
	float: left;
	margin-right: 10px;
	}
.alignright {
	float: right;
	margin-left: 10px;
	}
	h1 {
		color: #598f96;
		font-size: 18px;
		text-transform: uppercase;
	}
h2 {
		color: #598f96;
		font-size: 13px;
	}	

/**********************************************
*   Structure: Content, Sidebar, etc.         *
***********************************************/

#outline {
	width: 940px;
	margin: 0 auto;
	padding: 10px;
	background: #fff;
	}


/**********************
*   Header            *
***********************/

#header {
	width: 100%;
	height: 170px;
	background: white url(images/header_bg.gif) repeat-x left top;
	}

#header h1 {
	padding: 10px 0 0 0;
	margin: 0 0 0 30px;
	width: 145px;
	height: 150px;
	display: block;
	float: left;
	}
#header h1 a {
	width: 145px;
	height: 150px;
	display: block;
	text-indent: -9999px;
	background: url(images/logo.png) 0 0 no-repeat;
	}
#header-ttl {
	float: left;
	width: 536px;
	margin: 51px 0 0 111px;
}

	#navbar {
		clear: both;
		width: 100%;
		text-align: center;
		padding: 0;
		height: 31px;
		background: #cd46d5;
		}

	ul.menu {
		margin: 0 auto;
		padding: 0;
		list-style-type: none;
		display: inline;
		}
	ul.menu li {
		display: inline;
		height: 31px;
		padding: 0;
		margin: 0;
		}
	ul.menu li a {
		height: 31px;
		padding: 6px 10px 6px 8px;
		line-height: 31px;		
		color: #fff;
		text-decoration: none;
		font-size: 12px;
		font-weight: bold;
		background: transparent url(images/li_bg.gif) top right no-repeat;
		}
	ul.menu li:last-child a{
		background: none;
	}	
	ul.menu li a:link,
	ul.menu li a:visited {
		color: #fff;		
		}
	ul.menu li a:hover,
	ul.menu li a:active {
		color: black;
		text-decoration: none;
		}
/* Extra CSS Added for submenu */
ul.menu li.current_page_item a, ul.menu li.current_page_parent a { color:#000; }
ul.menu li.current_page_item ul li.page_item a , ul.menu li.current_page_parent ul li.page_item a { color:#fff;}
ul.menu li.current_page_item ul li.page_item a:hover, ul.menu li.current_page_parent ul li.page_item a:hover { color:#000;}
ul.menu li.current_page_parent ul li.current_page_item a { color:#000; }
.menu, .menu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:50; width:100%; background:#fff; font-weight:bold;}
.menu li {float:left; position:relative;}
.menu ul {position:absolute; display:none; width:12em; top:30px; left:-1px;}
.menu li ul {background: #CD46D5; width:14.1em; text-align:left;}
.menu li ul a {width:12em; height:auto; float:left; background:none;}
.menu ul ul {top:auto;}
.menu li ul ul {left:12em; margin:0px 0 0 10px;}
.menu li:hover ul ul, .menu li:hover ul ul ul, .menu li:hover ul ul ul ul {display:none;}
.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li li li li:hover ul {display:block;}
ul.menu li ul li a { line-height: 19px;}
/* Extra CSS END */

	.searchbar {
		float: right;
		width: 290px;
		height: 31px;
		margin: 0;
		}
	.searchform {
		width: 290px;
		height: 20px;
		text-align: left;
		}
	input#s {
		width: 265px;
		height: 18px;
		margin: 5px 0 0 1px !important;
		margin: 4px 0 0 1px; /* Fix IE */
		padding: 1px 0 0 2px;
		border: 1px solid #0b236c;
		background: #fff url(images/searchbg.gif) repeat-x 0 0;
		}


/***********************
*  Wrapper             *
***********************/

#wrapper {
	float: left;
	background: #fff url(images/wrap_bg.gif) top right repeat-y;
	margin: 0;
	padding: 0;
	width: 940px;
	}


/**********************
*   Content           *
***********************/

#content {
	float: left;
	width: 660px;
	height: 100%;
	min-height:500px;
	background: #fff;
	}

.pages {
	float: left;
	width: 530px;
	}
.pages-border {
	clear: both;
	width: 100%;
	height: 6px;

	}
.page-previous {
	float: left;
	padding: 10px 0 16px 30px !important;
	padding: 0 0 15px 30px; /* Fix IE */
	}
.page-next {
	float: right;
	padding: 10px 30px 16px 0 !important;
	padding: 0 30px 15px 0; /* Fix IE */
	}

.page-title {
	/*width: 530px;*/
	margin: 20px 0 0 0;
	background: #dce6ff url(images/separator_blue.gif) repeat-x bottom center;
	}
.page-title h2.page-title-border {
	padding: 0 0 0 30px;
	background: transparent url(images/separator_blue.gif) repeat-x 0 0;
	font-size: 1.6em;
	line-height: 28px;
	color: #104177;
	}
	.ttl {
		font: normal 18px "Times New Roman", Times, serif;
		color: black;
		text-decoration: underline;
		padding: 10px 0;
	}
	

/**********************
*   Blog Entries      *
***********************/

.post {
	padding: 10px;
	margin-bottom: 10px;
	background: url(images/post_bg.gif) center bottom no-repeat;
	}

.postentry {
	color: #050d24;
	text-align: justify;
	}
.postentry a,
.postentry a:hover {
	color: #2f63b3;
	text-decoration: none;
	}

.postentry img {
	border: 5px solid #edf2ff;
	}
.postentry img:hover {
	border: 5px solid #dce6ff;
	}

.postentry img.wp-smiley,
.postentry img.wp-smiley:hover {
	border: none;
}

.postentry span.alert {
	font-weight: bold;
	color: #f00;
	}

.posttitle { 
	margin: 0;
	padding: 5px 0;
 }
.posttitle a {
	font-size: 20px;
	}

.postmeta,
.postmeta a {
	margin: 5px 0 ;
	font-size: 1em;
	color: #2f63b3;
	}
.post-date, .postmetadata, .post-comment {
	padding: 0 0 0 15px;
	color: #5b5b5b;
	font: 12px Arial, Helvetica, sans-serif;
	}
.post-comment {
	float: right;
	padding: 0 20px;
	background: url(images/comments_icon.gif) 2px 3px no-repeat;
}	
.post-filed {
	padding: 0 0 0 5px;
	}
#recentposts {
	display: none;
}

/**********************
*   Comments          *
***********************/

.commentpage {
	margin: 0 30px;
	padding: 0;
	}

#comments {
	margin: 0;
	padding: 0;
	}

.comments-num {
	margin: 20px 0 0 0;
	padding: 0 0 5px 10px;
	border-bottom: 3px solid #2e85e7;
	font-size: 18px;
	}

#commentlist {
	margin: 0;
	padding: 0 0 0 35px;;
	/*list-style-type: none;*/
	font-size: 26px;
	}
#commentlist li {
	padding: 10px 15px 10px 0;
	border-bottom: 1px solid #dce6ff;
	background: #edf2ff url(images/comment_bg.gif) repeat-y 0 0;
	}
	.alt {
		background-color: #fff !important;
		background-image: none !important;
		}

.comment-gravatar {
	float: left;
	width: 62px;
	height: 62px;
	background: transparent url(images/gravatar.gif) no-repeat;
	}
	img.gravatar {
		margin: 7px 0 0 7px;
		border: none;
		}

.comment-title,
.comment-meta,
.comment-text {
	margin: 0 0 0 20px;
	font-size: 16px;
	}
.comment-meta	{
	font: 12px Arial, Helvetica, sans-serif;
}

.comment-title,
.comment-title a,
.comment-title a:hover{
	color: #030612;
	text-decoration: none;
	}
.comment-meta,
.comment-meta a,
.comment-meta a:hover {
	color: #2f63b3;
	text-decoration: none;
	}

h2#postcomment {
	margin: 20px 0 0 0;
	padding: 0 0 5px 10px;
	border-bottom: 3px solid #2e85e7;
	font-size: 18px;
	}

.postcomment {
	clear: both;
	margin: 20px 0 0 0;
	padding: 10px 20px;
	background: #dce6ff;
	border: 1px solid #b0c5ff;
	}

.postcomment input,
.postcomment textarea {
	border: 1px solid #b0c5ff;
	}

.postcomment input#author,
.postcomment input#email,
.postcomment input#url {
	width: 100% !important;
	width: 456px; /* Fix IE */
	height: 18px;
	}
.postcomment textarea#comment {
	width: 100% !important;
	width: 456px; /* Fix IE */
	height: 200px;
	}

.postcomment input#submit {
	width: 88px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	border: none;
	color: white;
	background: #e5edff url(images/submit_bg.gif) 0 0 no-repeat;
	}




/**********************
*   Sidebar           *
***********************/

#sidebar {
	float: right;
	width: 250px;
	height: 100%;
	margin: 0;
	padding-bottom: 10px;
	}
#sidebar .title {
	font: normal 18px "Times New Roman", Times, serif;
		color: black;
		text-decoration: underline;
		padding: 20px 0;
}	
#sidebar .title a {
	color: black;
}
#sidebar ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#sidebar li {
	padding-bottom: 5px;
}
#sidebar li a {
	text-decoration: none;
}
#sidebar li a:hover {
	color: black;
}

.left_box {
	margin-top: 25px;
	clear: both;
}
.left_box h2 {
	padding: 0;
	margin: 0;
	height: 30px;
	line-height: 30px;
	background: url(images/left_box_ttl_bg.gif) 0 0 no-repeat;
	font-size: 16px;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
	text-indent: 20px;
	width: 308px;
}
.left_box ul {
	padding: 5px 0 0 15px;
	margin: 0;
	list-style: none;
}
.left_box li {
	padding: 3px 0;
}
.left_box li a {
	font-size: 16px;
	font-weight: bold;
}
#cats li {
	padding-left: 22px;
	background: url(images/cats_icon.gif) 0 7px no-repeat;
}
#archives li {
	padding-left: 22px;
	background: url(images/archives_icon.gif) 0 5px no-repeat;
}



/**********************
*   Footer            *
***********************/

#footer {
	width: 940px;	
	text-align: left;
	clear: both;
	background: #FFF url(images/footer_bg.gif) left bottom no-repeat;
	}

#footer .validate {
	background: url(images/icon_valid.gif) no-repeat 0 0;
	padding: 0 5px 0 20px;
	}

#footer .credits {
	float: right;
	margin: 0;
	padding: 0;
	border: none;
	}

#footer p {
	margin: 0;
	font: bold  11px Arial, Helvetica, sans-serif;

	}

	#recentpost-wrap h3 {
		padding: 5px 10px;
		margin: 0;
		background: #619595;
		color: white;
		font-size: 16px;
	}
	#recentpost-wrap ul {
		padding: 5px 0;
		margin: 0;
		list-style: none;
	}
	
	#recentpost-wrap li a {
		color: #cd46d5;
		text-decoration: none;
		font-weight: bold;
		display: block;		
	padding: 4px 12px;	
	}
	#recentpost-wrap li a:hover {
		color:#619595;
		background: #e8f5f5;
	}
	#foot {
		padding: 10px 12px 0 12px;
		border-top: 1px solid #b2b2b2;
		margin: 0;
		color: #595959;
		font-weight: bold;
	}


/*******
BIO modal box css
********/
#dialog {position:fixed; width:525px; padding:0px; z-index:200; background:#fff; font-family:Verdana, Arial, Helvetica; font-size:14px; }
#dialog-header {display:block; position:relative; padding:3px 6px 7px; height:14px; font-size:14px; font-weight:bold}
#dialog-title {float:left; font-weight:bold; font-size:100%;}
#dialog-close {float:right; cursor:pointer; margin:3px 3px 0 0; height:11px; width:11px; background:url(./images/close.gif) no-repeat}
#dialog-content {display:block; padding:6px; min-height:160px; color:#666666; font-size:13px; max-height:320px; overflow:auto;}
#dialog-content-inner { min-height:128px; }
#dialog-mask {position:fixed; top:0; left:0; height:100%; width:100%; background:#FFF; opacity:.75; filter:alpha(opacity=75); z-index:100}
#dialog-button-container { text-align:center; margin:2px 6px 6px 2px; }
#dialog-button { font-weight:bold; font-size:1.1em; font-family:Arial, sans-serif; padding:2px 5px 2px 5px; }
.success {background:#fff bottom right no-repeat; border:1px solid #60a174; border-top:none}
.successheader {background:url(./images/s_hd.gif) repeat-x; color:#3c7f51; border:1px solid #60a174; border-bottom:none}
.successbutton { background-color:#3c7f51; border:1px solid #fff; color:#fff; }
	
	 /* *** Float containers fix *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */