*{ padding: 0; margin: 0; }

body{	

	border:0;

	padding:0;

	margin:0;

	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 

	font-size:12px; 

	color:#555555;

	background: #ffffff;

}





a:link {color:#555555; outline: invert; text-decoration: none; }     /* unvisited link */

a:visited {color:#555555; outline: invert; text-decoration: none;}  /* visited link */

a:hover {color:#555555; text-decoration: underline;}   /* mouse over link */

a:active {color: #555555; text-decoration: underline;}



/* =layout

-------------------------------------------*/

			

			#container {

	min-width:1005px;

	min-height: 100%; /* the container div will stretch the full viewport in all browsers */

	margin: 0;

	padding: 0;

		 margin-left: auto;

    margin-right: auto;

}



			#styleswi {

width:24px; height:5px; float:right; font-size:1px; margin-right:30px;  border: 1px solid #000;



	}



			#whitestyle {

	width:50%;  

	height:100%;

	background:#000; 

	float:left;

}



			#blackstyle {

	width:50%;  

	height:100%;

	background:#fff; 

	float:left;

}





	* html #container{

	min-width:990px;

}

	

		#vertical{	

		width: 100%;  

	border:0;

	padding:0;

	 margin-left: auto;

    margin-right: auto;

}

	

	

	#vertical2{	

	width: 900px; 

	border:0;

	padding:0;

	 margin-left: auto;

    margin-right: auto;

}



	#vertical3{	

	width: 900px; 

	border:0;

	padding:0;

 margin-left: auto;

    margin-right: auto;

}



#vertical4{

	width: 37px;

	margin-top: 45px;

		

	float: left;

	position:fixed;

	top: 10px;

left: 10px;

line-height: 22px;

  z-index:300;

}



	* html #vertical4 {

	margin-left: 5px; 

}



	#icon1{	

background: url(http://www.blursurfing.com/graphics/icon1.gif)  bottom no-repeat;

display:block;

height:100%;

text-decoration:none;

cursor: pointer;

width: 24px;

}

	

		#icon2{	

		width: 24px;

background: url(http://www.blursurfing.com/graphics/icon2.gif)  bottom no-repeat;

display:block;

width:100%;

height:100%;

text-decoration:none;

cursor: pointer;

padding-top:3px;

}



		#icon3{	

		width: 24px;

background: url(http://www.blursurfing.com/graphics/icon3.gif)  bottom no-repeat;

display:block;

width:100%;

height:100%;

text-decoration:none;

cursor: pointer;

padding-top:3px;

}







		#iconflickr {	

		width: 24px;

background: url(http://www.blursurfing.com/graphics/flickr.gif)  bottom no-repeat;

display:block;

width:100%;

height:100%;

text-decoration:none;

cursor: pointer;

padding-top:3px;

}



		#icon4{	

		width: 24px;

background: url(http://www.blursurfing.com/graphics/icon4.gif)  bottom no-repeat;

display:block;

width:100%;

height:100%;

text-decoration:none;

cursor: pointer;

padding-top:3px;

}



		#icon5{	

		width: 24px;

background: url(http://www.blursurfing.com/graphics/icon5.gif)  bottom no-repeat;

display:block;

width:100%;

height:100%;

text-decoration:none;

cursor: pointer;

padding-top:5px;

}



		#icon_vfxy{	

		width: 24px;

background: url(http://www.blursurfing.com/graphics/vfxy.gif)  bottom no-repeat;

display:block;

width:100%;

height:100%;

text-decoration:none;

cursor: pointer;

padding-top:5px;

}



		#icon6{	

		width: 24px;

background: url(http://www.blursurfing.com/graphics/icon6.gif)  bottom no-repeat;

display:block;

width:100%;

height:100%;

text-decoration:none;

cursor: pointer;

padding-top:5px;

}



		#icon8{	

		width: 24px;

