/*
Theme Name: Design Revolution
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/***********************************************************
 Global Reset
************************************************************/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ul { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight: normal; }
q:before, q:after { content:'' }
a { text-decoration:none }
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative }
a img { border:none }
* { outline: none; }

/***********************************************************
 Let the games begin...
************************************************************/
body {
	background: #E4E2DB;
	font-family:  'Helvetica Neue',Helvetica,'Arial Narrow',Arial,sans-serif, georgia, verdana, arial, georgia, "times new roman", times, serif;
	font-size: 12px;
	line-height: 18px; font-style: normal;
	font-weight: 400;
	color: #444;
	margin: 15px auto;
}

div.clear {
	clear: both;
}

a {
	color: #C90068;
	text-decoration: none;
}

small {
	font-size: 11px;
	font-weight: 400;
	color: #999;
	line-height: 100%;
}

.left {float: left;}
.right {float: right;}

.alignleft {
	float: left;
	margin-right: 10px;
}

.alignright {
	float: right;
	margin-left: 10px;
}


/* 01 -  Structuring the layout
************************************************************/
div#page {
	background: #fff;
	width: 940px;
	margin: auto;
	padding: 0 20px;
	border-right: 1px solid #CAC8C2;
	border-bottom: 1px solid #CAC8C2;
}

div.col-288 {
	width: 300px;
}

div.col-700 {
	width: 620px;
	margin: 0;
}

/* 02 -  Header
************************************************************/
div#header {
	
}
	div#header h1.logo {
		margin: 25px 0;
		float: left;
	}
		div#header h1.logo a {
			width: 293px;
			height: 59px;
			display: block;
			background: url(images/logo.png) no-repeat;
			text-indent: -999em;
		}
	div#header ul.follow-us{
		margin: 20px 0px 0px 0px;
		float:right;
		width:240px;
	}
	
	div#header ul.follow-us li{
		border-bottom:1px solid #ccc;
		display:block;
		float:left;
		List-style-type:none;
		width:120px;
		padding:2px 0px;
	}
	
	div#header ul.follow-us li a{
		text-decoration:none;
		padding-left: 25px;
		color: #444;
	}
	
	a.twitter { background: url(images/twitter.gif) no-repeat 3px center;}
	a.linkedin { background: url(images/linkedin.gif) no-repeat 3px center;}
	a.facebook { background: url(images/facebook.gif) no-repeat 3px center;}
	a.flickr { background: url(images/flickr.gif) no-repeat 3px center;}
	a.rss { background: url(images/rss.gif) no-repeat 3px center;}
	a.projecthdesign { background: url(images/projecthdesign.gif) no-repeat 3px center;}
	

/************************************************************/
div.navigation {
	margin-bottom: 0;
	background: #000;
	width: 100%;
}

ul#nav {
	background: #000;
}
	ul#nav li {
		display: inline;
		float: left;
	}
	ul#nav li a {
		color: #fff;
		background: #000;
		font-size: 14px;
		text-decoration: none;
		letter-spacing: 1px;
		border-right: 1px solid #fff;
		padding: 6px 20px;
		display: inline-block;
		text-transform: uppercase;
		font-size: 11px;
	}
		
		ul#nav li a:hover {
			background: #F13797;
		}
		
		ul#nav li.current_page_item a, ul#nav li.current_page_ancestor a, .single ul#nav li.page-item-13 a, .archive ul#nav li.page-item-13 a, .category ul#nav li.page-item-13 a {
			background: #C90068;
		}

div.sub-navigation {
	width: 100%;
	margin-top: 0px;
	font-family: arial;
	background: #C90068;
}
ul#subnav {
	background: #C90068;
	padding: 6px 0;
}
	ul#subnav li {
		display: inline;
		font-size: 14px;
	}
	ul#subnav li a {
		color: #fff;
		margin: 0 15px;
		text-decoration: none;
		font-size: 11px;
	}
		ul#subnav li a:hover {
			text-decoration: underline;
		}
		
		ul#subnav li.current_page_item a {
			font-weight: 700;
			text-decoration: underline;
		}
		
		
/* 03 -  Content
************************************************************/
div#content {
	margin-top: 20px;
}

div.post {
	padding-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 20px;
}

h2.pagetitle {
	margin: 10px 0;
	color: #C90068;
	font-size: 2em;
	font-weight: 400;
}

h2.posttitle, h3.posttitle {
	margin: 5px 0;
	font-size: 2em;
	color: #C90068;
}

h2.posttitle a, h3.posttitle a {
	text-decoration: none;
}

h3.posttitle {
	font-size: 1.5em;
}

div.entry h3 {
	color: #C90068;
	font-size: 1.4em;
	letter-spacing: 1px;
	line-height: 130%;
	margin: 0 0 1em 0;
}

.pad10_t {
	padding-top: 10px;
}

div.entry p {
	margin: 1.5em 0;
}

