/*
Theme Name: ronalsanchez 210 Theme
Author: Scandalous Marvelous
version: 1.0
*/

/* basics */
* { margin:0; padding:0; }
body { background:url(http://www.ronalsanchez.com/app/wp-content/themes/2010/images/background.gif) repeat; font-family:'Lucida Grande',Helvetica,Arial,sans-serif; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.6; font-size:11px; color: #fff;}
body#contact, body#quote { background:#000!important; }
body#about #content { float:left; background:none; padding:0; width:600px; }
body#about #content { float:left; background:none; padding:0; width:600px; clear: both;}
body#resume #content .entry { width:600px; float:left; }
body#resume #content h3 { margin-left:0!important; color:red; }
body#resume #content ul { list-style-type:square; margin-left:0; padding-left:15px; }
body#blog #content { background:none; width:632px; padding:0; }
body#blog .post { background:#000; width:585px; float:left; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; behavior:url(border-radius.htc); padding:16px; margin-bottom:16px; }
body#blog .post .entry p a { color:#00FDCF; }
.postmetadata a { color:#666!important; }
h1 { font-size:18pt; }
h2 { font-size:17px; margin:0 0 3px; }
h3 { font-size:10pt; }
h4 { font-size:9pt; }
h6 { display:inline; font-size:16pt; font-weight:100; line-height:26px; }
img { border:none; padding:0; }
img a { border:none; }
img.left { float:left; border:none; padding:6px 0 0; }
img.right { float:right; border:none; padding:0 0 0 6px; }
blockquote { border-left:1px solid #A5ABAB; margin:15px; padding:0 12px; }
code { font-family:'Lucida Grande',Helvetica,Arial,sans-serif; }

/* links */
a { color:#666; text-decoration:none; outline-style:none; }
a:hover { text-decoration:underline; color:red; }
hr {color: #000;
background-color: #666;
height: 1px;margin: 16px 0;}
/* container */
#container { width:1000px; margin:0 auto; padding:0; color:#fff; overflow:hidden; }

/* header */
#header { color:#FFFFFF; margin:0 auto; width:1000px; margin-bottom:57px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; behavior:url(border-radius.htc); overflow:hidden; }
#header h1 { font-family:'Lucida Grande',Helvetica,Arial,sans-serif; padding:29px 0 0 16px; margin:0; }
#header h1 a { background:transparent url(images/ronal-sanchez-logo.gif) no-repeat scroll 0 0; display:block; height:41px; overflow:hidden; text-decoration:none; text-indent:9999em; width:182px; }
#header h1 a:hover { color:#fff; text-decoration:none; }
#header h2 { font-size:13px;font-weight:normal;font-family:'Georgia','Times New Roman'; color:#6D6D6D; padding:5px 0 0 16px; margin:0; }
#header-container { background:#000; height:110px; margin:0 0 16px; }
.header-tool { float:right; overflow:hidden; background:#000000; padding:16px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; margin:0 8px 0 0; }
.header-tool-img { float:left; margin:0 8px 0 0; }
.header-tool-last { float:right; overflow:hidden; background:#000000; padding:16px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; margin:0; }
.header-tool-last a { color:red; }
.header-socialtab { float:left; background:url(http://www.ronalsanchez.com/app/wp-content/themes/2010/images/social-tabbie.png) repeat; width:15px; height:42px; }

/* main menu */
#menu { float:right;
font-family:'Lucida Grande',Helvetica,Arial,sans-serif;
font-size:8pt;
margin:0 16px 0 0;
overflow:hidden;
position:relative;
top:-45px;
width:700px; }
#menu ul { margin:0; padding:0; float:right; }
#menu ul li { list-style-type:none; float:left; margin:0; padding:0; }
#menu ul li a { padding:4px 10px; margin:0; color:#fff; display:block; }
li.page_item.page-item-27 a { padding:4px 0 10px 4px!important; }
#menu ul li a:hover { color:red; }
#menu ul li.page_item.current_page_item a { color:#666666; }
body#blog #menu ul li.page_item.page-item-52 a { color:#666666; }

/* content */
#content { float:right; overflow:hidden; background:#000000; padding:16px;   margin:16px 0 0; clear:both; }
#header-summary { width:966px; float:left; overflow:hidden; background:#000000; padding:16px;  font-family:'Georgia','Times New Roman'; font-size:20px; margin:16px 0 0; padding:21px 16px 16px;font-size-adjust:none;
font-style:none;
font-variant:none;
font-weight:none;
line-height:1.4;  clear: both;-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; behavior:url(border-radius.htc);}

#client-summary { width:966px; float:left; overflow:hidden; background:#000000; padding:16px;  font-family:'Georgia','Times New Roman';  font-size:15px; margin:16px 0 0 0; padding:21px 16px 36px 16px;font-size-adjust:none;
font-style:none;
font-variant:none;
font-weight:none;
line-height:1.4;  clear: both;-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; behavior:url(border-radius.htc);}

#client-summary ul ul {font-size: 13px;float: left;margin: 0 30px 0 30px;}

#client-summary #clist { margin: 0 0 7px 5px;list-style-type: none; }

#header-summary p {   display: inline; color: #fff !important;}


#header-summary h3 { display:inline; font-size:20px; font-weight:normal; line-height:25px; }
#header-summary a { color:#00FDCF; margin:0 0 0 13px; display: inline; }
.post { margin:0; padding:0; line-height:1.5; }
.post h2 { font-family:'Lucida Grande',Helvetica,Arial,sans-serif; }
.post h2 a { color:#fff; text-decoration:none; }
.post h2 a:hover { color:#777; text-decoration:none; }
.post ul { padding:0 0 0 14px; }
.post li { color:#6D6D6D; font-style:italic; font-size:10px; }
.entry p { margin:7px 0 12px; }
body#blog .entry p { color:#BCBCBC; }
.postmetadata { clear:both; padding:0; margin:0; }
.navigation { background:#000; width:586px; float:left; padding:16px; overflow:hidden; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; behavior:url(border-radius.htc); }
.blog-headline { background:#000; width:586px; float:left; padding:16px; margin-bottom:16px; overflow:hidden; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; behavior:url(border-radius.htc); }
.blog-headline h2 { margin:0; }
.alignleft a { float:left; margin:0; color:red; }
.alignright a { float:right; margin:0; color:red; }

/* sidebar */
#sidebar {clear:right; font-family:'Lucida Grande',Helvetica,Arial,sans-serif; font-size:8pt; background:#000; padding:16px; float:right; margin:16px 0 0; width:336px; background:url(http://www.ronalsanchez.com/app/wp-content/themes/2010/images/black-transparent-bg.png) repeat; }
#sidebar h2 { font-family:'Lucida Grande',Helvetica,Arial,sans-serif; color:#509FCE; margin:0 0 6px; padding:0; }
#sidebar label { font-family:'Lucida Grande',Helvetica,Arial,sans-serif; color:#666; margin:0; padding:0; }
#sidebar p { margin:0; padding:0; }
#sidebar img { padding:0; margin:0; }
#sidebar ul { margin:0; padding:0; }
#sidebar ul li { margin:0; padding:0; line-height:14pt; list-style-type:none; }
#sidebar ul ul { padding:0; }
#sidebar ul ul li { list-style-type:none; }
#sidebar ul ul ul { margin:0; padding:0; }
#sidebar ul ul ul li { padding:0 0 0 15px; list-style-type:square; color:#898989; }
#sidebar a { color:#fff; }
ul#sidebar-twitter { margin:0 0 16px;}
#sidebar-delicious { margin:0 0 16px; }
#sidebar ul { }
#sidebar li.sidebox { margin:0 0 16px; list-style-type:none; }
#sidebar li.categories { margin:0 0 16px; list-style-type:none; }
ul#sidebar-twitter li.twitter-message { margin:0 0 0 14px; list-style-type:square; }

#sidebar li.sidebox a, #sidebar li.categories ul { margin:0 0 0 16px; }



/* comments */
#commentform { background:none; margin:0; padding:0; }
#commentform p { color:#666; }
#commentform a { color:#666; text-decoration:none; border-bottom:1px dotted #465D71; line-height:14pt; }
#commentform h3 { font-family:'Lucida Grande',Helvetica,Arial,sans-serif; font-size:10pt; font-weight:300; color:#666; margin:0; padding:0; }
#comment { width:80%; padding:16px!important; }
#author,#email,#url,#comment,#submit { background:#fff; font-family:'Lucida Grande',Helvetica,Arial,sans-serif; font-size:8pt; margin:5px 5px 0 0; padding:0; border:1px solid #000; }
#submit { margin:5px 5px 0 0; }
#comments { margin:0; padding:0; }
ol.commentlist { list-style-type:none; margin:0; padding:0; }
.avatar { float:left; margin:0 12px 0 0; }
ol.commentlist li { margin:10px 0; padding:5px 0 5px 10px; list-style-type:none; }
ol.commentlist li.alt { background:#eee; }
ol.commentlist li p { margin:6px 0; padding:0 12px 0 0; line-height:14pt; }
ol.commentlist a { color:#666; }
cite { font-family:arial, verdana, tahoma; font-size:9pt; font-weight:bold; font-style:normal; }
cite a { color:#666; text-decoration:none; border-bottom:1px dotted #465D71; }
#comment-box { clear:both; width:585px; float:left; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; behavior:url(border-radius.htc); padding:16px; margin-bottom:16px; background:url(http://www.ronalsanchez.com/app/wp-content/themes/2010/images/black-transparent-bg.png) repeat; }

/* search */
#searchform { padding:0; margin:14px 0; }
#searchform input#s { margin:0; padding:2px; border:1px solid #000; }
.categories { list-style-type:none!important; }

/* misc */
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; }
.alignleft { float:left; }
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; 
/* optional rounded corners for browsers that support it */
-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.wp-caption img { margin:0; padding:0; border:0 none; }
.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; padding:0 4px 5px; margin:0; }
#footer-webdesign h2,#footer-ecommerce h2,#footer-graphicdesign h2,#footer-onlinemarketing h2 { color:#BCBCBC; }
#footer-webdesign,#footer-ecommerce,#footer-graphicdesign,#footer-onlinemarketing { width:206px; height:114px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; behavior:url(border-radius.htc); color:#6D6D6D!important; }
#footer-webdesign p,#footer-ecommerce p,#footer-graphicdesign p,#footer-onlinemarketing p { color:#6D6D6D!important; line-height:1.5;margin:0 !important; }
#footer-webdesign {  float:left; background:#000; margin:16px 16px 0 0; padding:16px; }
#footer-ecommerce { float:left; background:#000; margin:16px 16px 0 0; padding:16px; }
#footer-graphicdesign { float:right; background:#000; margin:16px 0 0; padding:16px; }
#footer-onlinemarketing { float:left; background:#000; margin:16px 16px 0 0; padding:16px; }
#footer-webdesign ul li,#footer-ecommerce ul li,#footer-graphicdesign ul li,#footer-onlinemarketing ul li { line-height:1.5; margin-left:1em; }
#sub-footer {float: left;clear: both;width:1000px;}

/* bass lessons thumbnails */
#content { float:left; margin-top:16px; clear:both;}
#content h3 { color:#FFFFFF; font-size:12px; font-weight:bold; margin:0; }
#content .boxgrid { width:200px; height:134px; float:left; background:#161613; overflow:hidden; position:relative; }
#content .boxgrid h3 { color:#000; padding:16px; }
#content .boxgrid:hover { cursor:pointer; cursor:hand; }
#content div.post-100,#content div.post-132,#content div.post-136,#content div.post-140,#content div.post-144,#content div.post-148,#content div.post-152,#content div.post-156 { margin-right:0!important; }
.boxgrid img { border:0 none; left:0; position:absolute; }
#content .boxgrid p { padding:0 10px; color:#afafaf; font-weight:bold; }
#content .boxcaption { float:left; position:absolute; background:#00fdcf; height:100px; width:100%; opacity:.8; 
/* For IE 5-7 */
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); 
/* For IE 8 */
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); }
#content .captionfull .boxcaption { top:0; left:0; height:134px; }

/* footer */
#footer { background:#000; clear:both; width:100%; float:left; margin:16px 0; padding:9px 0; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; behavior:url(border-radius.htc); }
#footer ul { float:right; }
#footer ul li { display:inline; border-right:1px solid; display:inline; padding:0 7px; }
#footer p { color:#6D6D6D; text-align:center; float:left; padding-left:15px; }
#footer a { color:#BCBCBC; text-decoration:none; }
#footer a:hover { color:#5D5D5D; text-decoration:underline; }
.footer-copyright { color:#6D6D6D!important; }
.footer-support { padding-right:15px!important; border-right:none!important; }

#resume #right-column { float:right; padding:16px; margin:16px 0 0; width:320px; background:url(http://www.ronalsanchez.com/app/wp-content/themes/2010/images/black-transparent-bg.png) repeat; }

#right-column { float:right; padding:16px; margin:16px 0 0; width:350px; background:url(http://www.ronalsanchez.com/app/wp-content/themes/2010/images/black-transparent-bg.png) repeat; }


#right-column li { list-style-type:none; }
#right-column a { color:#509FCE; }
#right-column p a { color:#fff; text-decoration:underline; }
#right-column h3 {margin: 0 0 4px;}
#right-column p {margin:0 0 12px;}
.project-agency { margin:16px 0 0; }
.ellipsis { width:320px; height:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-binding:url(ellipsis.xml#ellipsis); }
#web-designer-new-york #content { width:600px; }
#web-designer-new-york #content h3 { font-size:15px; }
#web-designer-new-york strong { color:#fff; }
#web-designer-new-york #right-column { clear:right;float:right; padding:16px; margin:16px 0 0; width:320px; background:url(http://www.ronalsanchez.com/app/wp-content/themes/2010/images/black-transparent-bg.png) repeat; }
body#web-designer-new-york p { margin:7px 0 12px; color:#BCBCBC; }
body#web-designer-new-york #footer p { margin:0!important; }
#right-column .single-photo { margin:0 0 16px; }
#expertise-lines { margin:0 0 12px; }
#expertise-lines li { color:#fff; font-style:normal; font-size:12px; }
#sidebar ul.delicious { padding:0 0 0 14px; }
#sidebar ul.delicious li { list-style-type:square; margin:5px 0 0; width:313px; }
#sidebar ul.delicious li a { width:313px; text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-binding:url(ellipsis.xml#ellipsis); }
#twitter-follow { border:0; position:fixed; top:200px; right:0; }
#add_link_box { display:none; }
.twitter-share-button {float: right;}
#fb-root {left: 909px;
    position: relative;
    top: -49px;}
