/*******************************************************
TITLE: Big Hello Design 2008 site
DATE: 21st June 2008
AUTHOR: Chad Durham
NOTE: Hello CSS curious person, nice to have you here. Looking through code is in my opinon the best way to learn and advance, it's how I learnt and I thoughly reccomended it  - so, go ahead, teach yourself whatever you can, write your own styles. Just please don't steal the site. C
*******************************************************/

body {
margin: 0;
padding:0;
height:100%;
background-color:#ffffff;
color:#000000;  
text-align: left;
font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;

font-family: arial, helvetica, sans-serif;
line-height: 1.4em;
font-size: 1.2em;

}


a {
text-decoration:none;
}

a:hover {
text-decoration:none;
}

img {  
border-style: none;
}

.pic {  
border-style: none;
}


.paraspace {  
	width: 220px;
	height: 8px;
	background-color: #ffffff;
}

/*************************************
Hidden links right at the top, ie: Login
*************************************/
#postHeader {	
float:left;
width: 30px;
font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
font-size: 11px;
color: #d3dada;
line-height:15px;
text-align: right;
}
#postHeader a { 
color: #d3dada;
text-decoration: none;
}
#postHeader a:hover{ 
color: #000000;
background-color: #fcfe1c;
text-decoration: none;
}

/*************************************
Wrapper to entire site
************************************/
#centerColumn { 	
margin:0 auto;
padding: 0;
width:910px;
text-align:left;
vertical-align: middle;	
background-color:#ffffff;
}

#centerColumn h1 {
font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
font-size: 21px;
line-height:25px;
font-weight: normal;
color: #00e300;
letter-spacing: -0.04em;
}
#centerColumn h1 a { 
  color: #00e300;
	text-decoration: none;
}

/*************************************
Header - inc navigation
************************************/
#header {
margin: 0;
padding:0 0 0 0;
height:161px;
background-color:#cccccc;
border-top:1px solid #ffffff;
}

#logo {
top: 0px;
width: 460px;
float:left;
border-width: 0;
}

#nav_header {
float:left;
padding-top: 63px;
}

#map {
padding-top: 10px;
}

#navlist { 
margin:0 auto;
font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
font-size: 21px;
color: #27b0e3;
line-height:30px;
letter-spacing:-0.04em;
position: relative;
font-weight: normal;
width: 420px;
}

#navlist li { 
text-decoration: none;
display: inline;
margin-right: 22px;
}

#navlist li a { 
text-decoration: none; 
color: #27b0e3;
} 
#navlist li a:hover { 
background: #fcfe1c fixed;
}

/*************************************
Linebreaks
*************************************/
.greyline_1col, .greyline_2col, #greyline_full, #blackline_full, #blackline_full_home  {	
margin: 0;
padding: 0;
height: 5px;
float:left;
margin-bottom: 12px;
background-color:#cccccc;
}

.greyline_1col {
width:220px;
}

.greyline_2col {
width:460px;
}

#greyline_full {
width:910px;
margin-bottom: 15px;
}

#blackline_full {
width:910px;
background-color:#cccccc;
margin-bottom: 10px;
}

#blackline_full_home {
width:910px;
background-color:#cccccc;
margin-bottom: 0px;
}

/*************************************
Boxes - Top row
double, single, single = 2, 3, 4
single, double, single = 1, 2, 4
double, double = 2, 6
4 x singles = 1, 3, 5, 4
4 x singles (2nd row)  = 8, 9, 10, 11
single, triple = 2, 7
single, 6x tiny = 1, 12, 13, 14, 15, 16, 17
************************************/

#box_1, #box_2, #box_3, #box_4, #box_5, #box_6, #box_7, #box_8, #box_9, #box_10, #box_11, #box_12, #box_13, #box_14, #box_15, #box_16, #box_17 {
float:left;
margin: 0;
padding: 0;
margin-bottom: 10px;
}

#box_1 {
width:220px;
margin-right: 10px;
}

#box_2 {
width:450px;
margin-right: 10px;
}

#box_3 {
width:220px;
margin-right: 10px;
}

#box_4 {
width:220px;
}

#box_5 {
width:220px;
margin-right: 10px;
}

#box_6 {
width:450px;
}

#box_7 {
width:680px;
}

#box_8 {
width:220px;
margin-right: 10px;
}

#box_9 {
width:220px;
margin-right: 10px;
}

#box_10 {
width:220px;
margin-right: 10px;
}

#box_11 {
width:220px;
}

#box_12, #box_13, #box_14, #box_15, #box_16, #box_17 {
margin-top: 10px;
}
#box_12 {
width:105px;
margin-right: 10px;
}

