/*
Theme Name: uvd
Theme URI:
Description: Ultraviolet Design wordpress theme,
Version: 0.1 english
Author: Patrick Hamann
Author URI: http://www.ultravioletdesign.co.uk
*/

@font-face {
    font-family: 'Museo500';
    src: url('fonts/Museo500-Regular-webfont.eot');
    src: url('fonts/Museo500-Regular-webfont.eot?iefix') format('eot'),
         url('fonts/Museo500-Regular-webfont.woff') format('woff'),
         url('fonts/Museo500-Regular-webfont.ttf') format('truetype'),
         url('fonts/Museo500-Regular-webfont.svg#webfontQF7qPaga') format('svg');
    font-weight: normal;
    font-style: normal;

}


ol#nav { margin: 0px 0px 20px 0px; }

h1 {
	font-size: 24px; !important;
	display:block;	
	font-family: 'Museo500';
	width:540px;
	height: auto;
	line-height: 36px;
	text-align: left;
}

h1 a { font-family: 'Museo500'; }

blockquote {
	width:540px;
	background:url('images/trans15.png');
	border-left:1px solid #E90E8B;
    color: #ffffcc;
    font-size: 1.00em;
    padding:10px;
    margin-bottom:20px;
    margin-left:-40px;
}


blockquote p {margin:0;}

code {
	display:block; 
	width:540px; 
	background:url('images/trans15.png');
	border-left:1px solid #E90E8B;
    color: #ffffcc;
    font: 11px Verdana, Arial, 'Helvetica', sans-serif;
    padding: 10px;
	text-align: left;
	margin-bottom:20px;
    margin-left:-40px;
}


a, a:link, a:visted { color: #FDFDAC;}

/*a:hover {color:#ffffff;}*/

/*#####################*/
/*### Headlines ###*/
/*#####################*/

/*h1 a {
	color: #326ea1;
        font-weight: 100;
	font: 24px Arial, 'Helvetica', Verdana, sans-serif;
        margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: none;
        display: block;
}

h1 {
	color: #326ea1;
        font-weight: 100;
	font: 24px Arial, 'Helvetica', Verdana, sans-serif;
        margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: none;
}

h2, h2 a {
	color: #326ea1;
        font-weight: 100;
	margin: 0;
	padding: 0;
}

h3, h3 a {
	color: #326ea1;
        font-weight: 100;
	margin: 15px 0 0px 0;
	padding: 0;
}

h4 {    color: #326ea1;
	font: 12px Verdana, Arial, 'Helvetica', sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
*/

h3 {
	font-size:1.4em;
	color: #FFFFCC;
	margin:0px 0px 10px 0px;
}

h5 {
	font-size:1em;
	font-weight:normal;
	font-style:italic;
	color:#FFFFCC;
	margin:0px 0px 10px 0px;

}

img {
	border: none;
        }

ol, form {
	margin: 0;
	padding: 0;
}


ol {
list-style: decimal inside !important;
margin: 0px 0px 20px 20px;
}

.articles p, .aside p { 
	text-align: left;
	line-height: 1.7em;
}

.entry {
	line-height: 1.3em;
	text-align: left;
}

small {
	font-size: 10px;
}

#page {
	background: transparent;
        margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 810px;
}


/*################*/
/*### Content  ###*/
/*################*/

.articles { float:left; width:700px; overflow:hidden;}

div.article {
	float:left;
	width:700px;
	overflow:hidden;
	margin-bottom:20px;
}


.entry { 
	width:540px;
	float:left;
	display:inline;
	margin-left:20px;
	_margin-left:10px;
}

#content {
	background: transparent;
        border: none;
	//color: #282828;
	float: left;
	margin: 20px 0px 30px 0px;
	padding: 0 40px 0 0px;
        text-align: left;
	width: 510px;
}


