/* Colour Reference
--Oranges--
Dark Orange EF5411
Orange FA5B0F
Base FF6517
Light #FF6D1F
Super light FF822E

--Greys--
Dark Grey #8C8681
Light Grey BG #E6E6E6
Darker 666666;
Body #383838


*/

body { -webkit-text-stroke:1px transparent; }
@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}

/*Global Elements Style*/
body{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #383838;
	min-width: 1000px;
	text-rendering: optimizeLegibility;
}

::-moz-selection {
	color: #FFFFFF;
	color: rgba(255,255,255,.8);
	background: #FF822E;
	}
::selection {
	color: #FFFFFF;
	color: rgba(255,255,255,.8);
	background: #FF822E;
	}


a{
	text-decoration: none;
	color: #FF6D1F;
}

a:hover{
	color: #FF6517;
	text-decoration: underline;	
}

a:visited{
	color: #AB430F;
}

p{
	line-height: 1.4em;
	margin-top: 0;
	font-size: 0.95em;
}

p, #content li{
	font-family: 'Lucida Grande', Verdana, 'Bitstream Vera Sans', Arial, sans-serif;
}

pre{
	border: 1px dotted #ccc;
	padding: 1em;
	margin: 1em 0.5em;
	background: #F7F7F7;
	-webkit-box-shadow: rgba(157, 157, 157, 0.4) 0px 0px 1px;
	-moz-box-shadow: rgba(157, 157, 157, 0.4) 0px 0px 1px;
	-o-box-shadow: rgba(157, 157, 157, 0.4) 0px 0px 1px;
	box-shadow: rgba(157, 157, 157, 0.4) 0px 0px 1px;
	overflow: hidden;
	white-space:pre;
}



input[type=submit], input[type=button], label{
    cursor: pointer;
}

/* Make pretty! */
abbr, acronym{
	cursor: help;
}

div#content a{	
	color: #666666;
}

div#content a{

}

div#content a:visited{
	color: #636363;
}
  
div#content h2.entry-title a{
	color: #FF6D1F;
}

div#content .entry-content a{
	font-weight: 600;
}

 
div#header{
	margin: 0;
	padding: 0;
}

	div#header h1#blog-title{
	padding: 0;
	margin: 0.15em 0 -0.23em 1em;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: -0.03em;
	font-weight: bold;
	font-size: 4.9em;
	word-spacing: -0.25em;
	}
	

	div h1#blog-title a{
		-webkit-transition: color 1s linear;
		-moz-transition: color 1s linear;
		-o-transition: color 1s linear;
		transition: color 1s linear;

		color: #E6E6E6;
		text-decoration: none;
	}
	
	div h1#blog-title a:hover{
		color: #FF6517;
	}
	
	




h1, h2, h3, h4, h5{
		color:  #383838;
		}
		
h1{
	text-shadow: #E6E6E6 0px 1px 0px;
}

h2, h3, h4, h5{
	text-shadow: #FFFFFF 0px 1px 0px;

}

h2{
	font-size: 1.9em;
}

h3{
	font-size: 1.6em;
	margin-bottom: 0;
	margin-top:0.5em;
}


h4{
	font-size: 1.4em;
}
a img{
	border: none !important;
}

a:active:hover {
	position: relative;
	top: 1px;
}

a:focus {
    outline: thin dotted;
}

a:hover, a:active {
    outline: 0;
}

blockquote{
	font-style: italic;
}

/* Menu based on sandbox css example */
	div#menu {
	margin: 0;
	float: right;
	height: 5em;
	}
	
	div#menu ul,div#menu ul ul {
	line-height:5em;
	list-style:none;
	margin:0;
	padding:0;
	}
	
	div#menu ul a {
	display:block;
	margin-right:1em;
	padding:0.2em 0.5em;
	text-decoration:none;
	text-transform: uppercase;
	color: #8C8681;
	}
	
	div#menu ul a:hover, div#menu ul .current_page_item a, div#menu ul .current_page_parent a{
	color: #FF6D1F;
	}
	
	div#menu ul ul ul a {
	font-style:italic;
	}
	
	div#menu ul li ul {
	left:-999em;
	position:absolute;
	}
	
	div#menu ul li:hover ul {
	left:auto;
	}
	
