/********************

Theme Name: BlueSpore v1.0
Theme URI: http://www.bluespore.com/
Description: BlueSpore site design. All rights reserved.
Version: 1.0
Author: Sean Bullock of BlueSpore.com
Author URI: http://www.bluespore.com/
Tags: bluespore

All rights reserved. Sean Bullock.

********************/


* {border:0;margin:0;padding:0}


/********************

	Primitives
	
********************/



body, html{
	font: 12pt 	Helvetica, Arial, sans-serif;
	height: 100%;	
	background: url('img/tile.jpg') repeat #ccc;
}

p{ color: #666; font: 12pt 	Helvetica, Arial, sans-serif; line-height: 150%; }
a{ color: #0099cc; outline: none; text-decoration: none; }
a:hover { color: #ff6666; }
img{}
li {}
ul{}
hr { margin: 45px 0px 25px 0px; border-top: dashed #999 1px; }

.round_corner { -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.round_bottom {	
	-moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px;
	}

.round_top {	
	-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px;
	}

.round_bottomleft {	-moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; }
.round_bottomright { -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }
.round_topleft { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; }
.round_topright { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px;}


/********************

	Text attributes

********************/
/*** filter: dropshadow(color=#999,offX=0,offY=1); Emboss for IE7 ***/	

.emboss { text-shadow: -0.5px -1px 0px #333; }
.emboss_2 {	text-shadow: 0.5px 1px 0px #ccc; }	
.emboss_3 {	text-shadow: -1px -2px 0px #333; }

h3 { /*** Title ***/	
	font-family: Helvetica, Arial, sans-serif;	
	font-size: 22pt;	
	line-height: 150%;	
	color: #333;
}

h4 { /*** Subtitle ***/	
	font-family: Helvetica, Arial, sans-serif;	
	font-size: 14pt;	
	line-height: 130%;	
	color: #fff;	
}

h5 { /*** Footer headings ***/	
	font-family: Helvetica, Arial, sans-serif;	
	font-size: 22pt;	
	line-height: 150%;	
	color: #fff;
	margin: 10px 0px;	
}


#single { width: 318px; height: auto; }
#single_intro { width: 318px; height:328px; background:#999 url('img/tile2.jpg'); float:left; text-align:left; margin-top: 25px; }
#single_intro img { margin: 50px 0px 0px 30px; }
#single_intro .leftarrow { 
	background: url('img/left_arrow.png') no-repeat center;
	height: 25px; width: 25px;
	z-index: 25px;
	position: absolute;
        margin: 120px 0px 0px 293px;
}

#double { width: 636px;	height: auto; }
#double_intro { background: #fff; padding: 10px 25px; width: 586px; float:right; margin-top: 25px; height: 308px; }


/********************

	User inputs

********************/



input {
	padding: 5px;
	font-size: 12px;
	border: 1px solid #999; 
	line-height:2.4em;
	color: #000; 
	background:	#fff;
}


#submit { border: 1px outset #fff; background: #0099cc; color: #fff; }

textarea {
	background: #fff;
	color: #000;
	border: 1px solid #999;
	padding: 5px;	
	font: Helvetica, Arial, sans-serif;
}



/********************

	Main DIV

********************/



#content_parent{ height: auto !important; }
#content_inner{ 
	height: auto !important;
	width: 954px; display: block; 
	position: relative; margin: 0 auto;
}


/********************

	Header
	
********************/

#header_span { width: 100%; height: 100px; background:url('img/tile_hd.png') bottom repeat-x; margin-bottom: 50px; } 
#header { width: 956px;	height: 100%; position: block; margin: 0px auto; }
#logo {	height: 50px; width: 180px; float: left; margin: 25px 0px; }

#nav { 
	background:url('img/tile_hd_drop.png') repeat-x;
	width: 220px; 	
	height: 55px;
	position: relative;
	display: block;	
	float: right;	
	margin-top: 20px;
}
#nav a:hover { color: #0099cc; }
#nav .link { height: 60px; width: 70px; display: block; float: right; }
#nav #services { background: url('img/th_services.png') center no-repeat;  }
#nav #work { background: url('img/th_portfolio.png') center no-repeat;  }
#nav #blog { background: url('img/th_blog.png') center no-repeat; margin-right: 8px;}
#nav a.current_page_, #nav a.current_page_parent{ background: #CCC; }
#nav .tooltip span { display:none; }
#nav .tooltip:hover span { 
	text-align: center;
	display: block; 
	position: relative;
	width: 70px; height: 20px;	
	padding: 2px;
	background: #fff;
	margin: 40px 0px 0px 260px;
	z-index: 25;
	font-weight: bold;
	border: 1px solid #333;
	
}

#twitterbird { background: url('img/twitterbird.png'); position: absolute; margin: 245px 0px 20px 180px; height: 120px; width: 120px; }

/********************

	Page properties
	
********************/

#page_content { min-height: 450px; }

#block {
	height: 238px;	
	width: 100%;	
	margin-bottom: 30px;	
	background: url('img/header_bg.png') #3399cc center no-repeat;	
}

#gray_trim { width: 100%; height: 10px; background:url('img/tile_drop.png') top repeat-x;}
#gray_trim_2 {	
	width: 100%;	
	height: 10px;	
	background: url('img/tile2.jpg') #999 left repeat-x;	
	border-top: 1px solid #666;	
}


#block #title {
	top: 60px;	
	left: 50px;	
	position: absolute;
	width: 437px;
	height: 40px;
	overflow: none;	
}


#block #title h3 { color: #fff; }

#block #subtitle {
	top: 110px;	
	left: 50px;	
	position: absolute;	
	width: 437px;	
	height: 100px;	
	overflow: none;
}

