/*

	Theme Name: Mouse IT 2

	Theme URI: http://www.templatelite.com/mouse-it-free-wordpress-theme/

	Description: Mouse IT is a clean quality theme for computer related blog with smooth gradient background and glossy blog title text effect.

	Version: 1.10.1

	Author: TemplateLite.com

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

	Tags: mouse, IT, fixed width, two columns, widget ready

*/



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



/* general */

body {

	margin:0px;

	font-size: 12px;

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

	background: #4c4c4e;

	color:#000000;

	background:#006666;

}



img {

	border:0px;

	padding:5px;

	max-width: 100%;

}

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;}

hr {height:1px;border:none;border-top:1px dashed #666666; width:100%;}

del {color:red;}

ins {color:green;}



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,select,textarea {

	font-size:12px;

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

}

code{

	font: 1.1em 'Courier New', Courier, Fixed;

}

.alignleft {float: left;}

.alignright {float: right;}

.aligncenter,div.aligncenter{

	display: block;

   margin-left: auto;

   margin-right: auto;

}

img.alignleft {

	padding: 5px;

	margin: 0 7px 2px 0;

	display: inline;

}



img.alignright {

	padding: 5px;

	margin: 0 0 2px 7px;

	display: inline;

}

img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.clear {clear:both;}

.spacer {height:20px;}

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

#base{

	width:895px;

	margin:0px auto;

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

}

#header{

	width: 100%;
        margin-top:15px;

	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;

}



#sidebar select{

	margin:5px 0px 2px 2px;

	font-size:11px;

	width:155px;

	overflow:hidden;

}





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



.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{

	overflow:hidden;

	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 {

	width:540px;

	overflow:hidden;

	color: #000000;

	line-height: 1.6em;

	text-align: justify;

	padding: 20px 5px 10px 5px;

}



.info {

	clear:both;

	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 {

	clear:both;

	font-size: 11px;

	margin: 40px 0px 0px 0px;

	padding: 2px 0px 17px 0px;

	border-top: 1px dashed #00719c;

	border-bottom: 1px dashed #00719c;

}



.sorry {

	font-size: 11px;

	font-style: italic;

	margin: 8px 0px 0px 0px;

	padding: 10px 10px 10px 10px;

	border: 1px dashed #00719c;

	background:#ffffff;



}





/***** 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;

}

.wp-caption { /*images caption*/

	text-align: center;

	color:#666666;

}



.textwidget { /*text box*/

	margin:2px 0px 5px 2px;



}

.rsswidget img{

	display:none;

}



#akismetwrap{

	margin:2px 0 2px 15px;

}



.wp-smiley{

	vertical-align:middle;

	border:0px;

	padding:0px;

}

/*** 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;}



.comment,.trackback,.pingback{

	clear:both;

	margin:10px 0px 0px 0;

	padding:0px 0px 0px 0px;

}

.comment .children{

	list-style: none;

	padding:0px 0 0 0;

	margin:0px 0 0px 20px;

	border:0px red solid;

}

.comment div, .trackback div, .pingback div{

	height:100%;

	background:#ffffff;

	padding:2px;

	border: 1px solid #00719c;

}

.trackback div, .pingback div{

	border:1px #00719c dashed;

}

.comment div div,.trackback div div, .pingback div div{

	background:none;

	padding:0;

	border:0px;

}



.comment .says, .trackback .says, .pingback .says{

	display:none;

}

.comment .avatar{

	position:relative;

	float: left;

	margin: 0px 5px 0px 0px;

	padding: 0px;

}

.comment .fn,.comment .fn a,.trackback .fn,.trackback .fn a,.pingback .fn,.pingback .fn a{

	margin-left:0px;

	color:#000000;

	font-size: 12px;

	font-weight:bold;

	font-style:normal;

	text-decoration:none;



}	

.byuser .fn a{

	font-weight:bold;

	font-style:italic;

	text-decoration:none;

}



.bypostauthor .fn a{

	font-weight:bold;

	font-style:italic;

	text-decoration:underline;

}



.comment .comment-meta,.trackback .comment-meta, .pingback .comment-meta{

	border-bottom: 1px dashed #00719c;

	margin:0 0 10px 0px;

	padding:5px 0 5px 0;

	font-size:10px;

}

.trackback .comment-meta{

	padding:2px 0 2px 0;

}

.comment .comment-meta a, .trackback .comment-meta a, .pingback .comment-meta a {

	color:#000000;

	text-decoration:none;

}



.comment .reply{

	margin:5px 0 0px 0;

	padding:2px;

	font-size:10px;

	text-align:right;

}

.comment .reply a{

	color:#000000;

	text-decoration:none;

}

.trackback .reply, .pingback .reply{

	display:none;

}



	/**comment paging WP2.7**/

.commentnavi{

	position:relative;

	padding-right:20px;

}

.commentpages{

	float:right;

	padding:5px 10px;

}

.page-numbers{

	padding-left:5px;

}

.current{

	font-weight:bold;

}



	/*** comment form ***/

#respond {

	clear:both;

	padding:5px;

	margin:10px 0px 0px 20px;

	font-size:12px;

}	

.cancel-comment-reply{

}

	

#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: 98%;

	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;

}