/* 
 * DougalMatthews.com
 * Author : Dougal Matthews (www.dougalmatthews.com)
 * Some Rights Reserved (http://creativecommons.org/licenses/by/2.5/scotland/)
 */


/*
 * Default styles
 */
* {
	font-family: "Trebuchet MS",verdana,arial,sans-serif;
}

body {
	color: #333;
	font-size: 12px;
	margin: 0px;
}

a, a:active {
	color: #9c1a02;
	text-decoration: none;
}

a:hover {
	color: #999;
	text-decoration: none;
}

.box {
	-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

p {
	text-align: justify;
}

#header_wrapper {
	color: #777;
	background-color: #2B2B29;
	border-bottom: 2px solid #999999;
}

#footer_wrapper {
	color: #777;
	background-color: #2B2B29;
	border-top: 2px solid #999999;
}

#header div {
	margin-bottom: 5px;
}

#header a {
	text-decoration: none;
	font-style: normal;
}

#header .first {
	color: #C92001;
	margin-left: 3px;
}

#header .second {
	color: #fff;
}

#header .sub-nav {
	text-align: center;
}

#header .sub-nav a {
	color: #777;
	font-size: 1.4em;
	font-weight: bold;
}

#header .sub-nav a:hover, #contact #nav-contact, #cv #nav-cv, #about #nav-about {
	color: #C92001;
}

#header .sub-nav {
	margin-top: -10px;
	text-align: center;
}

#header .main-nav {
	text-align: center;
	margin-bottom: -2px;
	margin-top: -5px;
}

#header .main-nav, #header .main-nav div {
	margin-bottom: 0px;

	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}

#header .main-nav div div {
	height: 23px;
	padding-top: 8px;
	background-color: #fff;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
}

#header .main-nav a {
	color: #777;
    font-weight: bold;
}

#home #nav-home div, #services #nav-services div, #portfolio #nav-portfolio div, 
#projects #nav-projects div, #articles #nav-articles div {
	height: 24px;
	padding-top: 8px;
	background-color: #fff;
	border-left: 2px solid #999999;
	border-top: 2px solid #999999;
	border-right: 2px solid #999999;
	margin-bottom: -2px
}

#home #nav-home div a, #services #nav-services div a, #portfolio #nav-portfolio div a, 
#projects #nav-projects div a, #articles #nav-articles div a {
    color: #000;
}

#header .main-nav a:hover, #home #nav-home div a {
	text-decoration: none;
	font-style: normal;
	color: #000;
	font-weight: bold;
}

#logo {
	background-image: url(/media/static/img/logo.jpg);
	background-repeat: no-repeat;
	height: 40px;
	margin-left: 10px;
	display: block;
}

#search input {
	border: 2px solid #FFF;
	-moz-box-shadow: 0px 0px 20px #FFF;
	-webkit-box-shadow: 0px 0px 20px #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding-left: 5px;
	
	color: red;
	opacity: 0.7;
	-webkit-transition: color 1s linear, opacity 1s linear;
	-moz-transition: linear, color 1s linear, opacity 1s linear;
	
}

#search input:hover {
	color: #000;
	opacity: 1;
}

#content {
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
}

.nicedate {

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
	float: left;
	height: 80px;
	width: 50px;
	border: 1px solid #ddd;
	margin: 0px 5px 5px 0px;
}


.entry p {
	margin-bottom: 0px;
}

.nicedate-day {
	font-size: 2em;
	text-align: center;
}

.nicedate-month {
	font-size: 1em;
	text-align: center;
	text-transform: uppercase;
}

.nicedate_small {
	height: 35px;
	width: 25px;
}

.nicedate_small .nicedate-day {
	font-size: 0.9em;
}

.nicedate_small .nicedate-month {
	font-size: 0.8em;
}

.huge h1 {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-size: 30px;
}

.huge .nicedate {
	text-align: center;
	float: left;
	height: 130px;
	width: 90px;
	border: 2px solid #bbb;
	margin: 5px 15px 5px 0px;
}

.huge .nicedate-day {
	font-size: 4em;
	text-align: center;
}

.huge .nicedate-month {
	font-size: 1.5em;
	text-align: center;
	text-transform: uppercase;
}

.huge .nicedate-year {
	font-size: 1.5em;
	text-align: center;
	text-transform: uppercase;
}

.event_past .nicedate {
	color: #777;
}

.event_current .nicedate, .event_current {
	color: #9C1A02;
}

.event_future .nicedate {
	color: #777;
}

.box {
	border: 1px solid #999;
	background-color: #F3F3F3;
}

.feature {
	border: 1px solid #999;
}

.tag-1 {
	font-size: 0.9em;
}

.tag-2 {
	font-size: 1.1em;
}

.tag-3 {
	font-size: 1.3em;
}

.tag-4 {
	font-size: 1.5em;
}

.tag-5 {
	font-size: 1.7em;
	
}

.tag-6 {
	font-size: 1.9em;
}

.events h3{
	margin-bottom: 0.1em;
}

#mask { 
    background: #fff;
}

/********** Articles **********/
#articles .cal_not_in_month{
	color: #bbb;
}

#articles .cal_month_calendar a{
	font-weight: bold;
}

