/*
Design by Peter Mikhael
http://www.petermikhael.com
Released for free under a Creative Commons Attribution
Version 0.1
*/
html{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}

body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, tt, var, 
dl, dt, dd, ol, ul, li, 
form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}

pre, sub, sup{margin:0; padding:0; border:0; outline:0}

:focus{outline:0}
body{line-height:1; color:black; background:white}
ol, ul{list-style:none}

table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
blockquote:before, blockquote:after, 
q:before, q:after{content:""}
blockquote, q{quotes:""""}

html{font-size:100%; font-family:Tahoma,Verdana}
body{line-height:1.8; font-family:Tahoma,Verdana; font-size:12px; color:#999; background-color:#000}
html, body{background-image:url(style/images/bg.jpg); background-repeat:repeat-x; background-color:#0E0D12}
h1, h2, h3, h4, h5, h6{font-weight:bold; line-height:1.4}
h1{font-size:20px; text-align:center}
h2{font-size:16px; color:#000; font-family:'Trebuchet MS',Helvetica,sans-serif; font-weight:bold; letter-spacing:-1px}
h3{font-size:14px; color:#FFF}
h4{font-size:16px; color:#FFF; font-family:'Trebuchet MS',Helvetica,sans-serif; font-weight:bold; letter-spacing:-1px}
h5{font-size:16px; color:#FFF; font-family:'Trebuchet MS',Helvetica,sans-serif; font-weight:bold; letter-spacing:-1px}
h6{font-size:16px; color:#FFF; font-family:'Trebuchet MS',Helvetica,sans-serif; font-weight:bold; letter-spacing:-1px}
a{text-decoration:none; color:#FFF}
a:link{color:#FFF}
a:visited{color:#FFF}
a:hover{color:#CCC}
a:active{color:#FFF}
p{line-height:1.6em; margin-bottom:10px}
ol{margin-top:20px; margin-bottom:20px}
ul{margin-top:0px; margin-bottom:0px}
li{color:#999}
.big{font-size:1.8em; padding:0; line-height:1.2em; color:#f1f1f1; margin:0 0 22px 0}
.fat{font-weight:bold}
.gray{color:#666; font-size:1em; font-style:normal}
.hr{margin:10px 0 20px 0; border-bottom-width:1px; border-top-style:none; border-right-style:none; border-bottom-style:solid; border-left-style:none; border-bottom-color:#333}
.red{color:#a60101}
.small{font-size:1.1em; padding:0; line-height:1.4em}
.white{font-size:1.2em; padding:0 10px 0 0; line-height:1.4em; color:#fff}
.title{font-size:1.1em; font-style:italic; color:#227ab0}
.stroke{border:1px solid #fff}
.more{padding-left:16px; text-decoration:underline; font-weight:normal; background-image:url(style/images/read_more.gif); background-repeat:no-repeat; background-position:left 3px; display:block; float:left}
.comments{padding-left:18px; text-decoration:underline; font-weight:normal; background-image:url(style/images/comments.gif); background-repeat:no-repeat; background-position:left 4px}
.line_through{text-decoration:line-through}
.bg{background-image:url(style/images/input_bg.jpg); background-repeat:repeat-x; background-color:#ededed}
.left{float:left}
.left_margin_right{float:left; margin:0 10px 0 0; font-size:1.2em}
.left_margin_right_top{float:left; margin:4px 10px 0 0}
.right{float:right}
.right_margin_right{float:right; margin:0 20px 0 0}
.right_margin_top{float:right; margin:40px 0 0 0}
.clear_both{display:block; clear:both; margin-right:auto; margin-left:auto}

.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0}
.clearfix:after{clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

#container{clear:both; width:980px; margin-right:auto; margin-left:auto}
#header{overflow:auto}
#header h1{text-indent:-9999px; line-height:70px}
#header #logo{text-indent:-9999px; border:0; margin:0; background-attachment:scroll; background-color:transparent; background-image:url(style/images/header-trans.png); background-repeat:no-repeat; background-position:0% 0%; width:980px}
#header #logo a{display:block; text-decoration:none; border:0; width:980px; height:70px}
#navgation{overflow:auto; position:relative; clear:both}
#navgation  ul{margin:0px; padding:0px}

#wrapper{}
#sidebar1  ul  li, #sidebar2  ul  li{margin-bottom:10px}
#sidebar1{width:240px; margin-right:10px; float:left; display:none}
#sidebar1  .widget_image  li{padding:0px; margin-top:0px; margin-right:0px; margin-bottom:5px; margin-left:0px}
#sidebar1    h2{float:left; background-image:url(style/images/post_date-trans.jpg); background-repeat:repeat-x; border:1px solid #3a3a3a; padding:10px; background-color:#171717; text-align:center; width:218px; color:#FFF}
#sidebar1      li     ul{background-image:url(style/images/post_content-trans.jpg); background-repeat:repeat-x; background-color:#0F0F0F; border:1px solid #3a3a3a; width:238px; display:block; padding-top:10px; padding-bottom:10px; margin-top:0px; margin-right:0px; margin-left:0px; overflow:auto; float:left}
#sidebar1    li{float:left; text-align:center; clear:both; width:238px}
#sidebar1 .cloud{background-image:url(style/images/post_content-trans.jpg); background-repeat:repeat-x}
#maincontent{width:800px; float:left}
#maincontent h3{margin-bottom:10px}
#maincontent #follow_me{background-image:url(style/images/follow_me-trans.png); background-repeat:no-repeat; height:30px; width:315px; float:left; margin-bottom:10px; clear:both; display:inline; position:relative}
#maincontent  #follow_me li{display:block; float:left; margin-right:2px}
#maincontent #follow_me ul{margin-left:75px; margin-top:4px}
#maincontent  #search{height:30px; width:180px; float:right}
#maincontent  .post_container{clear:both; width:800px; float:left}
#maincontent  .moretext{display:block; margin-top:10px}
#maincontent .post{clear:both; width:800px; margin-bottom:20px; float:left}
.post_container .post_slider{float:left; width:517px; display:inline; position:relative; background-image:url(style/images/post_content-trans.jpg); background-repeat:repeat-x; background-color:#0F0F0F; border:1px solid #3a3a3a; padding:10px; margin-bottom:20px; font-size:11px}
.post_container  h6{float:left; width:138px; display:inline; position:relative; background-image:url(style/images/post_date-trans.jpg); background-repeat:repeat-x; border:1px solid #3a3a3a; padding:5px; background-color:#171717; text-align:center}
.post img{display:block; float:left; clear:both; margin-bottom:10px; margin-right:10px; border:1px solid #3a3a3a}
.post_title h2 a{color:#000}
.post_title a:hover{color:#333}
.post_container .post_date{float:left; width:138px; display:inline; position:relative; background-image:url(style/images/post_date-trans.jpg); background-repeat:repeat-x; border:1px solid #3a3a3a; padding:10px; background-color:#171717; text-align:center}
.post_container  .post_title{float:right; width:358px; display:inline; position:relative; background-image:url(style/images/post_title-trans.jpg); background-repeat:repeat-x; border:1px solid #999; padding:10px; background-color:#676767}
.post_container  .post_image{float:left; width:148px; display:inline; position:relative; margin-right:10px}
.post_container  .post_image  img{display:block; margin-bottom:10px; margin-right:auto; margin-left:auto; border:1px solid #3a3a3a}
.post_container  .post_content{float:left; width:777px; display:inline; position:relative; background-image:url(style/images/post_content-trans.jpg); background-repeat:repeat-x; background-color:#0F0F0F; border:1px solid #3a3a3a; padding:10px}
.post_container .post_comments{float:left; width:517px; display:inline; position:relative; background-image:url(style/images/post_content-trans.jpg); background-repeat:repeat-x; background-color:#0F0F0F; border:1px solid #3a3a3a; padding:10px; margin-bottom:10px}
.post_container .post_comments li{background-image:url(style/images/post_content-trans.jpg); background-repeat:repeat-x; background-color:#0F0F0F; border:1px solid #3a3a3a; padding:10px; margin-bottom:10px}
.post_container .next_prev{background-image:url(style/images/post_content-trans.jpg); background-repeat:repeat-x; background-color:#0F0F0F; border:1px solid #3a3a3a; padding:10px; float:left; width:517px; text-align:center}
.post_container .next_prev li{border:1px solid #3a3a3a; float:left; width:247px; text-align:center}
.post_container .post_tags{float:left; width:517px; display:inline; position:relative; background-image:url(style/images/post_content-trans.jpg); background-repeat:repeat-x; background-color:#0F0F0F; border:1px solid #3a3a3a; padding:10px; font-size:11px}
.post_container  .post_footer_in  li{float:left; display:inline}
.post_container  .post_footer{width:108px; position:relative; float:right; background-image:url(style/images/post_footer-trans.jpg); background-repeat:repeat-x; height:20px; border:1px solid #3a3a3a; padding:10px; display:inline; background-color:#222; text-align:center; margin-left:10px}
.post_container .post_footer_in{position:relative; float:left; background-image:url(style/images/post_footer-trans.jpg); background-repeat:repeat-x; height:20px; border:1px solid #3a3a3a; padding:10px; display:inline; background-color:#222; text-align:center; color:#FFF; margin-right:10px}
.post_container .post_footer_in li{display:block; float:left; margin-right:2px}
.post_comments_title{float:left; width:138px; display:inline; position:relative; background-image:url(style/images/post_date-trans.jpg); background-repeat:repeat-x; border:1px solid #3a3a3a; padding:10px; background-color:#171717; text-align:center}
#sidebar2{width:180px; float:right}
#sidebar2  h2{float:left; background-image:url(style/images/post_date-trans.jpg); background-repeat:repeat-x; border:1px solid #3a3a3a; padding:10px; background-color:#171717; text-align:center; width:158px; color:#FFF}
#sidebar2  li  ul{background-image:url(style/images/post_content-trans.jpg); background-repeat:repeat-x; background-color:#0F0F0F; border:1px solid #3a3a3a; width:178px; display:block; float:left; padding-right:0px; padding-left:0px; padding-top:10px; padding-bottom:10px; margin-top:0px; margin-right:0px; margin-left:0px}
#sidebar2  li{float:left; text-align:center; clear:both; width:178px}
#sidebar2  li  img{border:1px solid #3a3a3a; margin-bottom:10px; display:block; clear:both; margin-right:auto; margin-left:auto}
#sidebar2  .widget_sphoto_body{background-image:url(style/images/post_content-trans.jpg); background-repeat:repeat-x; background-color:#0F0F0F; border:1px solid #3a3a3a; width:178px; display:block; float:left; padding-right:0px; padding-left:0px; padding-top:10px; padding-bottom:10px; margin-top:0px; margin-right:0px; margin-left:0px}
#footer{text-align:center; background-image:url(style/images/footer.png); background-repeat:no-repeat; margin-top:10px}
#footer p{line-height:30px; color:#FFF}
#form_container{overflow:auto; width:498px}
#form_container  p{display:block; float:left; width:200px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:10px}
#form_container li{display:block; width:475px; overflow:auto; margin-top:5px}
#form_container  select, #form_container  input{border:1px solid #3a3a3a; font-family:tahoma,helvetica,sans-serif; font-style:normal; font-size:14px; color:#CCC; width:190px; background-color:#1A1A1A; float:left}
#form_container  textarea{border:1px solid #3a3a3a; font-family:tahoma,helvetica,sans-serif; font-style:normal; font-size:14px; color:#CCC; width:450px; background-color:#1A1A1A; float:left}
#form_container .submit{width:150px; display:block; margin-right:8px; cursor:pointer; background-image:url(style/images/post_date-trans.jpg); background-repeat:repeat-x; clear:both; margin-top:10px}
#form_container .checkbox{width:15px; margin-right:8px}
#form_container .p_spacing{width:100px; display:inline; float:left}
ul#menu{width:980px; height:30px; list-style:none; padding:0; background-repeat:repeat-x; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0}
ul#menu li{float:left;width:89px;}
ul#menu li a{display:block; height:30px; position:relative; background-attachment:scroll; background-image:url(style/images/menu.gif); background-repeat:no-repeat; background-position:left top}
ul#menu li a.home{width:87px}
ul#menu li a.home_2d{width:87px; background-position:-87px 0px}
ul#menu li a.home_3d{width:87px; background-position:-174px 0px}
ul#menu li a.home_web{width:87px; background-position:-261px 0px}
ul#menu li a.home_templates{width:87px; background-position:-348px 0px}
ul#menu li a.home_tutorials{width:87px; background-position:-435px 0px}
ul#menu li a.home_blog{width:87px; background-position:-522px 0px}
ul#menu li a.home_awards{width:87px; background-position:-609px 0px}
ul#menu li a.home_links{width:87px; background-position:-696px 0px}
ul#menu li a.home_about{width:87px; background-position:-783px 0px}
ul#menu li a.home_contacts{width:90px; background-position:-870px 0px}
ul#menu li a span{display:block; position:absolute; top:0; left:0; height:100%; width:100%; z-index:100; background-attachment:scroll; background-image:url(style/images/menu.gif); background-repeat:no-repeat; background-position:left bottom}
ul#menu li a span:hover{cursor:pointer}
ul#menu li a.home span{background-position:0px -30px}
ul#menu li a.home_2d span{background-position:-87px -30px}
ul#menu li a.home_3d span{background-position:-174px -30px}
ul#menu li a.home_web span{background-position:-261px -30px}
ul#menu li a.home_templates span{background-position:-348px -30px}
ul#menu li a.home_tutorials span{background-position:-435px -30px}
ul#menu li a.home_blog span{background-position:-522px -30px}
ul#menu li a.home_awards span{background-position:-609px -30px}
ul#menu li a.home_links span{background-position:-696px -30px}
ul#menu li a.home_about span{background-position:-783px -30px}
ul#menu li a.home_contacts span{background-position:-870px -30px}
.search-box{height:25px; width:170px; padding-top:5px; padding-right:0; padding-bottom:0; padding-left:10px}
.search-field{background:url(style/images/search_filed-trans.png) no-repeat top left;border:0 none;color:#FFF;float:left;height:30px;margin:0;padding:0 0 0 10px;width:132px;*padding-top:8px;}
.search-go{float:left; margin:0; height:30px; cursor:pointer}