- - - - - - */ /* CSS Reset * By Eric Meyer */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0} body{line-height:1} ol,ul{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:none} :focus{outline:0} ins{text-decoration:none} del{text-decoration:line-through} table{border-collapse:collapse;border-spacing:0} /* Custom * ------------------ */ body#layout{ max-width:100%; } body#layout #slider-wrapper{ display:none } body#layout #header-wrapper { height:100px; } body#layout #logo { left:0; top:15px; } .navbar { display:none } .widget { margin:0; padding:0 } .clearfix:after{ clear:both; content:" "; display:block; font-size:0; height:0; visibility:hidden } * html .clearfix,:first-child+html .clearfix{ zoom:1 } .clear { display:block; clear:both; float:none; border:none; font-size:0; height:0; overflow:hidden; margin:0; padding:0 } /* TYPOGRAPHY * ------------------ */ /* Link */ a { color:$(link.color); text-decoration:none } a:hover, a:focus, a:active { color:$(link.hover.color); text-decoration:none } /* Styling Font */ h1,h2,h3,h4,h5,.sf-menu a,#blog-pager,.feed-links,.jump-link a, #navlist a{ font:$(styling.font); } /* Heading */ h1 {font-size:28px; line-height:45px; margin-bottom:24px;} h2 {font-size:24px; line-height:35px; margin-bottom:20px;} h3 {font-size:40px; line-height:25px; margin-bottom:18px;} h4 {font-size:16px; line-height:15px; margin-bottom:16px;} h5 {font-size:14px; line-height:15px; margin-bottom:14px;} h6 {font-size:12px; line-height:15px; margin-bottom:10px;} /* List */ ul{list-style:square;} ol{list-style-type:decimal;padding-left:30px;} ol ol{list-style:upper-alpha;} ol ol ol{list-style:lower-roman;} ol ol ol ol{list-style:lower-alpha;} /* Pre/Code */ pre{ font:12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace; white-space:pre; overflow:auto; clear:both; line-height:19px; background:#e0e0e0; border:1px solid #999; padding:10px } code{ padding-left; display:block; padding:10px; font:12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace; background:#e0e0e0; border:1px solid #999; } /* Blockquote */ blockquote { margin: 15px 10px 15px 10px; font:italic normal 13px Georgia, Bitstream Charter, serif; padding:10px 10px 10px 50px; background:#e0e0e0 url(https://lh6.googleusercontent.com/-ZwhzK_cNm6Y/TvCxcDAFnyI/AAAAAAAAAgg/ocSwVsyHq1E/h1600/quote.png) no-repeat 0 0; border:1px solid #999; } blockquote cite{ font:12px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:300; letter-spacing:1px; text-transform:uppercase; margin: 5px 0 0; display: block; } /* MAIN LAYOUT * ================== */ body { font:$(body.font); color:$(body.text.color); background:#FFF8E5 url(http://1.bp.blogspot.com/-aW3DUxq94sU/TzOPkz3AN5I/AAAAAAAABaA/uWcql10wxU4/s1600/Page-BgTexture.jpg) repeat-y top center; background-attachment:fixed; padding: 15px 0; } #wrapper { background:url(http://2.bp.blogspot.com/-Eh5kg90Ylmo/TzOPk9T5a1I/AAAAAAAABZ0/ftGSkZSnTAc/s1600/Header.jpg) no-repeat top center; width:980px; margin:0 auto; padding:10px; } /* HEADER AREA * ================ */ #header-bar { height:40px; } #header-wrapper { height:370px; padding:10px 0; position:relative } /* Logo */ #logo { text-align:center; float:left; width:300px; margin:70px 0px 0px 20px; } #logo h1.title{ font-size:36px; font:$(title.text); color:$(title.text.color); font-weight:normal; margin:0 0 5px 0; padding:0; line-height:100%; } #logo h1.title a{ color:$(title.link.color); } /* Description */ #logo .description{ font:$(description.text); color:$(description.text.color); margin:0; padding:0; line-height:100%; } /* Top Menu */ #navlist { background: url() no-repeat 0 0; width: 950px; height: 31px; overflow:hidden; margin:16px 0px 0px 20px; padding:0px 5px 5px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #navlist h2{ display:none } #navlist ul{ font-size:20px; font-weight:400; text-transform:uppercase; margin:0; padding:0 } #navlist li { background: url(https://lh4.googleusercontent.com/-oRAo85NpJj8/TwxeQmIBGDI/AAAAAAAAA54/xJPS693zndU/h1600/menu-separator.png) no-repeat right center; float:left; list-style:none; margin:0; padding:0 } #navlist li a{ float:left; color:#000; height:26px; line-height:26px; margin:5px; padding:0 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block; } #navlist li a:hover { background-position:0 -30px; color:#ffffff; } #navlist li.selected a{ background-position:0 -60px; color:#ffffff; } /* CONTENT AREA * ================ */ #content{ float:left; width:960px; padding:0px 0px 0px 10px; } #main-wrapper{ width:500px; float:left; margin:0; padding:0; overflow:hidden; } #sidebar-wrapper{ width:190px; float:left; margin:0; padding:0 10px; } #sidebar-secondary{ width:250px; float:right; margin:0px 0 0 0; padding:0; } #main, #sidebar-1, #sidebar-2{ margin:0; padding:0; } /* Post */ .date-header{ display:none } .post, #comments{ background:#fafafa; margin:0 0 15px; padding:10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .post-title { font-size:20px; margin:0 0 8px 0; padding:5px 0; } .post-header{ font-size:12px; line-height:20px; } .post-timestamp{ background:url(https://lh4.googleusercontent.com/-3W_tEhgPKnM/TuZWzw46tPI/AAAAAAAAAM0/uBe0yIh4gOQ/h80/clock.png) no-repeat 0 2px; margin:0px !important; padding:2px 0 2px 20px; } .post-author{ background:url(https://lh6.googleusercontent.com/-VWBi-qxn7O0/TuZXofJSekI/AAAAAAAAAM8/bIZxTP00R3o/h80/author.png) no-repeat 0 0px; margin:0 0 0 10px !important; padding:2px 0 2px 20px; } .post-body{ margin:15px 0; } .post-body img{ background:#fff; border:1px solid #ccc; padding:3px; max-width:472px; } .post-footer{ background:#e8e8e8; border:1px solid #ffffff; font-size:11px; padding:5px 10px; position:relative; } .jump-link { position:absolute; right:10px; top:20px; } .jump-link a{ background:url(https://lh6.googleusercontent.com/-ZerbR55kS9U/Tw3LyLfIX0I/AAAAAAAAA7A/cZssPo8Bj18/h1600/footer.png) repeat left; padding:8px 12px; font-weight:bold; font-size:12px; border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius:4px; color:#fff } .feed-links { heght:33px; line-height:33px; padding-left:33px; background:url(https://lh3.googleusercontent.com/-Cr8gEOxS9ic/TuSxhSWhnLI/AAAAAAAAAK8/_1gHAdR-daY/h1600/feed_icon.png) no-repeat left center; font-size:14px; font-weight:bold } /* Comments */ #comments h4 { font-size:16px; margin-bottom:10px; } #comments-block { margin:0; position:relative; } .avatar-image-container { float:left; } .avatar-image-container .photo, .avatar-image-container img{ border:1px solid #none; } .comment-footer { font-size:11px; } /* Blog Pager */ #blog-pager { background:#e8e8e8; border:1px solid #ffe7a8; padding:10px } #blog-pager a { font-size:12px; font-weight:bold; display:inline-block; } /* Sidebar Widget */ .sidebar h2{ background:url(http://2.bp.blogspot.com/-cxM8sw3-DKg/TzO9PUMPehI/AAAAAAAABac/AXN80sGDwBM/s1600/BlockHeaderIcon.png) no-repeat 0 0; font-size:14px; margin:0; padding:0 5px 5px 18px; color:#000; height:20px; line-height:30px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .sidebar .widget{ margin:0 0 15px 0; padding:2px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .sidebar .widget-content{ background: url(http://2.bp.blogspot.com/-Wp2rjTyhbJA/TzO9PSnrWfI/AAAAAAAABaM/rVcKOQaLw_8/s1600/BlockContent-c.png) repeat 0 0; border:2px solid #fefefe; margin:5px 0 10px 0; padding:15px 15px 15px 10px; color:#000000; font-style:bold; font-size:13px; } .sidebar ul{ margin:0; padding:0; list-style:none } .sidebar ul li{ background:url(http://3.bp.blogspot.com/-NtoxFd95UzY/TzPAcoO_BHI/AAAAAAAABak/DxzVUKUqYXA/s1600/BlockContentBullets.png) no-repeat 0 3px; padding:3px 0 3px 15px; } .sidebar ul li a{ color:#404040; } .sidebar ul li a:hover{ color:#111111; } /* FOOTER * ---------- */ #credit-footer { background:#c22675 url(http://2.bp.blogspot.com/-Wp2rjTyhbJA/TzO9PSnrWfI/AAAAAAAABaM/rVcKOQaLw_8/s1600/BlockContent-c.png) repeat top center; width: 960px; margin:0 auto; padding:10px 0; text-align:center; font-size:11px; overflow:hidden; position:relative; color:#000000; border-left:2px solid #ffffff; border-right:2px solid #ffffff; border-top:none; border-bottom:2px solid #ffffff; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; } #credit-footer a{ text-decoration:underline; color:#000000 } /* SLIDESHOW * ---------- */ #slider-wrapper { background:#fafafa; border:1px solid #efefef; margin:0 0 15px; padding:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #slider { position:relative; width:480px; height:250px; overflow:hidden } /* The Nivo Slider styles */ .nivoSlider { position:relative } .nivoSlider img { position:absolute; top:0; left:0 } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0; left:0; width:100%; height:100%; border:0; z-index:6; display:none; margin:0; padding:0 } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100% } .nivo-box { display:block; position:absolute; z-index:5 } /* Caption styles */ .nivo-caption { position:absolute; left:10px; bottom:10px; background:#000; color:#fff; z-index:8; display:inline-block; width:60% } .nivo-caption h1 { margin-bottom:2px; line-height:100%; } .nivo-caption h1 a { font-size:18px; } .nivo-caption p { margin:0; padding:10px } .nivo-caption p p { font-size:12px; padding:0 } .nivo-caption a,.nivo-caption a:hover { color:#fff } .nivo-html-caption { display:none } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { position:absolute; right:15px; bottom:15px; font-size:12px } .nivo-controlNav a { position:relative; z-index:9; cursor:pointer; background-color:#000; color:#fff; opacity:0.67; padding:4px 8px } .nivo-controlNav a.active { background-color:#fff; color:#000; text-decoration:none } ]]> - -

