/* Theme Name: JamesVec 2010 Theme URI: http://jamesvec.com Description: My portfolio theme Author: James Vecciho Author URI: http://jamesvec.com Version: 1 */ @charset "utf-8"; /* CSS Document */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {background:none repeat scroll 0 0 transparent;border:0 none;font-size:100%;margin:0;outline:0 none;padding:0;vertical-align:baseline; list-style-type:none; margin:0; padding:0;} body{background:url(../images/bg_image.gif) repeat; background-position:top; font-family:Arial, 'Helvetica', sans-serif; margin:0; padding:0} p{font-size:0.8em; color:#464646; line-height:1.4em; margin:0 0 1.4em 0; letter-spacing:0.02em; font-family:Arial, 'Helvetica', sans-serif; } h1 { font-size:1.5em; } h2 { font-size:1.4em; } h3 { font-size:1.3em; } h4 { font-size:1.2em; } h5 { font-size:1.1em; } h6 { font-size:1em; } h1, h2, h3, h4, h5, h6{color:#464646; margin:0 0 1.4em 0; font-family:'BebasNeueRegular',Helvetica, sans-serif; font-weight:normal; text-shadow:1px 1px 0px #fff;} a, a:focus{border:0; outline:none; border-style:none; color:#b22121;} a:link{color:#b22121;} ul{margin:0; padding:0; list-style-type:none;} pre{font-size:0.8em;} #wrapper{width:1000px; margin: 0 auto; overflow:hidden;} #head_bg{width:100%; overflow:hidden; background:url(../images/header_img.gif) repeat-x; height:98px;} #header{width:1000px; margin:auto;} #content{width:1000px; float:left; display:inline; clear:both; margin:0; padding:0;} #logo, #logo a, #logo img{float:left; display:inline; margin:0; padding:0;} #left_home, #left_home .entry{width:385px; float:left; display:inline;} #left_home img {border:0 !important; padding:0;} #right_home{width:580px; float:right; display:inline;} #right_home ul{width:580px; float:left; display:inline;} #right_home li {margin:0 10px 20px 15px; float:left;display:inline; width:260px; background-color:#464646;} #right_home li a{float:left;display:inline; width:260px;} #right_home li img{margin:5px 5px 1px 5px;} #sidebar{width:275px; float:right; display:inline;} #footer{width:1000px; float:left; display:inline; padding:0 0 30px 0; clear:both;} #footer li {clear:both; border-bottom:#464646 2px dotted; padding: 5px 0 5px 0 !important;} #footer ul{padding-bottom:10px; width:295px;} #footer_left{width:315px; float:left; display:inline;} #footer_middle{width:315px; float:left; display:inline; margin:0 15px;} #footer_right{float:right; width:315px; display:inline;} #text-4{margin: 0 27px; float:left; display:inline;} #friends_list p {margin-bottom:0px !important; padding-left:11px;} #listening, #friends_list, #reading{width:315px; float:left; display:inline; clear:both; padding: 0 0 20px 0} #sinceCompact, #sinceCompact1{margin:10px 0 10px 11px;} #bottom{width:100%; height: 98px;background:url(../images/footer_bg.gif) repeat-x;} #cw{width:1000px; margin:auto; text-align:center; padding:40px 0;} #wow_free p {margin: 0 0 10px 0!important;} #footer h3{margin:.3em 0 .3em 0; font-size:1.6em;} #footer_left #text-4{margin:0 !important;} /********main nav*************/ #nav {width:502px;height:64px;margin:0;padding:0; float:right; display:inline; } #nav li, #nav a {display:block;margin: 0 0 0 0; outline:0 none;color:#fff; font-size:1.2em; text-decoration:none;font-family:'BebasNeueRegular',Helvetica, sans-serif; text-align:center;} #nav li a{padding:25px 0 0 0 ;height:50px;} #nav-example li {float:left;list-style:none;display:inline;} #nav-example-01 {width: 106px; float:left; display:inline;} #nav-example-02 {width: 150px; float:left; display:inline;} #nav-example-03 {width: 98px; float:left; display:inline; } #nav-example-04 {width: 131px; float:left; display:inline; } #nav-example-01 a:hover, .selected {background-color:#8a0b0b; display:block; } #nav-example-02 a:hover, .selected1 {background-color:#8a0b0b; display:block;} #nav-example-03 a:hover, .selected2 {background-color:#8a0b0b;display:block; } #nav-example-04 a:hover { background-color:#8a0b0b;display:block; } /********classes*************/ .first{margin-left:0 !important; padding-left:0 !important;} .last{margin-right:0 !important; padding-right:0 !important;} .image{width:66px; float:left; padding: 0 0 0 11px;} .description{width:180px; float:left; display:inline; padding:0 0 0 10px;} .title{font-style:italic; color:#e62e25; } .big_break{padding:20px; height:1px; width:100%; border-bottom:#525252 3px dashed; float:left; margin:20px 0;} .currently{padding: 0 0 0 11px;} .copyright{color:#fff; font-weight:700; padding-top:10px;} .head_bot p{margin:0 0 10px 0 !important; } .hidden{display:none;} .visible{display:inline !important;} .recent_head{padding: 6px 0 0 14px;} .clear_it{clear:both;} .see_all{width:80px; float:right; display:inline;} .home_head, .home_head_2{font-size:4.5em; margin:0;} .home_sub_head{font-family:Georgia, "Times New Roman", Times, serif; font-size:1.3em; font-weight:bold;} .recent_work{font-size:3em ; margin:5px 0 10px 15px; } .things{font-size:3em !important;} .bottom_border{width:100%; height:1px; background-color:#d2d2d2; border-bottom:#fff 1px solid; float:left; display:inline; clear:both; } .see_all{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; width:85px; display:block; background:url(../images/mini_logo_home.gif) no-repeat; background-position:right; font-weight:bold; margin:0 5px;} /********blog *************/ #failure{width:645px; float:left; display:inline;} #blog_wrap {width:645px; float:left; display:inline; padding:20px 20px 0 0;} #blog_wrap .entry{width:665px; float:left; display:inline; position:relative; margin:20px 0 0 0;} #blog_wrap h2 a, #blog_wrap h2{float:right; display:inline; color:#464646; text-decoration:none; width:440px; padding: 0 5px 2px 0; margin:0;} #blog_wrap .meta {padding: 5px 0 5px 20px; font-family:'Georgia', Times New Roman, Times, serif; text-transform:uppercase; width:430px; float:right; display:inline;font-size:0.75em; background:#b22121; } #blog_wrap .meta em{font-family:'Georgia', Times New Roman, Times, serif; font-style:italic; text-transform:lowercase !important;color:#fff; } #blog_wrap .meta a {color:#464646;} #blog_wrap .entry .wp-post-image{float:left; display:inline; position:absolute; top:0; z-index:99; padding:3px; border:#ccc 1px solid;} #blog_wrap .entry p {float:right; display:inline; width:420px; padding: 0 0 0 10px;margin:10px 0 0 10px; border-left:#ccc 1px solid;} #blog_wrap .postmetadata{float:left; display:inline; font-size:0.75em; padding:5px 10px 30px ; margin:20px 0 0 0; width:645px; text-align:right; font-family:'Georgia', Times New Roman, Times, serif; font-style:italic; text-transform:lowercase !important; } #blog_wrap .postmetadata a, .tags a{color:#b22121; text-transform:uppercase;} .tags{font-size:0.75em; padding:5px 15px 20px ; margin:20px 0 0 0; width:645px; font-family:'Georgia', Times New Roman, Times, serif; font-style:italic; text-transform:lowercase !important; border-bottom:#ccc 1px solid;} #categories-3 span{background:url(../images/categories.gif) no-repeat; margin:0 0 10px 0;} #archives-3 span{background:url(../images/archives.gif) no-repeat; margin:0 0 10px 0;} #tag_cloud-3 span{background:url(../images/tags.gif) no-repeat; margin:0 0 10px 0;} #recent-comments-3 span{background:url(../images/recent_comments.gif) no-repeat; margin:0 0 10px 0;} #recent-comments-3 a{text-decoration:underline !important; text-transform:uppercase; font-size:0.8em; padding:0 !important; clear:both;} #recentcomments{font-family:'Georgia', Times New Roman, Times, serif; font-style:italic; text-transform:lowercase !important; font-size:0.8em; color:#b22121;} .recentcomments{padding:0 0 0 10px; float:left;} #sidebar h2 {margin:.3em 0 0 0; font-size:1.6em;} #sidebar span {width:315px; height:29px; float: left; display:inline;} #comments{padding:20px 0 0 20px; clear:both;} #socialize-this{width:600px;float:left; display:inline;margin:0 0 0 10px} .post{float:left; display:inline; width:665px;} .single_main .post{padding: 0 0 20px 0; } .single_main h2{margin:0 !important;} .entry{width:645px; float:left; display:inline;} .entry h4 {margin: 0 0 .8em 1em;} .navigation{width:645px; float:left; display:inline; clear:both; padding:10px 0;} .navigation li {width:20px !important;} .wp-paginate .title{font-family:'Georgia', Times New Roman, Times, serif; font-style:italic; font-size:0.8em; color:#b22121; } #tag_cloud-3 a {color:#b22121; } .post-edit-link{width:300px;clear:both; float:left; display:inline; color:#b22121; margin:10px 0 0 10px;} #blog_wrap .postmetadata{width:420px; float:right; display:inline;} .syntaxhighlighter{overflow:auto !important} .wp-paginate .current{background-color:#B22121 !important; border:#8c2323 1px solid !important;} /**********contact form*************/ .contact_form{float:right; display:inline; width:300px; position:relative; z-index:10;} .contact_form li {float:left; display:inline;} .contact{position:absolute; z-index:11; border:#ccc 1px solid; width:257px; padding:20px; display:none; background: #FFF;} .contact #text-3{margin:0 !important;} .formError{font-size:0.7em; color:#e62e25;} .formProgress{font-size:0.7em; text-transform:uppercase; color:#e62e25; font-weight:bold; clear:both; } .contact_form input[type="text"] { width: 250px; margin: .5em 0; clear:both; float:left; display:inline;} .contact_form label { padding:10px 0;clear: both; font-size:0.8em; display:inline; width:250px; font-family:'Georgia', Times New Roman, Times, serif; font-style:italic; color:#464646;} .contact_form textarea{ width: 250px; margin: .5em 0; font-size: 1.2em} .contact_form label em { font-weight: bold; font-style: normal; color: red; } /**********comment form*************/ #respond{width:560px; float:left; display:inline; padding:20px;} #commentform {margin:10px 0 20px 20px; background-color:#FFF; width:490px; float:left; display:inline; padding:20px; border:#ccc 2px dashed;} .comments_comment_form{ width:490px; float:left; display:inline;} #commentform label{font-size:.8em; clear:both; float:left; font-family:'Georgia', Times New Roman, Times, serif; text-transform:uppercase; margin:0 0 5px 0; } #commentform label span{font-family:'Georgia', Times New Roman, Times, serif; font-style:italic; text-transform:lowercase !important; color:#b22121;} #commentform input{ clear:both; float:left; margin: 0 0 10px 0;} #commentform textarea{ float:left; clear:both;} #commentform a {color:#b22121; font-family:'Georgia', Times New Roman, Times, serif; font-style:italic; } #submit{margin:10px 0 0 0!important;} #cancel_reply{ float:left; width:300px; display:inline; clear:both;} .open{color:#b22121; font-family:'Georgia', Times New Roman, Times, serif; font-style:italic; } #cancel_reply a{font-size:.8em;} #respond h2{font-style:italic; font-family:'Georgia', Times New Roman, Times, serif; color:#e62e25;} /********portfolio page *************/ #sidebar ul {padding: 0 0 10px 0; float:left; display:inline;} #sidebar li{border-bottom:#464646 2px dotted; padding: 5px 0 5px 0 !important; clear:both; width:275px;} .widget{margin: 0 0 0 10px; clear:both; width:275px; float:left; display:inline;} #sidebar li a{color:#464646; font-size:0.8em; text-decoration:none; } #portfolio_list_page { width:1000px; float:left; display:inline;} #portfolio_list{width:1000px; float:left;display:inline; margin:20px 0 0 0;} .same{width:322px; float:left; display:inline; margin:5px 8px;} #portfolio_list .post{width:322px; height:330px; float:left; display:inline; position:relative;margin:0 8px 20px 8px; background:url(../images/mini_logo_home.gif) no-repeat; background-position:295px 13px;} #portfolio_list .post img { width:312px;padding:0 !important;float:left; display:inline; border:5px solid #464646; } #portfolio_list .post h2 a {text-decoration:none !important; font-weight:700; text-transform:uppercase; color:#fff;} #portfolio_list .post h2 {width:290px; float:left; display:inline; clear:both; margin:0 !important; } .desc_holder_port{width:322px; position:absolute; background:url(../images/desc_bg.png) repeat; bottom:0; left:0; z-index:29; display:none;} #portfolio_list .post p { color:#FFF; float:left; display:inline; margin:0;} #portfolio_list .post .url_link, #portfolio_list .post .url_link a{color:#b22121; padding:0;} #portfolio_list .post p{width:302px;} .url_link {padding-bottom:10px !important; margin:0; !important; font-size:0.6em;} .url_link a { color:#fff; letter-spacing:0.2em; text-transform:uppercase;} .url_link strong{text-transform:lowercase; font-family:'Georgia', Times New Roman, Times, serif; letter-spacing:0.2em; font-style:italic;} #portfolio_list .post .description_head{float:left; display:inline; clear:both; padding:10px 15px 0 15px; !important; font-family:'Georgia', Times New Roman, Times, serif; font-weight:700; letter-spacing:0.3em; text-transform:uppercase; font-size:0.9em;} .desc_holder_port p{ padding:10px 15px 10px 15px; float:left;} .things{margin:20px 0 0 0;} #portfolio_list .post.more-link, .archive .more-link{color:#c32327; float:right; text-align:right; font-style:italic; font-weight:700; text-transform:capitalize;} .more{width:94px !important; height:59px;border:0 !important; float:right !important; display:inline !important;} .more_p {width:94px !important; padding:0 20px!important; float:right !important; display:inline; clear:both;} .port_hov{height:330px; width:323px; float:left; positoin:absolute; z-index:30;} /********page single*************/ .single_main {width:645px; float:left; display:inline; padding:20px 20px 0 0;} .single_main img {margin:10px 0;} .single_main p {margin:0 0 20px 10px; padding:0 10px;} .single_main .sociable, .archive .sociable {margin:16px 15px;} .single_main .meta, .archive .meta{padding: 5px 0 5px 20px; font-family:'Georgia', Times New Roman, Times, serif; text-transform:uppercase; width:605px; float:left; display:inline;font-size:0.75em; background:#b22121; margin:10px 0;} .single_main h2, .archive h2, .blog h2{font-size:1.5em !important; } .single_main .meta em, .archive .meta em{font-family:'Georgia', Times New Roman, Times, serif; font-style:italic; text-transform:lowercase !important;color:#fff; } .single_main .meta a, .archive .meta a {color:#464646;} .main_post_image, .entry img{padding:5px; border:#ccc 1px solid;} /********page single comments*************/ .commentlist{width:645px; float:left; display:inline; padding:20px 20px 0 20px;} .commentlist p, .author_name, .author_name a {color:#464646;} .author_name, .author_name a{font-style:normal; margin:0; text-shadow:none;} .vcard{margin:10px 0 0 0 !important;} .grav_img {width:80px; float:left; display:inline;} .grav_img1 {width:60px; float:left; display:inline;} .grav_img img{width:50px; float:left; display:inline; padding:5px; border:#ccc 1px solid; background-color:#f4f4f4; margin:10px 10px 10px 20px;} .grav_img1 img{width:50px; float:left; display:inline; padding:5px; border:#ccc 1px solid; background-color:#f4f4f4; margin:10px;} .comments_bg{width:605px; float:left; display:inline;} .comment-meta{width:475px;float:left; display:inline; padding: 5px 0 5px 8px; font-family:'Georgia', Times New Roman, Times, serif; background:#b22121; margin:8px 0;} .commentmetadata1{width:300px;float:left; display:inline; padding: 5px 0 5px 8px; font-family:'Georgia', Times New Roman, Times, serif; background:#b22121; margin:8px 0 8px 20px; color:#fff;text-transform:lowercase; font-style:italic; font-size:0.8em;} .comment-meta p{font-family:'Georgia', Times New Roman, Times, serif; font-style:italic; text-transform:lowercase !important;color:#fff; margin:0 !important; display:inline;} .comment_top, .comment_bottom{width:605px; float:left; display:inline; height:22px;} .comment_top img, .comment_bottom img{margin:0 !important; padding:0 !important; } .comment-author { width:300px;float:left; display:inline; margin:10px 0 0 20px;} .comments_text{float:left; display:inline; width:475px;} .comment-childs{margin:5px 10px 10px 2px; padding: 4px 10px 2px 4px; } .comment-childs p{padding:0 20px 0 80px; clear:both;} .chalt{border:#ccc 1px solid;} .thdrpy a{ color:#464646;} .editComment, .editableComment, .textComment{display: inline;} .comment-edit-link{float:right; color:#fff !important; font-style:italic; margin:0 10px 0 0;} #newcomment{border:1px dashed #777;width:90%;} #newcommentsubmit{color:#fff;} .adminreplycomment{border:1px dashed #777;width:99%;margin:4px;padding:4px;} .mvccls{color: #999;} .comment_right{width:490px; float:left; display:inline; margin: 0 0 0 20px;} /********portfolio page single*************/ .port_single_list{width:960px; float:left; display:inline; background:url(../images/port_single_middle.gif) repeat-y; padding:0 20px; position:relative;} .port_single_top{height:18px; float:left; display:inline; width:1000px;} .port_single_list p img {width:395px;border:2px solid #fff; float:left; display:inline; position:absolute; z-index:999; top:2px; left:20px;} .port_single_list .url_link{margin:0 55px 0 10px !important} .port_single_list p{ float:right; display:inline; color:#FFF; width:450px; margin: 0 55px 10px 0;clear:both;} .port_single_list .description_head{float:right; display:inline; font-family:'Georgia', Times New Roman, Times, serif; font-weight:700; letter-spacing:0.3em; text-transform:uppercase; text-shadow: 0px 1px 0px #343434; font-size:0.9em;} .port_single_head {width:545px; padding:5px 0 5px 10px; margin:0 -35px 0 11px; text-shadow: 0px 1px 1px #720a0c;background:url(../images/title_holder.gif) no-repeat ; float:right; display:inline; clear:both; color:#fff; text-transform:uppercase; font-family:Arial, 'Helvetica', sans-serif;} #s{ margin:5px 0 20px 0;} .btn{vertical-align:middle} /********widgetized footer************/ .cover, .cover img{width:80px; float:left; display:inline;} .cover {padding: 0 0 0 10px; width:80px; float:left; display:inline;} .title{float:left; display:inline; width:205px;} .title a{width:205px; float:left;display:inline; color:#464646; font-style:normal; text-decoration:none; font-weight:bold; margin:0 0 5px 10px;} .authors {width:205px; float:left; display:inline;font-size:0.6em; color:#e62e25; font-family:'Georgia', Times New Roman, Times, serif; font-style:italic;margin:0 0 5px 10px;} .authors a {color:#e62e25;} .small_links{width:220px; float:left; display:inline; font-size:0,6em;} .itunes_type_header{float:left; width:305px; padding:0 0 10px 0; font-family:'Georgia',Times New Roman, Times, serif; color:#b22121 !important; text-align:left; font-style:italic; font-size:0.9em;} #itunes-data li p{ text-decoration:none; color:#464646; font-size:0.8em; clear:both; margin:0 !important;} .footer-item-widget_links li a, #recent-posts-3 li a{ color:#464646; text-decoration:none; font-size:0.8em;} #itunes-data span{background:url(../images/listening.gif) no-repeat; margin:0 0 10px 0;} .tweet_holder{width:268px; height:268px; float:left; display:inline; padding:13px 14px; background:url(../images/bubble.gif) no-repeat; margin:10px 0 10px 5px;} .tweet_holder h4{font-family:'Georgia', Times New Roman, Times, serif; font-style:italic; color:#464646; margin:0; padding:0;} .tweet{font-size:.8em; font-family:'Georgia', Times New Roman, Times, serif; font-style:italic; color:#B22121;} .twitter-timestamp{color:#464646;font-size:.7em; font-family:'Georgia', Times New Roman, Times, serif; font-style:italic; margin:0; padding:0;} .red_it{color:#e62e25 !important;} .center{text-align:center;} .footer-item-php_widget a{text-decoration:none; font-size:0.8em; color:#464646;} /********404*************/ .crash {width:645px; float:left; display:inline;} .err{float:right; display:inline; width:645px; padding:40px 0 0 0;} #err_wrap{width:645px; float:left; display:inline; padding:20px 20px 0 0;} #err_wrap h2{padding: 0 0 10px 0; font-size:2.9em; margin:0;} #err_wrap h3{font-size:2em; color:#e62e25; font-family:'Georgia',Times New Roman, Times, serif; font-style:italic; padding: 0 0 10px 0; margin:0;} #err_wrap li{margin:0; padding:0; width:233px;float:left;clear:both;} #err_wrap li a {padding: 0 0 0 10px; color:#464646; font-size:0.8em; text-decoration:none; margin:0; padding:0; font-style:normal; font-family:Arial, 'Helvetica', sans-serif;} .err_lists{ width:233px;float:left; display:inline;font-style:italic; font-family:'Georgia', Times New Roman, Times, serif !important; color:#e62e25 !important; margin:0 30px 0 0; } .page_list{width:645px; float:left; display:inline; padding:0 0 10px 0;}' .page_list .pagenav ul {margin: 0 30px 0 0;} .err_lists .pagenav,.err_lists .categories{margin:10px 0 5px 0; font-style:italic;} .err_lists .pagenav li , .err_lists .categories li {border-bottom:#464646 2px dotted !important; padding: 0 0 5px 0 !important; } .toolbar {display:none!important;} .code .container{font-size:12px!important;}