/* @override 
	http://projects.stourvalleydesigns.com/css/style.css
	http://localhost/projects/css/style.css
*/

/*
Theme Name: Stour Valley Designs
Theme URI: http://projects.stourvalleydesigns.com/
Description: Custom theme for Stour Valley Designs
Version: 1.0
Author: Adam Chamberlin
Author URL: http://stourvalleydesigns.com.
*/

@import "reset.css";

/* @group FontFace */

@font-face {
	font-family: 'QuicksandLight';
	src: url('fonts/Quicksand_Light-webfont.eot');
	src: local('☺'), url('fonts/Quicksand_Light-webfont.woff') format('woff'), url('fonts/Quicksand_Light-webfont.ttf') format('truetype'), url('fonts/Quicksand_Light-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'QuicksandLightOblique';
	src: url('fonts/Quicksand_Light_Oblique-webfont.eot');
	src: local('☺'), url('fonts/Quicksand_Light_Oblique-webfont.woff') format('woff'), url('fonts/Quicksand_Light_Oblique-webfont.ttf') format('truetype'), url('fonts/Quicksand_Light_Oblique-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'QuicksandBook';
	src: url('fonts/Quicksand_Book-webfont.eot');
	src: local('☺'), url('fonts/Quicksand_Book-webfont.woff') format('woff'), url('fonts/Quicksand_Book-webfont.ttf') format('truetype'), url('fonts/Quicksand_Book-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'QuicksandBookOblique';
	src: url('fonts/Quicksand_Book_Oblique-webfont.eot');
	src: local('☺'), url('fonts/Quicksand_Book_Oblique-webfont.woff') format('woff'), url('fonts/Quicksand_Book_Oblique-webfont.ttf') format('truetype'), url('fonts/Quicksand_Book_Oblique-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'QuicksandBold';
	src: url('fonts/Quicksand_Bold-webfont.eot');
	src: local('☺'), url('fonts/Quicksand_Bold-webfont.woff') format('woff'), url('fonts/Quicksand_Bold-webfont.ttf') format('truetype'), url('fonts/Quicksand_Bold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'QuicksandBoldOblique';
	src: url('fonts/Quicksand_Bold_Oblique-webfont.eot');
	src: local('☺'), url('fonts/Quicksand_Bold_Oblique-webfont.woff') format('woff'), url('fonts/Quicksand_Bold_Oblique-webfont.ttf') format('truetype'), url('fonts/Quicksand_Bold_Oblique-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'QuicksandDash';
	src: url('fonts/Quicksand_Dash-webfont.eot');
	src: local('☺'), url('fonts/Quicksand_Dash-webfont.woff') format('woff'), url('fonts/Quicksand_Dash-webfont.ttf') format('truetype'), url('fonts/Quicksand_Dash-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* @end */

 
html {
	overflow-y: scroll;
}
 
body {
	font: 12px/1.6em 'Helvetica Neue', 'HelveticaNeue', Arial, Sans-Serif;
	color: #616161;
	}

a {
	text-decoration: none;
	color: #1e5372;
	padding: 2px 0;
	-webkit-transition: color .3s ease-out;
}

a:hover {
	color: #74ab4e;
}

/* @group Structure */

#content_wrap {
	background: url(../img/grassBG.jpg) repeat-x 0 bottom;
}

#content {
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
	padding: 40px 0;
	min-height: 400px;
	background: url(../img/treeBG.png) no-repeat right bottom;
}

#main {
	width: 620px;
	float: left;
}

#sidebar {
	margin: 65px 0 0 0;
	width: 250px;
	float: right;
}

/* @end */

/* @group Header */

#head_wrap {
	background: url(../img/navBG.jpg) repeat-x;
}

	#header {
		overflow: hidden;
		width: 940px;
		margin: 0 auto;
		height: 44px;
	}

/* @group NavBar */

#nav {
			position: relative;
			overflow: hidden;
		}
	
			#nav img {
				position: absolute;
				display: inline;
				left: -8px;
			}
			
			#nav ul {
				float: right;
			}
			
				#nav ul li {
					display: inline;
				}
				
				#nav ul li a {
					float: left;
					line-height: 42px;
					padding: 0px 20px 0px 20px;
					text-decoration: none;
					font-size: 12px;
					color: #fff;
				}
				
					#nav ul li.current_page_item a{
						background:url(../img/menu_active.jpg) repeat-x;
						border-left: 1px solid #297dae;
						border-right: 1px solid #297dae;
					}
			
					#nav ul li a:hover{
						background:url(../img/menu_hover.jpg) repeat-x;
					}

/* @end */

/* @end */

/* @group Footer */

