/*
Theme Name: Gosh PR
Theme URI: http://www.goshpr.co.uk/
Description: Designed by <a href="http://www.thetin.net" title="thetin Ltd">thetin Ltd</a>,
based on the Theme Relaxation.
Website version: 0.2.
Author: thetin.
*/

@import "css/reset.css";
@import "css/typography.css";

body {
	background-color:#cccccc;
	color:#5a5a5a;
	text-align:center;
	position:relative;
	height:100%;
	width:100%;
	
}

a:link,
a:visited{
	color:#55298a;
	text-decoration:none;
	
}
a:hover{
	color:#9881b9;
	text-decoration:none;
}

#wrapper{
	width:990px;
	position:relative;
	background-color:#fff;
	text-align:left;
	margin:0 auto;
	padding:0 0 20px 0;
	background:#fff no-repeat url('images/bgGrid1.gif') 0% 0%;
	
	
}
	/*#header,*/
	#container,
	#navigation
	{
		width:956px;
		position:relative;
		margin:0;
		padding:0 20px;
	}

	/*-----
	 HEADING STYLE--------*/
	
	#header{
		/*width:956px;*/
		width:970px;
		height:140px;
		clear:both;
		position:relative;
		float:left;
		padding:0 0 0 20px;
		margin:0;
	}
	#header h1#mainLogo{
		width:267px;
		height:103px;
		position:relative;
		float:left;
		margin:0;
		padding;0;
		clear:left;
		
	}
	#header h1#mainLogo a{
		width:267px;
		height:103px;
		text-indent:-9999em;
		background: no-repeat url('images/goshpr_logo.gif') 0% 0%;
		margin:17px 0 0 0;
		padding:0;
		position:relative;
		float:left;
		overflow:hidden;
	}
	#header p#goshDigit{
		/*width:139px;
		height:35px;*/
		width:173px;
		height:35px;
		padding:0;
		margin:0;
		margin:72px 0 0 200px;
		position:relative;
		float:left;
		}
	#header p#goshDigit a{
		width:173px;
		height:35px;
		padding:0;
		margin:0;
		position:relative;
		float:left;
		background:no-repeat url('images/goshpr_goshDigitBtn.gif') 0% 0%;
		text-indent:-9999em;
		overflow:hidden;
		/*width:139px;
		height:35px;
		padding:0;
		margin:72px 0 0 234px;
		margin:0;
		position:relative;
		float:left;
		background:no-repeat url('images/goshpr_goshDigitBtn.gif') 0% 0%;
		text-indent:-9999em;
		overflow:hidden;*/
	}
	#header p#goshDigit a:hover{
		background:no-repeat url('images/goshpr_goshDigitBtn.gif') 0% 100%;
	}
	
	#header p#chat{
		width:300px;
		height:140px;
		margin:0;
		padding:0;
		float:right;
		text-align:justify;
		background:no-repeat url('images/goshpr_chatBg.gif') 0% 0%;
	}
	
	#header p#chat a{
		width:156px;
		height:70px;
		position:relative;
		float:left;
		padding:0;
		margin:14px 0 0 97px;
		background:#e0e0e0 no-repeat url('images/goshpr_fancy_a_chat.gif') 0% 0%;
		text-indent:-9999em;
		overflow:hidden;
	}
	/*-----
	 HEADING GOSH DIGITAL STYLE
	--------*/
	#header h1#goshPrLogo{
		/*width:87px !important;*/
		width:125px !important;
		height:34px;
		position:relative;
		float:left;
		margin:86px 0 0 0;
		padding;0;
		clear:left;
		
	}
	#header h1#goshPrLogo a{
		width:125px;
		height:34px;
		text-indent:-9999em;
		background: no-repeat url('images/digital/goshPRdigital_Logo.gif') 0% 0%;
		margin:0;
		padding:0;
		position:relative;
		float:left;
		overflow:hidden;
	}
	#header h1#goshPrLogo a:hover{background: no-repeat url('images/digital/goshPRdigital_Logo.gif') 0% 100%;
		
	}
	#header p#goshDigital{
		width:419px;
		height:103px;
		padding:0;
		margin:17px 0 0 92px;
		position:relative;
		float:left;
	}
	#header p#goshDigital a{
		width:419px;
		height:103px;
		padding:0;
		margin:0 0px 0 0px;
		position:relative;
		float:left;
		background:no-repeat url('images/digital/goshDigitalLogo.gif') 0% 0%;
		text-indent:-9999em;
		overflow:hidden;
	}
	/*-----
	 NAVIGATION STYLE--------*/
	
	#navigation{
		width:990px;
		height:36px;
		padding:0 0 0px 0;
		margin:0 0 17px 0;
		position:relative;
		float:left;
		clear:both;
		border-bottom:2px solid #ccc;
		
	}
	#navigation h2{
		visibility:hidden;
		display:none;
	}
	
	/*#navigation form.searchform{
		width:317px;
		height:34px;
		position:relative;
		float:right;
		margin:0;
		padding:0;
		
	}*/
	
	#navigation p{
		width:317px;
		height:34px;
		position:relative;
		float:right;
		margin:0;
		padding:0;
	}
	
	#navigation p input{
		
		border:1px solid #90a5a6;
		background-color:#f8f7f3;
		color:#5A5A5A;
		font-size:90%;
		font-family:Georgia;
		padding:3px ;
		margin:8px 0 0 8px;
		width:225px;
		position:relative;
		float:left;
	}
	#navigation p input.GOBtn{
		width:44px;
		height:34px;
		position:relative;
		background:#fff no-repeat url('images/goshpr_GOBtn.gif') 0% 0%;
		border:none;
		padding:0;
		margin:0;
		text-indent:-9999em;
		cursor:default;
		outline:none;
		color:#cd065e;
		font-size:0.25em;
		
	}
	
	#navigation ul#nav{
		width:642px;
		height:18px;
		display:inline;
		margin:11px 0 0 20px;
		padding:0px;
		float:left;
		position:relative;	
		list-style:none;
			}
			
			#navigation ul#nav li{
			padding:0;
			margin:0;
			display:inline;	
			height:19px;
			}
			#navigation ul#nav li a{
				height:17px;
				border-right:1px solid #5a5a5a; 
				padding:0 16px 0 0;
				margin:0 0 0 16px;
				position:relative;
				float:left;
				font-size:1.20em;
				line-height:1;
				color:#5a5a5a;
				font-weight:bold;
				text-transform:capitalize;
			}
			
			#navigation ul#nav li.page-item-9 a{
			border-right:none;
			padding:0;
			}

	/*-----
	 CONTAINER STYLE--------*/
	#container{
		width:956px;
		/*width:970px;*/
		position:relative;
		float:left;
		padding:0 0 0 20px;
		margin:0;
		
	}
	#leftCol{
		width:639px;
		position:relative;
		float:left;
		padding:0;
		margin:0;
		
		
	}
	#rightCol{
		/*width:294px;*/
		width:300px;
		position:relative;
		float:right;
		padding:0 0 0 17px;
		margin:0;
		
	}
	/*-----
	 leftCol STYLE--------*/
	
	#leftCol p img {
		width:640px;
		position:relative;
		float:left;
		margin:0px 0 10px 0px;
		padding:0;
		clear:left;
		}
	#leftCol .intro{
		width:639px;
		padding:0;
		margin:20px 0 0 0;
		position:relative;
		float:left;
		clear:both;
	}
	#leftCol .testimonial h2,
	#leftCol .intro h2{
		width:100%;
		position:relative;
		float:left;
		padding-bottom:6px;
		border-bottom:2px solid #CCCCCC;
		}
		#leftCol .testimonial h2 span,
		#leftCol .intro h2 span{
			width:100%;
			height:20px;
			position:relative;
			float:left;
			padding:0;
			margin:0;
			background:#fff no-repeat url('images/testimonialsTitle.gif') 0% 0%;
			text-indent:-9999em;
		}
		
	#rightCol h2 span#latestNewsTitle,
	#leftCol .intro h2 span#latestNewsTitle{background:#fff no-repeat url('images/latestNewsTitle.gif') 0% 0%;}
	#leftCol .intro h2 span#signUpTitle{background:#fff no-repeat url('images/signUpTitle.gif') 0% 0%;}
	
	#leftCol .testimonial,	
	#leftCol .intro .leftIntro{
		width:304px;
		position:relative;
		float:left;
	}
	
	#rightCol .sidebarBlock blockquote p,
	#leftCol .testimonial blockquote p,
	#leftCol .intro .leftIntro blockquote p
	    {
	    padding:0px 20px 0px 0px;
	    font-size: 1.2em;    
	    float:left;
		margin:0;
		color:#333333;
	}
	
	#rightCol .sidebarBlock blockquote,
	#leftCol .testimonial blockquote,
	#leftCol .intro .leftIntro blockquote
	    {
	    margin:0;
	    padding:0px 20px 0px 0px;
	    font-size: 1.2em;   
		line-height:1.5em;
		font-style:normal;
		
	}
	
	#rightCol p a.moreBtn,
	#leftCol .intro .leftIntro p a.moreBtn{
			width:67px;
			height:35px;
			position:relative;
			float:right;
			padding:0;
			margin:0 0 10px 0;
			background:#fff no-repeat url('images/goshpr_MOREBtn.gif') 0% 0%;
			text-indent:-9999em;
			overflow:hidden;
	}
	
	#leftCol .intro .rightIntro p a.joinBtn{
			width:67px;
			height:35px;
			position:relative;
			float:right;
			padding:0;
			margin:0 0 10px 0;
			background:#fff no-repeat url('images/goshpr_JOINBtn.gif') 0% 0%;
			text-indent:-9999em;
			overflow:hidden;
	}
	
	#rightCol .sidebarBlock cite,
	#leftCol .testimonial cite,
	#leftCol .intro .leftIntro cite
	    {
	    padding-right:140px;
		margin-top:20px;
	    font-size: 1.2em;
	    float:left;    
		color:#9982ba;
	} 
	
	#rightCol .sidebarBlock cite span,
 	#leftCol .testimonial cite span,
	#leftCol .intro .leftIntro cite span{
		font-weight:bold;
		color:#5e388f;
	}
	#leftCol .intro .rightIntro .latestPost,
	#leftCol .intro .rightIntro{
		width:296px;
		position:relative;
		float:right;
	}
	#leftCol .intro .rightIntro .latestPost h3{
		width:inherit;
		position:relative;
		float:left;
		margin:0 0 5px 0;
		padding:0;
	}
	#leftCol .intro .rightIntro .latestPost p img{
		width:145px;
		height:89px;
	}
	/*-----
	 leftCol STYLE--------*/
	#rightCol .sidebarBlock	{
		width:300px;
		/*width:inherit;*/
		padding:0 0 10px 0;
		margin:0 0 10px 0;
		position:relative;
		float:left;
		border-bottom:2px solid #ccc;
	}
	#rightCol h2{
		width:294px;
		position:relative;
		float:left;
		padding-bottom:6px;
		border-bottom:2px solid #CCCCCC;
		}
		
		#rightCol h2 span{
			width:294px;
			height:20px;
			position:relative;
			float:left;
			padding:0;
			margin:0;
			background:#fff no-repeat url('images/testimonialsTitle.gif') 0% 0%;
			text-indent:-9999em;
		}
		
		#rightCol h2 span#factTitle{background:#fff no-repeat url('images/factTitle.gif') 0% 0%;}
		#rightCol h2 span#latestVideoTitle{background:#fff no-repeat url('images/latestVideoTitle.gif') 0% 0%;}
		#rightCol h2 span#theteamTitle{background:#fff no-repeat url('images/theTeamTitle.gif') 0% 0%;}
		#rightCol h2 span#caseStudiesTitle{background:#fff no-repeat url('images/caseStudiesTitle.gif') 0% 0%;}
		#rightCol h2 span#signUpTitle{background:#fff no-repeat url('images/signUpTitle.gif') 0% 0%;}
		#rightCol h2 span#digitalNewsTitle{background:#fff no-repeat url('images/digitalNewsTitle.gif') 0% 0%;}
		#rightCol h2 span#digitalCaseTitle{background:#fff no-repeat url('images/digitalCaseTitle.gif') 0% 0%;}
		#rightCol h2 span#categoryTitle{background:#fff no-repeat url('images/categoryTitle.gif') 0% 0%;}
		#rightCol h2 span#metaTitle{background:#fff no-repeat url('images/metaTitle.gif') 0% 0%;}


	#rightCol .sidebarBlock #sfstest-sidebar{
                width:280px;
		padding:0;
		margin:0;
		position:relative;
		float:left;

}	#rightCol .sidebarBlock ul.meta,
	#rightCol .sidebarBlock ul.categories,
	#rightCol .sidebarBlock ul.facts{
		width:300px;
		padding:0;
		margin:0;
		position:relative;
		float:left;
		list-style:none;
		color:#542989;
		font-weight:bold;
		
	}
        #rightCol .sidebarBlock ul.meta li,
	#rightCol .sidebarBlock ul.categories li,
	#rightCol .sidebarBlock ul.facts li{
		width:300px;
		padding:0;
		margin:0;
		position:relative;
		float:left;
		font-style:normal;
	}
		#rightCol .sidebarBlock ul.facts li span{
			width:60px;
			position:absolute;
			right:20px;
			text-align:left;
		}
		
	#rightCol .sidebarBlock dl.theTeamList,
	#rightCol .sidebarBlock dl.theTeamList dd,
	#rightCol .sidebarBlock dl.theTeamList dt{
		width:260px;
		padding:0;
		margin:0;
		position:relative;
		float:left;
	}
	
	#rightCol .sidebarBlock dl.theTeamList dt{
		color:#3caaab;
		font-size:1.5em;
		padding-bottom:9px;
		
	}
	#rightCol .sidebarBlock dl.theTeamList dd{
		padding-bottom:15px;
		margin-bottom:15px;
		border-bottom:2px dotted #ccc;
		
	}
	#rightCol .sidebarBlock dl.theTeamList dd span{
		position:relative;
		float:left;
		font-size:1.2em;
	}
	
	#rightCol .sidebarBlock .video{
		width:300px;
		position:relative;
		float:left;
		padding:0;
		margin:0;
		
	}
       #rightCol .sidebarBlock .post{
               width:300px;
               position:relative;
               float:left;
               margin:0;
               padding:0;

        }
	#rightCol .sidebarBlock .post h3{
		color:#55298A;
	}
	
