/*
Theme Name: The Fundamentals of Graphic Design
Theme URI: http://arjuna.deltoso.net/progetti/the-fundamentals-of-graphic-design-wordpress-theme-2/en/
Description: Simple but stylish theme inspired by the AVA book "<a href="http://www.avabooks.ch/index.php/ava/bookdetails/978-2-940373-82-6">The Fundamentals of Graphic Design</a>". MAIN FEATURES:<b> threaded comments, widgeted sidebar, theme configuration, hierachical categories, print style. To get the best from this theme remember to add a line or two as an excerpt for your posts. Author: <a href="http://arjuna.deltoso.net/">Arjuna</a>.
Version: 1.5
Author: Arjuna Del Toso
Author URI: http://arjuna.deltoso.net/
Tags: white, green, blue, fixed-width, one-column, light, theme-options, threaded-comments, custom-colors
This theme was designed and built by Arjuna Del Toso,
whose web site you will find at http://arjuna.deltoso.net/
ATTENTION: To get the best from this theme be sure to write
a line or two as an excerpt for your posts.
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/
/* From Meyer's reset rules v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/*
* End reset
*/
/* ********************************************* */
/* */
/* Arjuna Del Toso :: http://arjuna.deltoso.net/ */
/* */
/* ********************************************* */
html, body {
background-color: white;
font-size: 14px;
font-family: arial, helvetica, sans-serif;
}
body {
min-width: 830px;
}
/* Page */
#page {
width: 830px;
padding: 0px;
margin: 0px; margin-left: 10px;
}
/* Page End */
/* Header */
#header {
color: #666;
padding-top: 9px;
padding-left: 5px;
padding-bottom: 9px;
background-color: #fff;
}
#header h1 {
font-size: 22px;
font-weight: 100;
line-height: 36px;
display: inline;
font-family: 'URW Gothic L', Verdana, Helvetica, sans-serif;
}
#header h2 {
font-weight: 100;
padding-left: 25px;
display: inline;
}
#header a {
color: #000;
text-decoration: none;
border-bottom: 2px solid #fff;
}
#header a:hover, #header a:visited {
border-bottom: 2px solid #fff;
}
/* Header End */
/* Sidebar */
#sidebar-pages {
border-bottom: 1px solid #444;
background-color: #000000;
}
#sidebar-pages ul li, #sidebar-pages ul {
display: inline;
float:left;
}
#sidebar-pages a {
font-size: 11px;
display: block;
position: relative;
width: 100px;
height: 45px;
padding-top: 7px;
padding-left: 4px;
border-right: 1px solid #444;
font-family: 'URW Gothic L', Verdana, Helvetica, sans-serif;
color: #ffffff;
font-weight: 900;
/* border-bottom: 2px solid #000;*/
}
#sidebar-pages a:hover {
background-color: #118DA6;
/* border-bottom: 2px solid #000;*/
}
/* Sidebar End */
/* Posts */
#posts {
margin-top: 40px;
}
#posts h2.title-single {
font-size: 30px;
line-height: 38px;
letter-spacing: 120%;
font-family: Georgia,'Bitstream Charter', serif;
font-weight: 100;
color: #666;
margin-left: 95px;
margin-right: 95px;
}
#posts h2.title, #posts div.excerpt {
margin-left: 95px;
margin-right: 95px;
}
#posts h2.title a, #posts div.excerpt {
font-size: 30px;
line-height: 38px;
letter-spacing: 120%;
font-family: Georgia,'Bitstream Charter', serif;
font-weight: 100;
color: #666;
}
#posts h2.title a {
color: #118DA6;
}
#posts h2.title a:hover {
/*border-bottom: 2px solid transparent;*/
}
#posts div.excerpt p {
margin-bottom: 20px;
}
#posts div.excerpt p:before {
content: "___";
color: #8ca611;
}
.post {
margin-top: 60px;
}
.post-text {
line-height: 150%;
background-color: #CDEB8B;
font-family: Helvetica, 'Nimbus Sans L', sans-serif;
margin-bottom: 40px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 95px;
padding-right: 95px;
}
.post-text p {
margin-bottom: 10px;
}
/* .post-text > p:first-child:first-line {
font-weight: 600;
background-color: #8ca611;
}*/
.post-meta {
background-color: transparent;
border-top: 2px solid #8ca611;
margin-top: 40px;
font-size: 12px;
font-family: arial, garamond, sans-serif;
padding: 8px 10px 8px 10px;
color: #888;
}
.post-meta a {
color: #118DA6;
}
.post-meta .meta-date {
padding-left:20px;
background:url(images/date.png) no-repeat top left;
}
.post-meta .meta-details {
padding-left:20px;
background:url(images/application_view_columns.png) no-repeat top left;
}
.post-meta .meta-tags {
padding-left:20px;
background:url(images/award_star_bronze_2.png) no-repeat top left;
}
.post-meta .meta-comments {
padding-left:20px;
background:url(images/user_comment.png) no-repeat top left;
}
#posts ol,#posts ul {
padding: 5px 0px 15px 0px;
}
#posts blockquote {
padding: 14px 50px 10px 50px;
}
#posts blockquote p:first-letter {
color: #333;
font-size: 160%;
padding: 2px;
padding-left: 0;
font-family: 'Monotype Corsiva', 'Apple Chancery', 'URW Chancery L', cursive;
}
#posts ol {
list-style: lower-roman;
}
#posts ul {
list-style: circle;
}
q {
quotes: "«" "»" "'" "'";
}
.post-text form p {
padding-bottom: 10px;
}
.post-text input[name="post_password"] {
margin-bottom: 10px;
}
.post-text input[type="submit"], .post-text input.button, .post-text input.file, #searchform input[type="submit"] {
margin-bottom: 10px;
color: white;
background-color: #118DA6;
border-color: #118DA6;
font-size: 12px;
}
.post-text h1, .post-text h2,.post-text h3, .post-text h4, .post-text h5, .post-text h6 {
font-family: Helvetica, 'Nimbus Sans L', sans-serif;
font-weight: bold;
margin: 0 0 5px 0;
color: #27221f;
}
.post-text h1, .post-text h2, .post-text h3 {
font-size: 34px;
letter-spacing:-1px;
line-height: 1.05em;
padding-bottom: 10px;
}
.post-text h2, .post-text h3 {
font-size: 32px;
margin: 30px 0 0;
}
.post-text h3 {
font-size: 28px;
}
.post-text h4 {
font-size: 1.6em;
line-height: 23px;
}
.post-text dl {
padding: 5px 50px;
}
.post-text dl dt {
font-weight: bold;
font-size: small;
letter-spacing: 1px;
padding-bottom: 1px;
}
.post-text dl dd {
padding-bottom: 3px;
font-style: italic;
}
.post-text dl dd:before {
content: "» ";
}
.post-text ol ol, .post-text ul ul {
margin-left: 18px;
}
.post-text table {
}
.post-text table th {
padding: 5px;
border-bottom: 3px solid #fff;
}
.post-text table tr td {
padding: 3px;
border: 1px solid #fff;
}
#searchform input[type="text"] {
margin-bottom: 3px;
font-size: 14px;
}
#sidebar #searchform input[type="text"] {
width: 150px;
}
#searchform label {
display: none;
visibility: hidden;
}
/* Posts End */
/* Sidebar Main */
#sidebar {
color: #666;
font-size: 12px;
border-top: 1px solid #8ca611;
margin-top: 40px;
padding-top: 25px;
}
#sidebar h4 {
color: #8ca611;
padding-bottom: 5px;
}
#sidebar h2 {
display: none;
visibility: hidden;
}
#sidebar .widget {
margin-bottom: 15px;
}
#first, #second, #third, #fourth {
padding-left: 5px;
width: 195px;
float: left;
}
#second {
padding-left: 10px;
}
#third {
padding-left: 15px;
}
#fourth {
padding-left: 15px;
}
#sidebar acronym, #sidebar abbr {
border-bottom: 0;
}
#sidebar ul.children li, #sidebar li#pages ul ul li {
list-style:none;
padding-left:15px;
background:url(images/subcategory_icon.png) no-repeat top left;
}
#sidebar #feed h4 {
padding-left:20px;
background:url(images/rss.png) no-repeat top left;
}
#sidebar #links h4 {
padding-left:20px;
background:url(images/layout_link.png) no-repeat top left;
}
#sidebar #categories h4, #sidebar .widget_categories h4 {
padding-left:20px;
background:url(images/layers.png) no-repeat top left;
}
#sidebar #search_in_sidebar h4 {
padding-left:20px;
background:url(images/magnifier.png) no-repeat top left;
}
#sidebar #meta h4 {
padding-left:20px;
background:url(images/information.png) no-repeat top left;
}
#sidebar #archives h4 {
padding-left:20px;
background:url(images/folder.png) no-repeat top left;
}
#sidebar #recent-posts h4 {
padding-left:20px;
background:url(images/recent_posts.png) no-repeat top left;
}
#sidebar #calendar h4 {
padding-left:20px;
background:url(images/calendar.png) no-repeat top left;
}
#sidebar #calendar #wp-calendar td {
padding: 1.5px;
}
#sidebar .widget_links h4 {
padding-left:20px;
background:url(images/link.png) no-repeat top left;
}
#sidebar #tag_cloud h4 {
padding-left:20px;
background:url(images/tag_green.png) no-repeat top left;
}
#sidebar #recent-comments h4 {
padding-left:20px;
background:url(images/user_comment.png) no-repeat top left;
}
#sidebar #pages h4 {
padding-left:20px;
background:url(images/page.png) no-repeat top left;
}
#sidebar .widget_text h4 {
padding-left:20px;
background:url(images/text_dropcaps.png) no-repeat top left;
}
/* Sidebar Categories End */
#credits {
float: right;
font-size: 10px;
color: #888;
text-align: right;
line-height: 14px;
margin-top: 10px;
}
/* Page & Archives */
.current_page_item {
background-color: #CDEB8B;
}
#kindofarchive, .text-feedback {
padding-left: 95px;
padding-right: 95px;
font-family: Georgia,'Bitstream Charter', serif;
font-weight: 200;
color: #666;
}
#navlinks {
padding-left: 95px;
padding-right: 95px;
}
#navlinks a {
float: left;
}
#navlinks a + a {
float: right;
}
/* Page End */
/* Comments */
#comments {
padding-left: 105px;
padding-right: 105px;
}
h3#comments {
margin-bottom: 25px;
font-family: Georgia,'Bitstream Charter', serif;
font-weight: 200;
color: #666;
line-height: 150%;
padding-left: 125px;
background-image:url(images/comments.png);
background-repeat: no-repeat;
background-position: 105px 2px;
}
ol.commentlist {
font-size: 14px;
font-family: arial, garamond, sans-serif;
margin-left: 95px;
margin-right: 95px;
}
ol.commentlist li {
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 25px;
border-top: 1px solid #8ca611;
list-style-type: decimal-leading-zero;
}
.reply {
padding: 10px 105px 15px 210px;
}
.says {
display: none;
visibility: hidden;
}
.nocomments {
padding: 20px 105px 20px 105px;
}
.fn {
font-weight: 500;
font-style: normal;
padding-left: 3px;
}
li.comment p {
padding-top: 12px;
}
.comment-meta {
margin-top: -22px;
text-align: right;
font-style: italic;
font-size: 12px;
padding-bottom: 5px;
padding-right: 20px;
background:url(images/clock.png) no-repeat top right;
}
.comment-author {
font-size: 16px;
border-bottom: 1px solid #bbb;
font-family: Georgia,'Bitstream Charter', serif;
}
#respond {
font-family: Georgia,'Bitstream Charter', serif;
background-color: #CDEB8B;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 105px;
padding-right: 105px;
}
#comment {
width:620px;
}
#submit {
color: white;
background-color: #118DA6;
border-color: #118DA6;
font-size: 12px;
}
.leaveareply {
margin-bottom: 25px;
font-weight: 200;
font-size: 120%;
letter-spacing: 2px;
color: #666;
}
#commentform p {
margin-bottom: 10px;
}
#commentform p small {
padding-left: 15px;
}
.reply {
padding-left: 0;
}
#commentform {
margin-top: 10px;
}
ol.commentlist ul.children {
border: 1px dashed #aaa;
}
ol.commentlist ul.children li {
list-style-type: none;
border-top: 0;
}
/* Comments End */
/* General rules */
li {
line-height: 160%;
}
a {
color: #118DA6;
text-decoration: none;
padding-bottom: 3px;
/* border-bottom: 2px solid #fff;*/
}
a:visited {
padding-bottom: 3px;
/* border-bottom: 2px solid #fff;*/
color: #118DA6;
text-decoration: none;
}
a:hover {
padding-bottom: 1px;
border-bottom: 2px solid #118DA6;
}
#sidebar-pages a:hover {
border-bottom: 2px solid #000000;
}
.clear {
clear: both;
display: block;
}
ins {
font-style: italic;
}
acronym, abbr {
border-bottom: 0.071em dotted black;
}
code, pre {
font-family: "Courier New", Courier, monospace;
}
pre {
line-height: 1.1em;
border: dashed #aaa 0.071em;
padding: 1.071em 1.428em 1.071em 1.428em;
overflow: auto;
margin-top: 1em;
margin-bottom: 1em;
background-color: #fff;
width: 600px;
}
small {
font-size: small;
}
sub {
font-size: 10px;
}
sup {
font-size: 10px;
}
/* General rules end */
/* Images */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.wp-caption {
text-align: center;
background-color: transparent;
padding-top: 4px;
margin: 10px;
}
.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;
color: #444;
}
/* Images End */