/*  
Theme Name: Creative Mark
Theme URI: http://www.creativemark.co.uk
Description: Theme for Creativemark
Version: 1.0
Author: Andrew Lindstrom
Author URI: http://www.andrewlindstrom.com
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; font:62.5%/1.6 Arial, Verdana, Helvetica, Sans-serif; background-color: #c7c7c7; margin: 5px 0 20px 0; }

/* --= Typography & Colors =-- */
h1 { font-size: 26px; }
h2, h2 a { font-size: 22px; }
h3 { font-size: 18px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }
.entry p { padding-bottom: 1.5em; }
#content { font-size: 14px; }
#content a { color: #0682e2; text-decoration: none; border-bottom: 1px dotted #8bc5f1; }
#content a:hover { color: #006cbf; border-bottom: 1px dotted #0682e2; }
#content a:active { color: #bf0000; border-bottom: 1px dotted #bf0000; }
.entry { padding: 8px 10px; }
#menu li a { font:bold 14px 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; text-transform: uppercase; text-decoration: none; color: #666; text-shadow:1px 1px #dadada; }
#menu li a:hover  { color: #fff; text-shadow: 1px 1px #d6b733; }
#menu li.current_page_item a { color: #fff; text-shadow: 1px 1px #d6b733; }
.pagetitle { font:bold 14px 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; text-transform: uppercase; text-decoration: none; color: #666; text-shadow:1px 1px #dadada; background: #c7c7c7 url(images/menubg.png) top left no-repeat; display: block; padding: 13px 10px 7px 20px; border-bottom: 1px solid #666; }
#sidebar li.current_page_item a { color: #fff; text-shadow: 1px 1px #d6b733; border-bottom: 1px solid #bd8601; background-color: #e2ce06; }
#content .blogtitle a:hover { color: #333;  }
#content .blogtitle a { font:bold 14px 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; text-transform: uppercase; text-decoration: none; color: #666; text-shadow:1px 1px #dadada; background: #c7c7c7 url(images/menubg.png) top left no-repeat; display: block; padding: 21px 10px 10px 82px; border-bottom: 1px solid #666; }
#content .newstitle a:hover { color: #333;  }
#content .newstitle a { font:bold 14px 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; text-transform: uppercase; text-decoration: none; color: #666; text-shadow:1px 1px #dadada; background: #c7c7c7 url(images/menubg.png) top left no-repeat; display: block; padding: 21px 10px 10px 20px; border-bottom: 1px solid #666; }
.widgettitle { font:bold 14px 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; text-transform: uppercase; text-decoration: none; color: #666; text-shadow:1px 1px #dadada; background: #c7c7c7 url(images/menubg.png) top left no-repeat; display: block; padding: 13px 10px 7px 20px; border-bottom: 1px solid #666; }
#footer { font: 11px/20px Verdana, Helvetica, Arial, Sans-serif; color: #fff; text-transform: uppercase; }
#footer a { color: #fff; text-decoration: none; font-weight: bold; }
#footer a:hover { text-decoration: underline; }
.widget ul li { font-size: 12px; font-weight: bold; }
.widget ul li a { display: block; padding: 6px 20px; color: #333; text-decoration: none; border-bottom: 1px dotted #333; }
.widget ul li a:hover { color: #0682e2; border-bottom: 1px dotted #0682e2; }
.postinfo  { color: #666; font-style: italic; font-size: 12px; margin: 5px 0 8px 10px; display: block; }
#content .postinfo a { color: #666; border-bottom: 1px dotted #666; }
#content .postinfo a:hover { color: #0682e2; border-bottom: 1px dotted #8bc5f1; }
.archivepage { margin: 5px 0 0 10px; }
.newsitem a { display: block; padding: 10px; border-bottom: 1px dotted #333; }
.newsdate { display: block; float: right; margin: 12px 10px 0 0; font-size: 12px; color: #999; font-style: italic; }
.readmore { display: block; text-align: right; font-weight: bold; }
#tag_cloud a { color: #333; text-decoration: none; border-bottom: 1px dotted #333; display: block; float: left; margin: 3px; }
#tag_cloud a:hover { color: #0682e2; border-bottom: 1px dotted #0682e2; }
.latestleft { float: left; width: 200px; }
.widget .latestleft a { color: #006cbf; border-bottom: none; }
.widget .latestleft a:hover { color: #bd8601; border-bottom: none; }
.dateright { display: block; width: 100px; float: left; font-weight: normal; padding: 6px 6px 6px 0;color: #006cbf; text-align: right; font-style: italic; }
#homesidebar  li { border-bottom: 1px dotted #333; display: block; float: left; }
.post-edit-link { clear: both; }
/* --= End Typography & Colors =-- */


/* --= Begin Structure =-- */
#wrapper { background-color: #fff; }
#page { width: 960px; margin: 0 auto; }
#content { clear: both; width: 620px; margin-right: 30px; float: left; margin-top: 8px; margin-bottom: 20px; }
#sidebar { width: 310px; float: left; margin-top: 8px; padding-bottom: 20px; }
#footerwrapper { clear: both; background-color: #c7c7c7; }
#footer { width: 960px; margin: 0 auto; padding-top: 30px; text-align: right; }
.widget { margin-bottom: 30px; }
.post { margin-bottom: 30px; }
.thedate { margin-top: -44px; margin-bottom: 1px; margin-left: 16px; background: url(images/calendar.png) top left no-repeat; width: 62px; height: 57px; }
.month { color: #fff; font: bold 9px verdana, arial, sans-serif; padding: 11px 0 0 10px; text-transform: uppercase; }
.day { font: bold 24px verdana, arial, sans-serif; color: #202221; padding: 0 0 0 0; margin-top: -2px; text-shadow: 1px 1px #f7f7f7; text-align: center; }
#leadimage {  }
#leadimage img { margin: 8px 0 15px 0; }
#subrss { border-bottom: 1px dotted #333; padding-bottom: 6px; }
#subrss a { color: #333; text-decoration: none; font-weight: bold; font-size: 12px; display: block; background: url(images/feed.png) top left no-repeat; margin: 10px 0 0 20px; padding: 0 0 0 36px; line-height: 30px;}
#subrss a:hover { color: #c2530a; }
.wpcf7 { width: 390px; float: left; }
#contactaddress { width: 200px; float: right; }
/* --= End Structure==- */


/* --= Begin Menu =-- */
h1#logo a { display: block; width: 248px; height: 148px; text-indent: -9009px; background: transparent url(images/logo.png) top no-repeat; float:left; }
h1#logo a:active { background-position: 0 2px; }
#menu li { display: inline; float: right; margin-top: 67px; }
#menu li a { background: #c7c7c7 url(images/menubg.png) top left no-repeat; margin-left: 7px; display: block; padding: 21px 10px 10px 20px; float: left; border-bottom: 1px solid #666; }
#menu li a:hover, #menu li.current_page_item a { background: #e2ce06 url(images/menubg.png) 0 -70px no-repeat; margin-left: 7px; display: block; padding: 21px 10px 10px 20px; float: left; border-bottom: 1px solid #bd8601; }
#menu li a:active { margin-top: 2px; }
#menu li.current_page_item a:active { margin-top: 0; }
/* --= End Menu =--  */


/* --= Begin Images =-- */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft {	float: left; }
/* --= End Images =-- */


/* --= Begin Lists =-- */
ol,ul { list-style:none; }
.entry ul { list-style:disc inside; padding: 0 0 15px 15px; }
.entry ol { list-style:decimal inside; padding: 0 0 15px 15px; }
.entry li { padding-bottom: 0.2em; }
#footermenu li { display: inline; float: right; margin-left: 5px; }
#footer p { clear: both; display: block; }
/* --= End Entry Lists =-- */


/* --= Begin Comments =-- */
textarea#comment { width:400px; height:70px; }
.commentlist { margin-bottom: 40px; }
.commentlist li { padding:20px 20px 10px 20px; border-bottom:1px dotted #333; color:#000; }
.commentlist li p { padding-bottom: 10px; }
.commenttext { clear:both; }
.commenttop a { color:#1d1d1d; background-color:transparent; }
.commenttop a:hover { color:#8aadc5; background-color:transparent; text-decoration:underline; }
.commentmetadata { float:right; }
.commenttop div.commentmetadata a { text-decoration:none; color:#1d1d1d; }
.commenttop div.commentmetadata a:hover { color:#8aadc5; background-color:transparent; text-decoration:none;}
.commentauthor { float:left; font-weight: bold; }
#commentform p { margin:0.5em 0.5em 0 0.5em; }
#commentform textarea { border:1px solid #c9c8c8; color:#000; margin:0; padding:20px; }
#respond, #comments { font-family: 'Helvetica Neue','Helvetica','Arial',sans-serif; font-size: 14px; color: #666; text-transform: uppercase; }
/* --= End Comments =-- */