div.article a { color:#ffff80; text-decoration:none;}
div.article p a, div.article h3 { color: #ffff80; }
div.article li { line-height:1.6em;} 

div.article a:hover {
    color:#EC008C;
    background: transparent;
	text-decoration: underline;
}

div.article img {
/*	float: left;*/
	margin: 3px 10px 5px 0;
        _margin: 3px 5px 5px 0;
	border: 1px solid #cccccc;
        padding: 5px;
        background-color: transparent;
}

div.article a:hover img { 
        border: 1px solid #777777; 
        background: transparent;
}


.article ul {
         list-style-type: circle; 
         margin: 0 0 18px 25px; 
         padding:  0 0 0 0; 
}

.article ol {
	   margin: 0 0 18px 25px; 
         padding:  0 0 0 0; 
}

.article ol li {
	         line-height: 1.5em; 
         margin: 0; 
         padding: 5px; 
}

.article ul li {
         line-height: 1.5em; 
         margin: 0; 
         padding: 5px; 
}


.pagenavigation2 a {
	color:#ffffcc;
}



.entry p.postmetadata {
/*	background: url('http://www.ultravioletdesign.co.uk/redesign/assets/img/trans15.png');*/
	padding:3px;
	color:#fff;
	border-bottom:none;
	width:534px;
	font-size:0.8em;
	margin-bottom:0;
}

.entry p.postmetadata a { color:#ffff80; }

.entry .author {
	display:block;
	float:left;
	width:530px;
	background:url('images/trans15.png');
	padding:10px 5px 10px 5px;
	margin-bottom:10px;
}

.entry .author p {
	float:left;
	font-size:0.8em;
	width:400px;
}

.article .author img {
	border:none;
	padding:none;
	float:left;
}


.navigation {
	float:left;
	width:540px;
}

/*############################*/
/*#### Comments #### */
/*############################*/

h2.commentheader {	
	color: #FFC;
	margin-bottom:20px;
}



ol.commentlist { 
	list-style: none !important;
	margin-bottom:20px;
}

.commentauthor img { 
	float:left;
	margin-right:2px;	
}

.commentmetadata p.commentauthor a.url { margin-bottom:5px; }

.commentmetadata p.commentauthor a.commentlink {
	float:left;
	color:#ffffcc;
	font-size:0.6em;
	width:106px;
}

.commentbody {
	width:700px;
	float:left;
	clear:left;
	margin-bottom:10px;
}

li.odd div.entry {
	background:transparent url('images/trans15.png');
}

.commentbody .entry { 
	width:510px;
	padding:5px;
}

.commentbody .entry a { color:#ffffcc; }
.commentbody .entry a:hover { color:#E90E8B; }

.commentbody p {
	font-size:0.9em;
	line-height: 1.2em;
}

.commentlink {
	font-size: 13px;
}

.commentlist {
	list-style: none;
}


#commentform {
	border-top: 1px solid #E90E8B;
	margin-top:38px;
	padding-top: 20px;
}


#email, #author, #url {
	height:17px;
	background:transparent url('images/trans15.png');
	border:none;
	color: #ffffcc;
    font: 12px Verdana, Arial, 'Helvetica', sans-serif;
	padding: 5px;
	vertical-align: middle;

}

#email:focus, #author:focus, #url:focus {
	background:transparent url('images/trans30.png');
}


#submit {
	background: #fafafa;
	border: 1px solid #cccccc;
	color: #444444;
    font: 12px Verdana, Arial, 'Helvetica', sans-serif;
	margin: 0;
	padding: 0 10px;

}

textarea {
		background:transparent url('images/trans15.png');
        overflow:auto;
        border:none;
        padding:5px;
        color:#ffffcc;
}

textarea:focus {
		background:transparent url('images/trans30.png');
}



/*####################*/
/*### SEARCH FIELD ###*/
/*####################*/

.search {
	float:left;
	background:transparent url('images/trans15.png');
	border:none;
	color:#ffffff;
	height:17px;
	width:185px;
	padding:5px 3px 5px 3px;
	margin-bottom:10px;
}

input.go {
	float:left;
	width:27px;
	height:27px;
	background:transparent url('images/search.png');
	border:none;
	margin-left:2px;
	cursor:pointer;
}

input.go:hover { background:transparent url('images/search2.png');} 



/*################*/
/*#### SIDEBAR ###*/
/*################*/

#aside {
		position:relative;
        width: 220px;
        margin-left:20px;
        overflow:hidden;
        float: left;
        line-height: 1.6em;
        text-align:left;
}