#block #subtitle h4 { font-size: 12pt; }


#block #img {
	height: 220px;	
	width: 220px;	
	position: absolute;	
	overflow: none;	
	top: 25px;	
	right: 63px;	
}



#block_intro {
	height: 390px;	
	width: 100%;	
	background: #6CF url('img/open_header.jpg');	
	overflow: none;	
	margin-bottom: 25px;
	
}


#block_intro #text {
	
	height: 30px;
	
	width: 100%;
	
	position: absolute;
	
	margin-top: 270px;
	
	text-align: center;
	
}



/*******************

	Services
	
*******************/


#service {	
	height: 178px;	
	width: 453px;	
	display: block;	
	margin-left: 24px;	
	margin-bottom: 25px;	
	float: left;	
}

#content_services { width: 100%; height: 2350px; }

#single_services { float: right; background: #006699; margin-top: 25px; width: 268px; padding: 10px 25px; height: 100%}
#single_services p { color: #fff }
#single_services h4 { margin-bottom: 15px; }
#single_services hr { border-top: 1px dashed #003366; margin: 20px 0px 20px 0px;}
#single_services .img { height: 70px; width: 70px; position: absolute; margin: -45px 0px 0px 210px; }

#double_services { background: #fff; padding: 10px 25px; width: 586px; height: 100%;}
#double_services h3 { text-shadow: 0.5px 1px 0px #ccc; }
#double_services .list { width: 258px; height: 185px; padding: 10px; color: #666; }
#double_services .list li { margin-left: 20px; list-style: square; line-height: 170%;}

#single_services h4 .rightarrow { 
	background: url('img/right_arrow.png') no-repeat center;
	height: 25px; width: 25px;
	z-index: 25px;
	position: absolute;
	margin: -25px 0px 0px -25px;
}

#service_title {
	width: 433px;	
	height: 20px;	
	padding: 10px;	
	text-indent: 5px;	
	background: url('img/tile2.jpg') #006699 left repeat-x;	
	border-bottom: 1px solid #fff;	
}


#service_img {	
	float: left;	
	height: 127px;	
	width: 135px;	
	background: #fff;	
	display: block;	
}


#service_txt {	
	float: right;	
	width: 298px;	
	height: 107px;	
	background: #ccc;	
	padding: 10px;	
}



