style_dev.css

/*
Theme Name: MyMinyxLite
Theme URI: http://wiki.hackerzhou.me/My_Minyx_LITE
Description: Customized Minyx LITE theme for wordpress, add some useful function to the theme.
Version: 0.3.1
Author: hackerzhou
Author URI: http://hackerzhou.me/
License: Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported
License URI: http://creativecommons.org/licenses/by-nc-sa/3.0/legalcode
Tags: right-sidebar, flexible-width, two-columns, theme-options, threaded-comments
*/

html,body{
	margin:0px;
	padding:0px;
	font: normal 12px/1.5em "Helvetica Neue", Arial, Helvetica, sans-serif;
        background:#fff url(data:image/gif;base64,R0lGODlhAQCBAMQAAPX19UBETPHx8fPz8/T09Pf39/v7+/j4+PLy8vz8/Pn5+fb29vDw8Pr6+v7+/v39/aO7UDE2Pv///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABAIEAAAUwYBCNZGmeYyBJTCsISDwMBAEAS14Ux6H8jaDBkCg+jg+H0rFqOp/QKBRCrVKlWGcIADs=) top left repeat-x;
	*background:#fff url(pix/webBg.gif) top left repeat-x;
	color:#333;
	text-align:center;
	height:100%;
	width:100%;
}

a	{outline:none; text-decoration:none}
a:link,
a:visited	{color:#0660B0;}
a:hover		{color:#FF6666;}

.floatL{float:left;}
.floatR{float:right;}
.clear{clear:both;}
.center{text-align:center;}
p{line-height:20px;}
ul{
	list-style:none;
	margin:0;
	padding:0;
}
.alignRight{
	text-align:right;
	padding:0 10px;
}
textarea, input{
	outline: none;
}
	
/*/////////////////////////////////////////
///////////////// STRUCTURE ////////////////
/////////////////////////////////////////*/	
div.post{
	margin-bottom:10px;
}
div.entry{
	margin-top:-12px;
}
div#container{
    min-width: 960px;
	text-align: left;
	width: auto;
	padding: 0 10px;
	margin: 0 auto -40px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

td#leftSide{
	padding-right:20px;
}

div#wrapper {
	width:100%;
	overflow:hidden;
	margin:10px 0 0;
	padding-top:15px;
}

div#content{
	margin-right:380px;
	padding-bottom:40px;
}
div#sidebar{
	width:360px;
	float:right;
}
/*/////////////////////////////////////////
///////////////// TOP MENU ////////////////
/////////////////////////////////////////*/
ul#topMnu{
	text-align:right;
 	padding:3px;
	font-size:12px;
	font-weight:bold;
}

ul#topMnu li{
	display:inline;
	border-right:1px solid #636870;
	padding:0px 10px;
}	

ul#topMnu li a:link,
ul#topMnu li a:visited	{ color:#FFF;}	
ul#topMnu li a:hover	{color:#708033;}

/*/////////////////////////////////////////
///////////////// HEADER ////////////////
/////////////////////////////////////////*/
div#header{
}

div#header h1{
	font-size:36px;
	letter-spacing:-2px;
	font-weight:normal;
	margin:0;
	padding:20px 0 10px 0;
}

div#header h1 a:link,
div#header h1 a:visited{color:#4b5698;}
div#header h1 a:hover{color:#FF6666;}	

div#header h1 small{
	display:block;
	color:#666;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:-1px;
	margin:12px 0 0 15px;
}	

/*/////////////////////////////////////////
///////////////// MENU ////////////////
/////////////////////////////////////////*/
ul#menu {
	float:right;
	line-height:20px;
}

ul#menu li{
	background:url(pix/sprites.png) -691px -231px no-repeat;
	padding:0;
	display:inline;
	font-size:13px;
	margin:0;
	float:left;
	text-align:center;
}

ul#menu li a{
	font-weight:bold;
	text-transform:uppercase;
	padding:30px 15px;
	display:inline-block;
}

ul#menu li a:link,
ul#menu li a:visited{color:#31363e;}	
ul#menu li a:hover	{color:#FF6666;}
ul#menu li#current a,ul#menu li.current_page_item a{padding-top:23px;}
ul#menu li#current div,
ul#menu li.current_page_item div {background:url(pix/sprites.png) -628px -232px no-repeat; width: 13px; height: 7px;}
ul#menu li#current a:link,
ul#menu li#current a:visited,
ul#menu li.current_page_item a:link,
ul#menu li.current_page_item a:visited{color:#565e39; text-decoration:underline;}
ul#menu li#current a:hover,
ul#menu li.current_page_item a:hover{color:#FF6666;}

