/*
Theme Name: Creative Pen - Created by ThemeSlice.com
Theme URI: http://themeslice.com/
Description: A widget ready blank theme, created by ThemeSlice. For instructions on usage go to theme options > instructions after activating the theme.
Author: The ThemeSlice Team
Author URI: http://themeslice.com/
*/
@import 'css/reset.css';

/* @group Structure */


.purple{color: #68457D !important; margin-top: 10px;}

div#footer-form{ width: 560px; float: left;}
	

div#footer-recent-posts{float: right; width: 300px;}

div#footer-recent-posts ul{margin: 12px 0 0 0!important; padding: 0 0 0 0 !important;}

div#footer-recent-posts ul li a{display: block; font-size: 1.4em !important; color: #575757;}


html { 
	font-size: 100%; /* IE hack - http://www.clagnut.com/blog/348/#c790 */ 
}
body {
	text-align: center;
	color: #555;
	background-color: #ddd;
	font: 62.5% Verdana, "trebuchet ms", Verdana, Tahoma, Arial, Helvetica, sans-serif; /* Reset to 10px equivilent */

	line-height: 1.4em;
	background: url(images/body-back.jpg) repeat-x;
}
a {
	color: #0099FF;
	text-decoration: none;
	}
a:hover, a:focus {
	color: #000;
	text-decoration: underline;
	}
/* Use this wrapper if narrow layout rather than wide */
div#wrapper {
	font-size: 1.3em; /* 13px equiv */
        width: 940px;
	margin: 0 auto;
	text-align: left;
	}
#header {
	background: transparent;
	color: #fff;
	overflow: hidden;
background: url(images/header-pink.gif) no-repeat;
}
#header form {
	float: right;
	clear: right;
	margin: 50px 20px 0 0 !important;
        
}
#logo {
	float: left;
	display: inline;
	font-size: 2.5em !important;
	margin: 10px 0 0 20px!important;
	padding: 0 0 0 0!important;
	line-height: 1 !important;
	font-weight: bold;
width: 300px;
height: 100px;
	}
#logo a {
	color: #fff;
	display: block; 

	text-decoration: none !important;
}

#banner{
display: block;
/* border-top: 1px solid #CC3399; */
/* border-bottom: 1px solid #CC3399; */

margin: 8px 20px 0 20px !important;
	background: transparent;
	color: #fff;
	overflow: hidden;
height: 218px;
/* background: url(images/banner1.jpg) no-repeat; */
}

#mainNav {
	background:transparent;
float: right;
margin-top: 38px;
margin-right: 20px;
}

div#content {
	margin: 0 20px 0 20px;
	padding: 0;
	background: transparent;
	}
#mainContent {
	width: 550px;
	padding: 82px 0 0 0 !important;
         margin: 0 !important;
	float: left;
	display: inline;
	}
#sidebar {
	float: right;
	display: inline;
	padding: 80px 0 0 0;
margin: 0;
	}
#sidebar, ul.widgets {
	width: 300px;
}
div#footer {
margin: 0;
padding: 60px 0 40px 0;
	clear: both;
	color: #fff;
background-color: #141414;
display: block;
width: 100%;
background: #141414 url(images/footer-back2.jpg) repeat-x;
background-position: 0 0;
	}

div#footer-box {
margin: 0 auto;
	color: #fff;
background-color: transparent;
display: block;
width: 900px;
text-align: left;
	}




div#footer ul{
padding-top: 30px;
}
div#footer li {
	display: inline;
	margin-right: 10px;
}
div#footer a {
	color: #fff;
	}
.clear {
	height: 0;
	font-size: 0;
	line-height: 0;
	clear: both;
	margin:0;
	padding: 0;
	outline: 0;
}
.paging {
	padding: 4px 8px;
	margin: 20px 0 !important;
	background: #eee;
	overflow: hidden;
	}
/* @end */
/* @group Typograpghy */

/*-- Inline/Other Element Styles --*/	
	
/*-- Headings --*/	


