/*
Theme Name: Elevate 
Theme URI: N/A
Description: A wordpress theme for Elevate PR
Author: Pixel Design, based on original theme by Sean Mongey
*/

/*
ELEVATE PINK: #FF424C
SLATE GREY: #272727		
*/

/*
	RESET
*/

*						{ margin: 0; padding:0; }
html					{ overflow-y:scroll; }
html, body				{ height:100% }
body					{ font-size:62.5%; font-family: Arial, sans-serif; color: #272727; 
						  background: url(style/images/body-bg.png) top center repeat white;}
ul						{ list-style: square inside; }
ol						{ list-style: decimal inside; }
a						{ outline: none; text-decoration: none; color: #FF424C; }
a img					{ border: none; }
img						{ vertical-align: middle; }
table					{ border-collapse: collapse; }
a:hover					{ color: #272727; }

/*
	UTILITY
*/
.floatLeft				{ float: left; }
.floatRight				{ float: right; }
.clear					{ clear: both; }
.hidden					{ display: none; }



/*
	STRUCTURE
*/
#page-wrap				{ width: 900px; margin: 0px auto 20px; padding: 0 0 27px;  background: url(style/images/footer.png) bottom left no-repeat; }
#page-inner { width: 840px; padding: 0 30px; background-color: #fff; }
#content				{ clear: both; min-height: 340px; height: auto; }
* html #content { height: 340px; }
#sidebar			{ float: right; display: inline; width: 229px; }

.page #content { width: 730px; }
.text { float: left; display: inline; width: 660px; }
.about .text { width: 730px; }
.page-with-image { width: auto !important; }
.attachment-page { float: right; }

.blog .text { width: 480px; }


/*
	HEADER
*/
#header { float: left; display: inline; width: 840px; height: 64px; margin: 30px 0 13px; border: 1px solid #FF424C; border-width: 1px 0;  font-size: 1.3em; } 
.blog #header { margin-bottom: 23px; }
#logo { width: 85px; height: 49px; float:right; }

#header ul { list-style:none; padding: 0; text-transform: uppercase; font-weight: bold; font-family: 'arial narrow',sans-serif; }
#header ul#menu { margin: 9px 0 13px; }
#header li { display: inline; padding-right: 19px; margin: 0; }
#subnav li { padding-right: 17px; }
#header .current-menu-item a, #header .current-menu-item a:visited, #header .current-page-ancestor a, #header .current-page-ancestor a:visited, #header a:hover, #header .current_page_parent a, #header .current_page_parent a:visited { color: #000; }
#header a, #header a:visited, #subnav .current-page-parent a, #subnav .current-page-parent a:visited { color: #666; }
#subnav .current-menu-item a, #subnav .current-menu-item a:visited, #subnav a:hover { color: #FF424C; }


/*
	FOOTER
*/
#footer					{ clear: both; position: relative; float: left; display: inline;  width: 730px; margin-top: 25px; padding-top: 16px; border-top: 1px solid #FF424C; font-size: 1.1em; line-height: 1.7em; }
.address				{ width: 177px; float: left; display: inline; font-weight: bold; letter-spacing: .4px; }
.address span			{ color: #FF424C; padding-right: 8px; }
.address a				{ color: #272727; }
.address a:hover		{ color: #FF424C; }

#social { position: absolute; right: 0; top: 15px; }
#social li { list-style: none; float: left; display: inline; width: 30px; margin-left: 11px; }
#social img { display: block; }



/*
	TYPOGRAPHY
*/
#content				{ font-size: 1.2em; line-height: 1.5833em; }
.text p, .text ul, .text ol { margin: 0 0 20px 0; }

p#intro-paragraph		{ font-family: Georgia, serif; font-size: 2.0em; font-style: italic; line-height: 1.4em;}

p#intro-paragraph span	{ font-size:2.4em; font-weight: bold; }
p#intro-paragraph em 	{ color: #990000; }
h1 { margin-bottom: 1em; font-size: 2.6667em; line-height: 1.1875em; font-family: 'Helvetica Neue', Helvetica, arial, sans-serif; text-transform: uppercase; }
.find-us  h1 { font-size: 1.25em; font-weight: normal; color: #FF424C; }
.blog h1, h2 { margin-bottom: 11px; font-size: 1.6667em; color: #FF424C; text-transform: none; font-weight: bold; line-height: 1.2em; }

h3, h4						{ margin-bottom: 0.25em; font-size: 1em; font-family: Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; 
						  line-height: 1.4em; color: #FF424C; }
						  
.blog .text h3 { margin-bottom: 0.5em; font-size: 1.25em; text-transform: none; }
h4						{ margin-bottom: 0; color: #272727; }

#content table { margin: 25px 0 0 0px; width: 565px; }
#content td { vertical-align: top; padding: 0 1em 1em 0; }
table h3 { margin-bottom: 0; color: #272727; }
.about #content table { margin-top: 0; }
.about #content td { padding-right: 2em; }

.text li { list-style: none; padding-left: 10px; background: url(style/images/bullet.gif) 0 8px no-repeat; }



/*
	POSTS PAGE
*/
/*legacy image slideshows*/
.s1						{ display: block; width: 480px; margin-bottom: 1em; overflow: hidden; }
div.post { padding-bottom: 1.5em; }
.meta { clear: both; margin-bottom: 1.5em; padding: 5px 0; border: 1px dotted #ababab; border-width: 1px 0; color: #666; }
.link-comments, .post-edit-link, .comment-edit-link { text-transform: uppercase; padding-right: 7px; }
.post-edit-link { padding-left: 10px; }

#content ul.paging { list-style: none; margin: 0; text-transform: lowercase; }
#content ul.paging li { background: none; padding-left: 0; display: inline; }
ul.paging a { margin-right: 1em; }

/*share*/
/*text align not working in IE*/
div.share {  position: relative; margin: 3em 0 1em; height: 25px; /*text-align: right;*/ }
.twitter-share-button { position: absolute; top: 0; right:0; border-bottom: 1px solid #fff; }
iframe.fb { position: absolute; top: 0; right: 110px; }

/*sidebar*/
#sidebar ul { list-style: none; }
#sidebar li.widget { padding-bottom: 1em; margin-bottom: 1.5em; border-bottom: 1px dotted #ababab; }
#sidebar li.widget:last-child { border-bottom: 0; }
#sidebar li#elevate_blogroll { padding-bottom: 0; }
#sidebar li.widget ul { margin-bottom: 0; }
#sidebar li.widget ul.blogroll { margin-bottom: 1.6667em; }
#sidebar a, #sidebar a:visited { color: #272727; }
#sidebar #ce_seeall_li a, #sidebar #ce_seeall_li a:visited, #sidebar a:hover { color: #FF424C; }
.listContainer1 ul { float: left; display: inline; width: 104px; margin-right: 10px; }
.widget_categories { float: left; display: inline; width: 229px; }

/*comments*/
img.avatar { padding: 2px; border: 1px solid #ccc; }
.wrap-comment, #respond { clear: both; }
.wrap-comment, .commenter, .comment { float: left; display: inline; }
.wrap-comment { width: 480px; border-bottom: 1px dotted #ababab; margin-bottom: 1em; }
div.commenter { width: 70px; margin-right: 10px; padding-bottom: 5px; }
div.comment { width: 390px; }
#content div.commenter a, #conten div.commenter a:visited { color: #666; }
#content div.commenter a.comment-edit-link, #content div.commenter a.comment-edit-link:visited { color: #FF424C; }
.commenter cite { font-style: normal; }

/*search results*/
.item { margin-bottom: 1.5em; border-bottom: 1px dotted #ababab; }
#content .item h3 { margin-bottom: 0; }
.item .date { color: #666; margin-bottom: 10px; }
.item p a { text-transform: lowercase; }

/*
	INDIVIDUAL PAGES
*/

.page-content p a		{ color: #272727; }
.page-content p a:hover	{ color: #FF424C; }

/*home page*/
.home #content { width: 840px; }
.home #header { margin-bottom: 0; border-bottom: 0; }
.attachment-banner { display: block; margin-bottom: 22px; }
.home h1 { /*color: #666;*/ width: 710px; }
.home .col { float: left; display: inline; border-top: 1px solid #ff424c; }
.home .col h2 { margin-bottom: 0.75em; padding: 6px; width: 4.429em;  background-color: #ff424c; color: #fff; float: left; text-transform: uppercase; font-weight: bold; font-size: 1.75em; }

/*home blog posts*/
#home-col1 { width: 465px; margin-right: 31px; }
#home-col1 div.home-post { clear: both; float: left; display: inline; width: 465px; margin-bottom: 20px; }
div.post-text, #home-col1 img { display: inline; }
#home-col1 img { float: left; width: 80px; margin: 3px 30px 0 0; }
div.post-text { float: right; width: 330px; margin-right: 25px; }
div.post-text h3 { margin-bottom: 0; }
div.post-text p a { display: none; }
div.post-text .date, a.timesince, a.timesince:visited { color: #666; }
.post-text .date, .post-text .link-comments, .tweets a.timesince { font-size: 0.91667em; }

#home-col2 { width: 234px; }
.home .widget { clear: both; }
.home .widget_twitter h2 { display: none; }
.tweets { list-style: none; }
.tweets li {  padding-left: 28px; margin-bottom: 1.5em; background: url(style/images/tweet.png) 0 4px no-repeat; }
a.timesince { display: block; }

#home-col2 .video { border-top: 1px solid #ff424c; margin-bottom: 2em; }

/*clients list*/
.clients #content { width: 744px; }
#content ul.grid { list-style: none; float: left; display: inline; width: 744px; margin-top: 38px; }
ul.grid li { float: left; display: inline; width: 108px; height: 108px; margin: 0 16px 16px 0; }
ul.grid img { display: block; border: 1px solid #ccc; }

/*previous clients - legacy layout*/
.previous-clients .text { position: relative; }
h2.post-title { text-transform: uppercase; font-size: 1em; }


/*
	FORMS
*/
#content form { clear: both; }
input,textarea,select, button { font-family: Arial, sans-serif; font-size: 1em; color: #272727; }

#searchform { padding: 0.75em 0 0.25em; }
#s { width: 153px; margin-right: 7px; }
#searchsubmit { vertical-align: bottom; }

#ccoptin { padding-top: 1em; }
#ccoptin label { padding-right: 10px; }
#ea { width: 200px; margin-right: 1em; }

#commentform label { float: left; display: inline; width: 100px; }
#commentform input { width: 200px; }
#commentform textarea { width: 470px; height: 100px; margin-top: 5px; }

.button, button	{ border:none; background: #FF424C;
						  padding:2px 5px;
						  -moz-border-radius: 3px; -webkit-border-radius: 3px; 
						  color: white; cursor: pointer; }
.button:hover			{ background: #272727; color: white;}



/*
	SOCIAL
*/
#categories				{ position: absolute; top:0px; left:750px; width:100px; list-style: none; }
#categories ul li		{ font-size:.9em; line-height: .6em; }
#categories ul			{ list-style: none; margin-top: 5px; }

/*styles added may 2011 for pixel design*/
/*#post-col h1 { margin: 1em 0; font-family: Arial, Helvetica, sans-serif; font-size: 2em; }*/
#post-col .item { border-bottom:1px solid #FF424C; padding-bottom: 0.5em; margin-bottom: 1.5em; }
div.paging { font-size: 1.25em; }