.entry blockquote { width: 230px; font-style: normal !important; font-size: 1.1em !important; margin: 5px 15px 5px 0 !important; padding: 0.5em !important; background: #eee; text-align: center; float: left; }
.entry blockquote.right { width: 230px; font-style: normal !important; font-size: 1.3em !important; margin: 5px 0 5px 15px !important; padding: 0.5em !important; background: #eee; border-width: 3px 0; text-align: center; float: right; }

.entry ul, .entry ol { margin: 15px 0 15px 40px; }
.entry ul { list-style: disc; }

.entry li { margin: 0 0 5px 0; }
.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 5px 0 5px 30px; }

.entry dl { margin: 0 0 15px 0; }
	.entry dt { font-weight: bold; }
	.entry dd { margin: 0 0 15px 20px; }
	.entry .gallery dd { margin: 0; }

.entry .ad { margin: 0 0 15px 15px; float: right; }

.entry .ad_left { margin: 0 15px 15px 0; float: left; }

.entry a img { border: 0; }

.entry img.left { padding: 3px; margin: 5px 15px 5px 0; border: 3px double #bbb; float: left; clear: left; }

.entry img.right { padding: 3px; margin: 5px 0 5px 15px; border: 3px double #bbb; float: right; clear: right; }

.entry img.center { display: block; padding: 3px; margin: 0 auto 15px auto; border: 3px double #bbb; float: none; clear: both; }

.entry img.off { padding: 0 !important; border: none !important; }

.entry img.stack { clear: none !important; }

.entry img.wp-smiley { padding: 0 !important; margin: 0 !important; border: none !important; float: none !important; clear: none !important; }

.entry img.centered, img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.entry img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

.entry img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.entry .alignright {
	float: right;
}

.entry .alignleft {
	float: left;
}

.entry .aligncenter, .entry div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.entry .wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.entry .wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.entry dd.wp-caption p.wp-caption-text, .entry .wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px 0;
	margin: 0;
}


div.recent-blog-posts h4 {
	font-size: 1.3em;
}



/* 04 -  COMMENTS
************************************************************/
/* Begin Comments*/
ol.commentlist {
	padding: 0;
	margin: 0;
	list-style-type: none;
}


.commentlist li {
	padding: 10px;
	border-bottom: 1px solid #eee;
}


.commentlist cite {
	font-weight: 700;
}
	.commentlist cite a {
		color: #8ea0a9;
		text-decoration: none;
	}
.commentlist p {
	text-align: justify;
	margin-bottom: 10px;
}

.commentlist li .commentmetadata {
	padding: 10px 0 0 0;
}
	
.commentmetadata {
	margin: 0 0 5px 0;
	font-size: .9em;
	color: #999;
}
	.commentmetadata .avatar {
		border: 1px solid #ccc;
		float: left;
		display: block;
		margin-right: 5px;
		padding: 1px;
		width: 16px;
		height: 16px;
	}

.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.children { padding: 0; }


/* RESPOND
------------------------- */
#respond {
	margin-top: 10px;
}
#compose-reply {
	padding: 10px 0; 
}

#compose-reply h3 {
	color:#2D646E;
	font-weight: 400;
	margin: 15px 0 10px 0;
	font-variant: small-caps;
}

#commentform {
	margin: 10px 0;
	background: #f8f8f8;
	padding: 10px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#commentform p {
	margin: 5px 0;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 0 1px 0;
	border: 1px solid #ccc;
	background: #fff;
}


#commentform textarea {
	margin: 5px 5px 1px 0;
	border: 1px solid #ccc;
	width: 98%;
	padding: 2px;
	background: #fff;
	font-family: arial;
}

#respond:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#commentform #submit {
	margin: 5px 0;
	background: #C90068;
	border: 1px solid #fff;
	color: #fff;
	padding: 3px 10px;
	font-size: 1em;
}

#commentform #submit:hover {
	border-color: #000;
}

/* End Comments */	



/* 04 -  Sidebar
************************************************************/
#sidebar p {
	margin: 1em 0
}

#sidebar ul {
	margin-bottom: 20px;
}

#sidebar ul li {
	margin: 0; padding: 0px 0px;
}

.widgettitle {
	background: #000;
	border-left: 8px solid #C90068;
	color: #fff;
	font-family: arial;
	padding: 4px 0 4px 8px;
	font-size: 12px;
	font-weight: 700;
	text-align: left;
}
	.widgettitle a {
		color: #fff;
	}

#sidebar ul li .item-list li {
	margin-left: 10px;
	padding: 5px 0px;
	border-bottom: 1px dotted #d8d8d8;
}
	#sidebar ul li .item-list li.last {
		border: none;
	}


#sidebar ul li#flickr_images {
	padding-top: 0;
}
#sidebar ul li#flickr_images a {
	display: block;
	float: left;	
	margin: 0 4px 4px 0;
}
	#sidebar ul li#flickr_images a img {
		width: 64px;
		height: 64px;
		padding: 2px;
		border: 1px dashed #ccc;		
	}
	