#footer_wrap {
	background: #f1f4f6;

}

	#footer {
		overflow: hidden;
		width: 940px;
		margin: 0 auto;
		padding: 10px 0;
		color: #aeb3b6;
		font-size: 12px;
	}
	
		#footer ul {
			float: left;
		}
		
		#footer ul li {
			display: inline;
			border-right: 1px solid #aeb3b6;
		}
		
		#footer ul li a {
			color: #aeb3b6;
			text-decoration: none;
			padding: 0 10px;
			
		}
		
		#footer ul li:last-child {
			border: none;
		}
		
		#footer ul li.current_page_item a {
			color: #82888c;
		}
		
		#footer p {
			float: right;
		}

/* @end */

/* @group Sidebar */

#sidebar h3 {
	font-family: 'QuicksandBook', Arial, sans-serif;
	color: rgba(144,144,144,0.69);
	margin: 0 0 10px 0;
	padding: 0;
}

#sidebar ul {
	margin: 0;
	padding: 20px;
	background-color: #f8f8f8;
	border: 1px solid #cbcbcb;
}

#sidebar li {
	line-height: 25px;
	margin: 5px 0;
}

#sidebar .editProject {
	background: url(../img/icons/application_form_edit_small.png) no-repeat left center;
	padding: 5px 20px;
}

#sidebar .addProject {
	background: url(../img/icons/application_form_add_small.png) no-repeat left center;
	padding: 5px 20px;
}

#sidebar .projectView {
	background: url(../img/icons/application_form_magnify_small.png) no-repeat left center;
	padding: 5px 20px;
}

/* @end */



/* @group General Heading Tags */

h1 { font-size: 3em; padding-bottom: 30px; }

h2 { font-size: 3em; padding-bottom: 25px; }

h3 { font-size: 1.8em; padding-bottom: 20px; }

h4 { font-size: 1.6em; padding-bottom: 18px; }

h5 { font-size: 1.4em; padding-bottom: 16px; }

h6 { font-size: 1.2em; padding-bottom: 14px; }

h1 {
	font-size: 2em;
	color: #c9cbca;
	font-family: 'Quicksand', Arial, sans-serif;
	padding: 0 0 10px 0;
	margin: 0 0 40px 0;
	text-shadow: #cce9f7 1px 0 2px;
	border-bottom: 1px solid #f8f8f8;
}

h2 {
	font-family: 'QuicksandLight', Arial, sans-serif;
	margin: 0 0 10px 0;
}

/* @end */

ul.meta li {
	display: inline;
}

/* @group Main */

#main h3 {
	font-family: 'QuicksandBook', Arial, sans-serif;
	padding: 0 0 10px 0;
	color: rgba(144,144,144,0.69);
}

#main ul {
	margin: 20px;
	list-style-type: square;
	list-style-position: inside;
}

#main ul li {
	margin: 2px 0;
}

#main ol {
	margin: 10px 20px;
	list-style-type: decimal;
	list-style-position: inside;
}

#main ol li {
	margin: 2px 0;
}



/* @end */

/* @group General Type Elements */

#content p {
	line-height: 18px;
	padding-bottom: 5px;
	word-spacing: 1px;
}

/* Strong and bold styling */
#content strong, #content b {
	font-weight: bold;
}

/* Italics */
#content i {
	font-style: italic;
	font-size: 100%;
}

/* Empathised */
#content em {
	font-style: italic;
	background-color: #fcfec4;
}

blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	background: url(img/quote.png) no-repeat 20px 5px;
	padding: 0 50px;
}

/* @end */

/* @group General Forms */

fieldset {
	border: 1px solid rgba(1, 1, 1, 0.1);
	margin: 0 0 20px 0;
}

fieldset legend {
	margin: 0 0 0 10px;
	padding: 0 10px;
	font-size: 16px;
	font-family: 'QuicksandLight', Arial, sans-serif;
}

fieldset li {
	list-style: none;
	padding: 0 0 10px 0;
}

fieldset label {
	display: block;
	margin: 0 0 0 5px;
	font-style: italic;
}

fieldset textarea {
	font-size: 1em;
	width: 400px;
	height: 200px;
	padding: 5px;
	border: 1px solid #ebebeb;
}

input, textarea { 
	padding: 8px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

fieldset select {
	font-size: 1.4em;
}

.button, input[type=submit] {
	position: relative;
	color: #fff;
	background: #ae582b url(../img/buttonBG.jpg) repeat-x;
	border: 1px solid #ad4405;
	padding: 5px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-shadow: #7b572d 2px 2px 2px;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
}

.button:hover, input[type=submit]:hover {
	color: #fff;
	background: #eb7a1a;
}

/* @end */

ul#clientlist, ul#projectlist, ul#tasklist {
	margin: 0;
}

ul#clientlist li, ul#projectlist li, ul#tasklist li {
	background-color: #f8f8f8;
	border: 1px solid #cbcbcb;
	list-style: none;
	padding: 10px;
	margin: 0 0 15px 0;
}

#clientlist h4, #projectlist h4, #tasklist h4 {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 1.5em;
}

ul#clientlist li span, ul#projectlist li span, ul#tasklist li span {
	font-style: italic;
	color: #adadad;
}