ul#menu li ul{display:none;}
ul#menu li#rss{
	text-indent:-9000em;
	width:64px;
	height:42px;
	display:block;
	padding:0 0 0 30px;
	margin:0;
}
ul#menu li#rss a{
	background:url(pix/sprites.png) -514px -232px no-repeat;
	display:block;
	width:64px;
	height:42px;
	position:relative;
	padding:0;
	margin:35px 0 0 0;
}

ul#menu li#rss a:link,
ul#menu li#rss a:visited{
	background-position:-514px -232px;
}

ul#menu li#rss a:hover{
	background-position:-514px -276px;
}	
/*/////////////////////////////////////////
///////////// POST FORMATING  /////////////
/////////////////////////////////////////*/
div.post h2 {
	font-size:22px;
	line-height:24px;
	letter-spacing:-1px;
	border-bottom:1px dotted #ababab;
	margin:0px;
	padding:6px 0;
	font-weight:normal;
}
div.post small{
	font-size:12px;
	letter-spacing:normal;
	color:#ababab;
	display:block;
	text-align:right;
}			
div.post div.entry a img{
	border-style:solid;
	border-width:1px;
	padding:5px;
	margin: 5px 0px;
}
div.post div.entry a:link img,
div.post div.entry a:visited img{
	background-color:#FFF;
	border-color:#DDD;
}
div.post div.entry a:hover img{
	background-color:#F5F5F5;
	border-color:#CCC;
}	
div.post div.entry ul{
	margin:10px;
}
div.post div.entry ul li{
	list-style-type:disc;
	padding:0px;
	margin:0 0 0 20px;
}		
div.post div.entry ol{
	list-style:decimal;
}	
div.post div.entry {
	font-size: 14px;
	margin-left:15px;
}

div.entry a{text-decoration:underline; font-weight:bold;}
div.post div.entry a:link,
div.post div.entry a:visited{color:#3D81EE;}
div.post div.entry a:hover{color:#FF6666;}	
div.post ul.postmetadata{
	border-top:3px double #EEE;
	border-bottom:3px double #EEE;
	padding:4px 0px;
	margin-bottom:10px;
	font-size:12px;
}

div.post div.entry blockquote{
	background-color:#FFFFFF;
	margin:0 auto;
	color:#666;
	font-size:14px;
	width:auto;
	max-width:80%;
}

div.post div.entry blockquote .bqe{
	position:relative;
	top:0px;
	left:0px;
	background: url(pix/sprites.png) -85px 0 no-repeat;
	width: 35px;
	height: 25px;
}

div.post div.entry blockquote .bqs{
	background: transparent url(pix/sprites.png) 0 0 no-repeat;
	width: 35px;
	height: 25px;
}

div.post div.entry blockquote p{
	padding:0 45px 0 45px;
	display:inline-block;
}

div.post div.entry blockquote blockquote{
	background-image:none;
	border-left:5px solid #DDD;
	padding:0 0 0 20px;
	margin-left:20px;
}

div.post div.entry code{
	font-size:12px;
}

		
div.post ul.postmetadata li{
	display:inline;
	background-repeat:no-repeat;
	padding:0px;
	background-position: 0 -80px;
}
div.post ul.postmetadata li.icon_cat {display:block;}
div.post ul.postmetadata li.icon_cat div.icon		{background:url(pix/sprites.png) -1327px -158px; width: 16px; height: 16px;display:inline-block;}
div.post ul.postmetadata li.icon_bullet div.icon		{background:url(pix/sprites.png) -275px -158px; width: 16px; height: 16px;display:inline-block;}
div.post ul.postmetadata li.icon_comment a	{background:url(pix/sprites.png) -54px -228px;padding-left:20px;}		
div.post ul.postmetadata li.icon_comment a:hover{background-position:-54px -308px;}
div.post ul.postmetadata li.icon_r{
	float:right;
	font-weight:bold;
}	
		

div.post ul.postmetadata li a:link,
div.post ul.postmetadata li a:visited{color:#00A200;}
div.post ul.postmetadata li a:hover{color:#333;}	


/*/////////////////////////////////////////
///////////////// COMMENTS ////////////////
/////////////////////////////////////////*/
h3#comments-title,
h3#respondTitle{
	font-weight:normal;
	font-size:16px;
	line-height: 20px;
	letter-spacing:-1px;
	color:#555;
	padding:0;
	background-position:left;
	background-repeat:no-repeat;
	text-shadow: 1px 1px 0 #FFFFFF;
	color:#003366;
	margin:0 0 0 8px;
	text-shadow: 1px 1px 0 #FFFFFF;
}

div#comments-title .icon{
	width: 16px; height: 16px;
	float:left;
	background:url(pix/sprites.png) -937px -82px no-repeat;
	margin:8px;
}
div#comments-title h3{
	float:left;
	margin:6px 0;
}
h3#respondTitle {
	float:left;
	margin:6px 0;
}

