/*
Theme Name: Truckk
Theme URI: http://waww.com.au/
Description: Custom WordPress theme developed for Truckk Creatives
Version: 0.1
Author: Craig Morris, Elliot Routledge
*/
body{
	background-color: #ffffff;
	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
}

a img {
	border: none;
}

p {
	margin-top: 0;
}

/*-------------------------------STRUCTURE*/

#holder_content{
margin: auto;
margin-top: 40px;
width: 950px;
}

.tagline{
margin-left: 44px;
}

#menu{
width: 190px;
background-image:url(images/menu_bg.gif);
background-repeat: repeat-x;
background-position:top;
padding-top: 34px;
}

.twtr-tweet-text{
margin-top: 10px;
margin-bottom: 10px;
}

.twtr-hd{
display: none;
}


#menu_twitter{
width: 190px;
background-image:url(images/menu_bg.gif);
background-repeat: repeat-x;
background-position:top;
padding-top: 30px;
}

#content_rhs{
width: 720px;
background-image:url(images/menu_bg.gif);
background-repeat: repeat-x;
background-position:top;
padding-top: 34px;
float: right;
}

#logo{
margin-bottom: 15px;
}


/*-------------------------------TYPOGRAPHY*/

.bodyfont{
font-size: 11px;
color: #333333;
line-height: 16px;
}

.navigation a{
color: #000;
}

.positions .bodyfont {
	color: #666666;
}

.bodyfont_blue{
font-size: 11px;
color: #000;
line-height: 16px;
}

.footertext{
font-size: 11px;
color: #000;
}

a{
font-size: 11px;
color: #00c4c3;
line-height: 16px;
text-decoration: underline;
}
a:hover{
font-size: 11px;
color: #00c4c3;
line-height: 16px;
text-decoration: none;
}

a.bodylink{
font-size: 11px;
color: #000;
line-height: 16px;
text-decoration: underline;
}
a.bodylink:hover{
font-size: 11px;
color: #666;
line-height: 16px;
text-decoration: none;
}

#subForm{
padding: 0px;
width: 190px;
}


#subForm .submit-button{
color: #fff;
background-color: #000;
padding: 5px;
border: none;
display: block;
width: 80px;
cursor: pointer;
}


#subForm input#name{
color: #000;
background-color: #fff;
padding: 2px;
border: solid 1px #666;
width: 100%;
margin-bottom: 3px;
}
#subForm input#tizf-tizf{
color: #000;
background-color: #fff;
padding: 2px;
border: solid 1px #666;
width: 100%;
margin-bottom: 3px;
}
#subForm input#Website{
color: #000;
background-color: #fff;
padding: 2px;
border: solid 1px #666;
width: 100%;
margin-bottom: 3px;
}



/*-------------------------------MENU*/
a.rolloverHome {
display: block;
width: 190px;
height: 21px;
text-decoration: none;
background: url("images/nav-home.gif");
}

a.rolloverHome:hover {
background-position: -190px 0;
}

a.rolloverJoinus {
display: block;
width: 190px;
height: 21px;
text-decoration: none;
background: url("images/nav-joinus.gif");
}

a.rolloverJoinus:hover {
background-position: -190px 0;
}


a.rolloverAbout {
display: block;
width: 190px;
height: 21px;
text-decoration: none;
background: url("images/nav-aboutus.gif");
}

a.rolloverAbout:hover {
background-position: -190px 0;
}


a.rolloverPositions {
display: block;
width: 190px;
height: 21px;
text-decoration: none;
background: url("images/nav-positions.gif");
}

a.rolloverPositions:hover {
background-position: -190px 0;
}


a.rolloverShowcase {
display: block;
width: 190px;
height: 21px;
text-decoration: none;
background: url("images/nav-showcase.gif");
}

a.rolloverShowcase:hover {
background-position: -190px 0;
}

a.rolloverIllustrators {
display: block;
width: 190px;
height: 21px;
text-decoration: none;
background: url("images/nav-illustrators.gif");
}

a.rolloverIllustrators:hover {
background-position: -190px 0;
}


a.rolloverContact {
display: block;
width: 190px;
height: 21px;
text-decoration: none;
background: url("images/nav-contactus.gif");
}

a.rolloverContact:hover {
background-position: -190px 0;
}