/*
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;
}

#header p.title { font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; color:#FFFFFF; width:200px; margin-top:15px; margin-left:45px; text-shadow:#000 2px 2px 3px }
#header p.title strong { font-weight:normal; }
#header p.title a { color:#FFFFFF; text-decoration:none }
#header p.description { color:#FFFFFF; width:260px; margin-left:35px; font-size:11px; margin-bottom:18px; }

/*#header div#menu { width:608px; background:url(images/menu.png) no-repeat top left; overflow:hidden; position:absolute; top:0; right:60px; }
#header div#menu ul { list-style:none; font-size:12px; font-weight:bold; text-transform:uppercase; color:#FFFFFF; letter-spacing:1px; padding-left:3px }
#header div#menu ul li { float:left; padding:9px 12px 9px 12px; }
#header div#menu ul li a { color:#FFFFFF; }
#header div#menu ul li a:hover { color:#C9CACB; text-decoration:none; }*/

#header ul#tutorials { padding:0px; list-style:none; width:500px; margin-left: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:11px 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:282px; height:63px; 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; }

/*-------------Headings-------------*/
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;
}

/*-------------The Post-------------*/



.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; }

.postmetadata a {

}

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;
}

.center {

}

.pagetitle {

}

blockquote {
 margin:10px 20px 10px 30px;
 padding:10px;
}

cite {

}

a img {

}

acronym, abbr {

}

/*--------------Sidebar------------*/

#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--------------*/
#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;
}

/*--------------Search Form-------------*/

#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 and Tutorials-----------------*/
#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 }

/*-------------Sliding Portfolio------------------*/
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 { position:absolute; top:10px; }*/
#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; }

/*- Portfolio Page -*/
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 }

/*-------------Single Portfolio and Listing-----------*/
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; }

/*-------------Coding Services------------------*/
#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; }

/*--------- Theme Sale --------*/
#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; }

/*--------- Get a Quote -----------*/
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 }

/*------ Testing Navigation ---------*/
#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 }

/*-Images-*/
img.alignleft { float:left; margin-right:5px; }