#box_13 {
width:105px;
margin-right: 10px;
}

#box_14 {
width:105px;
margin-right: 10px;
}

#box_15 {
width:105px;
margin-right: 10px;
}

#box_16 {
width:105px;
margin-right: 10px;
}

#box_17 {
width:105px;
}

#box_1 h2, #box_2 h2, #box_3 h2, #box_4 h2, #box_5 h2, #box_6 h2, #box_7 h2, #box_8 h2, #box_9 h2, #box_10 h2, #box_1 h2, #box_1 h3, #box_2 h3, #box_3 h3, #box_4 h3, #box_5 h3, #box_6 h3, #box_7 h3, #box_8 h3, #box_9 h3, #box_10 h3, #box_11 h3, #box_1 h4, #box_2 h4, #box_3 h4, #box_4 h4, #box_5 h4, #box_6 h4, #box_7 h4, #box_8 h4, #box_9 h4, #box_10 h4, #box_11 h4 {
font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
font-size: 21px;
line-height:23px;
font-weight: normal;
color: #00e300;
letter-spacing:-0.04em;
vertical-align: top;
text-decoration: none;
	margin: 0;
	padding: 0;
}

#box_1 h2, #box_2 h2, #box_3 h2, #box_4 h2, #box_5 h2, #box_6 h2, #box_7 h2, #box_8 h2, #box_9 h2, #box_10 h2, #box_1 h2, #box_1 h2 a , #box_2 h2 a , #box_3 h2 a , #box_4 h2 a , #box_5 h2 a , #box_6 h2 a , #box_7 h2 a , #box_8 h2 a , #box_9 h2 a , #box_10 h2 a , #box_11 h2 a {
color: #00e300;
padding-bottom: 0px;
} 


#box_1 h3, #box_2 h3, #box_3 h3, #box_4 h3, #box_5 h3, #box_6 h3, #box_7 h3, #box_8 h3, #box_9 h3, #box_10 h3, #box_1 h3, #box_1 h3 a , #box_2 h3 a , #box_3 h3 a , #box_4 h3 a , #box_5 h3 a , #box_6 h3 a , #box_7 h3 a , #box_8 h3 a , #box_9 h3 a , #box_10 h3 a , #box_11 h3 a {
	padding-bottom: 0px;
} 


#box_1 h3, #box_2 h3, #box_3 h3, #box_4 h3, #box_5 h3, #box_6 h3, #box_7 h3, #box_8 h3, #box_9 h3, #box_10 h3, #box_11 h3, #box_1 h3 a , #box_2 h3 a , #box_3 h3 a , #box_4 h3 a , #box_5 h3 a , #box_6 h3 a , #box_7 h3 a , #box_8 h3 a , #box_9 h3 a , #box_10 h3 a , #box_11 h3 a , #box_1 p a , #box_2 p a , #box_3 p a , #box_4 p a , #box_5 p a , #box_6 p a , #box_7 p a , #box_8 p a , #box_9 p a , #box_10 p a , #box_11 p a , #box_1 ul a , #box_2 ul a , #box_3 ul a , #box_4 ul a , #box_5 ul a , #box_6 ul a , #box_7 ul a , #box_8 ul a , #box_9 ul a , #box_10 ul a , #box_11 ul a {
color: #27b0e3;
} 


#box_1 h4, #box_2 h4, #box_3 h4, #box_4 h4, #box_5 h4, #box_6 h4, #box_7 h4, #box_8 h4, #box_9 h4, #box_10 h4, #box_11 h4, #box_1 h4 a , #box_2 h4 a , #box_3 h4 a , #box_4 h4 a , #box_5 h4 a , #box_6 h4 a , #box_7 h4 a , #box_8 h4 a , #box_9 h4 a , #box_10 h4 a , #box_11 h4 a {
color: #545454;
} 

#box_1 h7, #box_2 h7, #box_3 h7, #box_4 h7, #box_5 h7, #box_6 h7, #box_7 h7, #box_8 h7, #box_9 h7, #box_10 h7, #box_11 h7, #box_1 h7 a , #box_2 h7 a , #box_3 h7 a , #box_4 h7 a , #box_5 h7 a , #box_6 h7 a , #box_7 h7 a , #box_8 h7 a , #box_9 h7 a , #box_10 h7 a , #box_11 h7 a , #box_1 h7 a:hover , #box_2 h7 a:hover , #box_3 h7 a:hover , #box_4 h7 a:hover , #box_5 h7 a:hover , #box_6 h7 a:hover , #box_7 h7 a:hover , #box_8 h7 a:hover , #box_9 h7 a:hover , #box_10 h7 a:hover , #box_11 h7 a:hover {
font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
font-size: 10px;
} 

