@charset "utf-8";
/*begin reset*/
body, ul, ol, blockquote, h1, h2, h3, h4, h5, dl, dl dt, dl dd, p{
margin:0px;
padding:0px;
}
/*end reset*/
body{
background-color:#F2F2F2;
}
.page{
margin:0px auto;
width:940px;
}
div#nav{
height:50px;
background-color:#222;
}
div#header{
height:300px;
background-color:#0d7caa;
border-top:1px solid #6fbad9;
border-bottom:1px solid #6fbad9;
}
div#header div.page{
height:300px;
background-position:center center;
background-repeat:no-repeat;
background-image:url("http://dolfo.org/wp-content/themes/d2/imgs/bgHeader.png");
}
dl#social dd a{
padding-right:40px;
background-position:left center;
background-repeat:no-repeat;
}
div#cloud ul li{
display:inline;
}
div#nav ul{
width:940px;
list-style-type:none;
font-size:11px;
letter-spacing:1px;
text-transform:uppercase;
font-family:Trebuchet MS1, Helvetica, Arial, Helvetica, sans-serif;
}
div#nav ul li{
display:block;
float:right;
}
div#nav ul li#logo{
float:left;
}
div#nav ul li#logo a{
padding:0px;
width:239px;
height:50px;
background-position:left center;
background-repeat:no-repeat;
background-image:url("http://dolfo.org/wp-content/themes/d2/imgs/logo.png");
float:left;
}
div#nav ul li.tabOn, div#nav ul li.tabOff{
position:relative;
}
div#nav ul li.tabOn{
padding-left:20px;
padding-right:20px;
color:#FFF;
line-height:50px;
background-color:#0d7caa;
}
div#nav ul li.tabOff{
}
div#nav ul li.tabOff a{
padding-left:20px;
padding-right:20px;
color:#FFF;
display:block;
line-height:50px;
text-decoration:none;
}
div#nav ul li.tabOff a:hover{
background-color:#444;
}
div#cats{
height:70px;
background-color:#242424;
border-top:1px solid #444;
border-bottom:1px solid #FFF;
}
div#cats ul{
line-height:70px;
font-size:11px;
letter-spacing:1px;
text-transform:uppercase;
font-family:Trebuchet MS1, Helvetica, Arial, Helvetica, sans-serif;
}
div#cats ul li{
display:block;
background-repeat:no-repeat;
background-position:13px center;
float:left;
border-left:1px solid #000;
}
div#cats ul li#applications{
background-image:url("http://dolfo.org/wp-content/themes/d2/imgs/icons/apps.png");
}

