/** Font styles 
---------------------------------*/

body {
  margin: 0;
  /*
   * Setting up font size, leading and font family
   * http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography
   */
  font: 13px/1.5em "Helvetica Neue", helvetica, Arial, sans-serif;
  letter-spacing:0.03em;
}

body.node-type-webdesignpage {
   background:url("../images/webdesign-body.jpg") repeat scroll 0 0 transparent;
}

body.node-type-mediapage {
   background:url("../images/media-body.jpg") repeat scroll 0 0 transparent;
}

/* Links */

a:link, a:visited {
  color: #885F3F;
  text-decoration: none;
}

a:hover, a:active {
  color: #885F3F;
  text-decoration: none;
  outline:medium none;
}

/* Titles  */

h1, h2, h3, h4, h5, h6 {line-height:1.3em;}

h1 {
	font-size: 2.2em;
	font-weight:bold;
	margin: 0;
}

h2 {font-size:1.8em;font-weight:300;margin-bottom:0.75em;}
h3 {font-size:1.4em;margin-bottom:1em;}
h4 {font-size:1.2em;margin-bottom:0.8em;color:#885F3F;}
h5 {font-size:1.1em;font-weight:600;margin-bottom:0;}
h6 {font-size:1em;font-weight:bold;color:#885F3F;}

/* Paragraph Styles */

p {
  margin:0 0 1em 0;
}

/* List Styles  */

ul, ol {
  margin-left: 0;
  padding-left: 2em;
}

/* Table Styles  */

table {
	width: 99%;
}
tr.even td, tr.odd td {
	padding: 10px 5px;
}
tr.odd {
	background-color: #fff;
}

/* Code */

pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}

pre {
	background-color: #efefef;
	display: block;
	padding: 5px;
	margin: 5px 0;
	border: 1px solid #aaa;
}

/* List Styles */

ul          { list-style-type: disc; }
ul ul       { list-style-type: circle; }
ul ul ul    { list-style-type: square; }
ul ul ul ul { list-style-type: circle; }
ol          { list-style-type: decimal; }
ol ol       { list-style-type: lower-alpha; }
ol ol ol    { list-style-type: decimal; }

/* Abbreviation */

abbr {
  border-bottom: 1px dotted #666;
  cursor: help;
  white-space: nowrap;
}

/* UI improvments  */

#edit-title{
	font-size: 24px;
}
#system-themes-form img{
	width:100px;
}
.form-item .description{
	font-style:italic;
	line-height:1.2em;
	font-size:0.8em;
	margin-top:5px;
	color:#777;
}
#edit-delete{
	color:#c00;
}

/**
 * Console, style from Slate theme
 */
div.messages {
  padding: 9px;
  margin: 1em 0;
  color: #036;
  background: #bdf;
  border: 1px solid #ace;
}
div.warning {
  color: #840;
  background: #fe6;
  border-color: #ed5;
}
div.error {
  color: #fff;
  background: #e63;
  border-color: #d52;
}
div.status {
  color: #360;
  background: #cf8;
  border-color: #be7;
}

/** Region Colors
---------------------------------
*  delete when starting a new theme */

.node-type-webdesignpage #header { 
background: url("../images/webdesign-header.jpg") no-repeat scroll 0 0 transparent;
}

.node-type-mediapage #header { 
background: url("../images/media-header.jpg") no-repeat scroll 0 0 transparent;
}

#header { 
background: url("../images/header.jpg") no-repeat scroll 0 0 transparent;
height:175px; }

.node-type-webdesignpage #footer { 
background:url("../images/webdesign-footer.png") no-repeat scroll 0 0 transparent; 
}

.node-type-mediapage #footer { 
background:url("../images/media-footer.png") no-repeat scroll 0 0 transparent; 
}

#footer { 
background:url("../images/footer.png") no-repeat scroll 0 0 transparent; 
height:38px;
width:1024px;
float:left;
}

.node-type-webdesignpage #footer .content a {
color:#FFFFFF;
}

.node-type-mediapage #footer .content a {
color:#000000;
}


#footer .content a {
color:#FFFFFF;
float:right;
margin-right:29px;
margin-top:-2px;
margin-bottom:26px;
}

#sidebar-first {	background: #e7edff; }
#sidebar-second { background: #ffd075; }
#navigation { background-color: #feffa5; }

.node-type-webdesignpage #nice-menu-1 {
background:url("../images/webdesign-menu.png") no-repeat scroll 0 0 transparent;
}

.node-type-mediapage #nice-menu-1 {
background:url("../images/media-menu.png") no-repeat scroll 0 0 transparent;
}

#nice-menu-1 {
background:url("../images/menu.png") no-repeat scroll 0 0 transparent;
height:25px;
width:1024px;
margin-top:-6px;
}

#nice-menu-1 li {
border:medium none;
}