background: url(http://www.blursurfing.com/graphics/icon8.gif)  bottom no-repeat;

display:block;

width:100%;

height:100%;

text-decoration:none;

cursor: pointer;

padding-top:5px;

}

	

			#icon_expand{	

		width: 24px;

background: url(http://www.blursurfing.com/graphics/icon_open3.gif)  bottom no-repeat;

display:block;

height:100%;

text-decoration:none;

cursor: pointer;

 margin-left: auto;

    margin-right: auto;

line-height: 21px;

}



			#icon_today{	

		width: 24px;

background: url(http://www.blursurfing.com/graphics/icon_today3.gif)  bottom no-repeat;

display:block;

height:100%;

text-decoration:none;

cursor: pointer;

 margin-left: auto;

    margin-right: auto;

line-height: 21px;

}



			#expand_rightleft{	

		width: 39px;

/* background: url(http://www.blursurfing.com/graphics/icon_open3.gif)  bottom no-repeat; */

display:block;

height:100%;

text-decoration:none;

cursor: pointer;

line-height: 15px;



}



			#expand_right{	

		width: 19px;

background: url(http://www.blursurfing.com/graphics/prev.gif)  bottom no-repeat; 

display:block;

height:100%;

text-decoration:none;

cursor: pointer;

line-height: 15px;

float:left;



}



			#expand_left{	

		width: 19px;

background: url(http://www.blursurfing.com/graphics/next.gif)  bottom no-repeat;

display:block;

height:100%;

text-decoration:none;

cursor: pointer;

line-height: 15px;

float:left;

padding-right: 1px;

}



		#icon_comment{	

		font-size:10px;

		color:#009900;

		width: 24px;

background: url(http://www.blursurfing.com/graphics/icon_comment.gif)  bottom no-repeat;

display:block;

width:100%;

height:100%;

text-decoration:none;

cursor: pointer;

padding-top:5px;

text-align:center;

}



#card{

	width: 901px; 

	padding:0;

 margin-left: auto;

    margin-right: auto;

	font-size: 1.1em;

	height: auto;

	position: relative;

}



#exif {

	top: 0px;

	left: 0px;

	position: absolute;

	width: 100%;

	z-index: 3;

	visibility: hidden;

	overflow: hidden;

background-color: #000000;

color:#FFFFFF;

}



#exif_2 {

font-family:Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif;

width:870px;

padding-top: 3px;

padding-bottom: 3px;

padding-left: 10px;

float: left;

font-size: 12px;

}

















#exif_close {

background: url(http://www.blursurfing.com/graphics/close.gif) no-repeat center; 

width:10px;

padding-top: 3px;

padding-bottom: 3px;

background-color: #000;

float: left;

cursor: pointer;

}

	

	#header {margin:0; padding: 0px; border-bottom: 1px solid #2A2F34; width: 790px;}

	

	#container h3 { width: 100%; height: 8px; line-height: 8px; padding: 0px; margin: 0px; position: relative; }

	#container h3 span { position: absolute; top: 1px;  font-size: 0.8em; font-weight: bold;}

	

	/*#container h2{padding: 5px;  }*/

	div.heading {margin: 0 0 0 0; padding: 0px;}





div.collapse{ width: 100%;  margin: 0px;}	

