/* theodin.co.uk */

html {
	background:#E1E1E1 url('../images/bg.png') repeat;
}	

a:link { color: #E3E3E3; text-decoration: underline; outline:none; }
a:active {color: #E3E3E3; text-decoration: underline; outline:none; }
a:hover {color: #E3E3E3; text-decoration: underline; outline:none; }
a:visited {color: #E3E3E3; text-decoration: underline; outline:none; }

/*objects*/
.right {
	text-align:right;	
}
.relative {
	position:relative;
	float:left;	
}
.relativeRight {
	position:relative;
	float:right;	
}
.highlight {
	background-color:#90161a;
}
.lowlight {
	background-color:#000000;
}
ul li.heading {
	background:none;
}

.main {
	background:transparent url("../images/shutter.png") repeat;
	width:940px;
	margin:0 auto;	
}
	#container {
		background:transparent url("../images/shutter.png") repeat;
		width:940px;
		padding:0px 10px 10px 10px;
	}
		/*Logo*/
		#logo a {
			text-indent:-9999px;
			position:absolute;
			background:transparent url("../images/cult_logo.png") no-repeat;
			width:96px;
			height:130px;
			top:0px;
			margin-left:30px;
			z-index:999;
		}
		#logo a:hover { background:url("../images/cult_logo.png") no-repeat scroll 0 -165px transparent; }
	
		#toolbar {
			background: #000000;
			border-bottom: 1px solid #4a4a4a;
		}
			#toolbar p {
				color:#FFF;
				padding:5px 10px 5px 5px;
				font-size:11px;	
			}
			
		/*Navigation*/
		.nav, .nav * {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		.nav { 
			background:#232423 url('../images/interface.png') repeat; 
			width:800px;
			height:40px;
			line-height:	1.0; 
			padding-left:140px;
			z-index:	99;
			position:absolute; 
		}
		.nav ul {
			position: absolute;
			z-index: 99;
			top: -999em;
			width: 10em; 
		}
		.nav ul li { width: 100%; }
		.nav li:hover {	visibility: inherit; }
		.nav li {
			float:	left;
			position: relative;
		}
		.nav a {
			display: block;
			position:	relative;
			z-index:	99;

		}
		.nav li:hover ul, .nav li.sfHover ul {
			left: 0;
			top: 2.5em; 
			z-index:	99;
		}
		ul.nav li:hover li ul, ul.nav li.sfHover li ul {
			top: -999em;
		}
		.sf-sub-indicator {
			display:none;
		}
		ul.nav li li:hover ul, ul.nav li li.sfHover ul {
			left:			10em; 
			top:			0;
		}
		ul.nav li li:hover li ul, 	ul.nav li li.sfHover li ul { 	top: -999em; }
		.nav {
			float: left;
			margin-bottom: 0px;
		}
		.nav a {
			border-right: 1px solid #000000;
			border-left: 1px solid #4a4a4a;
			//padding: .75em 1em;
			padding: 14px 18px;
			font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;
			font-size:12px;
			text-decoration:none;
			text-shadow:0 1px 1px rgba(0, 0, 0, 0.6);
		}
		ul.nav li ul {
			margin-top:8px;
			background:#232423 url('../images/interface_dark.png') repeat; 
			-webkit-box-shadow: 0px 1px 1px #000000;
			-moz-box-shadow: 0px 1px 1px #000000;
			box-shadow: 0px 1px 1px #000000;
			z-index:	99;
			position:absolute; 
		}
		.nav li a.first {
			border-left: 0px none;
		}
		.nav li a.last {
			border-right: 0px none;
		}
		.nav a, .nav a:visited  { 
			color:	#ffffff;
		}
		.nav li {
			background:#232423 url('../images/interface.png') repeat; 
		}
		.nav li li {
			background:none; 
		}
		.nav li:hover, .nav li.sfHover, .nav a:focus, .nav a:hover, .nav a:active {
			background:#232423 url('../images/interface_dark.png') repeat; 
			outline:		0;
		}
		.nav li li a:hover {
			background:#90161A url('../images/interface_red.png') repeat; 
		}

		/*Slider*/
		.shutter {
		    position:absolute;
		    width:940px;
		    height:300px;
		    z-index:89;
		    top:30px;
		    left:10px;
		    top:70px;
		    background:transparent url("../images/shutter.png") repeat;   
		}
		*:first-child+html .shutter{
		    background:none;   
		}
		/**Post page specific**/
		.post #slider { height:240px; }
		.post .shutter { height:240px; }
		
		#slider {
		    border-top: 1px solid #4A4A4A;
		    border-bottom: 1px solid #DDD;
		    color: #FFFFFF;
		    font-size: 40px;
		    height: 300px;
		    margin: 0;
		    overflow: hidden;
		    padding: 0;
		    margin-top: 40px;
		    width: 940px;
		}
		*:first-child+html #slider {}
			
			#slider a.cta {
				position:absolute;
				top:230px;
				left:50px;
				z-index:99;
			}
			/**Post page specifics**/
			#slider h1 {
			    max-width:60%;
			    position:absolute;
			    float:left;		
				top:195px;
			    text-align:left;
			    background:#000;
			    color:#fff;
			    font-size:40px;
			    line-height:45px;
			    letter-spacing:-2px;
			    padding:10px;
			    font-weight:bolder;
			    z-index:91;
	   		 }
	   		 	#slider p.date {
					margin:0px;
				    color:#fff;
				    padding:3px 10px 3px 5px;
				    position:absolute;
				    top:141px;
				    float:left;
				    clear:left;
					font-family: Georgia, "Trebuchet MS", Helvetica, Arial, sans-serif;
				    font-style:italic;		
				    z-index:91;
				}
				#slider p.author {
					margin:0px;
					margin-bottom:3px;
				    color:#fff;
				    padding:3px 10px 3px 5px;
				    position:absolute;
					top:168px;
				    float:left;
				    clear:left;
					font-family: Georgia, "Trebuchet MS", Helvetica, Arial, sans-serif;
				    font-style:italic;		
				    z-index:91;
				}
		.nivoSlider {
			position:relative;
			margin-top:40px;
		}
		.nivoSlider img {
			position:absolute;
			top:0px;
			left:0px;
		}
		.nivoSlider a.nivo-imageLink {
			position:absolute;
			top:0px;
			left:0px;
			width:100%;
			height:100%;
			border:0;
			padding:0;
			margin:0;
			z-index:60;
			display:none;
		}
		.nivo-slice {
			display:block;
			position:absolute;
			z-index:50;
			height:100%;
		}
		/* Caption styles */
		.nivo-caption {
		    max-width:50%;
		    position:relative;
		    float:right;		
	   	    z-index:91;
			margin-top:50px;
		}
		.nivo-caption p {
		    text-align:right;
		    background:#000;
		    color:#fff;
			font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;
		    font-size:40px;
		    line-height:45px;
		    letter-spacing:-2px;
		    padding:10px;
		    font-weight:bolder;
		    margin-top:0px;
	   	    z-index:91;
		}
		.nivo-caption a {
			display:inline !important;
		}
		.nivo-html-caption {
		    display:none;
		}
		.nivo-directionNav a {
			position:absolute;
			top:45%;
			z-index:99;
			cursor:pointer;
		}
		.nivo-prevNav {
			left:0px;
		}
		.nivo-nextNav {
			right:0px;
		}
		.nivo-controlNav {
			position:absolute;
			bottom:0px;
			right:315px;
			z-index:99;
		}
		.nivo-controlNav a {
			position:relative;
			float:left;
			margin-top:300px;
			z-index:99;
			cursor:pointer;
			text-indent:-9999px;
			width:15px;
			height:15px;
			bottom:20px;
			border:1px solid #DFDFDF;
			margin:5px;
			background:#DFDFDF;
		}
		.post .nivo-controlNav a {
			display:none;	
		}
		.nivo-controlNav a.active {
			font-weight:bold;
			background:#90161A url('../images/interface_red.png') repeat;
			border:1px solid #FFF;
		}
		
		/*Page*/
		#page {
			background:transparent url('../images/wrapper.png') repeat-y; 
			float:left;
			position:relative;
		}
		/*Content*/
		#content {
			width:600px;
			background:#FFF;
			padding:20px;
		}
			#content a:link { color: #90161a; text-decoration: underline; outline:none; }
			#content a:active {color: #90161a; text-decoration: underline; outline:none; }
			#content a:hover {color: #90161a; text-decoration: underline; outline:none; }
			#content a:visited {color: #90161a; text-decoration: underline; outline:none; }

			#content p {
				padding-top:0px;
				padding-bottom:20px;
			}
			#content ul {
				padding:0px 0px 10px 0px;
			}
			#content ul li {
				line-height:160%; 
			}
			#content img {
				border:1px solid #E3E2E2;
				padding:3px;
			}
			#content img.left { margin:0px 10px 5px 0px; }
			#content img.right { margin:0px 0px 5px 10px; }
			#content img.centre { margin:0px 0px 10px 10px; }
			
			#content .clear hr {
				background-color:#E3E2E2;
				color:#E3E2E2;
				border:0px none;
				clear:both;
				height:12px;
				margin-bottom:25px;
				margin-top:15px;
				width:100%;
			}
			#content h1, #content h2, #content h3, #content h4 {
				color:#90161a;
				text-shadow:0 1px 0 #E9E9E9;
				margin-bottom:5px;	
			}
			
			/**News blocks**/
			#content .block {
				margin:0px 20px 20px 0px;	
				width:289px;
				height:235px;
				overflow:none;
			}
				#content .block a, #content .block a:link, #content .block a:hover, #content .block a:visited {
					text-decoration:none;
					color:#FFF;
					cursor:pointer;	
				}
				#content .block img {
				width:289px;
				height:235px;
				overflow:hidden;
				border:0px none;
				padding:0px;					
				}
				#content .news {
				    position:absolute;
				    width:289px;
				    height:235px;
				    z-index:10;
					text-indent:-999px;
				    left:0px;
				    background: transparent url("http://www.theodin.co.uk/tools/dropbox/shutter.png") repeat;   
				}
				#content .block h3 {
	text-align:left;
	color:#fff;
	font-size:24px;
	letter-spacing:-1px;
	position:absolute;
	float:left;
	padding:5px;
	font-weight:bolder;
	max-width:265px;
	margin-bottom:3px;
	z-index:99;
	top:147px;
	text-shadow: 0 1px 0 #1B1B1B;
	width: 259px;
				}
				#content p.date {
					margin:0px;
					margin-bottom:3px;
				    color:#fff;
				    padding:3px 10px 3px 5px;
				    position:absolute;
				    float:left;
				    clear:left;
					font-family: Georgia, "Trebuchet MS", Helvetica, Arial, sans-serif;
				    font-style:italic;		
				    z-index:99;
				    bottom:111px;
				}
				#content p.author {
					margin:0px;
					margin-bottom:3px;
				    color:#fff;
				    padding:3px 10px 3px 5px;
				    position:absolute;
				    float:left;
				    clear:left;
					font-family: Georgia, "Trebuchet MS", Helvetica, Arial, sans-serif;
				    font-style:italic;		
				    z-index:99;
				    bottom:85px;
				}
				#content .end {
					margin:0px 0px 20px 0px;	
				}
					/**Author**/
					#author {
						margin-bottom:25px;
					}
						#author p {
							margin-bottom:0px;
							padding-bottom:5px;
						}
				#content input {
					width:300px;
				}		 
				#content textarea {
					width:500px;
					height:150px;
				}
				/**Pagination**/
				#pagination {
					padding-left:0px;
				}
				#pagination li {
					margin-right:5px;
					background:none;
					position:none;
					float:none;
					display: inline;
				}
				#pagination li a {
					background:#E3E2E2;
					border: 1px solid #808080;
					color: #808080;
					text-decoration:none;
					padding: 4px 8px;
					font-weight:bold;
				}
				#pagination li a.current, #pagination li a:hover {
					background:#90161A url('../images/interface_red.png') repeat; 
					border: 1px solid #90161A;
					color:#FFFFFF;
					text-decoration:none;
				}
				#pagination li a:link { margin-right:5px; text-decoration:none;}
				#pagination li a:active { margin-right:5px; text-decoration:none;}
				#pagination li a:visited { margin-right:5px; text-decoration:none;}
				#pagination li a:hover { margin-right:5px; text-decoration:none;}

		/*Sidebar*/
		#sidebar {
			width: 260px;
			overflow:hidden;
			background:#232423 url('../images/interface.png') repeat;
			border-top:1px solid #232423; 
			padding:20px 20px 0px 20px;
			top:-80px; 
			z-index:999;
			-webkit-box-shadow: inset 0px 1px 2px #3d3d3d;
			-moz-box-shadow: inset 0px 1px 2px #3d3d3d;
			box-shadow: inset 0px 1px 2px #3d3d3d; 		
		}
			#searchForm {
				margin-bottom:30px;
			}
			#sidebar input {
				font-family: Georgia, Helvetica, Arial, "Trebuchet MS", sans-serif;
				border:1px solid #232323;
				background:url("../images/input_bg.png") repeat-x #A1A1A1;
				font-style:italic;
				width:240px;
				color:#1b1b1b;
			}
				#sidebar #submit {
					border:0px none;
					background:transparent url('../images/search.png') no-repeat; 
					width:24px;
					height:24px;
					cursor:pointer;
					text-indent:-999px;
					top:32px;
					left:250px;
					position:absolute;
				}
			#sidebar p, #sidebar h3, #sidebar h4 {
				text-shadow:0 1px 0 #000;
				color:#E9E9E9;
			}
			#sidebar ul {
				color:#FFFFFF;
				padding: 0px 0px 15px 0px;
			}
			#sidebar ul li.heading {
				padding:0px 0px 5px 0px;
				background:none;
			}
			#sidebar ul li {
				background:url("../images/li_sidebar.png") no-repeat scroll 0 6px transparent;
				line-height:160%;
				width:100%; 
			}
			/**Stats**/
			#sidebar ul.stats {
				margin-bottom:15px;
				padding:0px;
			}
			*:first-child+html #sidebar ul.stats {
				height:40px;	
			}
			#sidebar .stats a:link, #sidebar .stats a:active, #sidebar .stats a:hover, #sidebar .stats a:visited {
				font-weight:normal;
				font-family: Georgia, Helvetica, Arial, "Trebuchet MS", sans-serif;
				font-size:24px;
				font-style:italic;
				color:#E9E9E9;
				text-decoration:none;
			}
			#sidebar ul.stats li.heading {
				padding-left:0px;
			}
			#sidebar ul.stats li {
				font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;
				font-size:16px;
				padding:2px 0px 0px 40px;
				text-align: left;
				padding-left:40px;
				width:75px;
				height:40px;		
				color:#E9E9E9;
			}
			#sidebar ul.stats li.rss {
				background:transparent url("../images/social/rss.png") no-repeat scroll left 0;
			}
			#sidebar ul.stats li.twitter {
				background:transparent url("../images/social/twitter.png") no-repeat scroll left 0;
				margin-left:20px;
			}

			#sidebar .clear hr {
				background-color:#232323;
				color:#232323;
				border:0px;
				clear:both;
				height:12px;
				margin-bottom:25px;
				margin-top:15px;
				width:100%;
			}
			
			/**Adverts**/
			#sidebar .advertise {
				margin-bottom:10px;
			}
			#sidebar .advertise a.advert {
				color:#565656;
				background:none repeat scroll 0 0 #E7E7E7;
				border:1px solid #CCCCCC;
				font-size:12px;
				font-weight:bold;
				text-align:center;
			}
			#sidebar div.advertise a.large {
				height:120px;
				line-height:1000%;
				margin:5px;
				width:250px;
				background:none repeat scroll 0 0 #E5E5E5;
			}
			#sidebar .advertise a.small {
   				height: 119px;
    			line-height: 1000%;
    			margin: 5px;
   				width: 119px;
			}
			#sidebar .advertise a.large:link, #page #sidebar div.advertise a.small:link {
				background:none repeat scroll 0 0 #E5E5E5;
				text-decoration:none;
			}
			#sidebar .advertise a.large:visited, #page #sidebar div.advertise a.small:visited {
				background:none repeat scroll 0 0 #E5E5E5;
				text-decoration:none;
			}
			#sidebar .advertise a.large:active, #page #sidebar div.advertise a.small:active {
				background:none repeat scroll 0 0 #E5E5E5;
				text-decoration:none;
			}
			#sidebar .advertise a.large:hover, #page #sidebar div.advertise a.small:hover {
				background:none repeat scroll 0 0 #DDDDDD;
				color:#333;
				text-decoration:none;
			}
			#sidebar img.advert {
				margin:0px;
			}
			#sidebar img {
				border: 0px none;
				margin:5px;
			}
			#flickr img {
				 border: 5px solid #232323;
				 width:110px; 
				 height:110px; 
			}
		/*Footer*/
		#footer {
			background:#232423 url('../images/interface.png') repeat; 
			padding:20px;
			width:900px;
			border-bottom:15px solid #232423;
			color:#E9E9E9;	
		}
			#footer h4 {
				text-shadow:0 1px 0 #000;	
			}
			#footer p {
				color:#FFF;	
			}
			/**Social media**/
			#footer ul.social {
				width:205px;	
				float:left;
				padding:0px;
				min-height:165px;
			}
				#footer ul.social li {
					list-style:none;
					background:none;
					padding:6px;
				}
			#footer img {
				border:0px none;
			}			
			#footer .twitter {
				width:205px;
				background:transparent url("../images/hr_vert.gif") repeat-y;	
				float:left;
				padding-left:20px;
				min-height:165px;
			}
				#tweet {
					background:#1b1b1b;
					padding:12px;
					font-family: Georgia, Helvetica, Arial, "Trebuchet MS", sans-serif;
					font-style:italic;
					margin-top:15px;
				}
				#footer .triangle {
   				 	background: url("../images/tip.png") no-repeat scroll 0 0 transparent;
   				 	height: 28px;
   				 	margin-left: 160px;
   				 	position: absolute;
   				 	top: 45px;
   				 	width: 34px;
				}
			#footer .about {
				background:transparent url("../images/hr_vert.gif") repeat-y;	
				width:435px;	
				float:left;
				padding-left:20px;
				margin-left:15px;
				min-height:165px;
			}
			
		.rights {
			background:#E1E1E1 url('../images/bg.png') repeat;
			width:940px;
			margin:0 auto;
			padding:5px 20px 50px 0px;
		}
		.links {
			width:400px;
			color:#3D3D3D;
			padding-left:20px;
		}
		.links a:link { color: #3D3D3D; text-decoration: underline; outline:none; }
		.links a:active {color: #3D3D3D; text-decoration: underline; outline:none; }
		.links a:hover {color: #90161A; text-decoration: underline; outline:none; }
		.links a:visited {color: #3D3D3D; text-decoration: underline; outline:none; }	
	/**Tooltip**/
	.tipsy { padding: 5px; font-size: 13px; opacity: 1; filter: alpha(opacity=100); background-repeat: no-repeat;  background-image: url(../images/tipsy.gif); }
	.tipsy-inner { padding: 5px 8px 4px 8px; background-color: #000; color: white; max-width: 200px; text-align: center; }
	.tipsy-inner { }
	.tipsy-north { background-position: top center; }
	.tipsy-south { background-position: bottom center; }
	.tipsy-east { background-position: right center; }
	.tipsy-west { background-position: left center; }	
	
	/**Buttons**/
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Helvetica, sans-serif;
	font-weight:bolder;
	padding: .7em 2em .55em;
	text-shadow: 0 -1px 0 #000000;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

.red {
	color: #FFFFFF;
	border: solid 1px #A40802;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#90161A), to(#aa1317));
	background: -moz-linear-gradient(top,  #90161A,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#90161A', endColorstr='#aa1317');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#90161A));
	background: -moz-linear-gradient(top,  #aa1317,  #90161A);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#90161A');
}

#content input.red {
	width:200px;	
}

	/*Contact*/
	#content .errormsg {
		background:url("../images/warning.png") no-repeat scroll 10px 5px #A40802;
		border: 1px solid #A40802;
		color:#FFFFFF;
		margin:7px 0px 7px 0px;
		padding:15px;
		font-weight:bolder;
		display:none;
	}
	#content .errormsg span {
		padding-left:40px;
	}
	input.error, textarea.error {
		border: 1px solid #A40802;
	}