ul#clientlist a.addComment, ul#projectlist a.addComment {
	float: right;
	color: #adadad;
}

ul#projectlist li h4 span {
	font-size: 14px;
}

#commentlist li span {
	font-style: italic;
	display: block;
	margin: 0 0 0 20px;
	font-size: 0.8em;
}

/* @group Projects Pages */

#projectClient, #projectNotes, #projectTasks, #projectInvoice, #projectComments {
	position: relative;
	margin: 10px 0 0 0;
	padding: 20px 0;
	border-top: 1px solid #f4f4f4;
}

#projects h2 {
	line-height: 32px;
}

#projects h2 span {
	float: left;
	text-indent: -9999px;
	width: 20px;
	margin: 0 10px 0 0;
}

#projects h2 span.red {
	background: url(../img/icons/bullet_red.png) no-repeat center center;
}

#projects h2 span.green {
	background: url(../img/icons/bullet_green.png) no-repeat center center;
}

#projects h2 span.yellow {
	background: url(../img/icons/bullet_yellow.png) no-repeat center center;
}

#projects h2 span.orange {
	background: url(../img/icons/bullet_orange.png) no-repeat center center;
}

#projectClient address {
	padding-left: 20px;
	margin-bottom: 10px;
	font-style: italic;
}

#projects p em {
	font-weight: bold;
	font-style: normal;
	background: none;
}

#projectTasks li {
	padding: 0 0 0 25px;
	list-style-position: inside;
	border-bottom: 1px solid rgba(239,239,239,0.5);
}

#projectTasks li h4 {
	font-size: 14px;
	padding: 0;
}

#projectTasks li.green {
	background: url(../img/icons/bullet_green_small.png) no-repeat left 2px;
}

#projectTasks li.yellow {
	background: url(../img/icons/bullet_yellow_small.png) no-repeat left 2px;
}

#projectTasks li.red {
	background: url(../img/icons/bullet_red_small.png) no-repeat left 2px;
}

#projectTasks li span a {
	width: 20px;
	float: right;
	background: url(../img/icons/accept_small.png) no-repeat center center;
	text-indent: -9999px;
}

#projectTasks li p {
	margin: 0 0 0 14px;
}

#projectTasks p {
	margin: 20px 0 0 0;
}

#projectTasks a.add {
	background: url(../img/icons/add_small.png) no-repeat left center;
	padding-left: 20px;
	margin: 20px;
}

#projects .invoiceLink {
	margin: 10px 20px;
	font-style: italic;
}

#projects form {
	margin: 40px 0;
}

/* @end */

/* @group Tasks Pages */

ul#tasklist a.completeTask {
	float: right;
	width: 20px;
	text-indent: -9999px;
	background: url(../img/icons/accept_small.png) no-repeat center center;
}

/* @end */

.flashConfirm {
	position: relative;
	color: #008f13;
	border: 1px solid #00c01d;
	padding: 20px 60px;
	margin: 5px 0 20px 0;
	background: rgba(190,251,136,0.36) url(../img/icons/accept.png) no-repeat 10px center;
}

.flashError {
	position: relative;
	color: #ff1312;
	border: 1px solid #ff1312;
	padding: 20px 60px;
	margin: 5px 0 20px 0;
	background: rgba(255,164,160,0.52) url(../img/icons/exclamation.png) no-repeat 10px center;
}

.flashClose {
	position: absolute;
	top: 2px;
	right: 2px;
	width: 20px;
	background: url(../img/icons/cancel_small.png) no-repeat center center;
	text-indent: -9999px;
}

/* @group Pagination */

.pagination {
	display: relative;
	margin: 40px 0 0 0;
}

.pagination strong {
	padding: 8px 12px;
	border: 1px solid #e1e1e1;
	background-color: #f8f8f8;
}

.pagination a {
	padding: 5px 6px;
	border: 1px solid #e1e1e1;
}

.pagination a:hover {
	background-color: #f8f8f8;
}

/* @end */

/* Date Picker */

table.jCalendar {
    border: 1px solid #000;
    background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}

table.jCalendar th {
    background: #333;
    color: #fff;
    font-weight: bold;
    padding: 3px 5px;
}



table.jCalendar td {
    background: #ccc;
    color: #000;
    padding: 3px 5px;
    text-align: center;
}

table.jCalendar td.other-month {
    background: #ddd;
    color: #aaa;
}

table.jCalendar td.today {
    background: #666;
    color: #fff;
}

table.jCalendar td.selected {
    background: #f66;
    color: #fff;
}

table.jCalendar td.selected.dp-hover {
    background: #f33;
    color: #fff;
}

table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td {
    background: #fff;
    color: #000;
}

table.jCalendar tr.selectedWeek td {
    background: #f66;
    color: #fff;
}

table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
    background: #bbb;
    color: #888;
}

table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover {
    background: #bbb;
    color: #888;
}