html {background: #fff url(images/html_bkg.jpg) repeat-x 0px 0px; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; color: #616161;}

body {width: 1000px; margin: 0px auto; padding: 0px;}

p {font-size: 14px;}

a {text-decoration: none; outline: none; color: #4a80a7;}

#header {background: url(images/header_bkg.jpg) no-repeat 0px 0px; display: block; height: 95px; width: 1000px; padding-top: 0px; margin-top: 0px;}
#header a.logo {float: left; display: block; text-indent: -10000px; height: 95px; width: 300px; margin-top: 0px;}

#page, #content {background: #fff; margin-top: 0px;}

#header ul {list-style-type: none; float: right; background: url(images/nav_new.jpg) no-repeat 0px 0px none; display: block; height: 36px; width: 685px; margin: 52px 0px 0px 0px; padding: 0px;}
#header ul li {display: inline;}
#header ul li a {font-family: dolphian; font-size: 24px; color: #4a80a7; text-decoration: none;  padding: 0px 10px; text-indent: -10000px; display: block;}

#header ul li.about {width: 105px; height: 36px; display: block; float: left; background: url(images/nav_new.jpg) no-repeat 0px 0px; margin-right: 10px;}
#header ul li.about a:hover, #header ul li.about a.selected {  background:url(images/nav_new.jpg) 0px -36px; height: 36px; display: block;}

#header ul li.portfolio {width: 150px; height: 36px; display: block; float: left; background: url(images/nav_new.jpg) no-repeat -105px 0px; margin-right: 10px;}
#header ul li.portfolio a:hover, #header ul li.portfolio a.selected {  background:url(images/nav_new.jpg) -105px -36px; height: 36px; display: block;}

#header ul li.contact {width: 148px; height: 36px; display: block; float: left; background: url(images/nav_new.jpg) no-repeat -255px 0px; margin-right: 10px;}
#header ul li.contact a:hover, #header ul li.contact a.selected {  background:url(images/nav_new.jpg) -255px -36px; height: 36px; display: block;}

#header ul li.blog {width: 80px; height: 36px; display: block; float: left; background: url(images/nav_new.jpg) no-repeat -400px 0px; margin-right: 10px;}
#header ul li.blog a:hover, #header ul li.blog a.selected {  background:url(images/nav_new.jpg) -400px -36px; height: 36px; display: block;}

#header ul li.srhome {width: 162px; height: 36px; display: block; float: left; background: url(images/nav_new.jpg) no-repeat -480px 0px; margin-right: 0px;}
#header ul li.srhome a:hover, #header ul li.srhome a.selected {  background:url(images/nav_new.jpg) -480px -36px; height: 36px; display: block;}


body { margin: 5% auto; text-align:center;}
#cu3er-container {width:1000px; outline:0; }
#cu3er_under {background: url(images/cu3er_shadow.jpg) no-repeat bottom center; display: block; width: 1000px; height: 32px;}

#aboutricardo {min-height: 200px; vertical-align:middle; }
#aboutricardo p {text-align: left;}

#projects {float: right; clear: right; width: 299px; margin: 0px; padding: 0px; text-align: left;}
#projects h2 {background:url(images/recent_projects.jpg) no-repeat 0px 0px; display: block; height: 62px; text-indent: -10000px; margin-bottom: 0px;}
#projects div.body {background: #f3f3f3 url(images/bucket_bkg.jpg) no-repeat 0px 0px; margin: 0px; padding: 0px;}
#projects div.body p {margin-top: 0px; padding: 10px; font-size: 13px; height: 270px; overflow: hidden;}
#projects div.body a.readmore {align: right; display: block; color: #4a80a7; text-decoration: none; height: 15px; font-size: 13px; padding: 0px 10px 10px 10px;} 
#projects div.bottom {background:url(images/bucket_bottom.jpg) no-repeat 0px 0px; display:block; width: 299px; height: 7px; margin: 0px; padding: 0px;}

#latest_posts, #ottoman_image {float: left; clear: none; width: 299px; margin: 0px 0px 0px 50px; padding: 0px; text-align: left;}
#latest_posts h2 {background:url(images/latest_posts.jpg) no-repeat 0px 0px; display: block; height: 62px; text-indent: -10000px; margin-bottom: 0px;}
#latest_posts #postbody {background: #f3f3f3 url(images/bucket_bkg.jpg) no-repeat 0px 0px; margin: 0px; padding: 0px; height: 328px;}
#thepost {height: 90px; overflow: hidden; border-bottom: 1px solid #ccc; margin: 0px 10px 10px 10px; padding-bottom: 10px;}
#thepost h3 {margin-top: 0px; padding: 10px 10px 0px 10px; margin-bottom: 0px; height: auto; text-transform: uppercase; font-size: 16px; color:#4a80a7;}
#thepost h3 a {color: #4a80a7;; text-decoration: none; margin: 0px; padding: 0px;}
#thepost p {margin-top: 0px; padding: 0px 10px 0px 10px; font-size: 13px; height: 10px; overflow: none;}
#thepost a.readmore {display: inline; clear: none; border: 0px solid red; float: right; color: #4a80a7; text-decoration: none;}
#latest_posts div.bottom {background:url(images/bucket_bottom.jpg) no-repeat 0px 0px; display:block; width: 299px; height: 7px; margin: 0px; padding: 0px;}
#ottoman_image div.bottom {background:url(images/bucket_bottom.jpg) no-repeat 0px 0px; display:block; width: 299px; height: 7px; margin: 0px; padding: 0px;}

#latest_tweets {float: left; clear: left; width: 299px; margin: 0px 50px 0px px; padding: 0px; text-align: left;}
#latest_tweets a {text-decoration: none; color: #4a80a7;}
#latest_tweets h2 {background:url(images/latest_tweets.jpg) no-repeat 0px 0px; display: block; height: 62px; text-indent: -10000px; margin-bottom: 0px;}
#latest_tweets div.body {background: #f3f3f3 url(images/bucket_bkg.jpg) no-repeat 0px 0px; margin: 0px; padding: 0px; height: 336px; overflow: hidden;}
#ottoman_image div.body {background: #f3f3f3 url(images/bucket_bkg.jpg) no-repeat 0px 0px; margin: 20px 0px 0px 0px; padding: 5px 0px; overflow: hidden; text-align: center;}
div.tb_header {width: 279px !important; margin: 0px 10px 0px 10px;}
div.tb_tweetlist {margin: 0px 10px 0px 10px; width: 279px; height: 330px !important;}
#latest_tweets div.body div.tb_tweet {margin: 0px 0px 0px 10px; font-size: 12px;}
#latest_tweets div.body a.tb_archivelink {font-size: 13px; text-decoration: none; color: #4a80a7; margin-right: 10px; margin-top: 7px;}
#latest_tweets div.bottom {background:url(images/bucket_bottom.jpg) no-repeat 0px 0px; display:block; width: 299px; height: 10px; margin: -8px 0px 0px 0px; padding: 0px;}

#clear {display: block; width: 1000px; display: block; height: 0px; clear: both;}

#footer {border-top: 2px solid #4a80a7; width: 1000px; margin-top: 20px;}

#footer p {text-align: right; font-size:11px; color: #4a80a7; padding-right: 15px;}

#footer p.footernav {width: 550px; float: left; margin-left: 100px; text-align: center; font-size: 16px; padding-top: 0px; margin-top: 5px;}
#footer p.footernav a {margin-top: 0px;}
#footer p.footernav span.bar {color: #666; margin: 0px 20px;}

#footer p.social {text-indent: -10000px;}
#footer p span.facebook a {height: 32px; width: 32px; display: block; background:url(images/social_logos.jpg) no-repeat 0px 0px; margin-right: 5px; float: left; text-indent: -10000px;}
#footer p span.twitter a {height: 32px; width: 32px; display: block; background:url(images/social_logos.jpg) no-repeat -34px 0px; margin-right: 5px; float: left; text-indent: -10000px;}

#page {background: #fff !important;}

#contentone {background:url(images/trans_bkg.png) repeat-x 0px 0px; width: 750px; clear: left; display: block;}
#content_inside {background: none !important; text-align: left; padding: 0px 0px 20px 0px;}

#content_inside h1 {font-family: dolphian; margin: 10px 15px; border-bottom: 1px solid #ccc;}

#content_inside p {margin: 20px;}

#sidebar {width: 240px !important; align: right; float: right;}

#sidebar ul {list-style-type: none;}

#searchform label.screen-reader-text {border: 0px solid red; font-family: dolphian; display: none;}

#searchform #s {margin-left: 5px;}

#searchform #searchsubmit {border: 0px solid red; width: 155px; margin-left: 5px; margin-top: 5px;}

#searchform {border-bottom: 0px solid #ccc; width: 170px;}
#searchform div {margin-left: 15px;}

#sidebar h2.widgettitle {font-size: 15px; font-family: dolphian; font-weight: normal; margin-top: 25px; border-bottom: 1px solid #ccc; width: 170px;}

#sidebar a {font-family: dolphian; text-decoration: none; margin-left: 0px;}

#sidebar ul {margin-left: 0px; padding-left: 10px;}

#sidebar ul li {margin-left: 0px;}


#sidebar ul li a {margin-left: 10px; margin-bottom: 10px; display: block;}

#content_inside h2 {font-family: dolphian; margin: 10px 15px; border-bottom: 1px solid #ccc; color: #4a80a7; font-size: 18px;}

#content_blog {text-align: left; margin: 0px; padding: 0px;}

#post {width: 750px; padding: 10px 15px;}

#content_blog h2 {width: 750px; margin-left: 15px; border-bottom: 1px solid #ccc; margin-bottom: 7px; margin-top: 15px;} 

div.date {font-size: 11px; margin-left: 20px; font-style: italic;}

p.postmetadata {margin-left: 15px;}

div.entry {width: 750px; padding: 0px 15px;}

#respond {margin-left: 20px;}

div.navigation {width: 750px; margin: 10px 5px; display: block; height: 20px;}

div.navigation a {font-family: dolphian; text-decoration: none; margin-left: 0px;}

div.navigation div.alignleft {float: left; display: block; width: 150px;}

div.navigation div.alignright {float: right; display: block; width: 150px;}

ol.commentlist {width: 700px;}

ol.commentlist li {background: #eee; border: 1px solid #333; padding: 10px; margin-bottom: 15px;}

#content_blog h2.pagetitle {width: 750px; margin-bottom: 10px;}

#content_blog h3 {margin-left: 15px; border-bottom: 1px solid #ccc; width: 750px;}

div.archive {width: 750px;}

#content_gallery {width: 1000px;}

#content_gallery h1 {font-family: dolphian; margin: 10px 15px; border-bottom: 1px solid #ccc; width: 970px; text-align: left;}

#content_gallery p {width: 970px; text-align: left; margin: 10px 15px;}
#contentone table {width: 980px !important; margin: 20px;}
#contentone table td {width: 300px !important; padding: 0px; text-align: center;}
#contentone table td p {width: auto !important; margin: 0px; text-align: center;}
#contentone table td h2 {width: auto; font-family: dolphian; color:#4a80a7; }

ul.blogroll li a {display: block; margin-bottom: 10px;}

#media {margin-left: 30px; margin-top: 25px;}

#media a {margin-bottom: 5px; display: block; font-family: dolphian; text-transform: uppercase; font-weight:bold;}

#clear {display: block; width: 100px; clear: both;}

a.purchase {display: block; height: 64px; width: 245px; text-indent: -10000px; background: url(images/purchase.png) no-repeat 0px 0px; text-align: center; margin-left: 120px; margin-top: 0px;}
a.purchase:hover {background-position: 0px -64px;}

#contenttwo {background:url(images/trans_bkg.png) repeat-x 0px 0px; width: 1000px; clear: left; display: block;}

#contenttwo div.tabs {width: 400px; float: right; display: block; clear: right; margin-right: 10px;}


ul.tabMenu { list-style: none; padding: 0px 0px 0px 0px; border-top: 1px solid #fff; margin: 25px 0px 0px 0px; background: #e1e1e1; width: 402px; height: 34px; }

ul.tabMenu li { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float: left; height: 34px; width: auto; display: block;}

ul.tabMenu li a { color: #000; font-weight: bold; padding: 9px 14px 0px 14px; margin: 0px 0px 0px 0px; display: block; float: left; height: 25px; text-decoration:none; font-size: 14px;line-height: 14px;}

ul.tabMenu li a:hover { text-decoration: none; background: #E2BD4B; color: #000; }

ul.tabMenu li a:active, a:focus { outline: 0; }

ul.tabMenu li img { display: none; }

ul.tabMenu li.selected { padding: 0px 0px 0px 0px; background: #E2BD4B;  color: #000;}

ul.tabMenu li.selected a { background: #E2BD4B; color: #000;padding: 9px 14px 0px 14px; margin: 0px;}

ul.tabMenu li.selected img { display: inline; }

ul.tabMenu li.leftCorner { display: none; }



div.tabContent { padding: 15px 5px 0px 5px; margin: 0px; width: 390px; border: 1px solid #ccc;  min-height: 300px;}

div.tabContent h3 { padding: 0px 15px 0px 15px; margin: 0px 0px 0px 0px; /*clear: left;*/ }

div.tabContent img.screenshot { padding: 0px 0px 0px 0px; margin: 0px 15px 0px 15px; clear: left; }

div.tabContent p { padding: 0px 15px 0px 15px; }

div.tabContent p.quoteAuthor { padding: 0px 0px 20px 0px; }

div.tabContent p.quoteAuthor strong {  }

div.tabContent p.quoteAuthor span {  }

div.tabContent blockquote { padding: 0px 0px 0px 0px; border: 0px; }

div.tabContent ul { list-style-type: disc; }