@charset "UTF-8";
/* CSS Document */

body{
	margin:0;
	background:#bfbfbf url(../images/layout_elements/shadowMain.png) repeat-y center;
	top:41px;
	}
#mainwrapper{
	width:992px;
	margin:auto;
	}
	#shadow{
		position:relative;
		width:992px;
		height:12px;
		margin:auto;
		background:#bfbfbf url(../images/layout_elements/shadowTop.png) center no-repeat;
		background-position: 0px 0px;
		z-index:1;
		padding-top:15px;
		}
		#baseTop{
			width:960px;
			height:13px;
			float:center;
			background:url(../images/layout_elements/baseTop.png) no-repeat top center;
			margin:auto
			}
	#wrapper{
		position:relative;
		width:960px;
		/*height:100px;*/
		background:#FFF;
		margin:auto;
		z-index:9;
		overflow:auto;
		}
		#logo{
			width:960px;
			height:66px;
			float:left;
			background:#FFF url(../images/layout_elements/logo.jpg) no-repeat right;
			}
		#userspanel{
			position:relative;
			float:left;
			width:960px;
			height:30px;
			background:url(../images/layout_elements/user_background.jpg) no-repeat;
			}
			#smallimage{position:relative; float:right; width:25px; height:25px; margin-right:10px; margin-top:3px;}
			#smallimage img{width:25px; height:25px;}
		#banner{
			float:left;
			width:960px;
			}
		#menuwrap{
			float:left;
			width:960px;
			height:29px;
			background:url(../images/layout_elements/menu_background.jpg);
			padding-top:2px;
			padding-left:0px;
			padding-right:0px;
			padding-bottom:1px;
			}
			#menu{
				float:left;
				}
				#menu a{
					float:left;
					font-family:Arial, Helvetica, sans-serif;
					font-size:15px;
					color:#4d4f63;
					text-decoration:none;
					font-weight:lighter;
					margin-right:20px;
					/*margin-left:20px;/* to test if it is possible to center the dropdown menu*/
					}
					#menu a:hover{
						color:#ffffff;
						}
			/*
			#login {
			   color:#ff8201;
			}
			#login a {
			   color:#ff8201;
				 text-decoration:none;
			}
			*/
			a:hover{
				text-decoration:underline;
			}
						
			#rightmenu{
				float:right;
				right:0px;
				margin-right:28px;
				color:#ffffff;
				margin-top:7px;
				}
				#rightmenu a{
					font-family:Arial, Helvetica, sans-serif;
					font-size:15px;
					color:#ffffff;
					text-decoration:none;
					font-weight:lighter;
					}
					#rightmenu a:hover{
						color:#4d4f63;
						}
				
		#content{
			padding-top:25px;
			padding-left:15px;
			padding-right:15px;
			width:930px;
			overflow:auto;
			background:#FFF;
			background:#FFF url(../images/layout_elements/content_bg2.jpg) top;
			background-repeat:repeat-x;
			min-height:320px; /* 320px; */
			}
			
		#content_short{
			padding-top:25px;
			padding-left:15px;
			padding-right:15px;
			width:930px;
			overflow:auto;
			background:#FFF;
			background:#FFF url(../images/layout_elements/content_bg2_short.jpg) top;
			background-repeat:repeat-x;
			min-height:320px; /* 320px; */
			}
			
			
			#column1{
				float:left;
				width:257px;
				overflow:auto;
				margin-right:27px;
				}
				#searchbox_top{
					width:257px;
					height:10px;
					background:url(../images/layout_elements/searchboxTop.png);
					}
				#searchbox_content{
					width:257px;
					/*overflow:auto;*/
					background:url(../images/layout_elements/searchboxBg.png);
					/*overflow:visible;*/
					}
				#searchbox_bottom{
					width:257px;
					height:10px;
					background:url(../images/layout_elements/searchboxBottom.png);
					margin-bottom:23px;
					}
					.helpabsolute{
						top:332px;
						left:212px;
						position:absolute;
						}
				#c1bluebox_top_shadow{
					width:257px;
					height:17px;
					background:url(../images/layout_elements/column_1_box_top_shadow.png) no-repeat;
					}
					#c1bluebox_top{
						width:257px;
						height:17px;
						background:url(../images/layout_elements/column_1_box_top.png) no-repeat;
						}
				#c1bluebox_shadow{
					width:257px;
					background:url(../images/layout_elements/column_1_box_bg_shadow.png) repeat-y;
					}
					#c1bluebox{
						width:227px;
						padding-left:15px;
						padding-right:15px;
						background:url(../images/layout_elements/column_1_box_bg.png) repeat-y;
						}
				#c1bluebox_bottom_shadow{
					width:257px;
					height:17px;
					background:url(../images/layout_elements/column_1_box_bottom_shadow.png) no-repeat;
					margin-bottom:15px;
					}
					#c1bluebox_bottom{
						width:257px;
						height:17px;
						background:url(../images/layout_elements/column_1_box_bottom.png) no-repeat;
						}
				#developperswelcome{
					width:257px;
					margin-bottom:35px;

					}

			#column_sandbox {
				float:left;
				width:600px;
				overflow:visible;
				margin-right:10px;
				}
			#journalstofollow_sandbox {
					position:relative;
					width:500;
					padding: 0px 15px 0px 15px;
					}
			#column2{
				float:left;
				width:399px;
				overflow:visible;
				margin-right:27px;
				}
				#middlebox1{
					width:366px;
					padding: 0px 10px 0px 10px;
					margin:auto;
					overflow:auto;
					background:#000;
					}
					#middlebox1shadow{
						float:left;
						width:399px;
						background:url(../images/layout_elements/midlayerBgshadow.png) repeat-y;
						}
				#middlebox2{
					width:386px;
					padding: 0px 00px 0px 00px;
					margin:auto;
					overflow:visible;
					/*background:url(../images/layout_elements/midlayerBottom.png) no-repeat;*/
					}
					#middlebox2shadow{
						float:left;
						width:399px;
						height:18px;
						background:url(../images/layout_elements/midlayerbottomBgshadow.png) no-repeat;
						margin-bottom:15px;
						}
				#journalstofollow{
					position:relative;
					width:369;
					padding: 0px 15px 0px 15px;
					}
				#mostfollowedbox_top{
					position:relative;
					width:399px;
					height:10px;
					/* background:url(../images/layout_elements/orange_outlinebox_top.jpg) no-repeat; */
					}
				#mostfollowedbox_middle{
					position:relative;
					width:399px;
					/* background:url(../images/layout_elements/orange_outlinebox_bg.jpg) repeat-y; */
					overflow:auto;
					}
					#mostfollowed_title{
						position:relative;
						width:365px;
						padding:5px 0px 5px 0px;
						margin-bottom:5px;
						margin-left:17px;
						margin-right:17px;
						}
					#mostfollowed_col1{
						position:relative;
						float:left;
						width:175px;
						margin-left:17px;
						margin-right:15px;
						/*background:#F00;*/
						}
					#mostfollowed_col2{
						position:relative;
						float:left;
						width:175px;
						margin-right:15px;
						/*background:#F00;*/
						}
				#mostfollowedbox_bottom{
					width:399px;
					height:10px;
					/* background:url(../images/layout_elements/orange_outlinebox_bottom.jpg) no-repeat; */
					margin-bottom:15px;
					}
									
						
						
						
						
			#column3{
				float:left;
				width:219px;
				overflow:auto;
				/*background:#F00;*/
				}
				#c3whitebox_top_shadow{
					width:219px;
					height:16px;
					background:url(../images/layout_elements/white_sidebox_top_shadow.png) no-repeat;
					}
					#c3whitebox_top{
						width:219px;
						height:16px;
						background:url(../images/layout_elements/white_sidebox_top.png) no-repeat;
						}
				#c3whitebox_shadow{
					width:219px;
					background:url(../images/layout_elements/white_sidebox_shadow.png) repeat-y;
					}
					#c3whitebox{
						width:189px;
						padding-left:15px;
						padding-right:15px;
						background:url(../images/layout_elements/white_sidebox_bg.png) repeat-y;
						}
				#c3whitebox_bottom_shadow{
					width:219px;
					height:19px;
					background:url(../images/layout_elements/white_sidebox_bottom_shadow.png) no-repeat;
					margin-bottom:15px;
					}
					#c3whitebox_bottom{
						width:219px;
						height:19px;
						background:url(../images/layout_elements/white_sidebox_bottom.png) no-repeat;
						}

				#realtime_top_shadow{
					width:257px;
					height:17px;
					background:url(../images/layout_elements/column_1_box_top_shadow.png) no-repeat;
					}
					#realtime_top{
						width:257px;
						height:17px;
						background:url(../images/layout_elements/column_1_box_top.png) no-repeat;
						}
				#realtime_shadow{
					width:257px;
					background:url(../images/layout_elements/column_1_box_bg_shadow.png) repeat-y;
					}
					#realtime{
						width:227px;
						padding-left:15px;
						padding-right:15px;
						background:url(../images/layout_elements/column_1_box_bg.png) repeat-y;
						}
				#realtime_bottom_shadow{
					width:257px;
					height:17px;
					background:url(../images/layout_elements/column_1_box_bottom_shadow.png) no-repeat;
					margin-bottom:15px;
					}
					#realtime_bottom{
						width:257px;
						height:17px;
						background:url(../images/layout_elements/column_1_box_bottom.png) no-repeat;
						}
				
				
				
				
				
				
				
				
				
				
		#magazines{
			position:relative;
			width:926px;
			float:left;
			padding:0px 0px 0px 34px;
			background:#cad2e3;
			overflow:auto;
			}
			#magazinestitle{
				position:relative;
				width:926px;
				margin:12px 0px 32px 0px;
				}
			#magimage{
				position:relative;
				float:left;
				width:74px;
				margin-right:16px;
				margin-bottom:12px;
				}
			#magimage img{
				width:74px;
				haight:102px;
				border:0px;
				}
			#magdescription{
				position:relative;
				float:left;
				width:177px;
				margin-right:30px;
				margin-bottom:12px;
				}
		#grayFooter{
			width:960px;
			height:100%;
			background-color:#6b6b6b;
			overflow:auto;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#FFF;
			padding-bottom:32px;
			}
			#grayFooter h3{
				width:960px;
				text-align:center;
				font-family:Arial, Helvetica, sans-serif;
				font-size:10px;
				color:#FFF;
				text-transform:uppercase;
				margin-bottom:5px;
				}
				#grayFooter h3 a{color:#FFF; text-decoration:none;}
				#grayFooter h3 a:hover{color:#FFF; text-decoration:underline;}