div#respondTitleWrapper .icon{
	background: url(pix/sprites.png) -141px -82px no-repeat;
	width: 16px; height: 16px;
	float:left;
	margin:8px;
}

div#commentsTitle,div#respondTitleWrapper{
	background: url(pix/sprites.png) -428px 0;
	margin-top:10px;
	border-color: #DDDDDD #CCCCCC #BBBBBB #DDDDDD;
    border-style: solid;
    border-width: 1px;
	height:32px;
}

.addcomment,
.closecomment{
	float:right;
	padding:0 18px 0 0;
	margin:6px;
	font-size:12px;
	text-decoration:underline;
}
.closecomment{
	background:url(pix/sprites.png) -972px -81px no-repeat;
	padding-right:20px;
}
a.addcomment{
	background:url(pix/sprites.png) -176px -82px no-repeat;
}
a.addcomment:link,
a.addcomment:visited{
	background-position:-162px -82px;
}
a.addcomment:hover{
	background-position:-162px -102px;
}

ol.commentlist {
	list-style:none;
	padding:0px;
	margin:10px 0 5px 0;
}
ol.commentlist cite{
	font-style:normal;
}

ol.commentlist h5{
	font-size:11px;
	margin:0;
	padding:0;
}	
ol.commentlist h5 small{
	display:block;
}	
ol.commentlist li{
	background-color: #FFFFFF;
	border: 1px solid #E3E3E3;
	border-radius: 5px;
	list-style: none outside none;
    margin: 5px;
    padding: 5px;
}
ol.commentlist li.alt{background-color:#F4F9FF;border: 1px solid #D0DDF6;}

ol.commentlist ul.children{
	margin:0px;
}

#commentform input#submit{
	background: url("pix/sprites.png") -428px 0;
	width: 90px; height: 32px;
    border: 1px solid #999999;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    padding: 6px 10px 4px;
    margin: 0 0 10px 0;
    text-shadow: 1px 1px 0 #FFFFFF;
}
	
#commentform input.comm_input{
	background:url(pix/sprites.png) -1712px -222px no-repeat;
	border:1px solid #CCC;
	padding:4px 4px 4px 30px;
	margin:0 3px 0 5px;
	border-radius: 5px;
	width:200px;}
#commentform input.comm_input:focus,
#commentform textarea.comm_input:focus{
	-moz-box-shadow:0 0 8px rgba(82,168,236,0.5);
	-webkit-box-shadow:0 0 8px rgba(82,168,236,0.5);
	box-shadow: 0px 0px 8px rgba(82,168,236,0.5);
	border-color:rgba(82,168,236,0.75)!important;
}

#commentform input.input_0	{background-position:-1712px -222px;}
#commentform input.input_1	{background-position:-1712px -252px;}
#commentform input.input_2	{background-position:-1712px -282px;}

.nocomments,
.nocommentsadd{
	padding:0px;
	border:2px solid #f7e590;
	color:#9f8e3b;
	background-color:#fdf9e3;
}

.nocommentsadd_icon,.nocomments_icon{
	width: 25px;
	height: 25px;
	float:left;
}

.nocommentsadd .comments_status{
	margin:5px 0;
}

.nocomments_icon {
	background:url(pix/sprites.png) -843px -81px no-repeat;
}

.nocommentsadd_icon	{
	background:url(pix/sprites.png) -66px -81px no-repeat;
}

div#commentFormWrapper{
	border: 1px solid #E3E3E3;
	min-width: 540px;
	width: 60%;
	padding: 0 8px;
	border-radius: 5px;
	margin:5px 0 5px 5px;
	background-color:#ffffff;
}
div#respond{
	margin-top:10px;
}
#commentform textarea.comm_input{
	overflow-y:auto;
	width:95%;
	margin: 0 5px 5px 5px;
    padding: 10px;
	border-radius: 5px;
	height:200px;
	border: 1px solid #ccc;
}
#cancel-comment-reply{
	padding:6px 10px 0 0;
	text-align:right;
}
#cancel-comment-reply-link{
	display:none;
}

.commentlist li.alt .comment-author {
    border-bottom: 1px solid #DFE8F8;
}