/*******************

	Latest news
	
*******************/



#latestbox {	
	height: 346px;	
	width: 306px;	
	display: block;	
	margin-bottom: 25px;	
	float: left;	
}


#latestbox #title {	
	width: 286px;	
	height: 20px;	
	padding: 10px;	
	text-indent: 5px;	
	background: url('img/tile2.jpg') #006699 left repeat-x;	
	border-bottom: 1px #666 solid;	
}


#latestbox #img {	
	float: left;	
	height: 170px;	
	width: 306px;	
	background: #fff;	
	display: block;	
}


#latestbox #tweet {	
	float: left;	
	height: 140px;	
	width: 276px;	
	background: #fff;	
	display: block;	
	padding: 15px;	
}


#latestbox #tweet .downarrow {
	background: url('img/down_arrow.png');
	height: 25px; width: 25px;
	position: absolute;
	margin: 195px 0px 0px 120px;
}



#latestbox #img #img_inner {	
	width: 286px;	
	height: 155px;	
	margin: 15px 6px 6px 9px;	
	background: #000;	
}


#latestbox #txt_first {	
	width: 306px;	
	height: 30px;	
	padding-top: 10px;	
	text-indent: 10px;	
	background: #fff;	
	float: left;	
}


#latestbox #txt_first:hover p { color: #0099cc; }
#latestbox #txt {	
	float: right;	
	width: 306px;	
	height: 105px;	
	background: #ccc;
}


#latestbox ul { list-style: none; }
#latestbox li { border-top: solid 1px #999; height: 19px; padding: 8px 10px; background: #666; }
#latestbox li p { color: #fff; }
#latestbox li:hover { background: #999; }
	
	
	


/*******************

	Portfolio
	
*******************/

#portfolio { padding-top: 25px;	min-height:150px; margin: 0px 0px 50px 0px; }
#portfolio ul { display:block; list-style:none; }
#portfolio #item { width: 278px; height: 70px; float: left; padding: 50px 20px 20px 20px; background: #006699; } 
#portfolio #item h3 { color: #fff; }

#portfolio #item2 { width: 278px;  height: 100px; float: left; padding: 20px; background: #09c; }
#portfolio #item2 h3 { color: #fff; }
#portfolio #item2 p { color: #333; }
#portfolio #item2:hover { background: #f66; }

	
	
/*******************

	Project List
	
*******************/



#projectlist { padding-top: 25px; min-height: 400px;	 margin: 0px -24px 50px -24px; }
#projectlist ul {	display: block;	list-style: none; }

#projectlist_nav {
	width: 100%; 	
	height: 30px; 	
	background: #999;	
	margin: 20px 0px 40px 0px;	
}

#projectlist_nav a { color: #fff; }

#project_item {	
	width: 300px;	
	height: 275px;	
	background: #ccc;	
	margin: 0px 0px 25px 24px;	
	float: left;	
}

#project_item #img {
	height: 155px;	
	width: 100%;	
	background: #fff;	
	display: block;	
	overflow: none;	
}


#project_item #title {	
	width: 100%;	
	height: 24px;
	padding: 3px 0px;	
	text-indent: 20px;	
	background: url('img/tile2.jpg') #006699 repeat-x;	
	border-bottom: 1px #666 solid;	
}
#project_item #title a { color: #fff; }

#project_item #date {	
	width: 100%;	
	height: 24px;	
	padding: 3px 0px;	
	text-indent: 20px;	
}

#project_item #view_project {	
	width: 100px;	
	height: 21px;	
	background: #0099cc;	
	position: absolute;	
	margin: 225px 0px 0px 180px;	
	padding: 4px 6px 6px 6px;	
	text-align: center;	
	border: 1px #fff outset;	
}

#project_item #view_project:hover { background: #ff6666; }


/********************

	Project	

********************/


#project { padding-top: 25px; min-height:400px; margin: 0px 0px 50px 0px; }


#project #item {	
	width: 100%;	
	height: 380px;	
	margin: 0px 0px 30px 0px;	
	background: #ccc;	
}