#leftCol #all_cases{
	
	width:639px;
	height:auto;
	padding:0;
	margin:0;
	position:relative;
	float:left;
	clear:both;
	
}
#all_cases .caseEntry{
	width:639px;
	padding:10px 0;
	margin:0;
	float:left;
	position:relative;
	clear:both;
	border-bottom:3px dotted #ccc;
}
#all_cases .caseBody{
	
	width:639px;
	padding:0;
	margin:0;
	float:left;
	position:relative;
	clear:both;
}

#all_cases .expandable .caseBody {
		height:120px;
	    overflow: hidden;
	}
	#all_cases .caseBody p img{
		width:145px;
		height:89px;
		padding:0;
		margin:5px 5px 0 0;
		/*position:relative;
		float:left;
		clear:left;*/
		position:absolute;
		left:0;
		top:0;
		
	}
	#all_cases .caseBody h3,
	#all_cases .caseBody p{
		/*width:480px;*/
		width:480px;
		padding:0;
		margin:0;
		padding-left:159px;
		position:relative;
		float:right;
		clear:right;
	}	
	#all_cases .caseBody h3{
		margin-bottom:0.250em;
	}
	#all_cases .caseEntry .comment-more{
		float:left;
		position:relative;
		margin-left:160px;
		margin-top:10px;
	}

 
 /* BLOG STUFF_________*/

 #content .post .entry p img{
 	width:145px;
	height:89px;
	position:relative;
	float:left;
	padding:0;
	margin:0 5px 5px 0;
 }
 
#leftCol li.commentbody p img.wp-smiley{
width:15px;
height:15px;
position:relative;
	float:left;
}
 
 
/* the overlayed element */ 
.overlay { 
    /* must be initially hidden */ 
    display:none; 
    /* place overlay on top of other elements */ 
    z-index:10000; 
    /* styling */ 
    background-color:#333; 
    width:400px;     
    min-height:200px; 
    border:1px solid #666; 
	text-align:left;
	padding:20px;
	color:#fff;  
     top:200px !important;
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;   

} 
 
/* close button positioned on upper right corner */ 
.overlay .close { 
    background-image:url('images/close.png'); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}


/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    background-color: #333;
    width: 400px;
    min-height: 200px;
    border: 1px solid #666;
    text-align: left;
    padding: 20px;
    color: #fff;
    /* CSS3 styling for latest browsers */
    -moz-box-shadow: 0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}
.jqmWindow a.jqmClose{
    background-image: url('images/close.png');
    position: absolute;
    right: -15px;
    top: -15px;
    cursor: pointer;
    height: 35px;
    width: 35px;
    text-indent:-9999em;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}