h2 a:link, h2 a:visited{color: #111 !important; padding: 1px; display: block;}

h2 a:hover{background-color: #69457E !important; color: #fff !important;}
h1, h2, h3, h4, h5, h6, .pagetitle{
	margin: 10px 0 4px 0;
	font-size: 1.7em;
	line-height: 1.2em;
font-weight: bold;
text-transform: uppercase;
color: #111;
font-family: Verdana !important;
letter-spacing: -2px !important;
	}
#content h1 {
	line-height: 1.1em;
}
#content h1.pagetitle {
}
#content h2 {	

	
}
#content h2 a, #content h1 a {
	text-decoration: none;
	
}
#content h2.title, #content h1.title {
	/* These have meta below */

	margin-bottom: 0 !important;
}
.post h3 {
font-size: 1.1em !important;
color: #444444;
}
#content h4 {

}
#content h5 {

}
#sidebar h3 {
	font-size: 1.6em;
	margin: 10px 0!important;
	color: #555;
display: block;
font-size: 1.5em;
	line-height: 1.2em;
font-weight: bold;
text-transform: uppercase;
color: #111;
font-family: Verdana !important;
letter-spacing: -2px !important;

}
#sidebar h4 {
	font-size: 1.6em;
	line-height: 1em;
	margin: 8px 0;
	color: #000;
	font-weight: bold;
}

/*-- Paragraph & Post Styles --*/
p, ul, ol, dl {
	margin: 10px 0;
	}
.post {
	margin-bottom: 18px;
	overflow: hidden;
	}
#content p, #sidebar p, #content ul, #sidebar .widget ul, #content ol, #sidebar .widget ol {
	margin: 14px 0;
	line-height: 1.5em;
	}
.post ul {
	margin: 20px 40px !important;
	line-height: 0;
	}
.post ul li {
	list-style: none;
	background: url(images/square.png) no-repeat left 7px;
	padding: 0 0 0 12px;
	line-height: 1.6em;
	margin-bottom: 10px;
}
.post ol li {
	padding: 0;
	line-height: 1.6em;
	margin-bottom: 10px;
	margin-left: 12px;
	}
.post ol {
	list-style: decimal outside;
	margin: 20px 40px !important;
	}
p.meta {
	background: #eee;
	color: #666;
	padding: 4px 12px 4px 12px;
	line-height: 1;
	margin: 0 0 20px !important;
	font-size: 0.8em;
	overflow: hidden;
	}
p.meta a {
	text-decoration: none !important;
	font-style: italic;
	color: #888 !important;
	font-weight: normal;
	}
p.meta a.comment {
	float: right;
	margin-left: 10px;
}
p.meta.plain {
	padding: 0;
	background: #fff;
	border: 0;
}
strong {
	font-weight: bold;
	}
em {
	font-style: italic;
	}
small {
	font-size: 0.9em;
	}
.meta {
	font-style: italic;
}
abbr, span.abbr {
	cursor: help;
	border-bottom: 1px dashed #999;
}
.center {
	text-align: center
}
blockquote {
	padding: 1px 20px;
	margin: 20px 20px 20px !important;
	font-style: italic;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #eee;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 1.1em;
	}
cite {
	color: #383838;
	margin-left: 20px;
	font-style: italic;
}
cite strong {
	font-style: normal;
	font-weight: bold;
}
blockquote cite {
	margin-left: 0;
}

/* @end */
/* @group Images */
#content .alignleft{
	float: left;
	margin: 1px 20px 10px 0;
	}
#content .alignright {
	float: right;
	margin: 3px 0 10px 6px;
	}
#content img.alignright, #content img.alignleft, #content img.aligncenter {
	border:2px solid #ccc;
padding: 4px;
	outline: 3px solid #fff;
}

#content img:hover{border: 2px solid #CB349A !important;}
#content .aligncenter {
	margin: 10px auto 5px;
	display: block;
	}
#content img.alignnone + img.alignnone  {
	margin-left: 8px;
}
div.wp-caption {
	text-align: center;
	border: 6px solid #D7D7D7;
	outline: 10px solid #fff;
	border-bottom: 1px solid #CBC8C5;
	padding: 0 !important;
	background: #fff;
	text-align: center !important;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
div.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	border: 5px solid #fff;
}
p.wp-caption-text {
	margin: 0 !important;
	padding: 3px !important;
	font-weight: bold;
	clear: both;
	background: #D7D7D7;
}
/* @end */
/* @group Lists */
/* Top Level */
	



#mainNav ul {
margin: 0 auto;
text-align: left;
line-height: 1 !important;
}
#mainNav li {
margin: 0 0 0 0;
padding: 0 0 0 0;
line-height: 1 !important;
list-style: none outside;
text-indent: 0 !important;		
float:left;	
position: relative;		
}
#mainNav li a {
text-decoration: none;
margin: 0 0 !important;
padding: 0 0 !important;
position: relative;
float: none;
}
#mainNav li a:hover, #mainNav li a:focus {
text-decoration: none;
}
#mainNav li.current_page_item a, #mainNav li.current_page_ancestor a,  #mainNav li.current_page_parent a {
text-decoration: none;
}







