/*
Theme Name: Curtis Brown Ltd.
Theme URI: http://wordpress.org/
Author: JonasWeb
Author URI: http://www.jonasweb.net
Description: Custom Theme for Curtis Brown
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: curtisbrown

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/




body {background:url(/images/bgtest3.gif) #fff;
	background-position:top center;
	margin: 0 0;
	font-size:16px;
	line-height:1.3;
	font-family:'Bell MT', 'Bell MT W01';
}
body.test {//background-color:#444444;
	margin:0 0;
	font-size:16px;
	line-height:1.3;}	
html {margin-top:0!important;
	height:101%;
	//-webkit-text-stroke: 0.25px;}
strong {font-weight: bold;}
p {margin:15px 25px;
	color:#444;}
li {color:#444;}	

#container {width:980px;
	margin:auto;}
#social {float:right;
	padding-bottom:30px;}
#main {clear:both;
	//background-color:white;}
#homebooks {text-align:center;
	height:249px;
	width:980px;}
#photo_container_top {text-align:center;
	height:249px;
	width:980px;}
#hometext {text-align:left;
	font-size:25px;
	padding:30px 20px;}
#aboutcol1 {float:left;
	width:680px;
	min-height:830px;
	margin:6px 0 20px 0;}
#aboutcol2 {float:left;
	width:299px;
	border-left:0px solid #666;
	padding-bottom:20px;}
#aboutcol2 h2 {font-weight:bold;}
#aboutcol2 h4 {font-weight:bold;}
	
	
nav {width:224px;
	margin:11px 0 0 20px;
	list-style-type:none;
	text-align:center;
	font-size:16px;
	font-family:'Weiss W01 Bold';}
nav ul {margin:0 0 0 0;}
nav li {display:block;
	margin:0 0 0 0;}
	
header {width:980px;
	margin:0 auto;
	height:200px;}	
footer {width:960px;
	clear:both;
	font-size:10px;
	text-align:center;
	padding:36px 0 35px 0;
	margin:60px auto 0 auto;
	color:#666;
	line-height:1.5;
	font-weight:normal;
	font-family: arial;
	border-top:1px solid #666;}


.hide-desktop {display:none;}
.smalltext {font-size: 10pt;
	text-align:center;
	color:#5f7479;}
.medium {font-size: 14px;}
.large {font-size: 24px;
	text-align:center;}
.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
.floatright {float: right;
	padding: 10px 10px 30px 10px;}
.floatleft {float: left;
	text-align:center;
	padding-right:30px;
	padding-bottom:10px;}
.clear {clear:both;}
.nowrap {white-space:nowrap;}
.nopad {margin:0;
	padding-bottom:3px;}
.headercol1 {width:295px;
	height:200px;
	float:left;
	background-color:#f15d2f;
	border-bottom:1px solid #79321c;}
.headercol2 {width:382px;
	height:200px;
	background-image: url(images/bridge.jpg);
	background-repeat:no-repeat;
	float:left;
	border-right:1px solid #79321c;
	border-left:1px solid #79321c;
	border-bottom:1px solid #79321c;}
.headercol3 {width:300px;
	height:200px;
	background-color:#6885ba;
	text-align:center;
	float:left;
	border-bottom:1px solid #79321c;
	border-right:1px solid #79321c;}
.column {float:left;
	width:300px;
	margin:25px;
	padding-bottom:50px;}
.column-wide {float:left;
	width:380px;
	margin:25px;}
.aboutborder {width:800px;
	margin:30px auto 10px auto;
	border-top:1px solid #666;}
.awardscol {float:left;
	width:210px;
	margin:10px 0px 50px 90px;}
.awarditem {padding-bottom:8px;}
.coverimg-row {width:100%;
	margin-left:12px;
	text-align:center;}
.coverimg {width:125px;
	height:192px;
	float:left;
	margin:17px;}
.bestaward_title_pad {position:relative;
	top:18px;}
.twitter-feed {width:98%;
	border:2px solid #000;
	margin:10px 2px;
	padding-bottom:30px;}
.norotatingtweets {border:0!important;}
.rotatingtweet {padding:5px 0 5px 5px!important;
	margin:0!important;}
.rotatingtweet p {padding:0 20px!important;
	margin:0!important;}

img {border:0;}
.headshot {float:right;
	margin:-40px 30px 30px 30px;
	width:200px;}


h1 {font-size:25px;
	font-weight:normal;
	color:#444;
	margin:0;
	padding:20px 0 0 24px;}
h2 {font-size:23px;
	font-weight:normal;
	color:#444;
	margin:0;
	padding:20px 0 0 24px;}
h3 {clear:both;
	width:800px;
	text-align:center;
	color: #444;
	font-size:17px;
	margin:30px auto 0 auto;
	padding-bottom:9px;
	border-bottom: 1px solid #666;}
h4 {font-size:19px;
	font-weight:normal;
	color:#444;
	margin:0;
	padding:20px 0 0 24px;}	
#titletag {font-size:25px;
	font-weight:normal;
	color:#444;
	margin:0;
	padding:20px 0 0 24px;}
#title_container {height:24px;
	font-size:20px;
	font-weight:normal;
	color:#444;
	margin:0;
	padding:20px 0 0 24px;}
.booktitle {padding:0;}

table.submissionform {width:550px;
	margin:30px auto 0 auto;}
td.form {color:#444;
	text-align:right;
	padding:0 4px 0 4px;
	color:white;
	background-color:#6885ba;
	width:110px;}
.forminput {width:350px;}
.forminput-text {width:350px;
	height:250px;}
.form-upload {width:350px;}
.submitbutton {width:160px;
	height:30px;
	float:center;
	color:white;
	font-size:15px;
	text-transform:uppercase;
	background-color:#f15d2f;
	border:1px solid #79321c;
	cursor: pointer;}
.captcha {padding:4px;
	margin:30px;}	
	
li {padding-bottom:5px;}
a:link {color: #6885ba;
	text-decoration: none;}
a:visited {color: #6885ba;
	text-decoration: none;}
a:hover {color: #f15d2f;
	text-decoration: none;}
a:active {color: #6885ba;}
a.nav:link {color: #fff;
	text-decoration: none;}
a.nav:visited {color: #fff;
	text-decoration: none;}
a.nav:hover {color: #f15d2f;
	text-decoration: none;}
a.nav:active {color: #fff;
	text-decoration: none;}
a.navOn:link {color: #000;
	text-decoration: none;
	font-size:130%;}
a.navOn:visited {color: #000;
	text-decoration: none;
	font-size:130%;}
a.navOn:hover {color: #000;
	text-decoration: none;
	font-size:130%;}
a.navOn:active {color: #000;
	text-decoration: none;
	font-size:130%;}
a.foot:link {color: #676767;
	text-decoration: none;}
a.foot:visited {color: #676767;
	text-decoration: none;}
a.foot:hover {color: #676767;
	text-decoration: underline;}
a.foot:active {color: #676767;
	text-decoration: none;}








/* RESPONSIVE CSS ----------- */