/* @end menu */

/* Layout */
	/** hide skip to content **/
		div.skip-link{
			display: none;
			margin-left:-999px!important;
			margin-left:5px;
			margin-top:10px;
			padding-top:10px;
			color:silver;
			text-decoration:none;
			border:none;
			color:#444;
			background:transparent;
			height: 0px !important;
		}
		
	/** @end skip nav hiding **/
	
	div#container{
			background: #E6E6E6;
			margin-top: 0;
	}
	
	div#content{
		width: 800px;
		min-width: 800px;
		margin: 0 auto;
		padding: 2em;
	}
	
	div#content li{
		margin-bottom: 10px;
	}
	
	div#footer{
		margin: 0.2em;
		float: right;
	}
	
	
		
	
	.xoxo li{
        border: 1px #E6E6E6 solid;
        background: #E6E6E6;
        padding: 5px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        margin: 20px;
        width: 200px;
        height: 80px;
        float: left;

	}
	

	
	.xoxo li ul li{
		height: auto;
		float: none;
		border: none;
		background: transparent;
		width: auto;
		list-style: none;
		margin: 2px 4px;
	}
	
	#search-form, #cat-form{
		text-align: center;
		margin-top: 20px;
	}
	
	ul.xoxo{
		margin: 0 auto !important;
		width: 740px;
	}
	
	ul.xoxo:after{
		content: "-"; display: block; height: 0; clear: both; visibility: hidden;
	}
	
/* @end layout */

/* @start hide homepage title */
#post-3 .entry-title{
    margin-bottom: 0.5em;
}

/* Classes */
	.entry-title{
		border-bottom: 1px #666666 dashed;
		margin-bottom: 0;
		color:  #383838;
	}
	
	.entry-date{
		text-align: right;
		opacity: 0.3;
		-webkit-transition: opacity 0.5s ease;
		-moz-transition: opacity 0.5s ease;
		-o-transition: opacity 0.5s ease;
		transition: opacity 0.5s ease;
	}
	
	.entry-date:hover{
		opacity: 1;
	}
	
	.entry-date, .entry-meta, .comment-author{
		color: #8C8681;
	}
	
	.entry-meta, .comment-meta{
		font-size: 0.8em;	
	}
	
	.comment-author{
		font-size: 1em;
	}
	
	.comment{
		border-bottom: #666666 dashed 1px;
	}

	.form-textarea{
		width: 90%;
	}

#respond {
    clear: both;
}

/* @start attachment styles */
.wp-caption a, .wp-caption a img{
	display: block;
	text-align: center;
	background: #FFFFFF;
	padding: 0;
	margin: auto;
	-webkit-box-shadow: 0px 0px 5px #888;
	-moz-box-shadow: 0px 0px 5px #888;
	-o-box-shadow: 0px 0px 5px #888;
	box-shadow: 0px 0px 5px #888;
}

.wp-caption a{
	-webkit-transform: rotate(1deg);
	-moz-transform: rotate(1deg);
	-o-transform: rotate(1deg);
	transform: rotate(1deg);
	margin-top: 5px;
}

.wp-caption:nth-child(2n+1) a{
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	transform: rotate(-1deg);
	margin-top: 5px;
}

div.wp-caption a img{
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	transform: rotate(-2deg);
	padding: 5px;
}


div.wp-caption:nth-child(2n+1) a img{
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	transform: rotate(2deg);
	padding: 5px;
}

div.wp-caption:hover .wp-caption-text{
	opacity: 1;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	-webkit-box-shadow: 0px 0px 10px #888888;
	-moz-box-shadow: 0px 0px 10px #888888;
	-o-box-shadow: 0px 0px 10px #888888;
	box-shadow: 0px 0px 10px #888888;
}


