/*
Theme Name: xHTML Coding 2009
Theme URI: http://www.xhtmlcoding.com
Description: 2009 Theme for xHTMLcoding.com
Author: Astrit Kita
Author URI: http://www.xhtmlcoding.com
*/
/*-----------Block Level Elements--------------*/
*{margin:0px;padding:0px;}
a{color:#274D89;text-decoration:none;outline:none;}
a:hover{text-decoration:underline}
abbr{cursor:help}
body{background:#FFFFFF url(images/body.png) repeat-x top left;color:#2D2B2B;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
#page{width:1048px;margin:0px auto;background:url(images/page.png) repeat-y top left;overflow:hidden;position:relative;}
#header{width:100%;background:#243E6D url(images/header.png) repeat-x top left;overflow:hidden;position:relative;}
#header h1, #header p.title{width:327px;height:76px;background:url(http://www.xhtmlcoding.com/images/logo.png) no-repeat top left !important;font-size:12px;margin:0 0 0 20px;padding:0}
#header h1 a, #header p.title a{display:block;width:327px;height:76px;background:url(http://www.xhtmlcoding.com/images/logo.png) no-repeat top left !important;color:#fff;text-indent:-10000px;}
#header p.description{color:#FFFFFF;width:260px;margin-left:35px;font-size:11px;margin-bottom:18px;position:absolute;top:59px;left:75px;}
#header ul#tutorials{padding:0px;list-style:none;width:500px;margin:3px 0 0 40px;}
#header ul#tutorials li{float:left;color:#FFFFFF}
#header ul#tutorials li a{color:#FFFFFF;font-weight:bold;text-decoration:none;font-size:12px;padding:13px 10px 12px 10px;display:block;}
#header ul#tutorials li a:hover{color:#FFFFFF;text-decoration:none;background:#274D89}
#header ul#tutorials li.current-cat a{background:#274D89}
#header ul#tutorials li.tutorials{margin-right:20px;padding-top:13px;}
#header p.social{padding:14px 0px 6px 40px;}
#header p.social img{margin-right:5px;}
#wrapper{width:1000px;margin:0px auto;padding-bottom:20px;overflow:hidden;}
#content{float:left;width:608px;}
#sidebar{float:left;width:392px;background-color:#504646;color:#FFFFFF;}
#footer{width:1000px;margin:0px auto;clear:both;background:#6583B2 url(images/footer.png) repeat-x top left;overflow:hidden;color:#FFFFFF;}
#footer a{color:#FFFFFF;font-family:Verdana;text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:bold;}
#footer a:hover{color:#5188C5;text-decoration:none;}
#footer p.prices{width:95%;padding:14px 0px 15px 20px;background:url(images/wp-logo.png) no-repeat right;font-weight:bold;}
#footer div{width:580px;float:left;padding:20px 0px 18px 20px;}
#footer div p{padding-bottom:3px;}
#footer a.logo{width:297px;height:69px;color:#FFFFFF;text-decoration:none;display:block;text-indent:-10000px;float:right;background:url(images/footer-logo.png) no-repeat top left;margin:0px 40px 10px 0px;}
h1, h2, h3, h4, h5, h6{font-family:Georgia, "Times New Roman", Times, serif;color:#274D89}
h1{font-size:20px;}
h2{font-size:18px;clear:both;display:block;padding-top:20px;}
h3{font-size:17px;clear:both;display:block;padding-top:20px;}
h4{font-size:16px;clear:both;display:block;padding-top:20px;}
h5{font-size:15px;clear:both;display:block;padding-top:20px;}
.post h2 a{border-bottom:0px;}
.post{padding:20px 30px 20px 30px;}
.post p{font-family:Verdana, Arial, Helvetica, sans-serif;line-height:17px;color:#6A6A6A;padding:10px 0px 5px 0px;}
.post p strong{color:#000000}
.post p em{color:#000000}
.post a{font-weight:bold;padding-bottom:1px;border-bottom:1px dashed #274D89}
.post a:hover{text-decoration:none;border-bottom:0px;}
.post a.html{padding-bottom:0px;border-bottom:0px;width:272px;height:87px;background:url(images/psd-2-html.png) no-repeat top left;float:left;display:block;text-indent:-999%}
.post a.wp{padding-bottom:0px;border-bottom:0px;width:272px;height:87px;background:url(images/psd-2-wordpress.png) no-repeat top left;float:left;display:block;text-indent:-999%}
.post ul, .post ol{margin:10px 0px 5px 40px;}
.post li{padding-bottom:3px;}
.entry, .entrytext{overflow:hidden;}
.postmetadata{border-top:1px solid #121213;padding-top:5px;font-size:11px;margin-top:5px;margin-right:10px;}
p.post-edit-link{clear:both;padding:15px 0 15px 20px;display:block;}
div.navigation{margin:20px 30px 20px 30px;overflow:hidden;}
div.navigation div.alignleft{width:45%;float:left;}
div.navigation div.alignright{width:45%;float:right;text-align:right;}
blockquote{margin:10px 20px 10px 30px;padding:10px;}
#sidebar h3, #sidebar h4, #sidebar h5{color:#FFFFFF;font-size:15px;background:url(images/sidebar-title.gif) repeat-x top left;padding:10px 0px 10px 30px;display:block;clear:both;}
#sidebar div{padding-bottom:20px;}
#sidebar ul{list-style-image:url(images/arrow-services.png);margin:15px 0px 30px 45px;}
#sidebar div.float-a{float:left;width:40%;}
#sidebar div.float{width:60%;float:left;}
#sidebar p{clear:both;padding:0px 20px 5px 20px;}
#sidebar a{color:#FFFFFF;text-decoration:none;}
#sidebar a:hover{color:#FFFFFF;text-decoration:underline;}
#comments{margin:20px 30px 0px 30px;}
#comments h6{font-size:18px;padding:0px 0px 10px 0px;}
#comments div.comment-content{float:left;width:410px;padding-top:10px;}
#comments div.comment-content p{padding:5px 15px 10px 15px;}
#comments .user{width:135px;float:left;background:url(images/comment-arrow.gif) no-repeat top right;padding-bottom:5px;}
#comments .user img{margin:10px 0px 10px 10px;}
#comments .user cite{display:block;padding:5px 0px 5px 10px;font-style:normal;font-weight:bold;}
#comments .user small.commentmetadata{padding:2px 0px 0px 10px;}
#comments .user a.comment-edit-link{margin-left:10px;}
#comments form p{padding-top:3px;}
ol.commentlist{list-style:none;padding-top:10px;}
ol.commentlist li{overflow:hidden;border:1px solid #E1E1E1;background:#FFFFFF url(images/comment-bg.gif) repeat-y top left;overflow:hidden;margin-bottom:10px;}
#searchform{background:#302E2F url(images/search.jpg) repeat-x top left;}
#searchform div{width:80%;margin:0px auto;padding:10px 0px 22px 0px;}
#searchform div strong{color:#FFFFFF;display:block;padding-bottom:3px;}
#searchform input{background-color:#FFFFFF;border:1px solid #FFFFFF;color:#274D89;font-weight:bold;}
#searchform #s{padding:1px 5px 1px 5px;width:200px;color:#000000;font-weight:bold;}
#news{float:left;width:300px;margin-left:30px;margin-bottom:15px;}
#news strong{text-transform:uppercase;padding-bottom:5px;font-size:10px;letter-spacing:1px;font-family:Verdana}
#news strong a{color:#000000;text-decoration:none;}
#news strong a:hover{color:#666666;text-decoration:none;}
#news h3{font-family:Georgia, "Times New Roman", Times, serif;padding-top:5px;padding-right:10px;font-size:17px;}
#news h3 a:hover{color:#3F6BB1;text-decoration:none}
#news p{padding-right:10px;}
#tutorial{float:left;width:225px;border-left:1px solid #121213;overflow:hidden;margin-left:5px;margin-bottom:15px;padding-left:15px;}
#tutorial h3{text-transform:uppercase;font-weight:bold;font-size:14px;padding:0px;}
#tutorial ul{list-style-image:url(images/blue-arrow.png);padding-top:10px;margin-left:15px;font-size:11px;}
#tutorial ul li{margin-bottom:3px}
h4.portfolio{color:#274D89;font-size:16px;font-family:Georgia, "Times New Roman", Times, serif;padding:15px 0px 10px 40px;display:block;}
#portfolio{width:568px;margin:0px auto;padding:10px 0px 10px 0px;position:relative;background:url(images/separator.png) no-repeat bottom;overflow:hidden;margin-bottom:10px;}
#portfolio p.title{color:#274D89;font-size:14px;font-family:Georgia, "Times New Roman", Times, serif;font-weight:bold;padding-bottom:5px;}
#mySlides img{width:150px;max-height:100px;float:left;margin-right:5px;}
#myController{width:200px;height:180px;overflow:scroll;overflow-x:hidden;list-style:none;position:absolute;top:0px;right:0;background:#FFFFFF;font-size:10px;}
#myController li{display:block;clear:both;width:180px;padding:5px 5px 1px 5px;overflow:hidden;cursor:pointer;}
#myController li:hover{background:#F6F6F6}
#myController li img{width:50px;height:50px;float:left;margin-right:5px;}
#myController .jFlowSelected{background:#EDEDED}
#myController strong{color:#274D89;font-weight:bolder;font-size:11px;}
div.showcase{padding:20px 30px 20px 30px;overflow:hidden;}
div.showcase ul{list-style:none;}
div.showcase ul li{float:left;margin-right:4px;padding-top:10px;}
div.showcase ul li img{padding:3px;border:1px solid #CCCCCC;background:#EFEFEF}
div.showcase ul li img:hover{border:1px solid #EFEFEF;background:#CCCCCC}
div.portfolio{width:528px;background:#0000FF url(images/portfolio.jpg) no-repeat top left;min-height:297px;color:#FFFFFF}
div.portfolio div.info{width:230px;float:right;margin:25px 20px 0 0;}
div.portfolio div.info strong{font-family:Tahoma;font-size:16px;display:block;padding:10px 0px 10px 0px;color:#FFFFFF}
div.portfolio div.info p{padding-right:10px;color:#FFFFFF}
div.portfolio div.info ul{margin:0px 0px 0px 13px;padding:0px;list-style-image:url(images/arrow-services.png);font-size:11px;}
div.portfolio img{margin:30px 0 0 15px;}
div.portfolio p.link{padding:15px 0px 0 15px;text-align:right;width:235px;}
div.portfolio a{color:#FFFFFF !important;text-decoration:none;font-weight:normal;}
div.portfolio a:hover{color:#FFFFFF;text-decoration:underline}
div.portfolio p.link span{text-transform:uppercase;width:70px;float:left;display:block;text-align:left;}
#services{width:100%;height:208px;background:#FF0000 url(images/big-header.png) no-repeat top left;color:#000000;}
#services #psd2xhtml{width:402px;height:245px;background:transparent url(images/services.png) no-repeat top left;position:absolute;top:79px;right:30px;color:#FFFFFF}
#services #psd2xhtml h1{font-size:17px;font-family:Georgia, "Times New Roman", Times, serif;padding:10px 0px 0px 25px;color:#FFFFFF;}
#services #psd2xhtml h1 a, #services #psd2xhtml h1 a:hover{color:#FFFFFF;text-decoration:none;}
#services #psd2xhtml ul{list-style-image:url(images/arrow-services.png);margin:35px 0px 0px 70px;font-size:14px;}
#services #psd2xhtml ul li{margin-top:5px;}
#services #psd2xhtml img{float:left;margin:25px 67px 0px 30px;}
#services #psd2xhtml a.order{background:transparent url(images/order-psd2xhtml.png) no-repeat top left;float:left;color:#FFFFFF;font-size:16px;font-weight:bold;padding:13px 0px 9px 0px;font-family:Verdana;text-align:center;width:165px;margin-top:15px;}
#services #psd2xhtml a.order:hover{text-decoration:none;}
#services #psd2xhtml a.order span{font-size:12px;font-family:Georgia, "Times New Roman", Times, serif;text-transform:uppercase}
#services #psd2xhtml a.order:hover span{color:#C9CACB;}
#special em{font-family:Georgia, "Times New Roman", Times, serif;color:#274D89;font-size:18px;display:block;padding:20px 0px 10px 100px;}
#special big{font-family:Georgia, "Times New Roman", Times, serif;color:#274D89;font-size:18px;padding-left:190px;font-weight:bold;}
#special p{width:250px;margin:20px 0px 0px 280px;font-size:11px;}
#special img{margin:5px 0px 0px 350px;}
#psd2wp{background:url(images/separator.png) no-repeat bottom;overflow:hidden;padding-bottom:25px;}
#psd2wp h2{color:#274D89;font-size:17px;font-family:Georgia, "Times New Roman", Times, serif;padding:15px 0px 15px 40px;display:block;}
#psd2wp img{float:left;margin:0px 0px 0px 30px;}
#psd2wp ul{float:left;width:240px;list-style-image:url(images/blue-arrow.png);margin-left:25px;font-size:12px;}
#psd2wp ul li{margin-bottom:5px}
#why{background:url(images/separator.png) no-repeat bottom;overflow:hidden;padding-bottom:25px;margin-bottom:15px;}
#why h2{color:#274D89;font-size:17px;font-family:Georgia, "Times New Roman", Times, serif;padding:15px 0px 5px 40px;display:block;}
#why p{padding:5px 20px 10px 40px;}
#sidebar .themesale{padding:20px;overflow:hidden;}
#sidebar .themesale p.buttons{width:117px;float:left;padding:15px 0px 0px 0px;margin:0px 30px 0px 0px;}
#sidebar .themesale a.buy{width:117px;background:url(images/theme-button.png) no-repeat top left;text-align:center;display:block;color:#274D89;text-transform:uppercase;padding:9px 0px 6px 0px;font-size:11px;margin-bottom:5px;}
#sidebar .themesale a.buy:hover{text-decoration:none;}
#sidebar .themesale ul{width:195px;float:left;margin-left:0px;}
div#quote{width:320px;height:340px;background:url(images/quote.png) no-repeat top left;overflow:hidden;margin:0px auto;margin-top:15px;color:#274D89;position:relative;}
div#quote strong{font:bold 17px Georgia, "Times New Roman", Times, serif;color:#274D89;display:block;text-transform:uppercase;padding:10px 0 0 20px;}
div#quote form{padding:15px 0px 0px 15px;}
div#quote form span{width:60px;float:left;}
div#quote form label{clear:both;overflow:hidden;padding-bottom:3px;display:block;}
div#quote input#submit{border:0px;background:transparent;color:#274D89;font:bold 17px Georgia, "Times New Roman", Times, serif;position:absolute;top:280px;cursor:pointer}
#menu{width:608px;background:url(images/menu.png) no-repeat top left;position:relative;z-index:100;position:absolute;top:0;right:60px;font-size:12px;}
#nav, #nav ul{text-decoration:uppercase;list-style:none;font-size:12px;font-weight:bold;text-transform:uppercase;color:#FFFFFF;letter-spacing:1px;padding-left:3px}
#nav li{float:left;padding:9px 12px 9px 12px;}
#nav li a{display:block;color:#FFFFFF;}
#nav li a:hover{color:#C9CACB;text-decoration:none;}
#nav li ul{position:absolute;top:31px;left:-999em;height:auto;width:14.4em;w\idth:13.9em;font-weight:normal;margin:0;background-color:#3A61A1;/background-color:#305698;border-left:1px solid #5188C5;border-right:1px solid #5188C5;border-bottom:1px solid #5188C5;}
#nav li li{color:#FFFFFF;text-transform:none;padding:0px;width:100%;}
#nav li li a{color:#FFFFFF;font-size:11px;display:block;padding:3px 5px 3px 10px;}
#nav li ul ul{margin:-1.75em 0 0 125px;}
#nav > li ul ul{margin:-1.75em 0 0 14em;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{left:-999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul{left:auto;}
#nav li:hover, #nav li.sfhover{color:#FFFFFF;}
#nav:hover > a{color:#C9CACB}
img.alignleft{float:left;margin-right:5px;}