@media (min-width: 320px) and (max-width: 600px) {

#container {width:100%;}
#social {position:relative;
	left:0;
	top:9px;
	float:right;
	white-space:nowrap;}
#homebooks {text-align:center;
	height:100%;
	width:100%;
	overflow:hidden;}
#hometext {text-align:left;
	font-size:25px;
	padding:10px;}		
#aboutcol1 {float:none;
	width:100%;
	height:100%;
	border:0;
	margin:0;}
#aboutcol2 {float:none;
	width:100%;
	border:0;
	margin:0;}

nav {float:none;
	width:90%;
	margin:0;
	border-top: none;
	list-style-type:none;
	text-align:center;
	font-size:19px;}
nav ul {margin:0px;
	text-align:center;
	margin:0 0 10px 0;}
nav li {display:block;
	margin:0;}

header {width:100%;
	margin:auto;
	height:100%;}
footer {width:90%;
	clear:both;
	font-size:10px;
	text-align:center;
	padding:26px 0 35px 0;
	margin:30px auto 0 auto;
	color:#666;
	line-height:1.5;
	font-weight:normal;
	font-family: arial;
	border-top:1px solid #666;}

.hide-desktop {display:inline;}	
.hide-mobile {display:none;}
.floatleft {float:none;}
.floatright {float:none;
	text-align:left;
	margin-top:20px;}

.main {clear:both;
	width:90%;
	margin:50px auto;
	font-size:18px;
	padding:0;
	text-align:left;}

.headercol1 {width:100%;
	height:100%;
	float:none;
	text-align:center;
	background-color:#f15d2f;
	border-bottom:1px solid #79321c;}
.headercol2 {width:100%;
	height:140px;
	background: url(images/bridge.jpg) #444;
	background-repeat:no-repeat;
	background-position:top center;
	float:none;
	border-right:0px solid #79321c;
	border-left:0px solid #79321c;
	border-bottom:1px solid #79321c;}
.headercol3 {width:100%;
	height:100%;
	background-color:#6885ba;
	text-align:center;
	float:none;
	border-bottom:1px solid #79321c;
	border-right:0px solid #79321c;}
.column {float:none;
	width:300px;
	margin:0 25px;}
.column-wide {float:none;
	width:90%;
	margin:0 25px;}
.awardscol {float:none;
	width:90%;
	margin:0 0 0 20px;}
.awarditem {padding-bottom:8px;}
.aboutborder {width:95%;
	margin:30px auto 10px auto;
	border-top:1px solid #666;}
.nopad {padding:0;}
.twitter-feed {width:95%;
	border:2px solid #666;
	margin:10px auto;}

h3 {clear:both;
	width:80%;
	text-align:center;
	color: #444;
	font-size:17px;
	margin:30px auto 20px auto;
	padding-bottom:9px;
	border-bottom: 1px solid #666;}

img {border:0;}
img.big {width:95%;}
img.logo {height:140px;}
.headshot {float:right;
	margin:10px 30px 30px 30px;}

#photo_container_top {width:100%;}

table.submissionform {width:100%;
	margin:auto;
	position:relative;
	left:20px;}
.forminput {width:70%;}
.forminput-text {width:70%;
	height:200px;}
.form-upload {width:70%;}
.captcha {width:80%;
	padding:4px;
	margin:30px;}	
}