div#cats ul li#features{
background-image:url("http://dolfo.org/wp-content/themes/d2/imgs/icons/features.png");
}
div#cats ul li#references{
background-image:url("http://dolfo.org/wp-content/themes/d2/imgs/icons/references.png");
}
div#cats ul li#resources{
background-image:url("http://dolfo.org/wp-content/themes/d2/imgs/icons/resources.png");
}
div#cats ul li a{
padding-left:60px;
padding-right:20px;
color:#CCC;
display:block;
text-decoration:none;
float:left;
border-left:1px solid #333;
}
div#content, div#sidebar{
margin-top:20px;
}
div#content{
width:580px;
float:left;
}
div.entry, div#sidebar .entries, ol.commentlist li.comment li.comment{
padding:20px;
margin-bottom:20px;
background-color:#FFF;
border:1px solid #DEDEDE;
}
ol.commentlist{
list-style-type:none;
}
ol.commentlist li.comment{
padding:10px;
position:relative;
}
ol.commentlist li.comment li.comment{
margin:10px;
padding:10px;
margin-left:90px;
min-height:80px;
list-style-type:none;
}
li.depth-1{
margin-left:90px;
background-color:#F1F2F4;
border:1px solid #DADEDF;
}
.vcard{
width:90px;
height:60px;
position:absolute;
left:-90px;
}
ol.commentlist li.comment cite a{
font-size:9px;
font-style:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
display:block;
}
.comment-meta{
font-size:9px;
font-style:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
display:none;
}
.reply{
line-height:40px;
text-align:right;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
span.says{
display:none;
}
ol.commentlist li.comment .vcard{
background-repeat:no-repeat;
background-position:right top;
background-image:url("http://dolfo.org/wp-content/themes/d2/imgs/bgCommentChild.png");
}
ol.commentlist li.comment .vcard{
top:23px;
background-image:url("http://dolfo.org/wp-content/themes/d2/imgs/bgCommentParent.png");
}
ol.commentlist li.comment li.comment .vcard{
top:12px;
background-image:url("http://dolfo.org/wp-content/themes/d2/imgs/bgCommentChild.png");
}
ol.commentlist li.comment li.comment cite.fn{
top:10px;
position:relative;
}
ol.commentlist li.comment li.comment img.avatar{
display:none;
}
div.entry h2, div.entry p{
padding:10px;
}
div.entry div.commentCount{
margin-top:5px;
margin-right:10px;
width:39px;
height:33px;
line-height:25px;
color:#000;
font-weight:bold;
font-size:14px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
background-image:url("http://dolfo.org/wp-content/themes/d2/imgs/icons/bgComment.png");
float:right;
}
div#content h2{
font-size:26px;
line-height:14px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}
div#content h2 a{
color:#222;
text-decoration:none;
}
div#content h3{
padding:10px;
font-size:24px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
clear:both;
}
div#content dl.lists{
padding:10px;
}
div#content dl.twitterArchive{
padding:10px;
}
div#content dl.twitterArchive dt{
font-size:12px;
}
div#content dl.twitterArchive dd{
margin-bottom:10px;
color:#666;
font-size:10px;
}
dd.photo{
padding:10px;
text-align:center;
background-color:#F2F2F2;
border:1px solid #DEDEDE;
}
dd.photo img{
margin:0px auto;
width:470px;
}
p.photo, p.video{
margin:15px;
text-align:center;
background-color:#F2F2F2;
border:1px solid #DEDEDE;
}
p.photo img, p.video object, p.video embed{
margin:0px auto;
display:block;
}
div#content dl.lists dt{
margin-bottom:10px;
font-size:20px;
}
div#content dl.lists dd{
margin-bottom:10px;
}
div.adBanner{
margin-bottom:10px;
text-align:center;
}
div#content p, div#sidebar .entries, div#content dl{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
div#content p{
text-align:justify;
line-height:18px;
}
div#content a, div#sidebar a{
color:#0d7caa;
}
ol.commentlist{
padding:10px;
}
div#sidebar{
width:340px;
float:right;
}
.entries h3{
margin-bottom:10px;
font-weight:normal;
}
div#sidebar dt, .entries h3{
font-size:20px;
}
div#cloud ul{
list-style-type:none;
}
div#cloud ul li a{
text-decoration:none;
}
div#sidebar dl.sngl dd, div#sidebar dl.dbl dd{
border-bottom:1px solid #DEDEDE;
}
div#sidebar dl.sngl dd a, div#sidebar dl.dbl dd a{
padding-top:5px;
padding-bottom:5px;
display:block;
text-decoration:none;
}
div#sidebar dl dt{
margin-bottom:10px;
}
div#sidebar dl.flickrFeed dd.flickrPhoto{
margin-right:16px;
margin-bottom:15px;
float:left;
position:relative;
left:7px;
}
div#sidebar dl.flickrFeed dd.flickrPhoto a{
padding:3px;
display:block;
background-color:#F2F2F2;
border:1px solid #DEDEDE;
}
div#sidebar dl.flickrFeed dd.flickrPhoto a img{
display:block;
border:none;
}
dd#flickrMsg{
clear:both;
}

div#sidebar dl.sngl{
width:120px;
}
.left{
float:left;
}
.right{
float:right;
}
.meta{
color:#666;
display:block;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
dl.shareList{
margin-top:-8px;
list-style-type:none;
}
dl.shareList dt, dl.shareList dd{
display:inline;
}
div.meta{
padding-left:80px;
position:relative;
}
a.retweet{
width:80px;
height:60px;
display:block;
text-decoration:none;
font-size: 12px;
margin-right:7px;
position:absolute;
left:0px;
top:13px;
}

a.retweet span, a.retweet strong.vert{
padding:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
display:block;
text-align:center;
}
a.retweet span{
text-align:center;
color: #000;
background-color:#F2F2F2;
margin-left:1px;
border: 1px solid #DEDEDE;
padding:3px;
}
a.retweet strong.vert{
margin-bottom:4px;
background-color:#FFF;
border: 1px solid #DEDEDE;
}

div#cats ul.page{
position:relative;
}
div#cats li#search{
width:300px;
height:60px;
position:absolute;
right:20px;
top:5px;
border:none;
}
div#cats li#search input#searchBlog{
margin:0px auto;
padding:0px;
width:300px;
height:33px;
font-size:26px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
}
div#cats li#search input#searchIcon{
position:absolute;
right:5px;
top:18px;
}
dl.articles{
padding:10px;
width:44%;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:1px solid #F2F2F2;
}
dl.articles dt{
margin-bottom:10px;
font-size:20px;
}
dl.articles dd{
margin-bottom:5px;
font-size:14px;
}

