/** GLOBAL **/
body {
    background:#ccc;
    font-family:'Droid Sans',Verdana,Arial;
    font-size:9pt;
    color:#616060;
}
a {
    color:#616060;
}
a.button {
    background:url(/img/button.png) left center no-repeat;
    text-decoration:none;
    padding-left:16px;
}
.border-bottom {
    border-bottom:1px solid #555;	
}

.visual {
    margin-bottom:50px;	
}
h1,article h2 {
    font-family:'Fanwood Text', serif;
    color:black;
    font-size:17pt;
    font-style:italic;
    font-weight:normal;
    padding-bottom:5px;
    border-bottom:1px solid #555;
    margin-bottom:10px;
}
article h2 {
    border-bottom:0;
    padding-bottom:0;
    line-height:1em;
}
h3 {
	font-family:'Fanwood Text',serif;
	margin-top:30px;
	padding-bottom:30px;
	font-weight:normal;
	font-style:italic;
	font-size:15pt;
}
blockquote {
    font-family:'Fanwood Text',serif;
    margin-top:30px;
    margin-left:50px;
    font-weight:normal;
    font-style:italic;
    font-size:16pt;
}
cite {
	margin-left:100px;
	font-style:normal;
}
.spacer {
    margin-top:50px;	
}


/*****************/
/** TEXT BLOCKS **/
/*****************/

.textblock {
	margin-bottom:30px;
}
.textcolumns {
	margin-bottom:30px;
}
.textblock p,
.textcolumns p {
	padding-bottom:15px;
}
.textblock h4,
.textcolumns h4 {
    font-weight:bold;
    margin-top:5px;
}

.textcolumns .column {
    width:235px;
    display:table-cell;
    line-height:1.3em;
    padding-right:10px;
}
.textcolumns .column hr {
    margin-bottom:20px;
    border:0;
    border-top:1px solid #555;
}
.textcolumns .column p {
    padding-right:10px;
}


/************/
/** TEASER **/
/************/

div.articles {
	clear:both;
	margin-top:25px;
	border-top:1px solid #555;
	padding-top:25px;
	padding-bottom:30px;
}
div.articles article {
	padding-top:35px;
    clear:both;
}
div.articles p {
    margin-bottom:15px;	
    line-height:1.3em;
}
div.articles article img {
    float:left;
    margin-right:15px;
}

/**************/
/** PROJECTS **/
/**************/
article.project h3 {
	color:black;
	padding-bottom:10px;
}


/*************/
/** CONTACT **/
/*************/

section.address {
	float:right;
	margin-top:35px;
	width:225px;
	border-top:1px solid #555;
	border-bottom:1px solid #555;
	padding-top:15px;
	padding-bottom:15px;
}
section.contact {
	width:410px;
	padding-right:20px;
}
form label {
    display:block;
    margin-bottom:5px;
}
form input,
form select,
form textarea,
form option {
    width:100%;
    padding:3px;
    border:1px solid #555;
    font-family:'Droid Sans',Verdana,Arial;
    color:#555;
    box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
form textarea {
    height:300px;
}
form input[type="submit"] {
    background:#efefef;
    border:0;	
}
form span {
    display:block;
    color:#B30000;
    font-weight:bold;
    font-size:8pt;
}
form span p {
    padding-top:10px;
    padding-bottom:20px;
}
form section {
    margin-bottom:15px;	
}
form section.columns div {
	display:table-cell;
	margin-bottom:15px;
	width:200px;
}
form section.columns div:first-child {
    padding-right:30px;	
}

.fontpreview fieldset {
    width:75%;
    margin-top:30px;
    margin-bottom:30px;
    border:0;
}
.fontpreview fieldset input {
    padding:3px;
}
.fontpreview fieldset label {
    width:120px;
    float:left;
}
.fontpreview fieldset div {
    clear:both;
    margin-bottom:10px;
}
.fontpreview fieldset #iName {
    width:100px;
}
.fontpreview fieldset #iUrl {
    width:250px;
}
.fontpreview fieldset #iSize {
    width:50px;
}
.fontpreview fieldset #iButton {
    padding:5px;
    color:#555;
}
.fontpreview #iText,
.fontpreview #dText {
    display:none;
    width:100%;
    height:500px;
    border:0;
    font-family:'Droid Sans',Verdana,Arial;
    color:#555;
    font-size:9pt;
}