div.collapse2{ width: 100%;  margin: 0px 0;  background: top center no-repeat #ffffff; }	



div.collapse-container{ width: 100%; font-size: 14px; height: 100%; padding-top: 3px; padding-bottom: 3px;    background:#f5f5f5; text-align:left; border-bottom:1px solid #b1b1b1; }

div.collapse-container2{ width: 400px;  height: 100%; padding-left: 5px; padding-right: 20px; padding-bottom: 3px;}



div.collapse-container6{ width: 463px; height: 100%; padding-right:10px; text-align:right; padding-bottom: 3px;}



div.collapse-container7{ color:#990033; width: 143px; height: 100%; padding-right:10px; text-align: right;}

div.collapse-container7 a{ color:#990033; text-decoration: underline;}

div.collapse-container3 a{ color:#0000CC; text-decoration: underline;}

div.collapse-container3{ width: 730px;  height: 100%; padding-left: 2px; padding-right: 10px;}

div.collapse-container4{ width: 25px;  height: 100%; padding: 0px;}



#footer {margin-left: auto; margin-right: auto; width: 900px;  text-align: center; color:#CCCCCC; font-size: 10px; }

#motofooter {margin-left: auto; margin-right: auto; width: 900px;  text-align: center; color:#000000; font-size: 13px; line-height:20px; border-bottom: 1px solid #ccc;}

#footer2 {margin-left: auto; margin-right: auto; margin-top: -14px; width: 900px;  text-align: center; color:#333333; font-size: 12px; line-height:15px; border-top: 1px solid #333;}

#footsey {margin-left: auto; margin-right: auto; width: 900px;  text-align: center; color:#cccccc; font-size: 11px;}

#footer a{color:#CCCCCC;}

#motofooter a{ color:#000000;}

#footer a:hover{ color:#999999; text-decoration: none;}

/*

= SEND/SHARE FORM */



	#sideBar{

		position: absolute;

		width: auto;

		height: auto;

		top: 5px;

		right:0px;

	z-index: 4;

	overflow:hidden !important;

		

	}

	

	* html #sideBar {

	right:-50px; /* the container div will stretch the full viewport in all browsers */

}



	#sideBarContents{

	

	}



fieldset {

	border: 0 none;

}



#sideBarContentsInner {

	font: 100%/135% Tahoma, Arial, Helvetica, sans-serif;

	color: #333;

	position: absolute;

	right: 0px;

	top: 50px;

	width: 250px;

	height: auto;



}







#innermiddle {

	font: 100%/135% Tahoma, Arial, Helvetica, sans-serif;

	color: #333;

	width: 250px;

	height: auto;

	background: url(../graphics/cf-bg3.gif) repeat-y;

	padding-left:30px;

}





#sideBarContentsInner p {

	margin-top: 0;

}



#sideBarContentsInner p strong {

	margin-top: 33px;

	background: transparent;

	font-weight: bold;

}









#sideBarContentsInner h2 {

	height: 50px;

	text-indent: -999em;

	margin: 0;

}



#sideBarContentsInner form {

	margin: -12px 10px 0 0px;

}



#sideBarContentsInner legend {

	display: none;

}



#sideBarContentsInner label, #sideBarContentsInner span.check {

	display: block;

	font-size: 11px;

	margin-top: -15px;

	margin-bottom: 5px;

	position: static;

}



#sideBarContentsInner label.first {

	margin-top: 10px;

}



#sideBarContentsInner input {

	display: block;

	position: relative;

	top: -15px;

	left: 75px;



	width: 125px;

}



#sideBarContentsInner span.check input {

	top: 17px;

	width: 15px;

	left: 150px;

}



#sideBarContentsInner span {

	display: block;

	position: relative;

	width: 160px;

	left: 50px;

	top: -15px;

	font-size: 9px;

}



#sideBarContentsInner textarea {

	width: 200px;

	height: 100px;

	overflow:hidden;

}



#sideBarContentsInner input.button {

	width: 100px;

	position: static;

	float: right;

	cursor: pointer;

	border: 2px solid #fff;

	background: #525c75;

	color: #fff;

	font-size: 12px;

	height: 23px;

		margin-right: 30px;

}



















	* html #sideBarContentsInner input.button {

	margin-right: 15px; 

}



#innerbottom{

	height: 100px;

}



#socialbook{

width:100%;

padding-left: 5px;

padding-right: 5px;

padding-bottom: 5px;

padding-top: 15px;

line-height: 12px;

}





#closeshare{

font-size: 18px;

padding-top:20px;

margin-left:120px;

color: #fff;

}



#log {

	width: auto;

	font-size:10px;

}

 

#log_res {

	overflow: auto;

}

 