.sidelist {
		clear:left;
        background: transparent;
        margin: 0 0 20px 0;
        padding: 0;
}


#aside ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#aside li{
	margin: 0;
    padding: 0;
    display: block;
}

#aside li a {
    display: block;
    background-color: transparent;
	color:#ffffff;
	padding: 5px 5px 5px 5px;
    border-bottom: 0;
	}

#aside li a:hover {
	color:#EC008C;
    text-decoration: underline;
	}


#wrapper {
	float: left;
	margin: 0;
	padding: 0;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	margin-top: -1px;
	text-align: right;
}


.date {
	background: transparent;
	color: #363636;
	margin: 0;
	padding: 0;
}

.postmetadata, .commentmetadata {
	width:140px;
	float:left;
    background: transparent;
    color: #ffffff;
    line-height: 1.5em;
	text-align: left;
}

.postmetadata p, .commentmetadata p {
	border-bottom:1px solid #E90E8B;
	margin-bottom:0;
	font-size:0.8em;
	padding:4px;
}

.postmetadata p.date, 
.commentmetadata p.commentheader, 
.commentmetadata p.commentauthor {
	*height:38px;
	min-height:38px;
	color:#ffffff;
	font-size:18px;
	padding:0;
}

.commentmetadata p.commentauthor { font-size:1.1em;}

.commentmetadata p.commentauthor a{ 
	line-height:1em;
	float:left;
	color:#ffffff;
	}