#project #top {	
	width: 100%;	
	height: 42px;	
	background: url('img/tile2.jpg') #006699 repeat-x;
	padding-top: 10px;
	text-indent: 10px;	
	margin: 0px 0px 10px 0px;	
	border-bottom: 1px solid #666;	
}

#project #title {	
	height: 100%;	
	width: 780px;	
	float: left;	
	margin: 5px 0px 0px 0px;	
}

#project #slim_about {	
	background: #999;	
	height: 21px;	
	width: 286px;	
	padding: 10px 10px;
	float: left;
	display: block;
	margin: 0 0 0px 10px;
}

#project #slim {	
	height: 50px;	
	width: 81px;	
	background: #999;	
	padding: 2px 10px;	
	text-align:center;	
	float:left;	
}

#project #slim:hover { background: #CCC; }

#project #slim p {
	
	font: 12pt	Helvetica, Arial, sans-serif;
	
	color: #FFF;
	
	margin-top: 15px;
	
	text-align: center;
	
}

#project #img {
	
	height: 155px;
	
	width: 305px;
	
	background: #fff;
	
	border: solid 1px #666;
	
	margin: 0px 0px 0px 10px;
	
}


#project #weburl {
	
	height: 54px;
	
	width: 287px;
	
	background: #999;
	
	margin: 15px 0px 18px 10px;
	
	padding: 2px 10px;
	
}


#project #weburl p {
	
	font: 12pt 	Helvetica, Arial, sans-serif;
	
	color: #fff;
	
	margin-top: 3px;
	
}

#project #weburl a {color:#fff;}



#project #slim a {
	
	color: #fff;
	
	font: 12pt 	Helvetica, Arial, sans-serif;
	
}


#project #nav {
	
	width: 100%; 
	
	height: 30px; 
	
	background: #006699;
	
	margin-top: -20px;
	
}


#project #nav a {
	
	color: #fff;
	
}




/********************

	Journal
	
********************/



#journal {
	
	padding-top: 25px;
	
	min-height:400px;
	
	margin: 0px 0px 50px 0px;

}


#journal #item {
	
	width: 100%;
	
	height: 320px;
	
	margin: 0px 0px 30px 0px;
	
	background: #ccc;
	
}


#journal #top {
	
	width: 100%;
	
	height: 42px;
	
	background: url('img/tile2.jpg') #006699 repeat-x;

	padding-top: 10px;

	text-indent: 10px;
	
	margin: 0px 0px 25px 0px;
	
	border-bottom: 1px #666 solid;
	
}


#journal #title {
	
	height: 100%;
	
	width: 780px;
	
	float: left;
	
	margin: 5px 0px 0px 0px;
	
}

#journal #title a {
	
	color: #fff;
	
}


#journal #date {
	
	height: 100%;
	
	width: 173px;
	
	float: right;
	
	text-align: center;

	margin: 5px 0px 0px 0px;
}


#journal #img {
	
	height: 155px;
	
	width: 305px;
	
	background: #fff;
	
	border: solid 1px #666;
	
	margin: 0px 0px 0px 10px;
	
}


#journal #slim {
	
	height: 50px;
	
	width: 81px;
	
	background: #999;
	
	padding: 2px 10px;
	
	text-align:center;
	
	float:left;
	
}

#journal #slim:hover { background: #CCC; }


#journal #slim p {
	
	font: 12pt 	Helvetica, Arial, sans-serif;
	
	color: #FFF;
	
	margin-top: 15px;
	
	text-align:center;
	
}


#journal #slim a { color: #fff; }


#journal #read_post {
	
	position: absolute;
	
	width: 105px;
	
	height: 26px;
	
	background: #0099cc;
	
	margin: -90px 0px 0px 815px;

	padding: 2px 10px;

	text-align: center;
	
	display: block;
	
	border: 1px outset #fff;
	
}


#journal #read_post:hover {
	
	background: #ff6666;
	
}