#home
{
  display: block;
  width: 74px;
  height: 36px;
  background:url(images/home.gif) no-repeat 0 0;
}

#about
{
  display: block;
  width: 87px;
  height: 36px;
  background:url(images/about.gif) no-repeat 0 0;
}

#services
{
  display: block;
  width: 106px;
  height: 36px;
  background:url(images/services.gif) no-repeat 0 0;
}

#blog
{
  display: block;
  width: 79px;
  height: 36px;
  background:url(images/blog.gif) no-repeat 0 0;
}

#contact
{
  display: block;
  width: 94px;
  height: 36px;
  background:url(images/contact.gif) no-repeat 0 0;
}


#hire-me
{
float: left;
  display: block;
  width: 90px;
  height: 36px;
  background:url(images/hire-me.gif) no-repeat 0 0;
}

#ask-a-question
{
float: left;
  display: block;
  width: 151px;
  height: 36px;
  background:url(images/ask-a-question.gif) no-repeat 0 0;
}



#home:hover, #about:hover, #services:hover, #blog:hover, #contact:hover, li.current_page_item a#home, li.current_page_item a#about , li.current_page_item a#services , li.current_page_item a#blog , li.current_page_item a#contact , #hire-me:hover , #ask-a-question:hover
{ 
  background-position: 0 -36px;
}

#home span, #about span, #services span, #blog span, #contact span , #hire-me span , #ask-a-question span
{
  display: none;
}























/* Sub Levels */
	#mainNav ul ul { display: none; }
/* End Main Nav */

#topNav{background-color: #555; }

#topNav ul {
	float: right;
	margin: 0 !important;
width: 100%;
}
#topNav li {
	margin-left: 8px;
float: left;
}
#topNav li, #topNav li a {
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
padding: 0.3em;
}

#breadcrumb {
	margin: 0 !important;
	padding: 4px 12px;	
	background: #DDDDDD;
	border-bottom: 1px solid #ccc;
}
#breadcrumb li {
	display: inline;
	line-height: 1.5em;
	}

/*-- tables --*/
table { 
	font-size: 100%; /* IE hack */ 
}
/*-- forms -- */
#comment {
	width: 100%;
	height: 150px;
	}
.searchform {
	margin-bottom: 16px;
	overflow: hidden;
	padding: 0;
	}
.searchform .hidden {
	display: none;
	}
.searchform input.text {
	width: 142px;
	}
.searchform fieldset {
	border: none;
	margin: 0;
	padding: 0;
	display: inline;
	}
/* comments */
#comments {
	background: #fff;
	padding: 0;
}
#content #comments h2, #comments h3 {
	color: #555;
	border: 0 !important;
	margin-bottom: 10px !important;
}
#comments p {
	margin: 10px 0 !important;
}
.comment-paging {
	text-align: center;
	position: relative;
	padding: 4px;
}
.page-numbers, .next, .prev {
	background: #eee;
	padding: 4px;
}
.next {
	position: absolute;
	right:0;
	top:0;
}
.prev {
	position: absolute;
	left:0;
	top:0;
}
.current {
	background: #ccc;
}
.comment_container {
	/* position: relative; */
}
.reply {
	position: absolute;
	right:0;
	bottom:0;
	background: #eee;
	padding: 4px;
}
ol#comment-list {
	margin-top: 5px !important;
	margin-bottom: 16px;
	border: 6px solid #CCC8C5;
	border-left:0;
	border-right:0; 

/* border: 1px solid red; */
	}
ol#comment-list img.avatar {
	margin: 0;
	border: 3px solid #C9C8C6;
	}
ol#comment-list li {
	margin: 0;
	padding: 8px 0;
	list-style: none;
	overflow: hidden;
	border-bottom: 1px solid #C9C8C6;
	}
ol#comment-list li li {
	margin-left: 60px;
	background: #fefefe;
	border-top: 1px dotted #C9C8C6;
	border-bottom: 1px dotted #C9C8C6;
	border-left: 1px dotted #C9C8C6;
}
ol#comment-list li .comment-text {
	float: right;
	width: 62%;
	font-size: 0.9em;
	}
ol#comment-list li .comment-text p {
	margin: 0 0 12px !important;
	color: #656565;
	}