#nice-menu-1 li a {
background:url("../images/menu.png") no-repeat scroll 0 0 transparent;
float:left;
font-size:0;
height:0;
overflow:hidden;
padding:25px 0 0;
width:128px;
}

#nice-menu-1 .menu-114 a {
background-position:0 0;
}

#nice-menu-1 .menu-115 a {
background-position:-128px 0;
}

#nice-menu-1 .menu-118 a {
background-position:-256px 0;
}

#nice-menu-1 .menu-116 a {
background-position:-384px 0;
}

#nice-menu-1 .menu-117 a {
background-position:-512px 0;
}

#nice-menu-1 .menu-119 a {
background-position:-640px 0;
}

#nice-menu-1 .menu-120 a {
background-position:-768px 0;
}

#nice-menu-1 .menu-271 a {
background-position:-896px 0;
}

#nice-menu-1 .menu-114 a.active {
background-position:0 0;
}

#nice-menu-1 .menu-115 a:active {
background-position:-128px -25px;
}

#nice-menu-1 .menu-118 a:active {
background-position:-256px -25px;
}

#nice-menu-1 .menu-116 a:active {
background-position:-384px -25px;
}

#nice-menu-1 .menu-117 a:active {
background-position:-512px -25px;
}

#nice-menu-1 .menu-119 a:active {
background-position:-640px -25px;
}

#nice-menu-1 .menu-120 a:active {
background-position:-768px -25px;
}

#nice-menu-1 .menu-271 a:active {
background-position:-896px -25px;
}

#nice-menu-1 .menu-114 a:hover {
background-position:0 -25px;
}

#nice-menu-1 .menu-115 a:hover {
background-position:-128px -25px;
}

#nice-menu-1 .menu-118 a:hover {
background-position:-256px -25px;
}

#nice-menu-1 .menu-116 a:hover {
background-position:-384px -25px;
}

#nice-menu-1 .menu-117 a:hover {
background-position:-512px -25px;
}

#nice-menu-1 .menu-119 a:hover {
background-position:-640px -25px;
}

#nice-menu-1 .menu-120 a:hover {
background-position:-768px -25px;
}

#nice-menu-1 .menu-271 a:hover {
background-position:-896px -25px;
}

.node-type-webdesignpage #main {
background:url("../images/webdesign-page-bg.jpg") repeat-y scroll 0 0 transparent;
}

.node-type-mediapage #main {
background:url("../images/media-page-bg.jpg") repeat-y scroll 0 0 transparent;
}

#main {
background:url("../images/page-bg.jpg") repeat-y scroll 0 0 transparent;
}

.node-type-webdesignpage #main h1 {
 background:url("../images/webdesign-content-header.png") no-repeat scroll 0 0 #fff;
 color:white;
 }

.node-type-mediapage #main h1 {
 background:url("../images/media-content-header.png") no-repeat scroll 0 0 #fff;
color:black;
 }

#main h1 {
 background:url("../images/content-header.png") no-repeat scroll 0 0 #fff;
 color:white;
 font-size:1.4em;
 font-weight:bold;
 padding-left:29px;
}

#content-header,#content-area {
 background: #eee;
 width: 660px;
}

#main .tabs {
 width:650px;
}

.node-type-webdesignpage #top-bottom-block h3.title {
 background:url("../images/webdesign-top-bottom-header.png") no-repeat scroll 0 0 #fff;
 color:white;
 }

.node-type-mediapage #top-bottom-block h3.title {
 background:url("../images/media-top-bottom-header.png") no-repeat scroll 0 0 #fff;
 color:black;
 }
 

#top-bottom-block h3.title {
 background:url("../images/top-bottom-header.png") no-repeat scroll 0 0 #fff;
 color:white;
 font-size:1.4em;
 font-weight:bold;
 padding-left:29px;
 height:24px;
 margin-bottom:0;
}

#top-block .content,#bottom-block .content,#content .content,
#block-left .content,#block-right .content {
 background: #eee;
 padding:4px;
 margin-bottom:18px;
}

.node-type-webdesignpage #left-right-block h3 {
 background:url("../images/webdesign-left-right-header.png") no-repeat scroll 0 0 #fff;
 color:white;
 }
 
 .node-type-mediapage #left-right-block h3 {
 background:url("../images/media-left-right-header.png") no-repeat scroll 0 0 #fff;
 color:black;
 }

#left-right-block h3 {
 background:url("../images/left-right-header.png") no-repeat scroll 0 0 #fff;
 color:white;
 font-size:1.4em;
 font-weight:bold;
 padding-left:29px;
 height:24px;
 margin-bottom:0;
}

td {
padding:10px;
vertical-align: top;
}

tbody {
border-top:1px solid #000;
}

#block-block-8 .content {
 margin-left:144px;
 width:1024px;
}

.twtr-widget-profile img.twtr-profile-img {
 background:none repeat scroll 0 0 #FFFFFF;
}

#content-left-right {
    margin-top: 40px;
}