.wp-caption .wp-caption-text{
	position: relative;
	top: -10%;
	text-align: center;
	padding: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
	-webkit-box-shadow: 0px 0px 10px #888;
	-moz-box-shadow: 0px 0px 10px #888;
	o-box-shadow: 0px 0px 10px #888;
	box-shadow: 0px 0px 10px #888;
	margin: 0 auto;
	width: 80%;
	background-color: #FFFFFF;
	background: rgba(255, 255, 255, 0.9);
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	transform: rotate(-1deg);

	color: #1e1e1e;
	opacity: 0;
	text-indent: 5px;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
	
}

.wp-caption:nth-child(2n+1) .wp-caption-text{
	-webkit-transform: rotate(1deg);
	-moz-transform: rotate(1deg);
	-o-transform: rotate(1deg);
	transform: rotate(1deg);

}


/* @end attachment styles */


/* @start bencollier homepage */
ul.latest-posts, .contact-form fieldset{
    border: 1px solid #C9C9C9;
    border-top-color: #B5B5B5;
    border-bottom-color: #C5C5C5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: #CDCDCD;
    width: 55%;
    margin: 0px 20px 0px 300px;
    padding: 10px 20px 0;
}

li.latest-post  {
    margin-left: 5px;
    list-style: none;
}

/* @end bencollier homepage */

.formcontainer .information{
    display: none;
}

.formcontainer .error{
    border: 2px solid #CC0000;
    background: #CC938C;
    width: 100%;
    color: #FFFFFF;
    font-weight: bold;
}

.formcontainer p.error{
    padding: 0.2em;
}

.contact-form label{
    display: block;
}

.contact-form fieldset{
    width: 40%;
    margin: 20px auto;
    height: 210px;
    padding-bottom: 10px;
}

.contact-form fieldset input,.contact-form fieldset textarea{
    width: 100%;
    border: 2px solid #B5B5B5;
    padding: 0.2em;
}

.contact-form .details{
    float: left;
}

.contact-form .message{
    float: right;
}

.contact-form .confirm{
    clear: both;
    width: 25%;
    margin: auto;
    height: auto;
    text-align: center;
}

.contact-form .confirm input{
    width: auto;
    border: auto;
    -webkit-appearance: auto;
}

.contact-form .confirm .button{
    font-size: 1.2em;
    background: #DEDEDE;
    padding: 0.2em 0.5em;
    margin: 0.2em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -o-border-radius: 4px;    
    border-radius: 4px;
}

.contact-form .confirm .button:hover{
    background: #C0C0C0;
}

.contact-form legend{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    background: #F3F3F3;  
    border: 1px solid #B5B5B5;
    border-bottom-color: #C5C5C5;
    padding: 4px 10px;
}

.form-option label{
    display: inline;
}

/* @start tweet styling */
#tweets{
	width: 700px;
	margin: 20px auto;
}

#tweets #tweet-content{
	border: 1px solid #c9c2c1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
	margin-bottom: 0;
	padding: 10px 18px;
	font-style: italic;
}

#tweets #tweet-link{
	background: url(/wp-content/themes/collier/images/tip.gif) no-repeat 13px 0 transparent;
	position: relative;
	top: -2px;
	z-index: 101;
	padding-top: 12px;
	margin-top: 0;
	margin-left: 3em;
	display: block;
	width: 30px;
}

a.aktt_tweet_time{	
	color: #666666;
}

a.aktt_tweet_time:visited{
	color: #636363;
}

/* @end tweets */


/* @start tag cloud */
#tag-cloud{
	width: 740px;
	margin: 10px auto;
	text-align: center;
}

/* @end tag cloud */

/* @start video */
.youtube, .youtube-player{
	margin: 20px -26px;
	height: 505px;
	width: 845px;
	border: transparent;
}

.vimeo{
	background: transparent;
	border: none;
}

/* @end  video */