#box_1 h7, #box_2 h7, #box_3 h7, #box_4 h7, #box_5 h7, #box_6 h7, #box_7 h7, #box_8 h7, #box_9 h7, #box_10 h7, #box_11 h7 {
color: #545454;
margin-bottom: -10px;
} 

#box_1 h7 a , #box_2 h7 a , #box_3 h7 a , #box_4 h7 a , #box_5 h7 a , #box_6 h7 a , #box_7 h7 a , #box_8 h7 a , #box_9 h7 a , #box_10 h7 a , #box_11 h7 a {
color: #27b0e3;
margin-bottom: -10px;
} 

#box_1 h7 a:hover , #box_2 h7 a:hover , #box_3 h7 a:hover , #box_4 h7 a:hover , #box_5 h7 a:hover , #box_6 h7 a:hover , #box_7 h7 a:hover , #box_8 h7 a:hover , #box_9 h7 a:hover , #box_10 h7 a:hover , #box_11 h7 a:hover {
color: #27b0e3;
margin-bottom: -10px;
background: #fcfe1c fixed;
}

#box_1 h3 a:hover , #box_2 h3 a:hover , #box_3 h3 a:hover , #box_4 h3 a:hover , #box_5 h3 a:hover , #box_6 h3 a:hover , #box_7 h3 a:hover , #box_8 h3 a:hover , #box_8 h3 a:hover , #box_10 h3 a:hover , #box_11 h3 a:hover , #box_1 h4 a:hover , #box_2 h4 a:hover , #box_3 h4 a:hover , #box_4 h4 a:hover , #box_5 h4 a:hover , #box_6 h4 a:hover , #box_7 h4 a:hover , #box_8 h4 a:hover , #box_9 h4 a:hover , #box_10 h4 a:hover , #box_11 h4 a:hover , #box_1 p a:hover , #box_2 p a:hover , #box_3 p a:hover , #box_4 p a:hover , #box_5 p a:hover , #box_6 p a:hover , #box_7 p a:hover , #box_8 p a:hover , #box_9 p a:hover , #box_10 p a:hover , #box_11 p a:hover , #box_1 ul a:hover , #box_2 ul a:hover , #box_3 ul a:hover , #box_4 ul a:hover , #box_5 ul a:hover , #box_6 ul a:hover, #box_7 ul a:hover , #box_8 ul a:hover , #box_9 ul a:hover , #box_10 ul a:hover , #box_11 ul a:hover { 
background: #fcfe1c fixed;
}

#box_1 p, #box_2 p, #box_3 p, #box_4 p, #box_5 p, #box_6 p, #box_7 p, #box_8 p, #box_9 p, #box_10 p, #box_11 p, #box_1 ul, #box_2 ul, #box_3 ul, #box_4 ul, #box_5 ul, #box_6 ul, #box_7 ul, #box_8 ul, #box_9 ul, #box_10 ul, #box_11 ul {
font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height:15px;
font-weight: normal;
color: #545454;
	margin: 0;
	padding: 10px 0;
}
#sidebar {
	padding:0;
float:left;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
}
#sidebar ul, #box_1 ul, #box_4 ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#sidebar ul li, #box_1 ul li, #box_4 ul li {
	margin-bottom: 5px;
	padding-bottom: 4px;
	padding-top: 4px;
	margin-top: 4px;
}


#box_7 h4 ul {
color: #27b0e3;
font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
font-size: 21px;
line-height:21px;
font-weight: normal;
letter-spacing:-0.04em;
vertical-align: top;
text-decoration: none;
}

#box_7 h4 ul li {
color: #27b0e3;
display: inline;
padding-right: 10px;
}

#box_7 h4 ul li a {
color: #27b0e3;
}

#box_7 h4 ul li a:hover {
color: #27b0e3;
background: #fcfe1c fixed;
}

#box_1 h6 {
font-size: 10px;
}

#box_1 h5 ul {
	color: #545454;
	font-weight: bold;
}

#box_1 h5 ul li {
	color: #545454;
	font-weight: normal;
	font-style: normal;
	margin-top: -10px;
}

#box_1 h6 ul {
	color: #545454;
	font-weight: bold;
}

#box_1 h6 ul li {
	display: inline;
	padding-right: 5px;
	color: #27b0e3;
	font-weight: normal;
	font-style: normal;
}

#contacts {
	vertical-align: 15px;
}

#contact_img a:hover {
background: #999999 fixed;
}

#box_7 h5 ul {
color: #ea1c25;
font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
font-size: 21px;
line-height:21px;
font-weight: normal;
letter-spacing:-0.04em;
vertical-align: top;
text-decoration: none;
}

