/*
Theme Name : Panoramic - Fullscreen Scrolling One-Page Template
Theme URI : http://themeforest.net/item/panoramic-fullscreen-scrolling-layout/227108
Author URI : http://themeforest.net/user/Pixelworkshop
Version : 1.11
*/

/*

TABLE OF CONTENTS

01 RESET
02 FULLSCREEN IMAGES
03 CONTAINERS
04 HEADER
   1. Header Container
   2. Top Menu
   3. Top Menu Drop Down
05 GRID
   1. Toggle Button
   2. Grid
   3. Sidebar Container
   4. Other Containers
   5. Separators
06 SCROLL PANE
07 TYPOGRAPHY
   1. General Styling
   2. Headings
   3. Lists
   4. Special Paragraphs
   5. Images Styling
   6. Tables
   7. Blog
08 MOBILYSELECT (FILTERABLE GALLERY)
08 CONTACT FORM
09 SLIDER
10 FOOTER
   1. General Footer Styling
   2. Footer Social Icons
   3. Tooltips for social icons
   4. Footer Trigger Button 
12 TWITTER FEED
13 FLICKR FEED
14 TEMPLATE COLORS

*/



/*  _______________________________________

	01 RESET
    _______________________________________  */



html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
:focus{outline:0}
body{line-height:1; color:black; background:white}
ol, ul{list-style:none}
table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
blockquote:before, blockquote:after, 
q:before, q:after{content:""}
blockquote, q{quotes:""""}



/*  _______________________________________

	02 FULLSCREEN IMAGES
    _______________________________________  */



.bgimg {
	position:absolute;
	z-index: -1;
	display:block;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	min-width:50%;
	min-height:50%;
}
.imgcontainer {
	position:absolute;
	top:-50%;
	left:-50%;
	width:200%;
	height:200%;
}

/* For Opera and Internet Explorer 7 */ 
.opera .bgimg,
.ff2 .bgimg, 
.ie6 .bgimg,
.ie7 .bgimg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	z-index: -1;
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	/* Set up positioning */
	position: absolute;
	top: 0;
	left: 0;
}
.opera .imgcontainer,
.ff2 .imgcontainer,
.ie6 .imgcontainer,
.ie7 .imgcontainer {
	position:absolute;
	z-index: -1;
	top:auto;
	left:0;
	width:100%;
	height:100%;
}



/*  _______________________________________

	03 CONTAINERS
    _______________________________________  */



html {
	overflow:hidden;
}
body {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	font-family:"Comic Sans MS", cursive;
	background:#ffffff;
}
img {
	border:none; 
	margin:0;
	padding:0;
}
#wrapper {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
	#mask {
		width:2000%;
		height:2000%;
	}
	.item {
		width:5%;
		height:5%;
		min-width:960px;
		float:left;
		overflow:hidden; /* Fixes a width issue on window resizing */
	}
	.content { /* Container for content */
		width:100%;
		height:100%;
		margin:0;
		position:relative;
		background: url("/img/pattern.png");
	}
	.ie6 .content { /* Container for content */
		background: none;
	}

#background_video {
    font-size: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}



/*  _______________________________________

	04 HEADER
    _______________________________________  */



/* 1. Header Container */

#header_wrapper {
	width:100%;
	height:60px;
	margin:0;
	padding:0;
	background:#fdf329 url("/img/header_bg.jpg") repeat-x;
	position:fixed;
	z-index:3;
	border-bottom:1px solid #eeeeee;
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.40);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.40);
	box-shadow:0px 0px 3px rgba(0,0,0,.40);
}
.ie6 #header_wrapper {
	position:absolute;
	background:#ececec;
}
	#header {
		width: 860px;
		margin:0 0 0 auto;
		position: relative;
		padding:0px 10px 0px 10px;
	}

#header #logo {
	width:325px;
	height:60px;
	float:left;
	margin-left:51px;
}

/* 2. Top Menu */

#header #menu {
	float:right;
	list-style:none;
	margin:0 30px 0 0;
	position:relative;
}
#header #menu li {
	float:left;
	margin:0px 10px 0px 0px;
	position:relative;
	background:none;
	-webkit-transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	-o-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}
#header #menu li:hover,
#header #menu ul li {
	background:#F0F0F0;
	z-index:11;
}
#header #menu li a {
	color:#000000;
	display:block;
	font-size:13px;
	font-weight:bold;
	padding:27px 12px 15px 12px;
	text-align:left;
}

/* 3. Top Menu Drop Down */

#header #menu ul { /* First level drop down */
	position:absolute;
	z-index:500;
	background:#F0F0F0;
	top:60px;
	display:none;
	width:160px;
	margin:0px;
	padding:6px;
	right:0;
}
#header #menu ul li a,
#header #menu ul ul li a { /* First level drop down */
	margin:0;
	padding:0px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	float:right;
}
#header #menu ul li,
#header #menu ul ul li {
	width:148px;
	margin:0;
	padding:9px 6px 9px 6px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
#header #menu ul ul {
	top:-4px;
	right:100%;
	margin:-1px 0px 0px 0px;
}
#header #menu ul li:hover,
#header #menu ul ul li:hover {
	background-color:#e1e1e1;
	cursor:pointer;
	z-index:100;
}
#header #menu li:hover ul ul,
#header #menu li li:hover ul ul {
	display:none;
}

#header #menu li:hover ul,
#header #menu li li:hover ul {
	display:block;
}

#header #menu li.dropdown {
	padding-right:20px;
	background-image: url("/img/icons/down.png");
	background-position: 100% 50%;
	background-repeat: no-repeat;
}
#header #menu ul li.dropdown {
	padding-right: 6px;
	background-image: url("/img/icons/left.png");
	background-position: left 50%;
	background-repeat: no-repeat;
}



/*  _______________________________________

	05 GRID
    _______________________________________  */



.container {
	width:810px;	
	height:100%;
	margin:0 0 0 auto;
	position:absolute;
	padding: 0px 15px 0px 35px;
	z-index:2;
	clear:left;
	float:right;
	right:0;
	background: url("/img/content_bg.png");
	border:1px solid #333333;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.6);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.6);
	box-shadow: 0 0 3px rgba(0,0,0,.6);
	/* Fallback if JS is disabled, the content remains accessible */
	overflow:scroll;
}

/* 1. Toggle Button */

a.toggle_button {
	position:absolute;
	top:50%;
	margin-top:-5px;
	height:40px;
	width:40px;
	right:860px;
	
	border:1px solid #000000;
	border-left:none;
	-moz-box-shadow: 0 0 6px rgba(0,0,0,.40);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.40);
	box-shadow: 0 0 6px rgba(0,0,0,.40);
	-moz-border-radius:6px 0px 0px 6px;
	-webkit-border-radius:6px 0px 0px 6px;
	border-radius:6px 0px 0px 6px;
	background: url("/img/icons/plus_minus.png") top right no-repeat;
}
	a.toggle_button.active {
		right:0px;
		background: url("/img/icons/plus_minus.png") top left no-repeat;
	}
	
a.toggle_button2 {
	position:absolute;
	top:10px;
	margin-top:-5px;
	height:40px;
	width:40px;
	right:250px;
	
	border:1px solid #000000;
	border-left:none;
	-moz-box-shadow: 0 0 6px rgba(0,0,0,.40);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.40);
	box-shadow: 0 0 6px rgba(0,0,0,.40);
	-moz-border-radius:6px 0px 0px 6px;
	-webkit-border-radius:6px 0px 0px 6px;
	border-radius:6px 0px 0px 6px;
	background: url("/img/icons/eye.png") top right no-repeat;
}
	a.toggle_button2.active {
		background: url("/img/icons/eye.png") top left no-repeat;
	}
	
.toggle {
	width:100%;
	float:left;
}
a.toggle_next,
a.toggle_previous,
a.toggle_next_vertical,
a.toggle_previous_vertical {
	z-index:9999;
	position:absolute;
	bottom:6px;
	width:20px;
	height:20px;
}
a.toggle_next {
	right:10px;
	background:url("/img/icons/previous_next.png") right top no-repeat;
}
a.toggle_previous {
	left:10px;
	background:url("/img/icons/previous_next.png") left top no-repeat;
}
a.toggle_next_vertical {
	right:10px;
	background:url("/img/icons/previous_next_vertical.png") right top no-repeat;
}
a.toggle_previous_vertical {
	left:10px;
	background:url("/img/icons/previous_next_vertical.png") left top no-repeat;
}

/* 2. Grid */

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
.grid_1 {width:110px;}
.grid_2 {width:240px;}
.grid_3 {width:370px;}
.grid_4 {width:500px;}
.grid_5 {width:630px;}
.grid_6 {width:760px;}

.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0}
.clear_push{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:18px}
.clearfix:after{clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

/* 3. Sidebar Container */

.sidebar {
	width:220px;
	float: left;
	position: relative;
	margin:6px 0px 18px 15px;
	background-color:#F9F9F9;
	padding:15px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
.sidebar2 {
	width:220px;
	float: left;
	position: relative;
	margin:6px 0px 18px 15px;
	background: url("/img/sidebar2_bg.png");
	padding:15px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
.sidebar_black {
	width:220px;
	float: left;
	position: relative;
	margin:6px 0px 18px 15px;
	background-color:#161616;
	padding:15px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
.sidebar_black p {
	color:#ffffff;
	text-shadow:1px 1px #000000;
	margin-bottom:0;
}

/* 4. Other Containers */

.content_box {
	width:220px;
	background: #ffffff; 
	padding:22px 10px 10px 10px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

/* 5. Separators */

.separator {
	width:760px;
	margin:24px 0px 24px 10px;
	height:1px;
	clear:both;
	border:none;
	border-bottom:1px dotted #cccccc;
}



/*  _______________________________________

	06 SCROLL PANE
    _______________________________________  */



.scroll-pane {
	margin-top:70px;
	height:82%;
	width:810px;
}
.scroll-pane2 {
	margin-top:0px;
	height:90%;
	width:220px;
}
.jspContainer {
	overflow: hidden;
	position: relative;
}
.jspPane {
	position: absolute;
}
.jspVerticalBar {
	position: absolute;
	top: 0;
	right: -4px;
	margin: 0;
	padding: 0;
	width: 16px;
	height: 100%;
}
.jspCap {
	display: none;
}
.jspTrack {
	background: url("/img/scrollpane/track.png") repeat-y 50%;
	position: relative;
}
.jspDrag {
	background: url("/img/scrollpane/drag.png") no-repeat 50% 50%;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}
.jspVerticalBar .jspArrow {
	height: 16px;
}
.jspArrowUp {
	background: url("/img/scrollpane/up.png") top no-repeat;
}
.jspArrowDown {
	background: url("/img/scrollpane/down.png") bottom no-repeat;
}



/*  _______________________________________

	07 TYPOGRAPHY
    _______________________________________  */



.container {
	color:#000000;
}

/* 1. General Styling */

p, ul, ol {
	font-size:12px;
	line-height:18px;
	margin-bottom:18px;
}
p, h2, h3, h4, h5, h6, ul {
	margin-bottom: 18px;
}
p {
	text-shadow:1px 1px #ffffff;
}

/* 2. Headings */

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	text-shadow:1px 1px #ffffff;
}
h3, h4, h5, h6 {
	line-height: 18px; 
}
h1 {
	font-size: 30px; 
	line-height: 30px;
	margin-bottom:24px;
}
h2 {
	font-size: 24px; 
	line-height:36px; 
}
h3 {
	font-size: 20px; 
}
h4 {
	font-size: 18px; 
}
h5 {
	font-size: 16px; 
	text-transform:uppercase;
}
h6 {
	font-size: 12px; 
	text-transform:uppercase;
}
.title, .title_centered {
	font-family:"Comic Sans MS", cursive;
	font-weight:200;
}
.title_centered {
	text-align:center;
}
.title2, .title2_centered {
	font-family:"Comic Sans MS", cursive;
	font-size:30px;
	color:#FFBC3C;
}
.title2_centered {
	text-align:center;
}
.dropcap{
	display:block; 
	float:left; 
	font-size:36px; 
	line-height:32px; 
	margin:2px 8px 0 0;
}

/* 3. Lists */

ul, ol {
	margin-left:0;
}
ul {
	list-style:none;
}
ol {
	list-style:decimal;
}
a {
	text-decoration:none;
}
.list, .list2, .num, .num2{font-size:12px; line-height:24px; color:#666}
.list li, .list2 li, .num li, .num2 li{padding-left:12px}
.list{margin:0 0 18px 15px; list-style:disc}
.list2{margin:0 0 18px 15px; list-style:square}
.num{margin:0 0 18px 18px; list-style:decimal}
.num2{margin:0 0 18px 18px; list-style:upper-latin}

/* 4. Special Paragraphs */

.dark, .brown, .yellow, .red, .blue, .green {
	padding-left:15px; 
}
.dark {
	border-left:#3B3B3B solid 7px;
}
.brown  {
	border-left:#8D8767 solid 7px;
}
.yellow {
	border-left:#DBA742 solid 7px;
}
.red {
	border-left:#C05D48 solid 7px;
}
.blue {
	border-left:#52878B solid 7px;
}
.green {
	border-left:#B0BD85 solid 7px;
}

.del, .ok, .info, .alert {
	font-size:12px; 
	line-height:18px; 
	padding:10px; 
	padding-left:36px; 
	margin-bottom:18px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius: 5px;
}
.del {
	background:#FBE5E2 url("/img/icons/del.png") no-repeat 11px 11px; 
	border:#F2A197 solid 1px; 
	color:#992213;
}
.ok {
	background:#E1F8CB url("/img/icons/ok.png") no-repeat 11px 11px; 
	border:#C6D880 solid 1px; 
	color:#37620d;
}
.info {
	background:#E9F5FB url("/img/icons/info.png") no-repeat 11px 11px; 
	border:#84C7E9 solid 1px; 
	color:#16597a;
}
.alert {
	background:#FFB url("/img/icons/alert.png") no-repeat 11px 11px; 
	border:#FFD324 solid 1px; 
	color:#756730;
}

/* 5. Images Styling */

.img {
	margin-bottom:18px;
}
.img_left {
	float:left;
	padding:3px 20px 0 0;
}
.img_right {
	float:right;
	padding:0 0 0 20px;
}
.minigallery {
	margin-bottom:24px;
}
.minigallery li {
	float:left;	
	margin-right:10px;
	margin-top:5px;
	margin-bottom:4px;
}
.minigallery .last {
	margin-right:0;
}
.gallery {
	margin-left:10px;
}
.gallery li {
	float:left;
	width:auto;
	margin-right:20px;
}

/* 6. Tables */

#table {
	width:100%; 
	padding:0; 
	margin:0; 
	font-size:12px;
	border:1px solid #cccccc; 
	border-bottom:none;
}
#table caption {
	padding:0 0 12px 0; 
	width:100%; 
	font-size:11px; 
	text-align:right; 
	color:#888;
}
#table th {
	text-align:left; 
	padding:12px 9px 12px 9px; 
	font-weight:bold; 
	font-size:14px;
	color:#3A3A3A; 
	border-bottom:1px solid #cccccc; 
	background:#ffffff;
}
#table td {
	border-bottom:1px solid #cccccc; 
	background:#fff; 
	padding:12px 9px 12px 9px; 
	color:#888;
}

/* 7. Blog */

.read_more {
	float:right;
	padding-bottom:12px;
}



/*  _______________________________________

	08 MOBILYSELECT (FILTERABLE GALLERY)
    _______________________________________  */



.selecter {
	margin-left:10px;
}
.selecterBtns {
	float:left;
	width:600px;
	margin-bottom:15px;
}
	.selecterBtns a {
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		background:#ffffff;
		color:#111;
		display:block;
		float:left;
		font-size:11px;
		line-height:28px;
		margin-right:0px;
		outline:none;
		padding:0 15px;
		text-decoration:none;
	}
		.selecterBtns .active,
		.selecterBtns a:hover {
			background:#111;
			color:#fff;
		}

.selecterContent {
	float:left;
}
.selecterContent a {
	outline:none;
}
.selecterContent li {
	width:240px;
	height:140px;
	overflow:hidden;
}
ul.filterable,
ul.filterable li {
	display:block;
	list-style:none;
}

ul.filterable li {
	float:left;
	margin:0 20px 20px 0;	
}
ul.filterable li.last {
	margin-right:0;	
}



/*  _______________________________________

	09 CONTACT FORM
    _______________________________________  */



#contact {
	display: block;
	width: 500px;
}
#contact p, label, legend { 
	font-size: 12px;
}
#contact hr {
	color: inherit; 
	height: 0; 
	margin: 6px 0 6px 0; 
	padding: 0; 
	border: 1px solid #d9d9d9; 
	border-style: none none solid;
}
#contact label {
	display: inline-block; 
	float: left; 
	height: 32px; 
	line-height: 32px; 
	width: 205px; 
	font-size: 12px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px; 
}
#contact input, textarea, select {
	width: 280px; 
	margin: 0; 
	padding: 5px; 
	color: #666; 
	background: #f5f5f5; 
	border: 1px solid #ccc; 
	margin: 5px 0; 
	font-size: 12px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
}   
#contact select {
	width: 290px; 
}   
#contact input:focus, textarea:focus, select:focus {
	border: 1px solid #BBBBBB; 
	background-color: #fff; 
	color:#333; 
}
#contact input.submit {
	width: 85px; 
	cursor: pointer; 
	border: 1px solid #222; 
	background:#161616; 
	color:#fff;
}
#contact input.submit:hover {
	background:#121212;
}
#contact input[type="submit"][disabled] {
	background:#161616;
	cursor: default;
}
#contact legend {
	padding:7px 10px; 
	font-weight:bold; 
	color:#000; 
	border:1px solid #eee; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	margin-bottom:0 !important; 
	margin-bottom:20px; 
}
#contact .del ul {
	margin-bottom:0;
}
#contact span.required{
	font-size: 13px; 
	color: #ff0000;
}

#message {
	margin: 10px 0; 
	padding: 0;
}
.contact_loader {
	margin-left:20px;
}



/*  _______________________________________

	10 SLIDER
    _______________________________________  */



#slides {
	width:760px;
	height:270px;
	margin-bottom:24px;
	overflow:hidden;
}
.slides_container {
	position:relative;
	overflow:hidden;
	height:270px;
}
.slides_container li {
	width:760px;
	height:270px;
	display:block;
}
#slides .next,#slides .prev {
	position:absolute;
	top:120px;
	width:30px;
	height:30px;
	display:none;
	z-index:101;
	background:url("/img/slider/arrows.png") no-repeat;
}
	#slides .prev {
		background-position:right top;
		left:10px;
	}
	#slides .next {
		background-position:left top;
		left:720px;
	}
	#slides:hover .next,
	#slides:hover .prev {
		display:block;
	}

.pagination {
	margin:-42px 0 0 10px;
	width:144px;
	z-index:999;
	position:relative;
}
	.pagination li {
		float:left;
		margin:0 6px 0 0;
		list-style:none;
	}
		.pagination li a {
			display:block;
			width:14px;
			height:0;
			padding-top:14px;
			background-image:url("/img/slider/bullets.png");
			background-position:0 0;
			float:left;
			overflow:hidden;
		}
		.pagination li.current a {
			background-position:0 -14px;
		}



/*  _______________________________________

	11 FOOTER
    _______________________________________  */



/* 1. General Footer Styling */

#footer {
	position: fixed;
	background:url("/img/footer/footer_bg.jpg") bottom repeat-x #fdf329;
	bottom: 0px;
	margin:0 auto;
	width: 100%;
	height: 32px;
	z-index:9998;
	padding:0px 30px 0px 30px;
	border-top:1px solid #eeeeee;
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.40);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.40);
	box-shadow:0px 0px 3px rgba(0,0,0,.40);
}
.ie6 #footer {
	position:absolute;
}

#footer li {
	float:left;
	font-size:11px;
	text-decoration:none;
	padding:6px 15px 0px 15px;
	display:block;
	color:#888888;
}
#footer li:hover {
	background-color:#ffffff;
}
#footer li:hover a {
	color:#222222;
}
#footer li a {
	color:#888888;
}

/* 2. Footer Social Icons */

#footer li#social {
	float:right; /* Positionning of the social icons container */
	width:auto;
	margin:6px 75px 0px;
	padding:0px;
	border:none;
}
#footer li#social:hover {
	background:none;
}
#footer #social li {
	margin-right:10px; /* 12px is the space between each one of them */
	float:left;
	background:none;
	border:none;
	width:20px;
	height:20px;
	padding:0px;
	filter: alpha(opacity=50);
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
#footer #social li:hover {
	filter: alpha(opacity=100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* 3. Tooltips for social icons */

a.tooltip:hover {
	text-decoration:none;
}
a.tooltip span { /* The "span" defines the text appearing on mouse hover, these are basic stylings */
	display:none;
	padding:3px 7px 3px 7px;
	bottom:34px;
	position:relative;
	height:24px;
	width:55px;
	text-align:center;
	background:url("/img/footer/tooltip.png") no-repeat center top;
	position:absolute;
	color:#dddddd;
	font-size:11px;
	margin-left:-24px;
}
a.tooltip:hover span {
	display:block;
}



/*  _______________________________________

	12 TWITTER FEED
    _______________________________________  */



.tweet, .query {
}
.tweet .tweet_list, .query .tweet_list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
}
.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
	text-transform: uppercase;
}
.tweet .tweet_list li, .query .tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	padding-bottom: 12px;
}
.tweet .tweet_list li a, .query .tweet_list li a {
	color: #0C717A;
}
.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
	padding: 6px 9px 0 0;
	float: left;
}
.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
	vertical-align: middle; 
}



/*  _______________________________________

	13 FLICKR FEED
    _______________________________________  */



.thumbs {
	margin: 0; 
	padding: 0; 
	overflow: hidden; 
	width:250px;
}
.thumbs div {
	list-style: none; 
	float: left; 
	margin: 5px 9px 10px 0px; 
	padding: 3px; 
	background: #ffffff; 
	border:1px solid #dddddd;
}
.thumbs div a { }
.thumbs div img {
	display: block; 
	width:60px; 
	height:60px;
}
.thumbs div a img {
	border: none;
}



/*  _______________________________________

	14 TEMPLATE COLORS
    _______________________________________  */



a {
	color:#7F94B0;
}
a:hover {
	color:#536987;	
}