/*
Theme Name: TheCreativePage
Author: Mark Page
Author URI: http://thecreativepage.com/
Version: 1.0
*/


/* Body */
body {font: 10pt verdana, arial, helvetica, sans-serif;color: #333333;margin: 0 0 25px 0;padding: 0px; background:url(images/bg.png) repeat-x #08101D;}
#main {margin: 0px auto;width: 1000px;background-color: #000000; background-image:url("images/bg-content.jpg"); background-repeat:no-repeat; background-position:top center;}

/* Header */

#header {position: relative;}
#logo {width:1000px; float:left; vertical-align:top;}
#free-quotes {width:262px; float:right;}

/* Menu */

  #nav-home {width:248; height:40; background: url(images/home.jpg) no-repeat 0 0;}
  #nav-home:hover {background: url(images/home-rollover.jpg) no-repeat 0 0;}
  
  #nav-services {display: block; width:167; height:40; background: url("images/services.jpg") no-repeat 0 0;}
  #nav-services:hover {background: url("images/home-services.jpg") no-repeat 0 0;}
  
/* Links */

h1 {color: #ff5a00;margin: 0 0 15px 0;border-bottom:none;letter-spacing: -1px;font:20pt "Century gothic",Lucida Sans, arial;}
h1 a, h2 a:visited {color: #ff5a00;text-decoration: none;}
h1 a:hover {color: #8ac97b;text-decoration: none;}
h2 {color: #87AB4F;margin: 0 0 10px 0;letter-spacing: -1px;font:18pt "Century gothic",Lucida Sans, arial;padding-bottom: 3px; line-height:22px;}
h3 {color: #30ACDB;margin: 0 0 10px 0;letter-spacing: -1px;font:16pt "Century gothic",Lucida Sans, arial;padding-bottom: 3px; line-height:22px;}
h4 {color: #777777;margin: 0px 0px 2px;letter-spacing: -1px;font:16pt "Century gothic",Lucida Sans, arial;padding-bottom: 3px;}
a,a:visited {color: #30ACDB;text-decoration: none; font-weight:bold;}
a:hover {color: #f24b0f;text-decoration: underline;}
/* Content */ 

#content {padding: 0px 0px 30px 30px;float: left;width: 700px;overflow: hidden;line-height: 20px;text-align: left;font: 10pt verdana, arial, helvetica, sans-serif;color: #d1d1d1;}
.post {clear:both;padding-top: 15px;}
.title {float: left;margin-left: 10px;width: 630px; font-weight:lighter;}
.post-date {width: 48px;height: 55px;float:left;background: url(images/date.png) no-repeat;}
.post-month {font-size: 11px;text-transform: uppercase;color: #000000;text-align: center;display:block;line-height: 11px;padding-top: 5px;margin-left: -3px;}
.post-day {font-size: 20px;text-transform: uppercase;color: #ffffff;text-align: center;display:block;line-height: 18px;padding-top: 10px;margin-left: -3px;}
.entry {clear: both;padding-top: 5px;}
.comments {display: block;font:10px;float: right;margin-bottom: 10px;padding: 4px 0px 4px 5px; color: #979797;background:#222;border:1px  solid#111111; width:100%}
.author {display: block;margin: 0;padding:0px 0px 4px 0px;font-weight: normal;color: #dee9ee;}
.navigation {clear: both;padding: 10px 0px;}
.navigation a, .navigation a:visited {color: #ffffff;}
.previous-entries a {float: left;padding-left: 1pt;}
.next-entries a {float: right;padding-right: 1pt;}
.boxes-services-page {width:323px; border:1px solid #333; background-image:url("images/services-boxes.png"); background-repeat:repeat-x; margin:0 5px 5px 0; padding:10px; float:left; height:225px;}
.boxes-services-page2 {width:323px; border:1px solid #333; background-image:url("images/services-boxes.png"); background-repeat:repeat-x; margin:0 5px 5px 0; padding:10px; float:left; height:255px;}
.free-web-design-quote-button {text-align:center; padding-top:20px;}
#boxes-web-design-page {}
		#boxes-web-design-page ul{padding-left:20px;}
		#boxes-web-design-page li{list-style-image:url("images/checkmark.png");}
#free-web-design-quote-form {text-align:left;}
#free-web-design-quote-form {text-align:left;}
#free-web-design-quote-form input,select,textarea{background-color:#333; border:1px solid #666; color:#fff;}
#free-web-design-quote-form input:hover{background-color:#666; border:1px solid #fff; color:#fff;}
#free-web-design-quote-form select:hover{background-color:#666; border:1px solid #fff; color:#fff;}
#free-web-design-quote-form textarea:hover{background-color:#666; border:1px solid #fff; color:#fff;}
#free-web-design-quote-form input:focus{background-color:#fff; border:1px solid #666; color:#000;}
#free-web-design-quote-form select:focus{background-color:#fff; border:1px solid #666; color:#000;}
#free-web-design-quote-form textarea:focus{background-color:#fff; border:1px solid #666; color:#000;}
.checkbox {padding:0;margin:0;}
.portfolio-customers li{list-style-image:url("images/checkmark-portfolio.png"); color:#fff;}

/* Sidebar */

#sidebar {float: right;padding: 0px 10px 20px 0px;width: 230px;color: #666666;overflow: hidden; border-left:1px solid #171717; border-bottom:1px solid #171717;}
#sidebar h2, #sidebar .sidebartitle{font: 18px  helvetica, sans-serif;color:#33B7E8; font-weight:lighter;margin: 0;padding:5px 0px 3px 10px;margin-bottom:2px;letter-spacing: 0px;}
#sidebar a, #sidebar a:visited{display: block;padding: 7px 0 7px 5px;width: 205px;font: 9pt "verdana", arial, helvetica, sans-serif;text-decoration: none;color: #fe5e00;}
#sidebar a:hover{color: #000000 ;text-decoration: none;padding: 7px 0 7px 5px;background:#171717;color:#3daaeb;}
li.widget_calendar td {padding: 1px 7px;}
.textwidget {padding-top: 5px;}
#sidebar li{list-style-image:url("images/checkmark.png"); margin-left:0; font-size:13px; color:#ccc;}
#login {border:1px solid #171717; padding:10px; margin-top:12px; padding-left:13px; width:197px; margin-left:10px;}
#proofs {padding:5px 0 0 5px;}
#proofs a:hover{background-color:#000;}

/* Comments */

#comments, #respond {padding: 10px 0 5px 0;clear: both;}
.cleft { float:left; width:60px; border:3px double #dadada;margin:0px 10px 10px 0px; }
.commentlist {margin: 10px 0px;padding-left: 20px;line-height: 130%;}
.commentlist li{padding: 5px 10px;}
.commentlist cite {font-size: 14px;color: #fe5e00;}
.commentlist cite a, .commentlist cite a:visited {color: #fe5e00;}
.commentlist small {margin-bottom: 5px;display: block;font-size: 87%;}
#commentform {margin-top: 10px;font: 10px;}
#commentform p {padding: 6px 0px;margin: 0px;}
#commentform label{color: #888888;font-size: 77%;}
#commentform input{width: 200px;background:#ffffff;border: 1px solid #97a9ae;padding: 3px;margin-top: 3px;}
#commentform textarea{width: 570px;height: 115px;background:#ffffff;border: 1px solid #97a9ae;padding: 2px;margin-top: 3px;}
#commentform textarea:focus, #commentform input[type="text"]:focus {background: #ffffff;}
#commentform #submit{background: url(images/post.png) no-repeat;font: 14px ;color: #000000;border:1px solid #000;float:left;width: 147px;height: 30px;cursor: pointer;}

/* Search */

#searchform {margin: 15px 0 0;}
#searchform br {display: none;}
#searchform #s {border:1px solid #618806;width: 140px;height: 20px;padding: 4px 5px 0px 5px;border: 1px solid #bed881;background: #fff;margin-right: 2px;color: #000000;font-weight: normal;}
#searchform input {background:url(images/search.png);border:1px solid #26E2EB;width: 37px;height: 28px;font:22px ;color: #000000;vertical-align: middle;}

/* Footer */

#footer {clear: both;}
.center {text-align: center;}


#footer-nav {width:100%; height:69px; padding-top:40px; position:relative; bottom:0; float:left; text-align:center; color:#000; font-size:11px; background-image:url(images/footer.png); background-repeat:repeat-x; margin-top:15px;}
	#footer-nav a:link{color:#000; font-weight:bold; padding:0 20px;}
	#footer-nav a:active{color:#000; font-weight:bold; padding:0 20px;}
	#footer-nav a:visited{color:#000; font-weight:bold; padding:0 20px;}
	#footer-nav a:hover{color:#fff; font-weight:bold; padding:0 20px;}

#float-left {position:absolute; bottom:105px; width:80px;}

/* Fix floats */

img {border: none;}
form {margin:0px;padding:0px;}
p {padding: 0px 0px 15px;margin: 0px;}
img.center, img[align="center"] {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
img.alignleft, img[align="left"] {float:left;margin: 2px 10px 5px 0px;}
.alignright {float: right;}
img.alignright, img[align="right"] {float:right;margin: 2px 0px 5px 10px;}
.clear {clear:both;}
hr.clear {clear:both;visibility: hidden;margin: 0px;padding: 0px;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}

/* image caption */
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}