#gi{
    color: #333;
    font: normal normal 12px/1.5 Verdana, Helvetica, Arial, sans-serif;
	width:940px;
	margin:0 auto;
	position: relative;
}
#gi p{
	margin:10px 0;
}
#gi a{
	color:red;
	text-decoration: none;
}

.loggedin{
	display:none;
}
.notloggedin{
	display:black;
}
.gi-section{
	padding:40px 0;
	float:left;
	width:700px;
	margin:0 auto;	
	margin-left: 80px;
}
#gi .gi-section:first-child{
	border-bottom:1px solid #ececec;
}
.gi-dropcap{
	font-family: "PrattHeavy",sans-serif;
	font-size: 40px;
	float: left;
	margin: 0 6px 0px 0;
	line-height: 1;
}
#gi h4{
	font-family:"PrattHeavy",sans-serif;
	text-transform: uppercase;
	margin:0;
	font-size:14px;
	font-weight:normal;
}
.gi-mug{
	height:143px;
	width:143px;
	position: relative;
}
.gi-mug img{
	position: absolute;
	top:0;
	width:100%;
	height:100%;
	left:0;
}
.gi-teaser{

}
.gi-content{
	display:none;
}
a.gi-moreless{
	display:block;
	float:left;
	clear:both;
	padding:3px 8px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#ececec;
	text-transform: uppercase;
	color:#333 !important;
	font-family:"PrattHeavy",Georgia,Helvetica,sans-serif;
	margin:10px 0;
}
.misspelled{
	border-bottom:0px solid white !important;
}
/* - Sidebar area - */
.gi-side{
	float:left;
	width:150px;
	margin-right:20px;
}
.gi-side .gi-mug{
	margin-bottom:20px;
}
.gi-side ul li{
	list-style-type:none;
	margin:10px 0;
	padding:0;
}
.gi-side a{
	color:black;
	font-family:Arial,sans-serif;
	font-weight:bold;
	text-decoration: none;
	text-transform: uppercase;
}
/* - Text area - */
.gi-text{
	float:left;
	margin-left:0;
	width:530px;
	line-height:1.8;
}
#gi h3{
	font-family: PrattHeavy,sans-serif;
	font-size:18px;
	margin:0;
	font-weight:normal;
}
.gi-section .gi-byline{
	font-family:"PrattHeavy",sans-serif;
	text-transform: uppercase;
	color:red;
	margin:0 0 10px 0;
	font-size:14px;
}
#gi .gi-byline span {
color: #5b5b5b !important;
}
/* - Reaction area - */
#gi-reaction-section{
	padding:20px 0;
	float:left;
	width:100%;
}
#gi-reaction-section hr{
	padding:0 20px;
	border:1px solid #ececec;
	width:100%;
}
#nowyoursay{
	padding:10px;
	background-color:white;
	width:100%;
	text-align: center;
	margin:0 auto !important;
	margin-top:-27px !important;
	color:red;
}
#gi-reaction-container{
	background-color:#f7f7f7;
	padding:20px;
	float: left;
	width: 100%;
}
#gi-reaction{
	width:600px;
	margin:0 auto;
}
#gi-reaction #gi-whowon h4{
	text-align: center;
}
#gi-reaction .gi-option{
	float:left;
	padding:10px;
	width:98px;
}
#gi-reaction .gi-mug{
	width:98px;
	height:98px;
}
#gi-reaction .gi-mug img{
	width:100%;
	height:100%;
}
#gi-whowon,#gi-comment{
	float:left;
}
#gi-whowon{
	width:238px;
	padding-right:20px;
}
#gi-whowon .notloggedin{
	text-align:center;
}
#gi-whowon .gi-byline,#gi-whowon .gi-percent{
	font-size:11px;
	text-transform: uppercase;
	width:60%;
	margin:0 auto;
	margin-top:5px;
	text-align: center;
}
#gi-whowon .gi-percent{
	font-weight:bold;
}
#gi-whowon .gi-checkmark{
	margin:0 auto;
	display:block;
	margin-top:5px;
}
#gi-whowon .gi-percent, #gi-whowon .gi-checkmark{
	display:none;
}
#gi-whowon .notloggedin{
	display:none;
}
/* - Comment area - */
#gi-comment{
	width:310px;
	padding-left:20px;
	border-left:1px solid #e6e6e6;
}
#gi-comment input{
	border:1px solid #e6e6e6;
	border-radius:3px;
	outline:none;
	padding:10px;
	font-size:12px;
	font-family:Arial,sans-serif;
	width:280px;
	margin-bottom:15px;
}
#gi-comment textarea{
	font-family:Arial,sans-serif;
	font-size:12px;
	border:1px solid #e6e6e6;
	width:280px;
	height:90px;
	resize:none;
	border-radius:3px;
	outline:none;
	padding:10px;
}
#gi-comment .notloggedin{
	padding:10px 0;
}
/* Registration */
.comment-info .login-info h5 {
font: normal normal 16px/1.5 Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
padding-bottom: 10px;
}
a.red-button {
float: left;
padding: 5px 15px 8px;
text-align: center;
text-decoration: none;
font: normal 12px/1.2 "PrattHeavy", Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: -moz-linear-gradient(top, #515151 0%, #2e2e2e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #515151), color-stop(100%, #2e2e2e));
background: -webkit-linear-gradient(top, #515151 0%, #2e2e2e 100%);
background: -o-linear-gradient(top, #515151 0%, #2e2e2e 100%);
background: -ms-linear-gradient(top, #515151 0%, #2e2e2e 100%);
background: linear-gradient(top, #515151 0%, #2e2e2e 100%);
color: white !important;
background-color: #2e2e2e;
border: 1px solid black;
}
a.login.red-button {
float: left;
margin-right: 10px;
}
.gi-readmore{
	display:none;
}
#gi-social{
	padding-top:15px;
}
/* Smartphones -------------------------------*/
@media screen and (max-width: 480px) {
	#gi p, #gi,.gi-chart,.gi-section,#gi-reaction-container,#gi-reaction-section hr,#gi-reaction,#gi-comment{
		margin-left:0;
		width:100%;
		padding-left:0;
		padding-right:0;
	}
	.gi-section{
		padding:10px 0;
	}
	#gi-whowon{
		width:100%;
		padding:0;
		padding-bottom: 20px;
	}
	.gi-mug{
		clear:both;
		margin:0 auto 10px;
		width:100px;
		height:100px;
	}
	#gi h3,.gi-byline{
		text-align:center;
		margin-top:0;
		
	}
	.gi-side{
		width:100%;
		text-align:center;
	}
	.gi-text{
		margin-left:0;
		float:left;
		width:100%;
	}
	#gi-reaction .gi-option{
		padding: 10px 0;
		width: 50%;
	}
	#gi{
		font-family:Helvetica,Arial,sans-serif;
		font-size:16px;
	}
	.gi-dropcap{
		font-size:55px;
	}
	#gi h3{
		width:80%;
		font-size:22px;
		margin:0 auto;
		line-height:1.2;
	}
	.gi-readmore{
		display:block;
		margin:20px 0;
	}
	.gi-readmore-button{
		padding:10px 0;
		width:100%;
		background-color:#ececec;
		text-align: center;
		font-weight:bold;
		text-transform: uppercase;
		font-size:14px;
	}
	.gi-readmore-button a{
		color:#333 !important;
	}
	#gi-comment{
		padding-top:20px;
		width:80%;
		margin:0 auto;
		float:none;
		border-left:0px;
		text-align: center;
	}
}