ol#comment-list li p.meta {
	float: left;
	width: 34%;
	text-align: right;
	font-weight: normal;
	background: transparent;
	padding: 0;
	font-style: italic;
	color: #656565;
	margin: 0 !important;
	}
ol#comment-list li p.meta strong {
	font-style: normal;
	color: #3E3E3E;
	}
ol#comment-list h3 {
	width: 100%;
	padding: 0 0 32px 0;
	margin: 0;
	font-size: 1em;
	}
ol#comment-list h3 a {
	text-decoration: none;
	color: #222;
	}
span#comments-rss a {
	float: right;
	font-size: 0.6em;
	border-bottom: 1px solid #C7E4F1;
	text-decoration: none;
	color: #222;
	}
h3 span#comments-rss a {
	border: none;
	text-decoration: none;
	}
#commentform {
	background: #EFEFEF;
	margin-top: 5px !important;
	padding: 4px 10px;
	}
#commentform input.text, #commentform select, #commentform textarea {
	border: 2px solid #C9C9C9;
	width: 172px;
	padding: 3px;
	background: #fff;
	}
#commentform textarea {
	width: 98%;
	}
#commentform label {
	font-size: 1.2em;
	}
/* @end */

/* @group Widgets */
ul.widgets {
	margin: 0 !important;
	padding: 0;
	text-align: left;
	
	}
ul.widgets li.widget {
	list-style-type: none;
	padding: 0 !important;
	margin: 0 0 30px 0!important;
clear: both;
display: block;
	}
ul.widgets li.widget ul, .textwidget {
	margin: 0 !important;
	padding: 0 !important;
}

/* Recent Comments (Themeslice) */
.widget_themeslice_recent_posts .avatar {
	float: left;
	margin-right: 8px;
}
.widget_themeslice_recent_posts li {
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #ECECEC;
	background: #F7F7F7;
	color: #6F6F6F;
	font-size: 1em;
	padding: 8px;
	overflow: hidden;
}
.widget_themeslice_recent_posts li a {
	color: #373737;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}
.widget_themeslice_recent_posts li a:hover {
	text-decoration: underline;
}
.widget_themeslice_recent_posts li strong {
	color: #373737;
}

/* Search */
.widget_search input#s {
	border: 1px solid #8D8B8B;
	background: #f7f7f7;
	width: 188px !important;
	display: inline;
}
.widget_search #searchsubmit {
	color: #363636;
	background: #fff;
	border: #fff;
	font-weight: bold;
	cursor: pointer;
	border: 0;
	outline: 0;
	display: inline;
	font-size: 11px;
}
.widget_search label {
	display: none;
}	
	
/* Archive + Blogroll + posts + comments + meta */
.widget_categories ul, 
.widget_archive ul, 
.widget_links ul,
.widget_recent_entries ul,
.widget_recent_comments ul,
.widget_meta ul,
.widget_pages ul,
.widget_rss ul {
	margin: 0;
	padding: 0;
	list-style-type: none;	
	} 
.widget_archive ul li, 
.widget_links ul li,
.widget_recent_entries ul li,
.widget_recent_comments ul li,
.widget_meta ul li,
.widget_rss ul li {
	display: block;
	background: #F7F7F7;
	color: #6F6F6F;
	font-size: 1em;
	padding: 4px 8px 4px 8px;
}
.widget_archive ul li a,
.widget_links ul li a,
.widget_recent_entries ul li a,
.widget_recent_comments ul li a,
.widget_meta ul li a,
.widget_rss ul li a {
	text-decoration: none;
	color: #6F6F6F;
	} 
.widget_archive ul li a:hover, .widget_archive ul li a:focus,
.widget_links ul li a:hover, .widget_links ul li a:focus,
.widget_recent_entries ul li a:hover, .widget_recent_entries ul li a:focus,
.widget_recent_comments ul li a:hover, .widget_recent_comments ul li a:focus,
.widget_meta ul li a:hover, .widget_meta ul li a:focus,
.widget_rss ul li a:hover, .widget_rss ul li a:focus {
	text-decoration: underline;
	}
.widget_rss img {
	vertical-align: middle;	
	position: relative;
	margin-top: -2px;
}

/* Categories */
.widget_categories ul li {
	font-size: 1em;
	padding: 0;
	color: #6F6F6F;
	position: relative;
width: 100%;
}
.widget_categories ul li a {
	text-decoration: none;
	display: block;
	background: #F7F7F7;
	color: #6F6F6F;
	padding: 4px 8px 4px 8px;
	}