/*************************************
CONTACT FORM
************************************/

.qwform , .qwform_msg  {
	color: #474747;
	width: 200px;
	background-color: #f6f1f5;
	border: 1px solid #dbdbdb;
	margin-top: 3px;
	margin-bottom: 10px;
font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
font-size: 18px;
line-height:18px;
	padding-right: 5px;
	padding-left: 5px;
} 

.qwform {
	height: 25px;
}

.qwform_msg {
	height: 100px;
	min-height: 120px;
	max-height: 300px;
	max-width: 200px;
	vertical-align: 1px;
	overflow: auto;
	visibility: visible;
	margin-bottom: 15px;
}
.submit {
	margin-bottom: 15px;
}

.label{
    text-align:right;
    }
    



/*************************************
Authentic Jobs
************************************/

#authenticjobs {
width: 200px; 
margin: 0px; 
padding: 0px; 
font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height:15px;
font-weight: normal;
color: #545454;
background: #fff;
}

#authenticjobs a {
color: #27b0e3;
}

#authenticjobs a:hover {
background: #fcfe1c fixed;
}
	
#authenticjobs a img {
float: left; 
padding: 10px 0px 0px 0; 
border: 0;
}
#authenticjobs ul {
clear: left; 
margin: 0; 
padding: 0 0 0 0px;
}
#authenticjobs ul li {
padding: 2px 0;
list-style-type: none
}

/*************************************
Blog specifics
************************************/
#box_2 h6 { 
font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
font-size: 22px;
line-height:21px;
font-weight: normal;
color: #a8a8a8;
letter-spacing:-0.05em;
vertical-align: top;
text-decoration: none;
margin: 2px 0 8px;
padding: 0;
}


.entry, .entrymeta {
font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height:16px;
font-weight: normal;
color: #545454;
background: #fff;
margin-top: 0;
}
.entrymeta {
margin-top: 0;
line-height:18px;
}

.entry a , .entrymeta a {  
text-decoration: none;
color: #27b0e3;
} 
.entry a:hover , .entrymeta a:hover { 
text-decoration: none;
color: #545454;
background: #fcfe1c fixed;
}

#box_2 p {
line-height:16px;
	margin-top: -12px;
}
#box_2 img {
	margin-top: 0px;
}

#box_2 p a , #box_2 p a:hover { 
text-decoration: none;
background: #ffffff fixed;
border-style: none;
}


.postedby{
	background:#fff url(http://www.bighello.com/images/user.gif) no-repeat;
	padding:3px;
	padding-left:20px;
}
.filedto{
	background:#fff url(http://www.bighello.com/images/post.gif) no-repeat;
	padding:3px;
	padding-left:20px;
}
.commentslink{
	background:#fff url(http://www.bighello.com/images/packaged.gif) no-repeat;
	padding:3px;
	padding-left:20px;
}

/*************************************
 +Comments
 *************************************/
.commentsblock{
	margin:0.5em;
	padding:1em;

}
.commentsblock textarea{
	width: 400px;
}
.commentsblock input, .commentsblock textarea{
	border:1px solid #d1d1d1;
}
.commentsblock textarea:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	color:#777;
	font-size:0.9em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}
.commentlist li{
	margin-bottom:0.5em;
	padding:0.5em 1em;
}
.alt{
	background:#f3f5e9;
	border:1px dotted #d1d1d1;
	padding:0.5em;
}

/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */

#showreel {
width:910px;
margin-bottom: 15px;
	height: 380px;
	position: relative;
	float: right;
	background-image: url(../images/showreel_bg.jpg);
}



#slideshow {
width: 910px;
}

#slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 1%; /* IE fix */
}

#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
overflow: hidden;
width: 910px;
}

#slideshow .slides ul {
width: 2730px;
	height: 350px;
}

#slideshow .slides li {
width: 890px;
float: left;
	padding-top: 0;
	padding-right: 20px;
	padding-left: 20px;
	padding: 0;
}

#slideshow .slides h2 {
margin-top: 0;}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {
	height: 30px;
color: #27b0e3;
font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
font-size: 21px;
line-height:21px;
font-weight: normal;
letter-spacing:-0.04em;
vertical-align: top;
text-decoration: none;
}

#slideshow .slides-nav li {
float: left;}

#slideshow .slides-nav li a {
display: block;
outline: none;
color: #27b0e3;
	margin-right: 20px;
	padding: 2px 2px 4px;
}


#slideshow .slides-nav li a:hover {
color: #27b0e3;
background: #fcfe1c fixed;
}


.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
color: #545454;
}

.js #slideshow .slides-nav li.on a {
position: relative;}