/*
Theme Name: ar-theme
Description: WordPress theme developed and designed by: Alberto Ramacciotti for la Quarra
Version: 1.0
Author: Alberto Ramacciotti
Author URI: http://obertfsp.com
Tags: one-column, orange, black, fixed-width, custom-menu, translation-ready
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
*{
margin:0;
padding:0;
border:0;
outline:none;
text-decoration:none;
}
header .main a, section,article,header,hgroup,footer,aside,nav,h1 a, h2 a, aside li a {
display:block;
}
ul{
list-style-type:none;
}
#container{
margin:2em auto 0 auto;
width:48em;
padding: .4em .9em;
}
div#content{
width:44em;
}
.cols div {
width:9em;
padding: .5em 1em;
}
aside .cols div.tagcloud {
width:23em;
padding: 0 1em 13em 1em;
}
aside .cols div.tagcloud h3 {
padding: .5em 0 3em 0;
}
aside .cols div.tagcloud p {
width: 15em;
height: 9em;
padding: 0;
margin: 0 auto;
overflow: auto;
}
aside .cols div.tagcloud p a{
color:#324250;
background-color:#eeeef0;
}
#footer p {
padding-bottom: 1em;
}
#footer .copy{
padding-top: 15.5em;
padding-bottom: 0;
line-height:1.7;
clear: both;
}
#content p{
margin:0 2em .8em 0;
}
#content a,#content a:visited{
color:#11699d;
border-bottom:1px solid #cccccc;
}
#content a:hover {
color:#1585c8;
border-bottom:1px solid #61b9ed;
}
#content a:focus,#content a:active{
color:#0e547e;
border-bottom:1px solid #818181;
}
/* sans-serif */
@font-face {
font-family: 'CantarellRegular';
src: url('fonts/Cantarell-Regular-webfont.eot');
src: url('fonts/Cantarell-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/Cantarell-Regular-webfont.woff') format('woff'),
url('fonts/Cantarell-Regular-webfont.ttf') format('truetype'),
url('fonts/Cantarell-Regular-webfont.svg#CantarellRegular') format('svg');
}
@font-face {
font-family: 'CantarellBold';
src: url('fonts/Cantarell-Bold-webfont.eot');
src: url('fonts/Cantarell-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/Cantarell-Bold-webfont.woff') format('woff'),
url('fonts/Cantarell-Bold-webfont.ttf') format('truetype'),
url('fonts/Cantarell-Bold-webfont.svg#CantarellBold') format('svg');
}
/* serif */
@font-face {
font-family: 'QuattrocentoRomanRegular';
src: url('fonts/Quattrocento-Regular-webfont.eot');
src: url('fonts/Quattrocento-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/Quattrocento-Regular-webfont.woff') format('woff'),
url('fonts/Quattrocento-Regular-webfont.ttf') format('truetype'),
url('fonts/Quattrocento-Regular-webfont.svg#QuattrocentoRomanRegular') format('svg');
}
body {
font: normal 1em/1.7 'CantarellRegular', sans-serif;
}
h1,h2,h3,h4 {
font-family:'QuattrocentoRomanRegular', serif;
}
article header, article div {
margin: 0 2em;
}
#content article h3 {
margin-top: 2em;
}
article header p,article footer {
font:italic .9em/1.8 'QuattrocentoRomanRegular', serif;
}
article .meta p a, article .meta p a:visited, .reply a, .reply a:visited {
font:normal 1.3em/1.8 'QuattrocentoRomanRegular', serif;
}
.comment-entry{
margin-top:1em;
}
article footer {
text-align: right;
color:#444444;
margin: 1em 2em 0 2em;
padding-right: .5em;
border-top: .01em dotted #818181;
}
.cols ul {
list-style-type:square;
margin-left: 1em;
}
.cols ul li{
margin-bottom:.5em;
}
h1{
font-size:3.85em;
line-height:1;
}
.header h2{
font-size:1.55em;
}
.header hgroup{
margin-bottom: 2em;
}
h1 a {
color:#afbfcd;
}
h1 a:visited {
color:#50687c;
}
h1 a:hover {
color:#9fb3c1;
}
h1 a:focus,h1 a:active {
color:#b3c4ce;
background-color:#324250;
}
section li a{
color:#324250;
background-color:#ead48f;
}
section li a:visited{
color:#708ca7;
background-color:#ead48f;
}
section li a:hover{
color:#4b647a;
background-color:#e1c160;
}
.header h2 {
color:#afbfcd;
}
.header .main{
margin-top:2.3em;
}
.header .main li {
margin-right:.5em;
font-size:1.2em;
}
.header .main li a {
padding:.3em;
color:#ead48f;
background-color:#2b3742;
}
.header .main li a:visited {
padding:.3em;
color:#efdfad;
background-color:#1f2931;
}
.header .main li a:focus,.header .main li a:active {
color:#df9c42;
background-color:#1f2931;
}
.header .main li a:hover {
color:#c2a91b;
background-color:#1a2128;
}
article{
margin: 0 0 4em 0;
}
.aligncenter{
display:block;
margin: 1em auto;
}
.alignleft{
margin: .5em .5em .5em 0;
}
.alignright{
margin: .5em 0 .5em .5em;
float:right;
}
body, .copy {
background:#ead48f url(i/bg.png) repeat-x 0 0;
}
.tagcloud {
background:#ead48f url(i/tagCloud.png) no-repeat 50% 50%;
}
.header form#searchform {
margin:2em 0;
float:right;
}
.header form#searchform label {
font-size:1.09em;
width:9.5em;
text-align:right;
margin-right:.5em;
}
.header form#searchform legend {
display: none;
}
.header form#searchform input {
font-size:1.1em;
padding:0.25em 0.25em 0.25em 0.45em;
margin-right:.6em;
width:10em;
border:.01em solid #818181;
background-color:transparent;
-moz-border-radius:0.4em;
-khtml-border-radius:0.4em;
}
.header form#searchform #submit {
background-color:#d8ac27;
width:8em;
font-size:1em;
}
.header form#searchform input:hover, .header form#searchform input:focus {
border-color:#111111;
color:#444444;
background-color:#dfba4a;
}
#commentform p {
margin-bottom:2em;
}
#commentform p input {
font-size:1.1em;
padding:0.25em 0.25em 0.25em 0;
margin: .2em .6em 0 0;
width:10em;
border:.01em solid #818181;
background-color:transparent;
-moz-border-radius:0.4em;
-khtml-border-radius:0.4em;
}
#commentform input:hover, #commentform input:focus {
border-color:#111111;
color:#444444;
background-color:#dfba4a;
}
#commentform input#submit {
background-color:#d8ac27;
width:13em;
font-size:1.1em;
margin: 0;
}
#commentform input,
#commentform p.comment-form-comment label {
display: block;
}
#commentform p.comment-form-comment label {
font-size:1.2em;
margin: 0 1.8em .3em 0;
}
#commentform p.comment-form-comment textarea {
background-color: #e2c465;
border: .02em solid #e6ca75;
padding: .5em;
font-size: 1.2em;
}
.commentauthor{
font-size:1.8em;
display: block;
}
div#container div.meta span a {
font-size:1em;
}
.header form#searchform label,
.header form#searchform #s,
.header form#searchform #submit,
.cols div,
.header .main li, .avatar,
.alignleft {
float:left;
}
.pager {
margin: 0 1.5em 2em 0;
font-size:1.1em;
float: right;
}
.pager li {
width:10em;
text-align: center;
}
.pager li a,.pager li a:visited{
padding: .4em 1em;
display:block;
}
aside,
.required{
clear: both;
}
#posts {
margin-top:2em;
}
#posts article footer p {
margin-top:2em;
}
#comments {
background-color:#e8ce82;
margin-left:1.4em;
padding: 0 .6em;
}
#comments article {
margin-bottom:6em;
border-left:.6em solid #d3a927;
padding: .5em;
}
div#container #comments ul.children article {
margin:0 0 .4em 1em;
}
#comments h3 {
margin-bottom:1em;
}
.reply a {
display:block;
}
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .bypostauthor {
color:#111111;
}
.header form#searchform fieldset,
#commentform, #commentform p, .pager,
#container,header,header ul,aside,aside div,footer{
overflow: hidden;
}