/*+++++++ BODY +++++++*/
* { margin: 0px; padding: 0px; list-style:none; text-decoration:none; }
body { font-family: Arial; font-size: 12px; color: #4d4b4c; background-color: #e1e5eb; background-image: url('images/bg-tile.gif'); background-repeat: repeat-x; background-position: center top; }

/*+++++++ H1,H2,H3 HYPERLINKS +++++++*/
h3 { padding:10px 0 10px 0; font-size:14px;}
a:link {  text-decoration: none; color: #006666; border: 0px;}
a:active {color : #006666; border: 0px;}
a:visited { color :#006666 ; border: 0px;}
a:hover	{ color:#333333; border: 0px;} 
a:focus { outline: none;}
.clear { clear: both; }
p { margin:0; padding:0; }

/*+++++++ MAIN +++++++*/
#wrapper { width: 1000px; margin:auto; padding:0px; overflow:hidden; }
#wrapper { background-position: center 160px; background-image: url('images/content-bg.gif'); background-repeat: repeat-y; }
#frame,#content { width: 976px; margin:auto; }

/*+++++++ TOP +++++++*/
#statistics { float:left; margin:0; padding:0; overflow:hidden; font-family: Arial, Verdana; font-size: 11px; padding-top:3px; }
#header { height: 131px; width: 1000px; background:url(images/bkg.gif) no-repeat; background-position: center top; margin:auto; padding:0px; color:#fff; }
#logo { float: left; width: 299px; padding-top:26px; padding-right:60px; margin-left:254px; }
#logo h1{text-indent:-10000px;}
#logo h1 a{display:block; background: url(images/logo.gif) no-repeat; height:63px; outline:none;}
#topleft { float: right; height: 106px; width: 630px; }
#bookmark { float: left; position: relative; top: 63px; left:155px; width:101px; height: 58px; margin: 0 0 0 0; padding: 0 0 0 0; background: url(images/bookmark.gif) no-repeat; }
a.bookmark-link { color : #ffffff; position: relative; top: 41px; left: 25px; }
a.bookmark-link:hover { color : #ffffff; text-decoration:underline; }
#banner-top { width: 546px; Height: 76px; margin: 21px 0 10px 19px; background: url(images/banner-top.gif) no-repeat; }
.banner1 { margin: 8px 0 0 39px; }
#search { padding-bottom: 5px; }
#searchbox { float:right; width: 233px; height: 36px; background: url(images/s.gif) no-repeat; margin:20px 5px 0 0; }
#searchbox #s { float: left; margin: 4px 0 0 6px; border: 0; width: 200px; background: none; color:#999999; }
#searchbox #go { float: left; margin: 3px 4px 0 0; width:18px; height:17px;  }

/*+++++++ NAVIGATION +++++++*/
#nav { float:left; width:280px; margin:0 0 0 284px ; padding: 0; overflow:hidden; height:18px; font:normal 8pt Verdana, Georgia, "Times New Roman", Times, serif; }
#nav ul { list-style:none; margin:0; padding:0; overflow:hidden; }
#nav li { float:left; padding:0px; }
#nav li a { display:block; background-color:#000000; padding:2px 5px 2px 5px; margin:0px 5px 0px 0px; text-align:center; color:#ffffff; }
#nav li a:hover { color:#ffffff; text-decoration:none; background-color:#4a9cec; }
#nav li.current_page_item a { background-color:#4a9cec; }
#nav li.current_page_item a:hover { color:#333333; text-decoration:none; }

/*+++++++ INFOBAR +++++++*/
#browse { float: left; height: 20px; width: 286px; background:url(images/folder.gif) no-repeat 0 0; margin-left:40px; }
.browse-sep { padding-right: 15px; }
#rss { float: right; height: 30px; width: 383px; background:url(images/feed.gif) no-repeat right; }
#rss p { padding-right:22px; text-align:right;}

/*+++++++ ENTRY +++++++*/
.read-more { float:right; padding-right:13px; }
#post-view { padding-left: 12px; }
.sep { padding-top:5px; }
.content-post { padding: 0; margin:auto; position: relative; bottom: 9px; }
.content-post-hide span { position:absolute; text-indent: -7000px; overflow: hidden; }
.content-post-hide ul li { padding:0; margin:0; position:absolute; text-indent: -7000px; overflow: hidden; }
.post-header { padding: 0px 0 9px 8px; margin: 0; height: 19px; }
.post-header h2 { float: left; }
.switch { float:right; position: relative; bottom: 3px; }
.category-icons { float: left; border: 0px; padding-top: 3px; padding-right: 6px; }
.screen-cap { border: solid 4px #d7d6d6; position: relative; bottom: 10px; }
#content-post h4 a { padding:0; margin:0; position:absolute; font-size: 12px; text-indent: -7000px; overflow: hidden; }
.entry p { padding:0; margin:0; }
.post-ratings-border { margin-left:12px; height: 1px; width: 90%; background-image: url(images/post-ratings-border.gif); background-repeat: repeat-x; background-position: 0 bottom; }
.Corporate,Blog,Design,eCommerce,Entertainment,Portfolio,Resources,Tutorials { position:absolute; font-size: 12px; text-indent: -5000px; overflow: hidden; }
.search-border { padding-top: 10px; height: 1px; width: 100%; background-image: url(images/post-ratings-border.gif); background-repeat: repeat-x; background-position: 0 bottom; }
.icon-site { padding: 3px 0 0 8px; margin: 0; }
#left { float: left; width: 576px; background-image: url('images/left-bg.gif'); background-repeat: no-repeat; background-position: center top; }
.entry-border { margin-left:30px; }
.entry-page { float: left; width: 476px; height: auto ; padding:0; background:#ffffff; border:1px solid #c7c6c6; margin-bottom:8px; margin-left:38px; }
.entry-page { padding:15px; }
.entry-page h2 { margin : 0; padding : 0; font: bold 20px/24px verdana,"Myriad Pro","Myriad Set","Myriad Apple",Myriad,Helvetica Nueue,Arial,Verdana,Sans-serif;margin-bottom:10px;}
.entry-page h2 a {  color:#153a5c; }
.entry-page h2 a:hover {color:#4A9CEC;}
.entry-page p { padding-bottom:0px;}

.entry-single img.screen-cap-small { position:absolute; font-size: 12px; text-indent: -7000px; overflow: hidden; }
.entry-single { float: left; width: 476px; height: auto ; padding:8px 15px 5px 15px; background:#ffffff; border:1px solid #D5D0D0; margin-bottom:8px; margin-left:38px; }
.entry-single h1 { margin : 0; padding : 0; font: bold 20px/24px verdana,"Myriad Pro","Myriad Set","Myriad Apple",Myriad,Helvetica Nueue,Arial,Verdana,Sans-serif; }
.entry-single h1 a {  color:#153a5c; }
.entry-single h1 a:hover {color:#4A9CEC;}
.entry-single h4 { margin : 0; padding : 0; font: 12px verdana,"Myriad Pro","Myriad Set","Myriad Apple",Myriad,Helvetica Nueue,Arial,Verdana,Sans-serif; }
.content-post p.front { position:absolute; font-size: 12px; text-indent: -7000px; overflow: hidden; }

.entry-single p { padding-top:10px;}
.entry { float: left; width: 248px; height: 201px ; padding:0; background:#e8e8e8; border:1px solid #a19e9e; margin-bottom:8px; margin-left:8px; }
.entry h2 { margin : 0; padding : 0; font: bold 12px/18px verdana,"Myriad Pro","Myriad Set","Myriad Apple",Myriad,Helvetica Nueue,Arial,Verdana,Sans-serif;margin-bottom:10px; }
.entry h2 a {  color:#153a5c; }
.entry h2 a:hover {color:#4A9CEC;}
.entry p { padding-bottom:0px;}
html>body .entry ul { padding: 0 0 0 30px; padding-left: 10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before { content: "\00BB \0020"; }
.entry ol { padding:0; margin:0;}
.entry ol li { background:#fafafa; }
.entry img {margin:0 0px 4px 0px; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; } nav
.alignleft { float: left ;}
.allinfos { position: relative; bottom: 2px; font-size:11px; height:14px; padding:3px 0 0 10px;}
.allinfos-single { font-size:11px; height:17px; padding:3px 0 0 0;}
span.date { background:url(images/date.gif) no-repeat; padding-left:20px; }
span.date-single { background:url(images/date.gif) no-repeat; padding-left:20px; }
span.detail { padding-left:159px; }
span.back-btn { float:right; position: relative; bottom: 20px; padding-top:4px; padding-left:6px; width:70px; height:20px; background-color:#E8E8E8; border: solid 1px #dadada; }
span.comments { background:url(images/comment.gif) no-repeat; background-position: 96px 0px; padding-left:114px; }
span.category { background:url(images/posted.gif) no-repeat; padding-left:20px; }
span.url { padding-left:110px; }

/*+++++++ SIDEBAR +++++++*/
#right { float:left; width: 400px; background-image: url('images/right-bg.gif'); background-repeat: no-repeat; background-position: center 0px; }
#right-inside { padding-left: 15px; }
.topsidebar { width: 339px; padding:0 10px 0 10px; border:1px solid #D5D0D0; background:#fff; margin-bottom:5px; }
#lsidebar h2 { font-size:15px; margin-bottom:10px; color:#4c4c4c;}
#rsidebar h2 { font-size:15px; margin-bottom:10px; color:#4c4c4c; }
#lsidebar { float:left; width:160px; padding:5px; border:1px solid #D5D0D0; background:#fff;}
#rsidebar { float:left; width:344px; padding:5px 5px 5px 10px; border:1px solid #D5D0D0; background:#fff; margin-bottom:2px;}
#rsidebar-rating { float:left; width:344px; padding:5px 5px 5px 10px; border:1px solid #D5D0D0; background:#E8E8E8; margin-bottom:2px;}
#rsidebar-rating h2 { font-size:15px; margin-bottom:10px; color:#4c4c4c; }
#sidebarbottom ul{ margin:10px auto 20px;}
#sidebarbottom ul li{}
#sidebarbottom ul li ul{}
#sidebarbottom ul li ul li{display:block; background:url(images/bullet.gif) no-repeat 0 0; padding-left:24px; padding-bottom:5px; border-bottom:1px dotted #D5D0D0;}
#sidebarbottom p{padding:0 5px;}

/*+++++++ COMMENTS +++++++*/
.postmetadata { padding:5px; background:#feffe5; }
#commentform p { padding-bottom:10px;}
#commentform #author { border:1px solid #c5c4c4; height:20px; width:200px; }
#commentform #email { border:1px solid #c5c4c4; height:20px; width:200px; }
#commentform #url { border:1px solid #c5c4c4; height:20px; width:200px;}
#commentform #comment { border:1px solid #c5c4c4; height:200px; width:475px;}
.commentlist cite { background:#f9f9f9; padding:5px 5px 5px 10px; }
.commentlist cite a { color:#333;}
.commentlist .ctext { background:url(images/doth.gif) repeat-x bottom; font-size:11px;}

/*+++++++ FOOTER +++++++*/
#top-link { float:left; padding-top:13px;padding-left:117px }
#footer { background: #537CA3 url(images/foobg.gif); background-repeat: repeat-x; background-position: center top; width: 100%; margin:0; height:168px; font-size:10px; }
#footer-nav { width:845px; padding: 0px 0 0 120px; }
#foo { background:url(images/footer.gif) no-repeat right; width: 1000px; margin:auto; padding:0px; height:157px; color:#fff; }
#foo a:link {  }
#foo a:active {  }
#foo a:visited {  }
#foo a:hover	{  } 
#foo ul { float:left; margin-top:3px; padding-left:40px; }
#foo ul li {display:inline; height:35px; line-height:35px; font-weight:700;}
#foo ul li.current_page_item a { background:url(images/navbg-acho.gif) repeat-x; color:#fff; }
#foo ul li.current_page_item a:hover{background:transparent;color:#4A9CEC;}
#foo ul li a { color:#fff;float:left; padding:0 20px 0 0;}
#foo ul li a:hover{background:none;color:#4A9CEC; text-decoration:none;}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right;}
.alignleft{float:left; padding-left:30px; padding-bottom:20px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}

/**************** Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:3px;}
.attachment {text-align:center;}
.attachment img { padding:5px; border:1px solid #999999;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft img{ padding:5px; border:1px solid #999999;}
.imgright {float:right;}
.imgright img{ padding:5px; border:1px solid #999999;}

/**************** Icons *********************/
#icons { float: left; margin: 0; padding: 0; width: auto; }
#icons2 { margin: 0; padding: 0; width: auto; }
#html { padding-right:2px; float:left;display: block; width: 43px; height: 18px; background: url("images/html-btn.gif") no-repeat 0 0; }
#html:hover { background-position: 0 -18px; }
#html span { display: none; }
#css { padding-right:2px; float:left;display: block; width: 32px; height: 18px; background: url("images/css-btn.gif") no-repeat 0 0; }
#css:hover { background-position: 0 -18px; }
#css span { display: none; }
#modeling { padding-right:2px; float:left;display: block; width: 26px; height: 18px; background: url("images/3d-modeling-btn.gif") no-repeat 0 0; }
#modeling:hover { background-position: 0 -18px; }
#modeling span { display: none; }
#concept-art { padding-right:2px; float:left;display: block; width: 25px; height: 18px; background: url("images/concept-btn.gif") no-repeat 0 0; }
#concept-art:hover { background-position: 0 -18px; }
#concept-art span { display: none; }
#flash { padding-right:2px; float:left;display: block; width: 33px; height: 18px; background: url("images/flash-btn.gif") no-repeat 0 0; }
#flash:hover { background-position: 0 -18px; }
#flash span { display: none; }
#all { padding-right:2px; float:left;display: block; width: 32px; height: 18px; background: url("images/all-btn.gif") no-repeat 0 0; }
#all:hover { background-position: 0 -18px; }
#all span { display: none; }
#top-page { float:left;display: block; width: 37px; height: 16px; background: url("images/top-link-btn.gif") no-repeat 0 0; }
#top-page:hover { background-position: 0 -16px; }
#top-page span { display: none; }
.switch1 { float:right;display: block; width: 21px; height: 19px; background: url("images/switch-1.gif") no-repeat 0 0; }
.switch1:hover { background-position: 0 -19px; }
.switch1 span { display: none; }
.switch1-on { float:right;display: block; width: 21px; height: 19px; background: url("images/switch-on.gif") no-repeat 0 0; }
.switch1-on:hover { background-position: 0 0; }
.switch1-on span { display: none; }
.switch2 { float:right;display: block; width: 21px; height: 19px; background: url("images/switch-2.gif") no-repeat 0 0; }
.switch2:hover { background-position: 0 -19px; }
.switch2 span { display: none; }

/*+++++++ SCREEN CAPTURES +++++++*/
#thumb { }
#thumb li { }
#thumb img { }

/*+++++++ misc +++++++*/
.clear { clear: both; }
.hidden { display: none; }
.left { float: left; }
.right { float: right; }
.image img { background: #ffffff; }

/*+++++++ clearfix +++++++*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}

/*+++++++ Hides from IE-mac \+++++++*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*+++++++ End hide from IE-mac +++++++*/

/*+++++++ jquery tooltips +++++++*/

#screenshot { width: 468px; margin: 0; padding: 0; position: absolute; border: 4px solid #D7D6D6; background: #BBBBBB; display: none; z-index: 200; }