#log_res.ajax-loading {

	padding: 10px 0;

	background: url(http://www.blursurfing.com/graphics/spinner.gif) no-repeat center;

}



.preloadImage {

	background: url(http://www.blursurfing.com/graphics/blurback2.gif) no-repeat center;

}









.preloadImage{ 

	width: 900px; 

 margin-left: auto;

    margin-right: auto;

	border:1px solid #000; 

	z-index: 201;

	}

	

.soc_container {

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	width: 458px;

	border: 1px solid #bFbFbF;

	position:absolute;

	background-color:#FFFFFF;

	visibility:hidden;

	font-size:11px;

	line-height:18px;

}



.soc_container a{

	color: #aadd00;

	text-decoration:none;

}



.soc_left{

	width: 410px;

	padding:5px;

	float:left;

	visibility:hidden;

}



.soc_left img{

	width: 427px;

	height: 18px;

	float:left;

margin: 5px 0 0px 10px;

}

.soc_left a{

	color:#3E3F3E;

	text-decoration:none;

	line-height:18px;

	border-bottom:1px dotted #CECECE;

	margin: 5px 0 0px 15px;

	display:block;

}



#close{

	width:10px;

	height:10px;

	float:right;

	clear:both;

}

.close{

	width:10px;

	height:10px;

	float:right;

	clear:both;

}

.wait{

background-image:url(http://www.blursurfing.com/graphics/spinner.gif);

background-repeat:no-repeat;

background-position: center center;

}



/* .............................. */

/* Comments */

/* .............................. */





#comment-top {

  background: #e9e9e9;

	border-bottom:1px solid #b1b1b1;

	padding:2px;

	margin-bottom:25px;

	height:15px;

	 text-align: center;

	}    

		.thumbimg {

		float:right;

		padding:4px;

  		background:#f6f6f6;

		border:1px solid #c1c1c1;			

		margin:5px 0px 12px 20px;

		}

		

			a:hover img.thumbimg {

 		border:1px solid #D1D1D1;

		background:#FFFFFF;

		}





	#comments-left {

		clear:both;

		font-family:Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif;

		font-size:11px;

		color:#444444;

		font-size:11px;

		font-weight:normal;

  		line-height:145%;

  		text-align:justify;

		margin:20px 30px -15px 30px;



	}    



	#comments-right {



	margin-bottom:25px;

	}    

	

#comments {

    margin:0px auto;

	width:95%;

	text-align:left;

	}

	

#comments ul {

	list-style-type:none;

	margin:0px;

	padding:10px;

	}

	

#comments li {

	display:block;

	margin:0px;

	margin-bottom:10px;

	color:#444;

	text-decoration:none;

	padding:10px;

	border:1px solid #eee;

	}

	

#comments li a {

	color:#444;

	text-decoration:none;

	}

	

	

	#comments li.admin_comment{

	color:#009933;

	}

	

	

#comments li:hover {

	background:#f5f5f5;

	}

	

#comments li a:hover {

	background:#f5f5f5;

	}



#comment-middle {

    background:#fff;

	border-top:1px solid #eee;

	padding:5px;

	margin-top:25px;

	height:15px;

	} 



#addcomment {

    width:90%;

	text-align:left;

	padding:10px;

	margin:0px auto;

	border:1px solid #eee;

	background:#c0dfc2;

	}



.input {

    width:45%;

	font-size:10px;

	border:1px solid #eee;

	background-color:#fff;

	color:#666;

	padding:5px;

    }

	

#addcomment textarea {

	width:90%;

	height:50px;

	font-size:12px;

	border:1px solid #eee;

	background-color:#fff;

	color:#666;

	padding:5px;

	}



.comment-button {

    background:#fff;

	border:1px solid #aaa;

	color:#666;

	border-bottom:2px solid #aaa;

	border-right:2px solid #aaa;

	}

	



/* .............................. */

/* Pages */

/* .............................. */