div#wp_page_numbers{
margin-bottom:30px;
color:#000;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}
div#wp_page_numbers ul{
list-style-type:none;
}
div#wp_page_numbers ul li{
margin-right:2px;
float:left;
}
div#wp_page_numbers ul li.page_info{
padding-left:5px;
padding-right:5px;
line-height:30px;
display:block;
color:#666;
display:none;
}
div#wp_page_numbers ul li a{
width:30px;
color:#666;
line-height:30px;
text-align:center;
text-decoration:none;
float:left;
font-weight:bold;
display:block;
background-color:#FFF;
border:1px solid #DEDEDE;
}
div#wp_page_numbers ul li.active_page a{
color:#999;
}
div#footer{
clear:both;
}
pre{
margin:10px;
overflow:scroll;
background-color:#F2F2F2;
border:1px solid #DEDEDE;
}
table.comparison{
margin:0px auto;
width:95%;
}
table.comparison th{
padding:5px;
width:45%;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
}
table.comparison td{
padding:10px;
width:45%;
color:#333;
vertical-align:top;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
table.comparison td a{
padding:5px;
color:#FFF;
display:block;
}
table.comparison tr.odd td, table.comparison dd.odd{
background-color:#DEDEDE;
}
table.comparison tr.even td, table.comparison dd.even{
background-color:#F2F2F2;
}
table.comparison tfoot td{
text-align:center;
background-color:#EFEFEF;
border-top:1px solid #FFF;
}
div#content p a.more-link{
color:#0d7caa;
}

div#footer{
min-width:960px;
clear:both;
background-color:#111;
border-top:1px solid #444;
}
div#footer div.page{
margin-top:20px;
}
div#footer dl:first-child p{
margin-right:10px;
}
div#footer dl{
width:230px;
font-family:Arial, Helvetica, sans-serif;
display:inline;
float:left;
}
div#footer dl dt{
margin-bottom:10px;
color:#FFF;
font-size:26px;
}
div#footer dl dd{
padding:0px;
width:220px;
color:#666;
line-height:18px;
font-size:12px;
}
div#footer dl dd p{
margin-top:12px;
}
div#footer dl dd{
margin-bottom:10px;
}
div#footer dl#services dd{
padding-left:20px;
}
div#footer dl#services dd, div#footer dl#tweets dd{
display:block;
background-repeat:no-repeat;
background-position:left 2px;
}
div#footer dl#services dd{
background-image:url("http://www.dolfo.org/imgs/checkmark.png");
}
div#footer dl dd a{
color:#666;
}

dl.portfolio{
margin:20px;
}
dl.portfolio dt{
font-weight:bold;
}
img#currentProject{
border:2px solid #898171;
}

form#contact input.field, form#contact textarea.textBox, input.acceptable, input.unacceptable{
width:100%;
height:25px;
font-size:20px;
border:1px solid #CCC;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
}
textarea.acceptable, textarea.unacceptable{
width:100%;
height:100px;
font-size:20px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #CCC;
}
form#contact textarea.textBox{
height:100px;
font-family:Arial, Helvetica, sans-serif;
}
.acceptable{
color:#336600;
background-color:#f1ffec;
border:1px solid #bbf6a6;
}
.unacceptable{
color:#d06f6f;
background-color:#ffecec;
border:1px solid #f6a6a6;
}
button#button{
padding:0px;
width:215px;
height:68px;
background-repeat:no-repeat;
background:none;
background-image:url("http://dolfo.org/wp-content/themes/d2/imgs/submit.png");
border:none;
}
button#button:hover{
cursor:pointer;
}
button#button span{
display:none;
}
div#copy{
color:#666;
line-height:40px;
font-size:12px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
clear:both;
}

div#portfolio{
padding-top:20px;
background-color:#0d7caa;
border-top:1px solid #6fbad9;
border-bottom:1px solid #6fbad9;
}

div#banner{
margin-bottom:20px;
}
table.portfolio{
width:100%;
}
table.portfolio td{
vertical-align:top;
}
div#portfolio h2{
color:#FFF;
font-size:24px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
table.portfolio h3, table.portfolio p{
margin:0px;
margin-top:10px;
margin-bottom:10px;
padding:0px;
}
table.portfolio h3{
color:#FFF;
font-size:14px;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
table.portfolio p{
margin-bottom:20px;
color:#FFF;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
table.portfolio a img{
width:225px;
height:150px;
display:block;
border:1px solid #FFF;
}
table.portfolio a:hover img{
border:1px solid #CCC;
}
table.portfolio td.spacer{
width:20px;
}

.tools{
padding-right:30px;
background-position:right center;
background-repeat:no-repeat;
}
.directSelection{
background-image:url("http://dolfo.org/imgs/tools/directSelection.png");
}
.adjustmentLayer{
background-image:url("http://dolfo.org/imgs/tools/adjustmentLayer.png");
}
.strike{
text-decoration:line-through;
}