- -

Slide Title 1

Aenean quis facilisis massa. Cras justo odio, scelerisque nec dignissim quis, cursus a odio. Duis ut dui vel purus aliquet tristique.

Slide Title 2

Morbi quis tellus eu turpis lacinia pharetra non eget lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec.

Slide Title 3

In ornare lacus sit amet est aliquet ac tincidunt tellus semper. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

- - - -

- - - - - - - - - - - - -

- - -

- -

-: - -

- - -

- -

- - - - -

- -

- - Published : - - - - - Author : - - - -

- - -

- -

-

- -

- 1 : :

- -

- - -

- -

-

- -

- - - - -

- - - -

- -

-

- - - -

- - -

- - - - - - - -

- - - - -

- -

- - -

- -

›

- -

- - - - - 1

- -

- - ( )

- -

- 1 : :

- - - - - - -

- - - -: - - -; - -

- - - - - - -

- - - -

- - -

- - - - - -

- - - - -

- - -

- ( )

- - - -

- - ( ) - -

- - - - ▼ - - - ◄ ► - -

- - - -

- -

- - - - - ( )

- - - - - - - ( )

- -

okthaviea

Slide Title 1

Slide Title 2

Slide Title 3

- - - - -

-

- 1 : :

-

- - - - -

-

- 1 : :

This is default featured slide 1 title

This is default featured slide 2 title

This is default featured slide 3 title

This is default featured slide 4 title

This is default featured slide 5 title

Blogger templates

Blogger news

Blogroll

About

- - - - -

- 1 : :

-

- - - - -

-

- 1 : :

Social Profiles

Blogger templates

Blogger news

Blogroll

About