#page {

	text-align:left;
	width: 79%;
	float:left;
	margin-bottom:25px;
	line-height:16px;
	}

	

	#pageleft {

		margin-right:2%;
		margin-left:1%;
		width:17%;
		float:left;

	}

	

	.page2 {



    background:#f5f5f5;

	border:1px solid #b1b1b1;

	padding-top:2px;

	padding-bottom:2px;	

	padding-right:2px;	

	padding-left:2px;	

	margin-bottom:10px;

	line-height:inherit;

	}



#page a {

    font-weight:bold;

	}

	

#page img {

	

    padding:5px;

	border:1px solid #b1b1b1;

	}



.column{

	width:48%;

	text-align:left;

	vertical-align:top;

	padding:5px;

	}

	

.thumbnails {

	border:1px solid #f5f5f5;

	padding:3px;

	margin:3px;

	background:#f5f5f5;

	}

	

/* CLOUD TAG SUPPORT */

.tags00 {font-size: 9px !important; color:#999 !important;}

.tags01 {font-size: 10px !important; color:#999 !important;}

.tags02 {font-size: 12px !important; color:#666 !important;}

.tags03 {font-size: 14px !important; color:#666 !important;}

.tags04 {font-size: 15px !important; color:#666 !important;}

.tags05 {font-size: 16px !important; color:#666 !important;}

.tags06 {font-size: 18px !important; color:#666 !important;}

.tags07 {font-size: 20px !important; color:#666 !important;}

.tags08 {font-size: 22px !important; color:#666 !important;}

.tags09 {font-size: 24px !important; color:#5e5e5e !important;}

.tags10 {font-size: 26px !important; color:#5e5e5e !important;}



/* .............................. */

/* Navigation and menu */

/* .............................. */



#navigation {

    background:#f5f5f5;

	border-bottom:1px solid #b1b1b1;

	padding:5px;

	height:15px;

	margin-bottom:20px;

	}

	

	#page_contact {

    background:#f5f5f5;

	border:1px solid #b1b1b1;

	padding:20px;

	text-align:left;

	width:65%;

	margin:0px auto;

	margin-bottom:25px;

	line-height:16px;

	}



.menu {

    float:right;

	clear:right;

	text-align:right;

	font-size:11px;

	}

	

.menu a {

	padding:7px;

	padding-left:10px;

	padding-right:10px;

	}

		

.menu a:hover {

	text-decoration:none;

	color:#111;

	}

	

	/* .............................. */

/* About Page */

/* .............................. */



	#page_about {

    background:#f5f5f5;

	border:1px solid #b1b1b1;

	text-align:left;

	width:65%;

	margin:0px auto;

	margin-bottom:25px;

	min-width:900px;

	line-height:16px;



	}

	

	#about_me {

    background:#f5f5f5;

	text-align:left;

	width:60%;

	padding:13px;

		float:left;

	line-height:16px;

	height:auto;

	}

	

		#gear {

    background:#f5f5f5;

	border-left:1px solid #b1b1b1;

	text-align:left;

	width:34%;

		padding:13px;

		float:left;

	line-height:16px;

	}

	

			#gear ul{

		padding-left:20px;

		

	}

	

	/* .............................. */

/* Download */

/* .............................. */



	#page_downloads {

    background:#f5f5f5;

	border:1px solid #b1b1b1;

	text-align:left;

	width:65%;

	margin:0px auto;

	margin-bottom:25px;

	min-width:900px;

	line-height:16px;



	}

	

			#down_img {

    background:#f5f5f5;

	text-align:left;

	width:24%;

		padding:13px;

		float:left;

	line-height:16px;

	}

	

	#down_img img {

	border:1px solid #b1b1b1;

	}



	#downloads {

    background:#f5f5f5;

	text-align:left;

	width:70%;

	padding:13px;

		float:left;

	line-height:16px;

	height:auto;

	}

	

		#downloads a{

		color:#0000CC;

	}