#journal #nav {
	
	width: 100%; 
	
	height: 30px; 
	
	background: #999;
	
}


#journal #nav a {
	
	color: #fff;
	
}




/********************

	Journal Post
	
********************/


#journalpost {
	
	padding-top: 25px;
	
	min-height:400px;
	
	margin: 0px 0px 50px 0px;

}


#journalpost #item {
	
	width: 100%;
	
	height: auto;
	
	min-height: 500px;
	
	margin: 0px 0px 10px 0px;
	
	background: #CCC;
	
}


#journalpost #item img { max-width: 550px; }



#journalpost #img {
	
	height: 155px;
	
	width: 305px;
	
	background: #fff;
	
	border: solid 1px #666;
	
	margin: 0px 0px 0px 10px;
	
}

#journalpost #item #double {
	
	background: #fff;
	
	padding: 25px 25px 0px 25px;
	
	margin: -10px 0px 0px 0px;
	
	width: 576px;

        min-height: 680px;
	
}


#journalpost #top {
	
	width: 100%;
	
	height: 42px;
	
	background: url('img/tile2.jpg') #006699 repeat-x;

	padding-top: 10px;

	text-indent: 10px;
	
	margin: 0px 0px 10px 0px;
	
	border-bottom: 1px #666 solid;
	
}


#journalpost #title {
	
	height: 100%;
	
	width: 780px;
	
	float: left;
	
	margin: 5px 0px 0px 0px;
	
}

#journalpost #slim {
	
	height: 50px;
	
	width: 81px;
	
	background: #999;
	
	padding: 2px 10px;
	
	text-align:center;
	
	float:left;
	
}

#journalpost #slim:hover { background: #CCC; }


#journalpost #slim p {
	
	font: 12pt	Helvetica, Arial, sans-serif;
	
	color: #FFF;
	
	margin-top: 15px;
	
	text-align: center;
	
}

#journalpost #slim a { color: #fff; }


#journalpost #related {
	
	height: 200px;
	
	width: 287px;
	
	background: #999;
	
	margin: 15px 0px 18px 10px;
	
	padding: 2px 10px;
	
}

#journalpost #related p {
	
	font: 12pt 	Helvetica, Arial, sans-serif;
	
	color: #fff;
	
	margin-top: 3px;
	
}

#journalpost #related a { color:#fff; }


#journalpost #cats {
	
	height: 100px;

	
	width: 287px;
	
	background: #999;
	
	margin: 15px 0px 18px 10px;
	
	padding: 2px 10px;
	
}


#journalpost #cats ul {}


#journalpost #cats ul li { color: #666; }


#journalpost #cats p {
	
	font: 12pt 	Helvetica, Arial, sans-serif;
	
	color: #fff;
	
	margin-top: 3px;
	
}

#journalpost #cats a { color:#fff; }


#journalpost #nav {
	
	width: 100%; 
	
	height: 30px; 
	
	background: #006699;
	
	margin-top: -20px;
	
}


#journalpost #nav a {
	
	color: #fff;
	
}




/********************

	comments
	
********************/

.admin_comment_1 {
	
	background: #fff url('img/blue_metal.png');
	
}


.admin_comment_0 {
	
	background: #fff url('img/tile2.jpg');
	
}




.commentlist {
	
	width: 100%;
	
}


.commentlist #double {
	
	background: #fff;
	
	width: 600px;
	
}

.commentlist #double p { padding: 5px 10px 5px 10px; }

.commentlist ol {}
.commentlist li { margin: 0px 0px 25px 0px; list-style: none; }
.commentlist .number {
		
	float: left;
	
	height: 45px;
	
	width: 20px;

	text-indent: 5px;
	
	padding: 10px 10px 10px 5px;

	background: #ccc;

	margin: -65px 0px 0px -2px;	
}


#comment-author {
	
	height: 22px;
	
	width: 100%;
	
	padding: 5px 0px 5px 0px;
	
	text-indent: 40px;
	
	display: block;
	
	border-bottom: 1px solid #fff;
	
	-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px;

	
}

