/* -----------------reset.css--------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
li{ list-style-type:none}
/* Remove annoying border on linked images. */
a img { border: none; }
body{background:#85a2ce url(images/index_portfolio.gif) repeat;color:#444;font-family:Verdana;font-size:11px;width:1000px;position:relative;margin:0 auto;line-height: 1.5}
h1{font-size:2em;letter-spacing:1px; color:#ff0000; line-height: 1.1}
h2{font-size:1.5em;margin-bottom:6px}
h3{font-size:1em;margin-bottom:6px}
p{margin-bottom:12px}
a{text-decoration:none;color:#5C80B1}
a[href^="\/file.axd"]{font-weight:700;background:url(download.png) no-repeat right center;padding-right:15px}
a:hover{text-decoration:underline}
img{border:none}
#frame{margin:auto;width:1000px}
#bbg{background: url(images/body.png) repeat-y top center; display:block}
#wrap{ background: url(images/wrap.png) no-repeat;width:908px; float:left;padding:0 0 0 47px;}
#content{float:left;width:600px}
#sidepanel{float:right;width:300px}
.cleaner{background:transparent;clear:both;height:1px;padding:0}
.loginbox{margin:0 auto}
#postnavigation{margin-bottom:10px;text-align:center;color:Gray;background:#FFF;border:1px solid silver;padding:3px}
.login{float:right; margin-right:20px}
/*----------------------------Header---------------------------- */
#header{width:100%; background:transparent url(images/header.png) no-repeat; height:172px; margin:auto}
#header p{font-family:Arial;font-size:80px;font-weight:700;letter-spacing:8px;margin:0}
#header span{font-weight:400;letter-spacing:4px;color:silver;margin:0}
#header a{text-decoration:none;color:#FFF}
#logo{background:transparent url(images/logo.png) no-repeat left bottom ;width:285px;height:103px; display:block; margin:20px 0 0 80px; clear:both}
/*----------------------------Menu---------------------------- */
#menu{margin:3px 0 -2px 250px;padding:5px}
#menu a.apmlfilter{float:right;margin-right:10px;background:url(../../pics/apml.png) no-repeat left 1px;padding-left:16px;color:#333}
#menu ul{list-style:none;margin:0;padding:0}
#menu ul li a{font-size:11px;font-weight:700;padding:10px;color:#333}
#menu ul li a.feed img{margin-right:3px;margin-bottom:-2px}

/*----------------------------Sub Menu---------------------------- */
#submenu{margin:0;padding:5px; text-align:right}
#submenu a.apmlfilter{float:right;margin-right:148px;background:url(../../pics/apml.png) no-repeat left 3px;padding-left:16px;color:#333}
#submenu ul{list-style:none;margin:0;padding:0}
#submenu ul li a{font-size:11px;font-weight:300;padding:10px;color:#333}
#submenu ul li a.feed img{margin-right:3px;margin-bottom:-2px}
/*----------------------------Bottom---------------------------- */
#bottom{width:100%; background:transparent url(images/bottom.png) no-repeat; height:108px; clear:both}
.box{float:left; width:208px; height:98px; margin:10px 10px 0 10px }
.box1{margin-left:55px}
/*----------------------------Footer---------------------------- */
#footer{width:100%; background:transparent url(images/footer.png) no-repeat; height:52px; clear:both; color:#666; font-size:9px; padding:10px 0 0 358px}
.privacy{padding-left:300px}
/*----------------------------Widgets---------------------------- */div.widgetzone{background:none;padding:0}
div.widgetzone .clear{clear:left}
div.widget{margin-bottom:10px;z-index:1;min-width:1px;padding:10px 15px}
div.widget .content{line-height:16px;color:#666}
div.widget h4{font-size:15px;border-bottom:1px solid silver;padding-bottom:5px;z-index:0;color:#999;letter-spacing:1px;margin:0 0 5px}
div.widget a.edit{font-size:10px;font-weight:400;float:right;z-index:1}
div.widget a.delete{font-weight:700;color:#999;float:right;margin-left:5px;z-index:1;text-decoration:none}
div.widget a.delete:hover{color:#000}
.widgetzone .widget ul{list-style-type:none;text-transform:capitalize;margin:0;padding:0}
.widgetzone .widget ul li{margin-bottom:3px}
.widgetzone div.search{background:none;border:none;padding-left:10px}
/*----------------------------Blogroll---------------------------- */
#blogroll ul{list-style-type:none;margin:0 0 3px;padding:0}
#blogroll ul li ul li a{margin-left:25px;color:#666}
#blogroll ul li a img{border:none;margin-right:3px}
div.post h1,.mceContentBody h1{margin:5px 0 0}
div.post .author{color:#666;font-size:10px;float:left;text-transform:capitalize}
div.post .pubDate{color:#666;font-size:10px;float:right}
div.post .text{margin-top:30px}
div.post .text h2{}
div.post .text h3{font-size:11px;margin-bottom:-10px;padding:0}
div.post .footer{text-align:right;border-top:1px dashed silver;padding-top:4px;padding-bottom:2px}
div.post .bottom{margin-bottom:45px}
div.post .categories{margin-bottom:5px;float:right}
div.post .tags{float:left;margin-bottom:5px}
div.post .text a[href^="http:"]{background:url(../../pics/remote.gif) right top no-repeat;padding-right:10px;white-space:nowrap}
/*----------------------------Related Posts---------------------------- */
#relatedPosts div{background:#FFF;border:1px solid silver;padding:5px 10px 10px}
#relatedPosts h1{margin:0 0 10px}
#relatedPosts a{display:block;margin-top:5px}
#relatedPosts span{color:#666;text-indent:10px;font-size:10px}
/*----------------------------Recent posts---------------------------- */
ul.recentPosts li{padding-bottom:10px}
ul.recentPosts li span{display:block;text-indent:10px;text-transform:none}
/*----------------------------Recent comments---------------------------- */
ul.recentComments li{padding-bottom:10px;text-transform:none}
/*----------------------------Social bookmarks---------------------------- */
.bookmarks{float:left}
/*----------------------------Comments---------------------------- */
.comment{border:1px solid silver;background-color:#FFF;margin-bottom:10px;padding:3px 10px}
.comment .date{font-size:10px;color:#666;text-align:right;border-bottom:1px dashed silver;margin:0;padding:3px 0}
.comment .author{border-top:1px dashed silver;margin:0;padding:3px 0}
.self{background:#E0EAEF}
.comment .gravatar{float:left;clear:both;margin:5px 10px 5px 0}
.comment .gravatar img{height:80px;width:80px;border:1px solid silver}
.comment .content{min-height:85px;margin:5px 5px 5px 90px}
.comment cite{font-family:Monospace;font-style:normal}
.comment img.flag{position:relative;top:2px}
.commentForm label{float:left;display:block;width:80px;margin-top:4px}
.commentForm textarea{width:100%;height:150px;border:1px solid silver}
#commentMenu{clear:both;margin:0;padding:0}
#commentMenu li{float:left;border:1px solid silver;border-bottom:transparent;list-style:none;cursor:pointer;position:relative;top:2px;background:#d8d8d8;margin:0 5px 0 0;padding:3px 8px}
#commentMenu li.selected{background:#FFF;border-bottom:1px solid #FFF}
#commentPreview{display:none;clear:both;min-height:150px}
.success{color:green;font-weight:700}
.commentForm .bbcode{font-size:10px;float:right;position:relative;top:20px;padding:3px}
.bbcode a{background:#fff;border:1px solid #ccc;margin:1px;padding:1px 3px}
/*----------------------------Archive---------------------------- */
#archive{padding:10px}
#archive h1{border-bottom:1px dashed silver;padding-bottom:9px;margin:0}
#archive h2{border-bottom:1px solid silver;padding-bottom:4px;margin-bottom:10px}
#archive ul{list-style-type:square;margin:0 10px;padding:10px}
#archive ul li{margin-right:20px}
#archive table{width:100%;border-collapse:collapse}
#archive table td,#archive table th{text-align:left}
#archive table td{text-align:left;border-bottom:1px solid #D8D8D8;padding:2px 0}
#archive .date{width:70px}
/*----------------------------Search---------------------------- */
#searchbox{margin-top:5px;font-size:10px}
#searchbox #searchbutton{margin-left:5px}
#searchbox #searchfield{width:180px}
/*----------------------------Search on search---------------------------- */
#searchonsearch{background:#FFF;margin-bottom:20px;border:1px solid silver;padding:5px 10px}
#searchonsearch h3{font-size:13px;margin:3px}
#searchonsearch ol li{margin:2px 0}
ul#monthList ul li{margin-left:20px;font-weight:400}
ul#monthList li.year{cursor:pointer}
ul#monthList ul{display:none}
/*----------------------------Tag cloud---------------------------- */
.tagcloud{margin-bottom:10px;white-space:normal}
.tagcloud a{margin-right:3px;display:inline}
.tagcloud a.biggest{font-size:19px}
.tagcloud a.big{font-size:17px}
.tagcloud a.medium{font-size:14px}
.tagcloud a.small{font-size:12px}
#page h1{margin:3px 0 10px}
#page #admin{border-top:1px solid silver;margin-top:10px;padding:5px 0}
/*----------------------------Calendar---------------------------- */
#calendarContainer{text-transform:capitalize;margin:0 auto}
.calendar{border:none;margin:0 auto}
.calendar .weekend{background-color:#F1F1F1}
.calendar .other{color:silver}
.calendar a.exist{display:block;font-weight:700;background-color:#F1F1F1}
.calendar td{vertical-align:top;background:#FFF}
/*----------------------------Star rater---------------------------- */
.rating{margin-bottom:10px}
.rating p{display:inline;position:relative;top:14px;left:55px}
.star-rating{position:relative;width:125px;height:25px;overflow:hidden;list-style:none;background-position:left top;margin:0;padding:0}
.star-rating a,.star-rating .current-rating{position:absolute;top:0;left:0;text-indent:-1000em;height:25px;line-height:25px;outline:none;overflow:hidden;border:none}
.star-rating a:hover,.star-rating a:active,.star-rating a:focus{background-position:left bottom}
.star-rating a.one-star{width:20%;z-index:6}
.star-rating a.two-stars{width:40%;z-index:5}
.star-rating a.three-stars{width:60%;z-index:4}
.star-rating a.four-stars{width:80%;z-index:3}
.star-rating a.five-stars{width:100%;z-index:2}
.star-rating .current-rating{z-index:1;background-position:left center}
/* smaller star  */
.small-star{width:50px;height:10px}
.small-star,.small-star a:hover,.small-star a:active,.small-star a:focus,.small-star .current-rating{background-image:url(../../pics/star_small.gif);line-height:10px;height:10px}
/*----------------------------Search page---------------------------- */
#searchpage{margin-bottom:30px}
#searchpage input#comment{clear:both}
.searchresult{margin-bottom:20px}
.searchresult span.text{clear:both;display:block;margin:3px 0}
.searchresult span.url{color:Gray}
.searchpage ul.paging{list-style-type:none;margin:0 0 20px;padding:0}
.searchpage ul.paging li{display:inline;border:1px solid gray;background:#f1f1f1;margin-right:5px}
.searchpage ul.paging li a{padding:5px 8px}
.searchpage ul.paging li.active{background:#f1f1f1;border:1px solid #000}
/*----------------------------Contact page---------------------------- */
#contact{padding:10px}
#contact h1{margin-top:0}
#contact label{display:block;padding-top:5px}
#contact input.field{width:200px}
#contact textarea{display:block;overflow:auto;width:75%;height:150px;margin:0}
/*----------------------------Syntax highlighter---------------------------- */
.code{font-size:12px;color:#000;font-family:Consolas, "Courier New", Courier, Monospace;background-color:#F1F1F1;line-height:normal}
.code .rem{color:green}
.code .str{color:#006080}
.code .op{color:#0000c0}
.code .asp{background-color:#ff0}
.code .html{color:maroon}
.code .attr{color:red}
.code .alt{background-color:#f4f4f4}
.code .lnum{color:#606060}
/*----------------------------XFN tags---------------------------- */
div.post .text a[rel]{background-repeat:no-repeat;background-position:right center}
div.post .text a[rel="me"]{background-image:url('../../pics/xfn/me.gif')}
/*-------- [ These should cascade to pick the correct icon for the contact ]-- -------- [ Normal contacts ]-- */div.post .text a[rel~="contact"],div.post .text a[rel~="acquaintance"],div.post .text a[rel~="friend"]{background-image:url('../../pics/xfn/contact.gif');padding-right:11px}
/*-------- [ Normal contacts youve met ]-- */div.post .text a[rel~="contact"][rel~="met"],div.post .text a[rel~="acquaintance"][rel~="met"],div.post .text a[rel~="friend"][rel~="met"]{background-image:url('../../pics/xfn/contactMet.gif');padding-right:11px}
/*-------- [ Colleague and co worker icon more important than contact ]-- */div.post .text a[rel~="colleague"],div.post .text a[rel~="co-worker"]{background-image:url('../../pics/xfn/colleague.gif');padding-right:11px}
/*-------- [ Colleague and co worker icon when met ]-- */div.post .text a[rel~="colleague"][rel~="met"],div.post .text a[rel~="co-worker"][rel~="met"]{background-image:url('../../pics/xfn/colleagueMet.gif');padding-right:11px}
/*-------- [ Sweethearts are more important than work!!! ]-- */div.post .text a[rel~="muse"],div.post .text a[rel~="crush"],div.post .text a[rel~="date"],a[rel~="sweetheart"]{background-image:url('../../pics/xfn/sweet.gif');padding-right:11px}
/*-------- [ ...and if youve met them thats even better ]-- */div.post .text a[rel~="muse"][rel~="met"],div.post .text a[rel~="crush"][rel~="met"],div.post .text a[rel~="date"][rel~="met"],div.post .text a[rel~="sweetheart"][rel~="met"]{background-image:url('../../pics/xfn/sweetMet.gif');padding-right:11px}
/* nested comments  */
.comment-replies{background:transparent url(../../pics/reply-arrow.gif) no-repeat 2px 2px;margin:5px 0 0;padding:0 0 0 15px}
#commentlist #comment-form{border:solid 1px #ccc;background:#fff;margin:10px 0;padding:10px}
#menu ul li,.tagcloud li,.star-rating li{display:inline}
.widgetzone img.rssButton,#archive h2 img{margin-right:3px}
div.post,.mceContentBody,#page{margin-bottom:20px;line-height:17px;padding:15px 10px}
#relatedPosts p,#addcomment,#comment{font-size:15px;letter-spacing:1px;font-weight:700}
ul.recentPosts li a,ul.recentComments li a.postTitle,ul#monthList,.searchresult a{font-weight:700}
.commentForm,.code p{padding:5px}
.commentForm input,#searchpage input#q{width:300px}
#archive .comments,#archive .rating{width:70px;text-align:center}
#searchbox input,.tagcloud a.smallest{font-size:10px}
ul#monthList ul.open,.searchresult span.type{display:block}
.code .kwrd,.code .preproc{color:#00f}