.comment-author {
    border-bottom: 1px solid #ECECEC;
    height: 30px;
    padding-bottom: 5px;
    width: 100%;
}

.comment-author .authorInfo {
    color: #888;
    float: left;
    line-height: 17px;
    padding-left: 5px;
    width:40%;
}
.comment-author .avatar{
	float: left;
}

.authorInfo .fn {
    font-style: normal;
    font-weight: bold;
    color:#0660B0;
    font-size:13px;
}

.comment > div > p{
	font-size: 14px;
	padding:0 5px;
}

.comment .replyEdit{
	padding:0 5px;
}

/*/////////////////////////////////////////
///////////////// SIDEBARS ////////////////
/////////////////////////////////////////*/

div#sidebar{
	color:#666;
	font-size:12px;
}

div#sidebar a:link,
div#sidebar a:visited{
	color:#0066CC;
}

div#sidebar a:hover{
	color:#FF3300;
}	

div#sidebar a img{border:none;}	
	
div#sidebar h2{
	font-size:14px;
	color:#333;
	text-align:center;
	border-bottom:3px solid #DDD;
}

div#sidebar div.floatL{
	float:left;
	width:193px;
}		
div#sidebar div.sideR{
	float:right;
	width:48%;
}	

div#sidebar div.sideL{
	float:left;
	width:48%;
}
	
div#sidebar div.sideL h2,
div#sidebar div.sideR h2	{
	background-color:#47505F;
	border-bottom:2px solid #2F353F;
	color:#FFF;
	padding:5px 0px;
	text-transform:uppercase;
	font-weight:normal;
	font-size:14px;
}

	/*about*/

div#sidebar div#about h2{
	border-color:#dcd6b3;
}	
div#sidebar div#about{
	background-color:#F8F8EE;
	border:1px solid #EEE;
}		

div#sidebar div#about img.photo{
	float:left;
	margin:10px;
}
div#sidebar div#about a{font-weight:bold; text-decoration:underline;}
div#sidebar div#about a:link,
div#sidebar div#about a:visited{color:#FFA300;}		
div#sidebar div#about a:hover{color:#333;}
div#sidebar div#about div{
	border:1px solid #FFF;
	padding:5px;
}	
	
div#sidebar ul li a{
	background:url(pix/sprites.png) -277px -82px no-repeat;
}
	
	
	/*RECENT*/
div#sidebar div#recent ul li{
	border-bottom:1px solid #EEE;
	padding:2px 0px;
}
div#sidebar div#recent ul li a{
	background-repeat:no-repeat;
	padding:3px 0px 3px 20px;
}

div#sidebar div#recent ul li a:link,
div#sidebar div#recent ul li a:visited{
	background-position:-277px -76px;
}

div#sidebar div#recent ul li a:hover{
	background-position:-277px -156px
}		

div#sidebar  div#recent a.mini_rss{
	float:right;
	text-indent:-9000em;
	width:20px;
	height:20px;
	display:block;
	background:url(pix/sprites.png) -376px -232px no-repeat;
}
div#sidebar div#recent a.mini_rss:hover{
	background:url(pix/sprites.png) -376px -252px no-repeat;
}	


/* general*/

div#sidebar ul li ul li{
	border-bottom:1px solid #EEE;
	padding:2px 0px;
}	

div#sidebar ul li ul li a{
	background-repeat:no-repeat;
	padding:0 0 0 20px;
}
	
	/*CATS*/
div#sidebar ul li.categories a{
	background:url(pix/sprites.png) -1328px -82px no-repeat;
}
div#sidebar ul li.categories a:hover{
	background-position:-1328px -162px;
}	
div#sidebar ul li.categories ul li ul li{
	border:none;
}	
	
div#sidebar ul li.categories ul li ul li a{
	background:url(pix/sprites.png) -687px -82px no-repeat;
}
div#sidebar ul li.categories ul li ul li a:hover{
	background-position:-687px -162px;;
}	

	/*LINKS*/

div#sidebar ul li.linkcat a{
	background:url(pix/sprites.png) -1718px -82px no-repeat;
}

div#sidebar ul li.linkcat a:hover{
	background-position:-1718px -162px;;
}
	
	/*ARCHIVES*/

div#sidebar ul li.archives a{
	background:url(pix/sprites.png) -1078px -82px no-repeat;
}

div#sidebar ul li.archives a:hover{
	background-position:-1078px -162px;
}
	
	/* searchform*/
	
#searchform{
	margin:5px 0 10px 0;
	background-color:#444;
	border:2px solid #333;
}	