.widget_categories ul li a:hover, .widget_categories ul li a:focus {
	text-decoration: underline;
	}
ul.widgets li.widget_categories ul ul {
	border-top: 0;
}
ul.widgets li.widget_categories ul ul li a {
	border-color: #ECECEC;
	padding-left: 20px;
	background-position: 8px center;
}
ul.widgets li.widget_categories ul ul ul li a {
	padding-left: 34px;
	background-position: 20px center;
}
ul.widgets li.widget_categories ul ul ul ul li a {
	padding-left: 48px;
	background-position: 34px center;
}
ul.widgets li.widget_categories ul ul ul ul ul li a {
	padding-left: 62px;
	background-position: 48px center;
}
ul.widgets li.widget_categories ul ul ul ul ul ul li a {
	padding-left: 76px;
	background-position: 62px center;
}
ul.widgets li.widget_categories ul ul li a {
	background-image: url(images/h_bullet.gif);
	background-repeat: no-repeat;	
}
li.widget_categories li.current-cat a {
	background: #ECECEC;
}
li.widget_categories li.current-cat li a {
	background: #F7F7F7;
}
ul.widgets li.widget_categories span.count {
	position: absolute;
	right: 0;
	top:0;
	margin-top: 4px;
	margin-right: 8px;
	z-index: 10;
}

/* Pages */
.widget_pages ul li {
	font-size: 1em;
	padding: 0;
	color: #6F6F6F;
}
.widget_pages ul li a {
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #ECECEC;
	background: #F7F7F7;
	color: #6F6F6F;
	padding: 4px 8px 4px 8px;
	}
.widget_pages ul li a:hover, .widget_pages ul li a:focus {
	text-decoration: underline;
	}
ul.widgets li.widget_pages ul ul {
	border-top: 0;
}
ul.widgets li.widget_pages ul ul li a {
	border-color: #ECECEC;
	padding-left: 20px;
	background-position: 8px center;
}
ul.widgets li.widget_pages ul ul ul li a {
	padding-left: 34px;
	background-position: 20px center;
}
ul.widgets li.widget_pages ul ul ul ul li a {
	padding-left: 48px;
	background-position: 34px center;
}
ul.widgets li.widget_pages ul ul ul ul ul li a {
	padding-left: 62px;
	background-position: 48px center;
}
ul.widgets li.widget_pages ul ul ul ul ul ul li a {
	padding-left: 76px;
	background-position: 62px center;
}
ul.widgets li.widget_pages ul ul li a {
	background-image: url(images/h_bullet.gif);
	background-repeat: no-repeat;	
}
li.widget_pages li.current_page_item a {
	background: #ECECEC;
}
li.widget_pages li.current_page_item li a {
	background: #F7F7F7;
}
	
/* Tags */	
.widget_tag_cloud div {
	background: #F7F7F7;
	padding: 12px 8px;
	line-height: 2em;
	overflow: hidden;
	}
.widget_tag_cloud a {
	text-decoration: none;
	color: #666;	
	}
.widget_tag_cloud a:hover, .widget_tag_cloud a:focus {
	text-decoration: underline;
	}

/* Calendar */	
.widget_calendar {
	}
.widget_calendar tbody td {
	border-bottom: 1px solid #ECECEC;
	background: #F0F0F0;
	color: #6F6F6F;
	font-size: 1em;
	padding: 5px 8px 4px 8px;
	text-align: center;
	}
.widget_calendar tbody td#today {
	font-style: italic;
}
.widget_calendar tbody tr td:hover {
	background-color: #ECECEC;
	}
.widget_calendar tbody td a {
	text-decoration: none;
	color: #373737;
	font-weight: bold;
	font-style: italic;
	}
.widget_calendar #prev,
.widget_calendar #next {
	padding: 5px 0 0 0;
}
.widget_calendar #next {
	text-align: right;
}
.widget_calendar #prev a,
.widget_calendar #next a {
	text-decoration: none;
	color: #373737;
	font-weight: bold;
	font-style: italic;
	}
.widget_calendar thead th {
	text-align: center;
	}
.widget_calendar caption {
	text-align: center;
	font-weight: bold;
	padding-bottom: 5px;
}
div#calendar_wrap {
	background: #F7F7F7;
	padding: 8px;
	}
.widget_calendar table {
	width: 234px;
	}
/* @end */