#sidebar ul li#tag_cloud {
	text-align: center;	
}

#sidebar ul li#tag_cloud .widgettitle {
	text-align: left;
}
/* 05 -  Footer
************************************************************/
div#footer {
	margin-top: 30px;
}

div#footer .container {
	padding: 10px 0;
	border-top: 1px solid #E4E2DB;
	text-align: center;
	color: #999;
}




	ul.footerlinks {
		float: right;
		margin-right: 42px;
		width: 249px;
		display: inline;
	}
		ul.footerlinks li {
			display: inline;
			margin-right: 35px;
		}
			ul.footerlinks li a {
				text-decoration: none;
				font-weight: 400;
				font-size: 11px;
			}

			
			
/* 05 -  Itinerary
************************************************************/
.bubbleInfo {
	position: relative;
}
.trigger {
	position: absolute;
}

/* Bubble pop-up */

.popup { 
	display: none;
	z-index: 50;
	position: absolute;
	width:170px;
	background: url(images/over-bottom.png) no-repeat bottom center;
	padding-bottom:20px;
}

.popup p{
	font-size: 12px;
	line-height: 1.2em;
	color: #666;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	}

.popup-content {
	background: url(images/over-top.png) no-repeat top center; 
	padding:10px 10px 10px 20px;
}


			
/* 05 -  Itinerary
************************************************************/
.boxgrid{ 
	width: 150px; 
	height: 160px; 
	1margin:2px; 
	border: solid 1px #d8d8d8; 
	float:left; 
	background:#161613; 
	overflow: hidden;
	position: relative; 
}
	.boxgrid img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
	}
	
	
.boxcaption{ 
	float: left;
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
	.captionfull .boxcaption {
		top: 160;
		left: 0;
	}
	.caption .boxcaption {
		top: 220;
		left: 0;
	}
	
	.boxgrid .cover {
		top: 160px;
		padding: 5px 10px;
		width: 140px;
	}
	
	.boxgrid .cover h3 {
		font-size: 1em;
		font-weight: 700;
	}
	.boxgrid .cover p {
		margin: .5em 0;
		color: #fff;
		font-size: .9em;
	}
	
	
	
	.frmsubscribe {
		margin: 10px 0;
	}
		.frmsubscribe table tr {
			vertical-align: center;
		}
	.frmsubscribe .tbstyle {
		width: 180px;
		border: 1px solid #999;
		-moz-border-radius: 4px;
		-khtml-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		padding: 2px;
	}
	
	.frmsubscribe .btnstyle {
		background: url(images/get_updates.png) no-repeat;
		width: 100px;
		height: 24px;
		text-indent: -999em;
		border: none;
		margin: 0; padding: 0;
	}
	
/* START OF MAP 
************************************************************/

ul#world {position:relative; width:620px; height:390px; background:url(images/routemap8.png) no-repeat; text-align:left; margin:0px; padding:0px;}

ul.map li {list-style-type:none; margin:0; padding:0;}
ul.map div.link {list-style:none; display:inline;}
ul.map div.popup {position:absolute; left:-9999px; width:200px; padding:4px 4px 4px 9px; background: url('images/arrow.gif') no-repeat 0 26px;}
ul.map div.popup div.popup-content {padding:10px; background:#3f3f3f; -moz-border-radius:8px; border-radius:8px; z-index:11; font-size:0.9em; color:#FFF;}
ul.map div.popup div.popup-content strong {padding-bottom:5px;}
ul.map div.popup img {position:relative; float:right; border:#000 1px solid; margin:2px;}

ul.map a.location {display:block; text-indent:-9999px; width:10px; height:10px; outline:none; z-index:10; text-decoration:none; border:0px solid #000;}

/* START OF CSS FOR MAP POINTS */
ul.map li.maplink{position:absolute;}

/* END OF MAP 
************************************************************/



/* START OF Home Page Slide Show 
************************************************************/
/* container for slides */
.slider {
	position:relative;	
	margin:0;
	padding:0;
	float:left;	
	cursor:pointer;
	width:620px;
	height:380px;
}

/* single slide */
.slider li {
	display:none;
	position:absolute;
	margin:0;
	padding:0;
	top:0;
	left:0;		
	font-size:12px;
	list-style-type:none;
}

/* header */
.slider li h3 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 20px 0;
	color:#C90068;
}

.slider li  img {
	float:left;
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

/* tabs (those little circles below slides) */
.tabs {
	clear:both;
	margin:0;
}

/* single tab */
.tabs a {
	width:8px;
	height:8px;
	float:left;
	margin:10px 5px 10px 0px;
	background:url('images/navigator.png') 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.tabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.tabs a.current {
	background-position:0 -16px;     
} 	

/* END OF Home Page Slide Show 
************************************************************/

/* Contact Form 7
************************************************************/
.wpcf7 input, .wpcf7 select, .wpcf7 textarea{
	padding: 4px;
	border:1px solid #ccc;
}

.wpcf7 input#submit {
	
}

/************************************************************/