#searchform div.searchfromInnerDiv{
	border:1px solid #565656;
	padding:5px;
	text-align:center;
	height:22px;
}		

#searchform .icon{
	margin-top:2px;
	background:url(pix/sprites.png) -446px -232px no-repeat;
	height:18px;
	width:18px;
	float:left;
}

#searchform #s{
	width:240px;
	height:16px;
}		
#searchform img{
	border:none;
	padding:0;
	margin:0;
}
#searchform #searchsubmitBtn{
	padding:0;
	width:70px;
	height:21px;
	position:relative;
	float:right;
	background: url(pix/sprites.png) -170px 0;
}	
/*/////////////////////////////////////////
///////////////// FOOTER ////////////////
/////////////////////////////////////////*/
	
#footer {
	color: #FFF;
	background-color:#31363E;
	text-align: center;
	margin:0;
	width:100%;
	height:40px;
}	

div#footer div.footText p{
	margin:0;
	overflow:hidden;
	color:#ccc;
}
	
div#footer div.footText{
	width:920px;
	margin:0px auto;
	text-align:center;
	padding:10px 0;
}

div#footer div.footText a{
	color:#ddd;
	text-decoration:underline;
}

div#footer div.footText a:hover{
	color:#fff;
}

ul .children{
	margin-left:12px;
}

/* Page Navigation */
.navigation {
    font-size: 12px;
    padding: 10px 0 20px;
    text-align: center;
}

.navigation .prev{
	padding-left:18px;
}

.navigation .next{
	padding-right:18px;
}

.navigation a, .gsc-cursor-page {
    border: 1px solid #9AAFE5;
    color: #2E6AB1;
    margin-right: 0;
    padding: 2px 6px;
    text-decoration: none;
}

.navigation a.next, .navigation a.prev{
	width:60px;
}

.navigation a.next {
	background: url(pix/sprites.png) no-repeat -266px -236px;
}

.navigation a.prev {
	background: url(pix/sprites.png) no-repeat -1648px -86px;
}

.navigation a.next:hover{
	background-position: -266px -259px;
}

.navigation a.prev:hover{
	background-position: -1648px -109px;
}

.navigation a:hover,.navigation a.next:hover,.navigation a.prev:hover{
	background-color: #D2E3F7;
}

.navigation span.current, .gsc-cursor-current-page {
    background-color: #2E6AB1;
    border: 1px solid navy;
    color: #FFFFFF;
    font-weight: bold;
    margin-right: 0;
    padding: 2px 6px;
}

/* Google Custem Search Engine */

.gsc-cursor-current-page,.gsc-cursor-page{
	padding: 0px;
	display:inline-block;
	padding: 2px 6px;
	margin-left: 5px;
}

div#cse{
	font-size:14px;
	margin:20px 0 0 15px;
}

div.gs-webResult{
	margin-bottom:10px;
}

div.gs-snippet{
	margin:8px 0px 2px 15px;
}

div.gs-visibleUrl-long{
	margin-left:15px;
	font-size:12px;
	color: #008000;
    text-decoration: none
}

div.gsc-cursor-box{
	margin-top:20px;
	text-align:center;
	font-size:12px;
}

div.gs-title{
	font-size:18px;
}

div.gs-snippet b{
	color:#CC0033;
}

form.gsc-search-box, div.gs-spelling, input.gsc-input, div.gs-watermark
,div.gs-visibleUrl-short,div.gsc-tabsAreaInvisible,table.gsc-resultsHeader,.gsc-adBlock,.gcsc-branding{
	display:none;
}

/* CC License */
div#license_information {
	width:100%;
	min-height:31px;
    background-color: #F8F8EE;
    border: 1px solid #E8E7D0;
    color: #666666;
    padding: 5px;
	margin:0 0 10px 0;
	display:table;
}
div#license_information div#cc_Img{
	display:table-cell;vertical-align:middle;width:88px;
}

div#license_information div#copyrightText {
	padding-left:5px;
	display:table-cell;vertical-align:middle;
}
div#license_information div#copyrightText a {
    border-bottom: 1px dashed;
}
div#license_information div .ccImg {
	background: url(pix/sprites.png) -290px 0 no-repeat;
	width: 88px; height: 31px;
	display:inline-block;
	
}

/* Compatable section for wordpress theme standard start */
.wp-caption-text {
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.home .sticky {
	background: #f2f7fc;
	border-top: 4px solid #000;
	margin-left: -20px;
	margin-right: -20px;
	padding: 18px 20px;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.commentlist .bypostauthor {
} 
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* Compatable section for wordpress theme standard end */