/*

	Theme Name: Mouse-IT

	URI: http://www.templatelite.com

	Description: A 2-column theme. Sponsor by <a href="http://www.hostrefer.com/">Web Host Refer</a> and available FREE at <a href="http://www.templatelite.com/">Template Lite</a>.

	Version: 1.00

	Author: TemplateLite.com

	Author URI: http://www.templatelite.com/



	The CSS, XHTML and design is released under the GPLv3:

	http://www.opensource.org/licenses/gpl-3.0.html

*/



/* ---------------------------------------------------------------------------------- */



/* general */

body {

	margin:0px;

	font-size: 12px;

	font-family: Verdana, Arial, Helvetica, Sans-Serif;

	background: #4c4c4e;

	color:#000000;

	background:#000000 url(images/background_repeater.jpg) repeat-x top;

}



img {

	border:0px;

	padding:5px;

}

a {color:#04719B;text-decoration: none;}

a:hover {color: #04719B;text-decoration: underline;}



h1 {font-size:30px;}

h2 {font-size:26px;}

h3 {font-size:21px;}

h4 {font-size:17px;}

h5 {font-size:14px;}

h6 {font-size:12px;}



p {margin: 0px 0px 12px 0px;}



blockquote {

	clear: left;

	text-align: justify;

	padding: 0px 0px 0px 20px;

	margin: 20px 20px 10px 20px;

	background: url(images/quote.gif) no-repeat top left;

}

input {

	margin-bottom:5px;

	vertical-align: middle;

}

/***** layout *****/

#base{

	width:895px;

	margin:0px auto;

	background: #ffffff url(images/repeater.jpg) repeat-y left;

}

#header{

	width: 100%;

	height: 235px;

	position:relative;

	background:url('images/header.jpg') no-repeat left;

}

#menu{

	width: 100%;

	position:relative;

	height: 38px;

	background:url('images/menu.jpg') no-repeat left;

}

#container{

	overflow:hidden;

	position:relative;

	width:895px;

	height:100%;

}

#container2{

	overflow:hidden;

	width: 895px;

	height:100%;

	position:relative;

	background:url('images/sidebar_bg.png') repeat-y;

}



#sidebar_gd{

	position: absolute;

	top:0;left:39px;

	height:100%;

	width:183px;

}

#sidebar{ 

	float:left;

	position: relative;

	left:39px;

	top:10px;

	width: 173px;

	margin:0px;

	padding: 15px 5px 50px 5px;

	color:#000000;

}

#content{ 

	float:right;

	padding: 0px 25px 0px 10px;

	width:615px;

	background:url('images/content_bg.jpg') no-repeat right top;

}

#footer{

	margin:0px;

	height: 30px;

	color: #000000;

	font-size: 11px;

	padding:25px 50px 5px 260px;

	background:url('images/footer.jpg') no-repeat top;

}



/*######### header ############*/

#header img.home {

	margin:0px;padding:0px;

	position: absolute;

	left: 277px;

	top: 194px;

}

#blogtitle {

	position:absolute; 

	top:20px;

	right:95px; 

	width:790px;

	font-family: Verdana, Arial; 

	font-size:24px; 

	font-weight:bold;

	text-align:right;

	color:#00719c; 

}

#blogtitle span{

	position:absolute; 

	margin:0px;padding:0px;

	background: url(images/title_gradient.png) repeat-x bottom;

	height:30px;

	right:0px;

	top:0px;

	width:100%;

}



#blogtitle a, #blogtitle a:hover {font-family: Verdana,Arial; color:#00719c; text-decoration:none;}

#subtitle {font-family: Verdana,Arial; position:absolute; width:80%; float:right; right:95px; top:50px; text-align:right; font-size:13px; color:#00719c; font-weight:bold; font-style:italic;}



#menu ul {

	position: absolute;

	height: 38px;

	top: 0px;

	left: 250px;

	margin:0px;

	padding:0px;

}

#menu ul li {

	display: inline;

	font-size: 13px;

	font-family:Verdana,Arial;

	font-weight: bold;

	color:#ffffff;

}

#menu ul li.separator {

	display: block;

	float: left;

	width:10px;

	height: 38px;

	background:url(images/menu_separator.jpg) no-repeat center;

}



#menu ul li a {

	display: block;

	float: left;

	line-height: 35px;

	color: #ffffff;

	padding: 0px 15px 3px 15px;

	margin:0px 0 0 0 ;

	text-decoration:none;

}



#menu ul li a:hover, #menu ul li.current_page_item a {

	color:#000000;

	background:url(images/menu_select.jpg) no-repeat center;

}

#menu img.rss{

	margin:0px;padding:0px;

	position: absolute;

	right: 0px;

	top: 0px;

}

.searchbox {

	position:absolute;

	top:190px; 

	right: 40px;

	width:380px;

	height:40px; 

	border:0px;

}