/* @start post specific pages */
	/* @start attachment_9489 for post Site Seeing Week Three (Server Image) */
	#attachment_9489{
		margin: 5px -50px;
		-webkit-transform: rotate(0.3deg);
		-moz-transform: rotate(0.3deg);
		-o-transform: rotate(0.3deg);
		transform: rotate(0.3deg);
	}
	
	
	
	#attachment_9489 img{
		-webkit-transform: rotate(-0.4deg);
		-moz-transform: rotate(-0.4deg);
		-o-transform: rotate(-0.4deg);
		transform: rotate(-0.4deg);
		margin-left: -10px;
	}
	
	
	#attachment_9489 .wp-caption-text{
		-webkit-transform: rotate(-0.7deg);
		-moz-transform: rotate(-0.7deg);
		-o-transform: rotate(-0.7deg);
		transform: rotate(-0.7deg);
	}
	/* @end attachment_9489 for post Site Seeing Week Three (Server Image) */
	

/* Gingerbread post Android 2.3 */
#attachment_20442{
	height: 240px; /* too high otherwise! */
}

/* Spinning class */
.spin{-webkit-animation: spin 5s linear infinite; display: block}
@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)} }

/* Things that give me usability cramps 1 */


/* legacy Sandbox code (to be phased out) */
.entry-title,.entry-meta {
clear:both;
}

div#primary {
margin-top:2em;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
    padding:0.2em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
    height:13em;
    margin:0 0 0.5em;
    overflow:auto;
    width:66%;
    border: 1px groove #1e1e1e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
display: none;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s, div.sidebar select{
width:10em;
}

div.sidebar li {
list-style:none;
margin: 1em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}




div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

div#header,div#footer {
text-align:center;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}

/*inline comments page */


/* @start wp-typography */
sup {
	vertical-align: 60%;
	font-size: 75%;
	line-height: 100%;
}
sub {
	vertical-align: -10%;
	font-size: 75%;
	line-height: 100%;
}
.amp {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", "Warnock Pro", serif;
	font-weight: normal;
	font-style: italic;
	font-size: 1.1em;
	line-height: 1em;
}
.caps {
	font-size: 90%;
}
.dquo {
	margin-left:-.40em;
}
.quo {
	margin-left:-.2em;
}
/* @end wp-typography */

/* @start Networks Styles */
#social-icons{
	text-align: center;
	margin: 25px 0 0 0;
	clear: left;

}

#social-icons a{
	margin: 5px 10px;
}


#social-icons a:hover img{
	-webkit-box-shadow: 0 0 15px #888;
	-moz-box-shadow: 0 0 15px #888;
	box-shadow: 0 0 15px #888;
}

#social-icons a img{	
	-webkit-transition: -webkit-tranform 1s ease;
		
	-webkit-box-shadow: 0 0 5px #888;
	-moz-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;

}

#social-icons a:nth-child(2n+1) img{

}



.st-tag-cloud a{
		display: inline-table;
		-webkit-transition: -webkit-transform 0.5s;
		-webkit-transform: scale(1.0) rotate(0deg);

}

.st-tag-cloud a:hover{
			-webkit-transform: scale(1.3) rotate(10deg);
}	


@-webkit-keyframes wobble-left{
	
0% {
	-webkit-transform: scale(0.7) rotate(-5deg);
	}

100%{
	-webkit-transform: scale(1.0) rotate(5deg);
	}
}

@-webkit-keyframes wobble-right{
0% {
	-webkit-transform: scale(1.0) rotate(5deg);
	}

100%{
	-webkit-transform:  scale(0.7) rotate(-5deg);
	}
}



/* @start lifestream plugin customisations */
ol#lifestream{
	padding-left: 0;

}

ol#lifestream ,#lifestream ol{
	list-style: none;
}

#lifestream h2{
	margin-bottom: 0;
}

/* Lifestream events */
.lifestream-label{
	margin-bottom: 0;
}

.lifestream-meta{
	font-size: 0.7em;
	opacity: 0.9;
}

.lifestream-icon{
	width: 10px;
	height: 10px;
}

/* @end lifestream plugin customisations */

/* @end Networks Styles */

/* @start twitter share */
.twitter-share-button{
	clear: both;
	float: right;
}

/* @end twitter share */