#comment-author a { color: #fff; }


#comment_date {
	
	display: block;
	
	background: #999;
	
	padding: 5px 0px 5px 0px;
	
	text-indent: 40px;
	
	height: 22px;
	
	width: 100%;
	
}

#responsebox {
	
	width: 100%;
	
	height: 350px;
	
	background: #ccc;
	
	margin: 25px 0px 0px 0px;
	
}

#responsebox #email { width: 150px; }
#responsebox #author { width: 150px; }
#responsebox #url { width: 150px; }
#responsebox .tag { text-indent: 5px; color: #fff; position: absolute; margin: -80px 0px 0px 0px; width: 152px; height: 15px; padding: 5px; background: url('img/tile2.jpg') #006699 left repeat-x;}
#responsebox p { margin-bottom: 30px; }

#responsebox textarea { width: 370px; height: 150px; }

#responsebox #single { padding: 20px; width: 170px; margin-top: 5px; }
#responsebox #double { margin-top: 15px; width: 625px; }
#responsebox #double #submit { float: right; margin: 20px 30px 0px 0px;	width: 90px; height: 30px; background: #0099cc; padding: 4px 6px 6px 6px; text-align: center; border: 1px outset #fff; font: 12pt 	Helvetica, Arial, sans-serif; }


#responsebox #top {
	
	width: 100%;
	
	height: 42px;
	
	background: url('img/tile2.jpg') #006699 repeat-x;

	padding-top: 10px;

	text-indent: 10px;
	
	margin: 0px 0px 10px 0px;
	
	border-bottom: 1px solid #666;
	
}

/********************

	static
	
********************/


#static {
		
	min-height:400px;
	
	margin: 55px 0px 50px 0px;
	
	background: #CCC;
	
}


#static #top {
	
	width: 100%;
	
	height: 42px;
	
	background: url('img/tile2.jpg') #006699 left repeat-x;

	padding-top: 10px;

	text-indent: 10px;
	
	margin: 0px 0px 10px 0px;
	
	border-bottom: 1px solid #666;
	
}


#static #title {
	
	height: 100%;
	
	width: 780px;
	
	float: left;
	
	margin: 5px 0px 0px 0px;
	
}


#static #entry {
	
	width: 100%;
	
	min-height: 500px;

	
	height: auto;
	
	padding: 0px 0px 0px 10px;
	
	
}


.gallery-icon {
	

	padding-left: 25px;

}




/********************

	jSlider
	

********************/


	#slider { width: 596px; height: 247px; overflow: hidden; float: right; margin: 0 20px 0 0; }

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{ margin:0;	padding:0; list-style:none; }
	#slider2{ margin-top:1em; }

	#slider li, #slider2 li{ 
	
	/***
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 

	
	width: 539px;

	height: 285px;
	overflow: hidden; 
	
	float: right;
	
	}

	ol#controls{ height:285px; background: #999; width: 57px; float: left; margin: 0 0 0 20px;}
		
	ol#controls li{
		
		margin:0 0 0 0; 
		
		float:left;
		
		list-style:none;
		
		height:37px;
		
		width: 57px;
		
		line-height:28px;
		
		border: none;
		
		display: block; 

padding: 20px 0 0 0;
		
		
		}

		
	ol#controls li a{

padding: 15px 25px 15px 23px;
		
		line-height:28px;

color: #fff;
		
		
		
		text-decoration:none;
		
		}
		
		
	ol#controls li.current { background:#3399cc; }

ol#controls li.current a { color: #fff; }
		
		
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
	

/********************

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




#footer{
	height: 430px; 	
	width: 100%;
	background: url('img/tile3.jpg') repeat #333;
	display: block;	
	border-top: 2px solid #333;
	margin: 50px 0px -30px 0px;
}

#footer_content { width: 954px;	height:	410px; margin: 0 auto; }
#footer_content #fblike { height: 20px; width: 100%; padding: 5px 0px; overflow: hidden; display:block; }
#footer_content #left { width: 455px; float: left; height: 260px; }
#footer_content #right {	width: 455px; float: right; height: 260px; }
#footer_content ul { margin-top: 0px; list-style: none; border-top: solid 1px #666; }
#footer_content li { border-bottom: solid 1px #666; height: 25px; padding: 10px; }
#footer_content li:hover { background: #666; }
#footer_content li:hover p { color: #fff; }


#footer p {	color:#fff;	}
#footer_note { width: 100%;	height: 50px; margin-top: -10px;}
#footer_note a { color:#333;}
#footer_note p { float: left; margin-top: 15px; color: #999; }

#wplogo { height: 50px; width: 50px; background: url('img/wp_icon.png'); z-index:24; float: right;}
#wplogo:hover { background-position: 0 -50px; }

#foxlogo { height: 50px; width: 50px; background: url('img/fox_logo.png'); z-index:24; float: right;}
#foxlogo:hover { background-position: 0 -50px; }

.tooltip span { display:none; }
.tooltip:hover span { 

	display: block;
	
	position: relative;
	
	width: 225px;
	
	height: 20px;
	
	padding: 10px;
	
	background: #fff;
	
	left: -260px;
	
	top: 5px;
	
	z-index: 25;
	
	font-color: #333;
	
}


/********************

	Contact form
	
********************/


