@charset "utf-8";
/* Global css
-------------------------------------*/
*{margin:0;padding:0}
body, input{font-family:Verdana;line-height:180%;font-size:100.01%;min-height:101%;text-align:left;color:#DDD;font-size:12px;background-attachment:fixed;}
img, fieldset, abbr, acronym{border:0}
table{border-collapse:collapse;border-spacing:0;width:100%}
caption{text-align:left}
q:before, q:after, blockquote:before, blockquote:after{content:''}
input, select, textarea, button{font-size:1em;width:auto}
input, select{vertical-align:middle}
textarea{height:auto;overflow:auto}
option{padding-left:0.6em}
ul, ol{list-style-type:none}
header,footer,nav,section,article,hgroup{display:block;}
/* Headlines */
h1, h2, h3, h4, h5, h6{font-family:\5fae\8f6f\96c5\9ed1,Verdana;font-weight:normal;color:#6099ff;text-shadow:2px 2px 2px rgba(0,0,0,0.4);zoom:1;}
h1{font-size:28px}
h2{font-size:22px;color:#FFF}
h3{font-size:20px}
h4{font-size:14px}
h5{font-size:12px}
h6{font-size:10px}
h4{color:#a3d5ea;font-size:14px}
/* Anchors */
a{color:#fff;text-decoration:none}
a:hover{text-decoration:underline}
/* Lists */
#main h3 a{color:#FFF}
#main a{color:#6099FF}
#main div.box1 ul{padding:20px;list-style:inside}
#main div.box1 ol{padding:20px;list-style:inside;list-style-type:decimal}
#main code{display:block;padding:10px;border:1px solid rgba(0,0,0,0.5);background:rgba(0,0,0,0.3);*background:#333;-moz-border-radius:6px;-khtml-border-radius:6px;-webkit-border-radius:6px}
#sidebar ul, #sidebar ol{list-style-type:none}
blockquote{margin:15px 0;padding:10px 20px;border-bottom:1px solid #000;font:1.00em Georgia,"Times New Roman",Times,serif;color:#fff;background:url(images/bg-box.png) repeat scroll 0 0 !important;background:#222}
/*2.b Base layout*/
/* Search forms input */
.search{position:absolute;top:0;left:50%;z-index:3;display:block;width:960px;height:1px;margin-left:-480px}
.search .fields{position:relative;overflow:hidden;margin-top:8px;float:right;width:190px;height:29px; background:url(http://blog.gulu77.com/wp-content/themes/irresistible/styles/img/global_v2.png) no-repeat 0 -72px;}
.search .fields input{position:absolute;top:0;left:0;z-index:2;padding:0 0 0 4px;width:150px;height:20px;line-height:20px;color:#fff;font-size:14px;font-weight:bold;background:none;overflow:hidden;border:none;}
.search .fields input:hover{color:#ccc;}
.search .fields button{position:absolute;top:0;right:0;z-index:2;width:32px;height:29px; cursor:pointer; border:none;background:none; font-size:0; line-height:50px;}

/* Base layout
-------------------------------------*/
#content{position:relative;margin:auto;zoom:1;width:960px;margin:0 auto;text-align:left;}
header{position:fixed;top:0;left:0;width:100%;z-index:1;}
nav{position:fixed;left:50%;top:0;z-index:2;margin-left:-490px;width:760px;height:38px;font-family:Verdana;}
section {float:left;width:598px;padding-top:140px;*padding-top:125px;}
footer{position:relative;right:0;bottom:0;z-index:2;width:100%;height:65px;overflow:hidden;clear:both;background:url(img/bg.png) repeat-x;color:#666}

/* header
-------------------------------------*/
header .bg{position:absolute;top:0;left:0;display:block;width:100%;height:50px; line-height:150px; overflow:hidden;}

/* navigation
-------------------------------------*/
nav a{display:block;padding:9px 15px;font-size:14px;color:#CCC;text-decoration:none;text-transform:uppercase;text-shadow:3px 3px 3px #000;}
nav a:hover{-moz-border-radius:6px;-khtml-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;color:#FFF;-webkit-box-shadow: 1px 0px 2px #fff;-moz-box-shadow: 0 0 1px rgba(255,255,255, 0.3);background:rgba(0,0,0, 0.2);}
nav li{float:left}

/* footer 
-------------------------------------*/
footer #copy{position:absolute;top:27px;left:20px}
footer ul{position:absolute;top:27px;right:20px}
footer li{float:left;display:inline;margin-left:15px}
footer a{color:#666;}

/* module boxs
-------------------------------------*/
.box1,ol.commentlist li, form#comments{position:relative!important;background:rgba(0,0,0,0.6);}
.box1{-moz-border-radius:6px;-khtml-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;margin:0 0 20px;padding:20px;overflow:hidden;}
.box1 ul, .box1 p{margin:0 0 5px 0;}
.box1 ul.blog-list li{border-bottom:1px dashed #3f566e;padding:0 0 15px}
.box1 p.link{text-align:right;margin:0 0 15px}
.box1 ul.left-list{float:left;width:230px;padding:10px 0 10px 10px}
.box1 ul.right-list{float:right;width:230px;padding:10px 10px 10px 0}
.box1 ul.left-list li, div.box1 ul.right-list li, div.box1 ul.list3 li{border-top:1px dashed #3f566e;padding:8px 0}
.box1 ul.list3{margin:15px 0 0}
.box1 ul.list3 li{padding:15px 0}
.box1 ul.list3 li ul{margin:0;border:none !important}
.box1 ul.list3 li ul li{margin:0 0 0 15px;padding:15px 0 0;border:none !important}
.box1 ul.left-list li a, div.box1 ul.right-list li a, div.box1 ul.list3 li a{color:#dadada}

div.box2{background-color:#141517;-moz-border-radius:6px;-khtml-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;padding:8px}
.box1 .txt0{margin-bottom:10px;}
.box1 .txt0,.box1 .txt0 a, .continue{color:#a3d5ea!important}
h4.txt1{background:url(images/ico-1.gif) no-repeat 15px 3px;padding:0 0 10px 45px}
#sidebar h3{color:#fff;font-weight:normal}
#sidebar a{color:#6099ff}
ol.commentlist{margin:0}
ol.commentlist li{-moz-border-radius:6px;-khtml-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;margin:0 0 10px;padding:13px 15px;position:relative}
ol.commentlist li p{margin:0}
ol.commentlist li .pic_gravatar{margin-left:10px;float:right;position:relative;width:40px;height:40px}
ol.commentlist li .pic_gravatar:before{position:absolute;top:-3px;left:-3px;content:"";display:block;width:40px;height:40px;-moz-border-radius:8px;-webkit-border-radius:8px;border:3px solid #131416;overflow:hidden}
ol.commentlist li p a{color:#6099ff}
ol.commentlist li ul li{padding:15px 0px 5px 20px;margin:0}
ol.commentlist .comment-meta a{color:#999;padding-bottom:5px}
ol.commentlist .children{margin:0}
div.post{padding:5px 0px}
.home .post{border-bottom:1px dashed #777}
.box1 .navigation{padding:10px 0}
h2.hd-page{margin:20px 0}
div.box1 ul.list2 li, div.list3 li{border-bottom:1px dashed #777;padding:8px 0}
div.list3 .lifestream li{border:none}

/*3. Form
-------------------------------------*/
input.text, select.select, textarea.textarea{border:0;color:#000;padding:7px}
select.select{width:200px}
textarea.textarea{width:92%;height:80px;background:#000;-moz-border-radius:6px;-khtml-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;font-family:Verdana;filter:alpha(opacity=60);opacity:0.60;color:#FFF}
textarea.textarea:hover{background:#FFF;color:#000;opacity:1}
button.button{color:#fff;height:auto;width:auto;white-space:nowrap}

/* General forms
-------------------------------------*/
form.form ol.fieldset{list-style:none}
form.form ol.fieldset li.field{margin:0 0 13px;position:relative}
form.form ol.fieldset li.field label{position:absolute;top:5px;left:290px}
form.form p.submit{margin:0}
form.form p.submit button{padding:5px 15px;font-size:14px}
.sub_page h4{ text-indent:30px; margin:15px 0; background-position:3px 5px;}
form#comments{-moz-border-radius:6px;-khtml-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;padding:20px 30px}
form#comments input{-moz-border-radius:6px;-khtml-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;background:#000;width:50%;padding:7px;border:none;color:#FFF;filter:alpha(opacity=60);opacity:0.60}
form#comments input:hover{background:#FFF;color:#000;opacity:1}

/* theme style
-------------------------------------*/
.themes_style{position:absolute;top:80px;left:50%;width:950px;margin:0 0 0 -480px;text-align:right;}
.themes_style span{display:block;overflow:hidden;position:absolute;top:-20px;left:0;width:272px;height:72px;line-height:500px;outline:none;background:url(http://blog.gulu77.com/wp-content/themes/irresistible/styles/img/global_v2.png) no-repeat;}
.themes_style a:hover span{ width:120px; zoom:1;display:block;position:absolute;left:700px; top:0;opacity: 0.9;}
.themes_style a{ overflow:hidden; line-height:100px; display:inline-block;zoom:1;_display:inline;width:20px;height:20px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.themes_style a:hover{width:18px;height:18px;border:1px solid #FFF;}
.themes_style .style01{background:#000;filter:alpha(opacity=10);opacity: 0.1;}
.themes_style .style02{background:#000;filter:alpha(opacity=30);opacity: 0.3;}
.themes_style .style03{background:#000;filter:alpha(opacity=50);opacity: 0.5;}
.themes_style .style04{background:#000;filter:alpha(opacity=70);opacity: 0.7;}
.themes_style .style05{background:#000;filter:alpha(opacity=90);opacity: 0.9;}

.themes_style2{position:absolute;top:110px;left:50%;width:950px;margin:0 0 0 -480px;text-align:right;}
.themes_style2 span{display:block;overflow:hidden;position:absolute;top:-20px;left:0;width:272px;height:72px;line-height:500px;outline:none;background:url(http://blog.gulu77.com/wp-content/themes/irresistible/styles/img/global_v2.png) no-repeat;}
.themes_style2 a:hover span{ width:120px; zoom:1;display:block;position:absolute;left:700px; top:0;opacity: 0.9;}
.themes_style2 a{ overflow:hidden; line-height:100px; display:inline-block;zoom:1;_display:inline;width:20px;height:20px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.themes_style2 a:hover{width:18px;height:18px;border:1px solid #FFF;}
.themes_style2 .style01{background:#000;filter:alpha(opacity=10);opacity: 0.1;}
.themes_style2 .style02{background:#000;filter:alpha(opacity=30);opacity: 0.3;}
.themes_style2 .style03{background:#000;filter:alpha(opacity=50);opacity: 0.5;}
.themes_style2 .style04{background:#000;filter:alpha(opacity=70);opacity: 0.7;}
.themes_style2 .style05{background:#000;filter:alpha(opacity=90);opacity: 0.9;}

/* Sidebar Tabber
-------------------------------------*/
#sidebar{float:right;width:334px;text-align:left;padding-top:140px;}
#sidebar h3{margin-top:10px}
#sidebar #my_videos{width:136px;height:34px;background:url(http://blog.gulu77.com/wp-content/themes/irresistible/styles/img/global_v2.png) no-repeat 0 -137px;}
#sidebar #my_photos{width:136px;height:34px;background:url(http://blog.gulu77.com/wp-content/themes/irresistible/styles/img/global_v2.png) no-repeat 0 -102px;}
#sidebar .myvideos,
#sidebar .myphotos{display:none;}
/*video*/
#video{text-align:center; padding:10px;}
#video p{ margin:auto;width:314px;height:311px;line-height:311px;font-family:\5fae\8f6f\96c5\9ed1,Verdana;font-size:24px;background:#000; background-repeat:repeat-x; background-position:0 bottom;}
#video strong{ display:block;width:314px;height:311px;background-repeat:no-repeat; background-position: center 291px; font-weight: normal; color:#CCC;}
/*tabcloud*/
.tab{position:relative;width:100%;padding-top:38px;margin-bottom:15px}
.tab dt{position:absolute;top:0;left:15px;overflow:hidden;cursor:pointer;width:46px;height:38px;text-align:center;}
.tab dt a{ position:relative; margin:10px auto auto;display:inline-block;*display:inline;zoom:1;width:22px;height:18px;text-decoration:none;}
.tab dt a span{display:inline-block;*display:inline;zoom:1;width:22px;height:17px;*height:18px;overflow:hidden;line-height:50px;font-size:0;background-position:center top!important;cursor:pointer;}
.tab .tab2{left:63px}
.tab .tab3{left:111px}
.tab .tab4{left:159px}
.tab .tab5{left:195px}
.tab .current{-khtml-border-radius-topleft:6px;-khtml-border-radius-topleft:6px;-webkit-border-radius-topleft:6px;-webkit-border-radius-topright:6px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;border-radius-topleft:6px;border-radius-topright:6px;background:rgba(0,0,0,0.9)}
.tab dd{padding:15px;display:block;background:rgba(0,0,0,0.9);-moz-border-radius:6px;-moz-border-radius:6px;-khtml-border-radius:6px;-webkit-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
.tab li{position:relative;border-bottom:1px dashed #555;padding:10px 0;zoom:1}
.tab #comm li{padding-left:28px; background-position:left center!important}
.tab #pop li{background-position:left center;padding-left:28px}
.tab #tagcloud{line-height:240%;font-family:\5fae\8f6f\96c5\9ed1,Verdana}
.tab #tagcloud a{padding:3px}
.tab #tabs .inside ul{margin:0;padding:0px 15px 10px 15px !important}
/*friendlinks*/
#friendlinks{margin:0 auto;overflow:hidden;text-align:left}
#friendlinks ul{margin:20px 0 10px 16px;float:left;display:inline}
#friendlinks li{position:relative;float:left;width:54px;height:50px;list-style:none;padding:0;border:none}
#friendlinks li span{display:block;overflow:hidden;position:absolute;top:2px;left:2px;width:30px;height:30px;line-height:130px;background-size:30px 30px;}
#friendlinks li a:hover span{width:60px;height:60px;background-size:60px 60px; margin:-30px 0 0 -30px;}
/*flickr*/
#flickr{position:relative;float:left;margin:0 0 20px 0;width:332px; height:340px; background:url(http://blog.gulu77.com/wp-content/themes/irresistible/styles/img/mypicture.png) no-repeat 12px 55px;}
#flickr ul{margin:0;padding-top:5px;float:left;}
#flickr li{float:left;width:83px;height:88px;text-align:center;}
#flickr a{margin:auto;display:block;width:70px;height:70px;border:1px dashed #888}
#flickr a:hover{border:1px dashed #fff;-webkit-transform: scale(2);-webkit-transition: all 0.2s ease-out;}
#flickr #browse_flickr{float:right;width:91px;height:11px;line-height:150px;overflow:hidden;background:url(http://blog.gulu77.com/wp-content/themes/irresistible/styles/img/global_v2.png) no-repeat 0 -171px;}

/* AlphaImage PNG
-------------------------------------*/
/*AlphaImage global*/
.global{overflow:hidden}
.global span{display:block;overflow:hidden;width:272px;height:108px;font-size:0;text-indent:-300px;background:url(http://blog.gulu77.com/wp-content/themes/irresistible/styles/img/global.png) no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blog.gulu77.com/wp-content/themes/irresistible/styles/img/global.png',sizingMethod='scale')}
/*Utility classes*/
.fl{float:left}
.fr{float:right}

/* page
-------------------------------------*/
/*sub_page*/
.sub_page{margin-top:34px}
.sub_page .more-link{ display:inline-block; clear:both;}
.sub_page h2.title{position:absolute;top:144px;left:20px;}
/*page about*/
.about h3{padding-bottom:5px}
.about .photo_list{padding:0!important}
.about .photo_list li{list-style:none;float:left;margin:0 7px 20px 0}
/*page links*/
.links_page{margin-top:-30px;padding-bottom:30px}
.links_page h3{padding:30px 0 0 15px;font-family:\5fae\8f6f\96c5\9ed1,Verdana;font-weight:normal;font-size:16px;color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,0.4)}
.links_page ul{padding:13px!important;overflow:hidden;zoom:1}
.links_page li{float:left;display:inline;width:33.3%;height:24px;line-height:24px;overflow:hidden}
.links_page li a{padding-right:5px;}
/*page css layout*/
#layoutContainer{ margin-top:20px;}

/*lightbox
-------------------------------------*/
#lightbox img{border:0!important;padding:0;background:none}
#lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#lightbox a img{border:none}
#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#imageContainer{padding:10px}
#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#imageContainer>#hoverNav{left:0}
#hoverNav a{outline:none}
#prevLink, #nextLink{width:49%;height:100%;background:transparent url(http://blog.gulu77.com/img/nextlabel.gif) no-repeat -3000px 0;display:block}
#prevLink{left:0;float:left}
#nextLink{right:0;float:right}
#prevLink:hover, #prevLink:visited:hover{background:url(http://blog.gulu77.com/img/prevlabel.gif) left 15% no-repeat}
#nextLink:hover, #nextLink:visited:hover{background:url(http://blog.gulu77.com/img/nextlabel.gif) right 15% no-repeat}
#imageDataContainer{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em}
#imageData{padding:0 10px;color:#666}
#imageData #imageDetails{width:70%;float:left;text-align:left}	
#imageData #caption{font-weight:bold}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em}			
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.7em}	
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;filter:alpha(opacity=60);opacity:0.6}
.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 */ bugbug777{width:100%;height:500px;background-color:#000;filter:alpha(opacity=60);opacity:0.6}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.navigation{padding:20px 0;}
#main .navigation a{color:#FFF;}
.clearfix{display:block;}
/* End hide from IE-mac */