.search-field input {

	position:absolute;

	top:13px;left:22px;

	width:261px; 

	height:13px; 

	font-family:Verdana;

	font-size:12px; 

	color:#555555; 

	padding:2px 3px 2px 3px;

	border:0px;

}

.search-but input {

	position:absolute;

	top:3px;right:10px;

	width:74px; 

	height:36px; 

	background:transparent url(images/search_bn.jpg) center no-repeat; 

	border:0px;

}



/***** sidebar *****/

#sidebar a{color:#000000;}

#sidebar a:hover {color:#000000;text-decoration:underline;}

#sidebar ul {

	list-style-type: none;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 5px;

	font-family:Verdana,Arial;

	

}

#sidebar li {

	list-style-type: none;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 15px 0px;

	font-family:Verdana,Arial;

}

#sidebar ul ul li {

	position: relative;

	color: #666666;

	line-height: 1.6em;

	list-style-type: none;

	font-size:11px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 2px 14px;

	border:0px;

	font-family:Verdana,Arial;

	background:transparent url('images/titlearrow.gif') no-repeat 0px 7px;

}

#sidebar ul ul ul li {

	position: relative;

	color: #666666;

	list-style-type: none;

	font-size:11px;

	border:0px; 

	margin: 0px 0px 0px -8px; 

	padding: 0px 0px 0px 14px;

	line-height: 1.6em; 

	font-family:Verdana,Arial;

	background:url('images/titlearrow.gif') no-repeat 0px 7px;

}

#sidebar h1 {

	color: #ffffff;

	font-size: 12px;

	font-weight: bold;

	letter-spacing: 1px;

	font-variant: normal;

	margin: 0px 0px 5px -5px;

	padding: 7px 0px 0px 20px;

	height: 21px;	

	font-family:Verdana,Arial;

	background:url('images/sidebar_title.png')no-repeat center;

}



/***** content *****/

.spacer {height:20px;}

.archivetitle {

	height:20px;

	color: #000000;

	font-size: 11px;

	font-variant: normal;

	padding: 5px 0px 0px 5px;

	margin: 0px 0px 0px 0px;

}

.post-top{

	border:0px red solid;

	height:20px;

	width:614px;

	background:url('images/post_top.png') no-repeat top;

}

.post{

	width:614px;

	background:url('images/post_repeater.png') repeat-y;

	

}

.post-bottom{

	width:614px;

	height:20px;

	margin-bottom:15px;

	background:url('images/post_bottom.png') no-repeat bottom;

}

.post-content{

	margin: 0 9px 0 7px;

	padding: 0 20px 0 20px;

	background:#ffffff;

}



.posttitle{

	height: 47px;

	font-size:17px;

	padding:5px 0 0 15px;

	color:#000000;

	background:url('images/title_bg.jpg') no-repeat;

}



.date {

	font-size: 10px;

	padding: 0px 0px 0px 0px;

}

.entry {

	color: #000000;

	line-height: 1.6em;

	text-align: justify;

	padding: 20px 5px 10px 5px;

}



.info {

	line-height: 1.6em;

	font-size: 10px;

	margin: 20px 10px 0px 10px;

	padding:5px 0 0 0;

	border-top: 1px dashed #00719c;

	color:#000000;

}

.category {

	font-size: 10px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 4Px 20px;

	background: url('images/category.gif') no-repeat top left;

	color:#999999;

}



.tags {

	font-size: 10px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 4px 20px;

	color:#999999;

	background: url('images/tags.gif') no-repeat top left;

}



.bubble {

	font-size: 10px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 4px 20px;

	color:#999999;

	background: url('images/bubble.gif') no-repeat top left;

}



.navigation {

	font-size: 11px;

	margin: 40px 0px 0px 0px;

	padding: 2px 0px 17px 0px;

	border-top: 1px dashed #00719c;

	border-bottom: 1px dashed #00719c;

}



.alignleft {float: left; text-align: left;}



.alignright {float: right; text-align: right;}



.sorry {

	font-size: 11px;

	font-style: italic;

	margin: 8px 0px 0px 0px;

	padding: 10px 10px 10px 10px;

	border: 1px dashed #00719c;

	background:#ffffff;



}



/*** comment ***/

#postmetadata {

	font-size: 12px;

	margin: 10px 0px 20px 0px;

	padding: 5px 15px 5px 15px;

}

#comments{

	padding:0 20px 0 20px;

}