#contact_form {
	
	width: 470px;
	
	height: 180px;
	
	margin: 25px 0px 0px 0px;
	
}


#contact_form textarea {
	
	background: #999;

	color: #000;

	border: 1px solid #999;

	padding: 5px;
	
	width: 270px;
	
	height: 77px;
	
	margin-bottom: 10px;
	
	-moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px;
	
}

#contact_form textarea:focus { background: #fff; }


#contact_form input {

	width: 150px;
	
	margin-bottom: 10px;
	
	-moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px;

}

#contact_form #tag {
	
	width: 162px;
	
	height: 25px;
	
	text-indent: 10px;
	
	background: #666;
	
	
}

#contact_form #tag2 {
	
	width: 282px;
	
	height: 25px;
	
	text-indent: 10px;
	
	background: #666;
	
	
}

#contact_form .wpcf7-quiz-label { visibility:hidden; }



#contact_form #submit {
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	float: left;
	
	width: 278px;	
	height: 53px;
	
	background: #0099cc;
	
	padding: 0px;
	
	text-align: center;
	
	border: 1px groove #ccc;
	
	font: 12pt 	Helvetica, Arial, sans-serif;
	
} 

#contact_form #submit:hover {

	background: #ff6666;

}

#contact_form .wpcf7-quiz { margin-left: -4px; }



/*** Social Media titles styling ***/

.jqDock {}
.jqDock .jqDockLabel { margin: 0px; padding-top: 30px; color:#333;}

#sociable { width: 291px; height: 52px; background:#999; padding: 7px 8px; margin: 14px 10px 0px 10px; display: block; }
#sociable ul { list-style: none; }
#sociable ul li { float: left; margin: 5px 10px 5px 10px; }


/*** Lightbox Gallery styling ***/

.gallery-icon { padding: 0px; }
.gallery-icon img {background: #F5F5F5; padding: 2px 2px 20px 2px; border: #fff solid 2px; }
.gallery-icon img:nth-child(even) a {
	 -webkit-transform: rotate(25deg);
	 -moz-transform: rotate(25deg);
}

.gallery-icon img:hover {

	-webkit-transform: rotate (-2deg);
	-moz-transform: rotate(-2deg);

}



/*** Contact form validations ***/


.wpcf7-form .wpcf7-form-control-wrap {}
.wpcf7-form input { background: #999; }
.wpcf7-form input:focus { background: #fff; }

.wpcf7-form .wpcf7-form-control-wrap span { 
	color: #fff;
	background: #ff6666;
	width: 60px;
	position: absolute;
	margin: -62px 0px 0px 82px;
	padding: 0px 10px 0px 10px;
	height: 25px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
}
.wpcf7-response-output { background: #fff; visibility:hidden;}