/*   
Theme Name: Topart
Theme URI: http://www.vfxdude.com/downloads/
Description: A child theme for Big Feature
Author: Roger Grimstad
Author URI: http://www.vfxdude.com
Template: bigfeature
Version: 1.0
*/

@import "../bigfeature/style.css";


/**********************************************
	Global styles / misc
***********************************************/

body {
	background-color: #f3f1e5;
	color: #808080 !important;
}


a:hover {
	color: #336699;	
	text-decoration: none !important;
}

/* killed the left and right padding to maximize site width */
#container {
	background: url(images/bg_francine_home2.png) bottom center no-repeat;
	padding: 0;
	border: none;
}

.whatson {
	width: 350px;
	background: url(images/bg_whatson.png) no-repeat;
	height: 46px;
	padding-left: 159px;
	margin-top: 10px;
	color: #db7f30;
	font-weight: bold;
	font-size: .8em;
	line-height: 1.25em;
}

.overview {
	font-size: 1.45em;
	line-height: 1.4em;
	margin-bottom: 10px;
}


/**********************************************
	Logo & background header
***********************************************/

#logo {
	padding-top: 40px;
}

#header {
	background: url(images/bg_handpoint.png) 700px top no-repeat;
	height: 175px;
}


/**********************************************
	Navigation
***********************************************/

ul#navigation {	
	float: left !important;
	margin: 80px 0 0 30px !important;
}


ul#navigation li a {		
	font-size: 1.3em !important;
	text-transform: lowercase;
}

ul#navigation li.current_page_item a {	
	border-bottom: #db7f30 3px solid;
	padding-bottom: 4px;
}


/**********************************************
	Header & txt color stylings 
***********************************************/

h1,h2,h3,h4,h5,h6 {
	font-size: 25px;
	font-weight: normal !important;
	color: #db8030;
	letter-spacing: .010em !important;
	line-height: 1.2em !important;
	padding: 0 0 10px 0;
	margin: 0;
	border: none;
}

.blue {
	color: #70a5b8;
}


/**********************************************
	Widget stylings 
***********************************************/

#twitter_update_list {
	list-style: none;
	width: 100%;
	background: #bbd8e3;
	padding: 15px 0 15px 0;
	margin: 0;
	font-size: .85em;
	line-height: 1.3em;
	color: #4a5a60;
}

#twitter_update_list li {
	line-height: 1.3em;
	padding: 0 15px 7px 15px;
}


#twitter_update_list a {
	color: #458ca5;
}

#twitter_update_list a:hover {
	color: #fff;
}


/**********************************************
	Layout
***********************************************/

.col1 {
	float: left;
	width: 65%;
	
}

.col2 {
	float: right;
	width: 279px;
}


/**********************************************
	Three Column layout
***********************************************/

.col1-alt {
	float: left;
	width: 31%;
	padding-right: 30px;
}

.col2-alt {
	float: left;
	width: 31%;	
}

.col3-alt {
	float: right;
	width: 279px;
}


.col2-combo {
	float: right;
	width: 55%;
}


/**********************************************
	Custom margins & padding
***********************************************/

.mt0 { margin-top: 0; }
.mt10 {	margin-top: 10px; }
.mt20 {	margin-top: 20px; }
.mt30 {	margin-top: 30px; }
.mt40 {	margin-top: 40px; }
.mt50 {	margin-top: 50px; }
.mt60 {	margin-top: 60px; }

.mr0 {	margin-right: 0px; }
.mr10 {	margin-right: 10px; }
.mr20 {	margin-right: 20px; }
.mr30 {	margin-right: 30px; }
.mr40 {	margin-right: 40px; }
.mr50 {	margin-right: 50px; }
.mr60 {	margin-right: 60px; }

.mb0 { margin-bottom: 0px; }
.mb10 {	margin-bottom: 10px; }
.mb20 {	margin-bottom: 20px; }
.mb30 {	margin-bottom: 30px; }
.mb40 {	margin-bottom: 40px; }
.mb50 {	margin-bottom: 50px; }
.mb60 {	margin-bottom: 60px; }

.ml0 {	margin-left: 0px; }
.ml10 {	margin-left: 10px; }
.ml20 {	margin-left: 20px; }
.ml30 {	margin-left: 30px; }
.ml40 {	margin-left: 40px; }
.ml50 {	margin-left: 50px; }
.ml60 {	margin-left: 60px; }

.pt0 { padding-top: 0; }
.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 50px; }

.pr0 { padding-right: 0px; }
.pr10 { padding-right: 10px; }
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }
.pr60 { padding-right: 60px; }

.pb0 { padding-bottom: 0px; }
.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb100 { padding-bottom: 100px; }


/**********************************************
	Footer 
***********************************************/

#footer {
	width: 920px !important;
	height: 100px;
	background: #db7f30;
	margin: 0 auto;	
}


#footer a{
	color: #fff !important;
}

#footer a:hover {
	color: #bb6b26 !important;
}


#footer-widgets {
	border-top: 1px #999 dashed;
}

#footer-widgets h2 {
	margin-bottom: 15px;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	font-family: "Rockwell" , "Georgia";	
}

/* Copyright */
.inside {
	width: 920px !important;
	padding: 20px 0 0 20px;
	margin: 0 auto;	
	font-size: .8em;
	color: #fff;
}

#toplink {
	color: #fff !important;
	margin-right: 40px;
}


/**********************************************
	Contact Form
***********************************************/

#contact_form p {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: .82em;
}

input, textarea {
	width: 47%;
	height: 20px;
	color: #808080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 6px 4px 0 4px;
	background: (images/blue_bg.png) repeat-x;
	border: solid 1px #ccc;
}

textarea.msg_area {
	height: 140px;
	font-size: .82em;
}

input.btn_submit {
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	width: 70px;
	height: 27px;
	margin-top: 10px;
	padding-bottom: 8px;
	background: #808080;
	border: none;
	cursor: pointer;
}

input.btn_submit:hover {
	color: #808080;
	background: #fff;
}