.nocomments {background: none; color: #000000;}

.commenttitle {

	color: #000000;

	font-size: 13px;

	text-align: left;

	font-weight: bold;

	margin: 0px 0 20px 0;

	padding: 2px 0px 2px 0px;

	font-variant: normal;

	border-bottom: 1px dashed #00719c;

}

.commentlist {list-style: none;margin:0px;padding:0px;}



.commentbody {

	

	color: #000000;

	font-size: 12px;

	list-style-type: none;

	margin: 0px 0px 10px 0px;

	padding: 0px 5px 0px 5px;

	border: 1px solid #00719c;

	background:#ffffff;

}



.commenthead {

	color: #000000;

	padding: 5px 0px 10px 0px;

	margin: 0px 0px 10px 0px;

	border-bottom: 1px dashed #00719c;

	background:#ffffff;

}

.adminbody {

	color: #000000;

	font-size: 12px;

	list-style-type: none;

	margin: 0px 0px 10px 25px;

	padding: 0px 5px 0px 5px;

	border: 1px solid #00719c;

	background:#ffffff;

}

.adminhead {

	color: #000000;

	margin: 0px 0px 10px 0px;

	padding: 5px 0px 10px 0px;

	border-bottom: 1px dashed #00719c;

	background:#ffffff;

}

.trackhead {

	color: #000000;

	margin: 0px 0px 10px 0px;

	padding: 5px 0px 10px 40px;

	border-bottom: 1px dashed #00719c;

	background: #ffffff url(images/track.gif) no-repeat center left;

}

.trackbody {

	color: #000000;

	font-size:12px;

	list-style-type: none;

	margin: 0px 0px 10px 0px;

	padding: 0px 5px 0px 5px;

	border: 1px dashed #00719c;

	background:#ffffff;

}



.avatar {

	float: left;

	margin: 0px 5px 0px 0px;

	padding: 0px;

	background: #ffffff;

}

.commentcount {

	float: right;

	color: #aaaaaa;

	font-size: 20px;

	margin: 0px 0px 0px 0px;

	padding: 5px 0px 0px 0px;

	font-family: Georgia, Times, 'Times New Roman', serif;

}

.authorlink {color: #000000; font-size: 12px; font-weight: bold;line-height:1.5em;}

.authorlink a {color: #000000; font-size: 12px; font-weight: bold;line-height:1.5em;}

.commentlink {font-size: 10px; color: #000000;}



.trackbody p a {color: #000000;}



#commentform {

	margin:0;

	padding:20px 0 0 0;

}

#email, #author, #url {

	color: #000000;

	background: #ffffff;

	font-size: 12px;

	padding-left: 2px;

	vertical-align: middle;

	border: 1px solid #00719c;

	font-family: Verdana, Arial, Helvetica, Sans-Serif;

}

#comment {

	width: 500px;

	color: #000000;

	font-size: 12px;

	font-family: Verdana, Arial, Helvetica, Sans-Serif;

	border: 1px solid #00719c;

	padding: 2px 2px 2px 2px;

}

#submit {

	width: 80px;

	height: 20px;

	color: #000000;

	font-size: 12px;

	background: #ffffff;

	margin: 0px 0px 0px 0px;

	padding: 0px 10px 2px 10px;

	border: 1px solid #00719c;

	font-family: Verdana, Arial, Helvetica, Sans-Serif;

}





/***** widget *****/

#wp-calendar td {font-size:11px;color:#999999;}

#wp-calendar td a {font-weight:bold;text-decoration:none;}

#wp-calendar {

	width: 144px;

	text-align: center;

	font-size:11px;

}
/* ==================================================================
    Secure and Accessible PHP Contact Form v.2.0WP FIXED width
     DEFAULT.CSS made by Mike Cherim - http://green-beast.com 
    Designed and built to work with the Default WordPress theme
================================================================== */

#gb_form_div { 
  text-align : left;
  width : 460px; min-height:30px; overflow:hidden;

}
#gb_form_div a{ color:#333; text-decoration:none;}
#gb_form_div span{ width:100%; float:left; display:block; font-weight:bold;}
#gb_form_div span strong{ font-weight:bold;}
#gb_form_div label{ width:120px; display:block; height:22px; float:left; margin:0px 0px 5px 0px; line-height:22px;}
#gb_form_div input[type="text"]{ margin:0px 0px 5px 0px; border:1px solid #CCC; height:20px; width:220px; float:left; background:none;}
#gb_form_div input[type="submit"]{ margin:0px 0px 5px 0px; border:none;height:32px; width:110px; font-size:18px; float:left; background: #333; color:#CCC; line-height:32px;-moz-border-radius:5px;}
#gb_form_div textarea{ margin:0px 0px 5px 0px; border:1px solid #CCC; height:90px; width:400px; float:left; background:none;} 
#gb_form_div select{ margin:0px 0px 5px 0px; border:1px solid #CCC; height:20px; width:220px; float:left; background:none;}
#gb_form_div #reason{ height:25px;}

#gb_form_div .whythis{ height:40px; width:300px; float:left; line-height:25px;}
/* End DEFAULT CSS */