.postmetadata a {background: transparent; color: #ffffcc; text-decoration: none;}

.postmetadata2 {
        background: #eeeeee;
        color: #282828;
        border: 1px solid #cccccc;
        font-size: 11px;
        line-height: 1.3em;
	letter-spacing: 0em;
	margin: 0 0 20px 0;
	padding: 5px;
	text-align: left;
        clear:both;
        -moz-border-radius: 10px;
}

/* different postmetadata style for single.php */

.alt {
	line-height: 1.3em;
	padding: 10px;
}

.alt a {
	background: inherit;
	color: #aa0000;
        text-decoration: none;
}

.commentheader {
        background: inherit;
        font-size: 18px;
        font-weight: lighter;
        text-align: left;
        color: #326ea1;
        padding: 0;
        line-height: 1.5em;
}

.clear {clear:both;}

/*#######################*/

/*#### Mobile version ###*/

/*#######################*/





@media (min-device-width:481px) and (max-width:480px),

		screen and (max-device-width:480px),

		(max-device-width:480px) and (orientation:landscape),

		(min-device-width:481px) and (orientation:portrait) 

{



	body {

		background: #eeeeee;

		background-image: none;

	}



	#clientlogin { display:none; }



	div.section, div.article, div.articles, h1 { width: 480px; padding:0px; }



	#header { 
		background: #40164E; 
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(123,1,121)), color-stop(0.62, rgb(64,22,78)));
	}

	

	#nav { 

		width: 480px; 

		background: #cccccc;

		border:none;

		height:33px;

	}

	

	#nav li {

		height: 22 px;

		padding: 10px 5px 10px 5px;

		margin-right: 10px;

	}

	

	#nav li a {

		background-image: none;

		width:auto !important;

		text-indent: 0px;

		color: #000;
		font-size:1.1em;
		text-shadow: -1px -1px 0px #ccc;

	}

	
	#nav li.home { margin-left:5px;}
	#nav li.home, #nav li.home a { width:auto; }

	#nav li.about-us, #nav li.about-us a { width:auto;}

	#nav li.work, #nav li.work a { width:auto; }

	#nav li.services, #nav li.services a { width:auto; }

	#nav li.case-studies, #nav li.case-studies a { width:auto; } 

	#nav li.blog, #nav li.blog a { width:auto; }

	#nav li.contact, #nav li.contact a { width:auto; }



	#nav li.blog {

		background:#eeeeee;

		border-bottom: none;

	}



	.postmetadata {

		width:460px;

	}

	

	.postmetadata p { display: none;}

	.postmetadata p.date {

		display: block;

		color:#000;

		font-size: 0.8em;

		padding: 5px 10px 5px 10px;

		border-bottom: none;

		height:20px;

		min-height:20px;

		color:#ec008c; 

	}

	

	.entry {

		width: 460px;

		margin: 0px;

		padding: 10px;

	}

	

	h1 { 

		border:none; 

		width:460px; 
		height:auto;
		font-size: 2.0em;
		line-height: 1.4em;
		color: #000 !important ;
		margin:0px;
	}
	
	div.article h1 a { text-decoration:underline; color:#000;  }
	
	div.article:nth-child(even) {background:#fff; }
	

	.entry p { width:440px; color: #000; margin-left:10px;}

	

	div.article p a { color:#ec008c; }

	

	div.article img { width: 428px !important; }

	

	.entry p.postmetadata {

		color:#000;

		border-bottom: none;

	}



	.entry p.postmetadata a {

		color:#ec008c;
	}
	
	.article ul { list-style-position:inside; }
	
	.article ul li { color:#000000; font-size: 0.8em; }
	
	code {
		width:420px;
		margin:0px 0px 20px 10px;
		background:#ccc;
		font-size:0.8em;
		color:#000000;
	}
	
	blockquote {
		width:420px;
		margin:0px 0px 20px 10px;
		background:#ccc;
	}
	
	div.author { 
		width:460px;
		color:#ccc;
	}
	
	div.article div.author img { width:64px; height:64px; !important }
	
	.entry blockquote p { width:400px; font-size:0.8em; }
	
	#aside {
		width:480px;
		margin:0px;
	}
	
	#aside li a { color:#ec008c; }
	
	.sidelist {
		margin:0px;
		padding:5px 10px 5px 10px;
	}
	
	.sidelist h2 { border-bottom:1px solid #000; color:#000; }
	.sidelist li { 
		border-top:1px solid #fff; 
		border-bottom:1px solid #333;
	}
	
	.sidelist li a { color:#ec008c; }
	
	.pagenavigation2 { padding: 0px 10px 10px 10px; margin-bottom:20px; } 
	
	.pagenavigation2 a {
		color:#ec008c;
		font-size:1.4em;
	}
	
	#footer { width:480px; }
	
	#footer .column { width:480px; margin:0px 0px 20px 0px; clear:left; }
	
	#footer div.column:first-child{ display:none; }

	footer .column h2 { width:440px; }
	
	#footer .column h2.feed { width:420px; }


}

/* desert scheme ported from vim to google prettify */

pre { 
	background-color: #333; 
	display:block; 
	width:540px; 
	border-left:1px solid #E90E8B;
    font: 11px Verdana, Arial, 'Helvetica', sans-serif;
    padding: 10px;
	text-align: left;
	margin-bottom:20px;
    margin-left:-40px;
}
}

pre .nocode { background-color: none; color: #000 }

pre .str { color: #ffa0a0 } /* string  - pink */

pre .kwd { color: #f0e68c; font-weight: bold }

pre .com { color: #87ceeb } /* comment - skyblue */

pre .typ { color: #98fb98 } /* type    - lightgreen */

pre .lit { color: #cd5c5c } /* literal - darkred */

pre .pun { color: #fff }    /* punctuation */

pre .pln { color: #fff }    /* plaintext */

pre .tag { color: #f0e68c; font-weight: bold } /* html/xml tag    - lightyellow */

pre .atn { color: #bdb76b; font-weight: bold } /* attribute name  - khaki */

pre .atv { color: #ffa0a0 } /* attribute value - pink */

pre .dec { color: #98fb98 } /* decimal         - lightgreen */



/* Specify class=linenums on a pre to get line numbering */

ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE } /* IE indents via margin-left */

li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }

/* Alternate shading for lines */

li.L1,li.L3,li.L5,li.L7,li.L9 { }



@media print {

  pre { background-color: none }

  pre .str, code .str { color: #060 }

  pre .kwd, code .kwd { color: #006; font-weight: bold }

  pre .com, code .com { color: #600; font-style: italic }

  pre .typ, code .typ { color: #404; font-weight: bold }

  pre .lit, code .lit { color: #044 }

  pre .pun, code .pun { color: #440 }

  pre .pln, code .pln { color: #000 }

  pre .tag, code .tag { color: #006; font-weight: bold }

  pre .atn, code .atn { color: #404 }

  pre .atv, code .atv { color: #060 }

}