#articles .cal_month_calendar td, .cal_month_calendar th{
	text-align: center;
}

#articles .cal_title th{
	font-size: 1.2em;
}

#articles .categories{
	position: relative;
}

#articles .categories_count{
	border-right:2px solid #633709;
	display:block;
	height:100%;
	left:0;
	opacity:0.5;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
	top:0;
}

/********** Contact **********/
#contact textarea{
	width: 380px;
}

#contact label{
	display: inline;
}

#contact div.tooltip { 
    background-color:#000; 
    border:1px solid #fff; 
    padding:10px 15px; 
    width:200px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:12px; 
 
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}

/********** Gallery **********/
/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	top: 0px;
	left: 0px;
	position: absolute;
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* 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 */
.simple_overlay .close {
	background-image:url(../img/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;	
}

/********** Services **********/
#services .box {
	height: 240px;
}

/********** Portfolio **********/
#portfolio ul {
	padding-left: 10px;
	list-style: none;
}

#portfolio li {
	padding-bottom: 3px;
}

/********** Projects **********/
#projects ul {
	padding-left: 10px;
	list-style: none;
}

#projects li {
	padding-bottom: 3px;
}

code{
	color: #FF6200;
}

/********** Syntax *********/
.codehilite{
	border: 1px solid #ddd;
	background-color: #fff;
	padding: 0px 10px 0px 10px;
	margin: 10px 0px 10px 0px;
}

.codehilite .c { color: #408080; font-style: italic } /* Comment */
.codehilite .err { border: 1px solid #FF0000 } /* Error */
.codehilite .k { color: #008000; font-weight: bold } /* Keyword */
.codehilite .o { color: #666666 } /* Operator */
.codehilite .cm { color: #408080; font-style: italic } /* Comment.Multiline */
.codehilite .cp { color: #BC7A00 } /* Comment.Preproc */
.codehilite .c1 { color: #408080; font-style: italic } /* Comment.Single */
.codehilite .cs { color: #408080; font-style: italic } /* Comment.Special */
.codehilite .gd { color: #A00000 } /* Generic.Deleted */
.codehilite .ge { font-style: italic } /* Generic.Emph */
.codehilite .gr { color: #FF0000 } /* Generic.Error */
.codehilite .gh { color: #000080; font-weight: bold } /* Generic.Heading */
.codehilite .gi { color: #00A000 } /* Generic.codehilite .Inserted */
.codehilite .go { color: #808080 } /* Generic.codehilite .Output */
.codehilite .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
.codehilite .gs { font-weight: bold } /* Generic.Strong */
.codehilite .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.codehilite .gt { color: #0040D0 } /* Generic.Traceback */
.codehilite .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
.codehilite .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
.codehilite .kp { color: #008000 } /* Keyword.Pseudo */
.codehilite .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
.codehilite .kt { color: #B00040 } /* Keyword.Type */
.codehilite .m { color: #666666 } /* Literal.Number */
.codehilite .s { color: #BA2121 } /* Literal.String */
.codehilite .na { color: #7D9029 } /* Name.Attribute */
.codehilite .nb { color: #008000 } /* Name.Builtin */
.codehilite .nc { color: #0000FF; font-weight: bold } /* Name.Class */
.codehilite .no { color: #880000 } /* Name.Constant */
.codehilite .nd { color: #AA22FF } /* Name.Decorator */
.codehilite .ni { color: #999999; font-weight: bold } /* Name.Entity */
.codehilite .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
.codehilite .nf { color: #0000FF } /* Name.Function */
.codehilite .nl { color: #A0A000 } /* Name.Label */
.codehilite .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
.codehilite .nt { color: #008000; font-weight: bold } /* Name.Tag */
.codehilite .nv { color: #19177C } /* Name.Variable */
.codehilite .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
.codehilite .w { color: #bbbbbb } /* Text.Whitespace */
.codehilite .mf { color: #666666 } /* Literal.Number.Float */
.codehilite .mh { color: #666666 } /* Literal.Number.Hex */
.codehilite .mi { color: #666666 } /* Literal.Number.Integer */
.codehilite .mo { color: #666666 } /* Literal.Number.Oct */
.codehilite .sb { color: #BA2121 } /* Literal.String.Backtick */
.codehilite .sc { color: #BA2121 } /* Literal.String.Char */
.codehilite .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
.codehilite .s2 { color: #BA2121 } /* Literal.String.Double */
.codehilite .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
.codehilite .sh { color: #BA2121 } /* Literal.String.Heredoc */
.codehilite .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
.codehilite .sx { color: #008000 } /* Literal.String.Other */
.codehilite .sr { color: #BB6688 } /* Literal.String.Regex */
.codehilite .s1 { color: #BA2121 } /* Literal.String.Single */
.codehilite .ss { color: #19177C } /* Literal.String.Symbol */
.codehilite .bp { color: #008000 } /* Name.Builtin.Pseudo */
.codehilite .vc { color: #19177C } /* Name.Variable.Class */
.codehilite .vg { color: #19177C } /* Name.Variable.Global */
.codehilite .vi { color: #19177C } /* Name.Variable.Instance */
.codehilite .il { color: #666666 } /* Literal.Number.Integer.Long */