/*
Theme Name: Office Space
Theme URI: http://officeal.com
Description: Gallery of phenomenal workplaces
Version: 1.0
Author: One Mighty Roar
Author URI: http://onemightyroar.com
Tags: office, showcase, trendy, omr
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/*
	
	Color Palette
	---------------------
	Link Red:	BD4040
	
	
*/

body{text-align:center; background:#4484B0 url('images/background-gradient.jpg') top center no-repeat; border-top:#08263F 3px solid;}

#wrapper{width:960px; margin:0px auto 30px auto; text-align:left;}

	#header{width:960px; height:185px; clear:both;}
		#nav{padding:10px 15px; clear:both;}
			#nav li{float:left; padding:0px 15px; display:inline; font-size:11px; text-transform:uppercase;}
			#nav a{color:#FFF;}
		#header h1, #header h2{text-indent:-9999px; overflow:hidden; float:left; padding:20px;}
			#header h1 a, #header h2 a{display:block; width:186px; height:110px; background:url("images/officeal-logo.png") top left no-repeat;}
		/*#header .header-subtitle{text-transform:uppercase; font-family:"Georgia", serif; font-size:13px; color:#FFF; letter-spacing:1px; float:left; padding-top:45px;}*/
			
	#main-content{overflow:hidden;}
		#right-column{float:left; width:300px;}
			#right-column a{color:#FFF;}
		#left-column{float:left; width:650px; margin:0px 10px 15px 0px; background:#FFF; overflow:hidden;}
		
	#footer{height:120px; clear:both; text-align:center; font-size:11px; text-transform:uppercase;}
		#footer a{color:#F7F7F7; text-decoration:underline;}
		
h1, h2, h3, h4, h5, h6{font-family:Helvetica, Verdana, sans-serif;}
	
	h1{font-size:30px;}
	h2{font-size:20px;}
		.post h2{font-size:24px;}
		.post h2 a{color:#000;}
		
	h3{font-size:16px;}
		.post h3{color:#BD4040;}
		
	h4{font-size:14px;}
	h5{font-size:14px;}
	
	.office-title{background:url("images/office-tag.jpg") no-repeat top right; padding-right:70px; font-size:36px;}
	.updated-office-title{background:url("images/update-tag.jpg") no-repeat top right; padding-right:70px; font-size:36px;}
	img.tag{float:right; margin-right:55px;}
p, li, tr{font-family:"Lucida Grande", Arial, sans-serif; color:#3F3F3F;}

.archive-view h2{font-size:20px;}
.archive-view h3{font-size:16px;}

h2.archive-view {font-size:36px; border-bottom:1px dashed #CCC; padding:0px 0px 5px 0px;}
	
a{text-decoration:none; color:#BD4040;}

/* Post Content & Subsections */
.post{padding-bottom:0px; overflow:hidden;}
	.post p, .post ul, .post ol{font-size:14px; line-height:1.6em; color:#3d3d3d; padding:0px 0px 15px 0px;}
		.post ol, .post ul{margin: 0px 25px;}
		.post ol li{list-style:decimal; list-style-position:inside;}
		.post ul li{list-style:disc; list-style-position:inside;}
			
	.post blockquote{background:#F7F7F7; border:#CCC 1px solid; margin:0px 15px 15px 15px; padding:15px 15px 0px 15px;}
		.post blockquote p{padding:0px 0px 15px 0px;}
		.post blockquote.halfsize{width:320px; margin:0px 0px 15px 15px; padding:15px 0px 0px 15px;}
	.post p a, .post li a{color:#356F9F; text-decoration:underline;}
	.post h1, h1.cat-title{border-bottom:1px dashed #CCC; padding:0px 0px 5px 0px; display:block; margin-bottom:15px; clear:none; font-size:36px;}
	.post h2{margin-bottom:10px;}
	.post h4{color:#2F2F2F; padding:15px 0px 5px 0px; font-weight:bold; margin-bottom:15px; font-size:16px;}
	.post h5{margin-bottom:15px;}
	
	h1.cat-title{text-align:center; border-bottom:none; color:#3f3f3f;}
	
	/* Post Sections */
	p.section-field, p.company-name{font-size:11px; font-family:"Georgia", serif; color:#BD4040; text-transform:uppercase; letter-spacing:1px;}
		p.company-name{margin:-15px 0px 0px 0px; padding:5px 0px;}
		.section-field{border-bottom:1px dashed #CCC;}
	
	p.post-meta{font-size:12px; margin:5px 0px; padding:10px 15px;}
		span.highlight{}
			span.highlight a{text-decoration:none; background:#356F9F; padding:3px 6px; color:#FFF;}
		
	p.post-meta-options{font-size:11px; color:#8E8E8E; padding:15px;}
	p.tags{font-size:12px; padding:0; margin:0;}
		p.tags a{text-decoration:none; background:#356F9F; padding:3px 6px; color:#FFF;}
		p.tags a:hover{text-decoration:underline;}
	
	/*.post a.more-link{font-style:italic; text-decoration:none;}
		.post a.more-link:hover{text-decoration:underline;}*/
		
	.post a.more-link{background:#F7F7F7; padding:8px; text-align:center; border:1px solid #DFDFDF; clear:both; margin:15px 0px; font-size:11px; font-weight:bold; color:#3f3f3f; display:block; text-decoration:none;}
		.post a.more-link:hover{color:#FFF; background:#356f9f;}
		
	p.commentedon{text-align:center; clear:both; margin:0; padding:0;}
		p.commentedon a{font-size:11px; font-weight:normal; letter-spacing:1px; font-family:"Georgia", serif; color:#BD4040; text-transform:uppercase; margin:0; padding:0; text-decoration:none;}

	.post p.note{font-size:11px; padding:5px 10px; background:#062C43; -moz-border-radius:3px; color:#fff; margin-bottom:15px; clear:both;}
/* Sidebar Zone */

	/* Subscription Box */
	#subscribe-box{width:298px; height:143px; background: #F0E057 url("images/subscribe-box-bg.jpg") no-repeat top left; border:#375b73 1px solid;}
		#subscribe-box p{font-family:"Georgia", serif; font-style:italic; text-align:center; color:#3F3F3F; padding:30px 30px 10px 30px; font-size:18px;}
		#subscribe-box .subscribe-number{font-size:30px; font-style:normal; font-weight:bold; font-family:"Helvetica", arial, sans-serif; color:#222222;}
		#subscribe-box ul{margin:0 auto; width:165px;}
		#subscribe-box li{float:left; display:inline;}
		
	#right-column .block{background:#08263F; overflow:hidden; padding:15px; margin:15px 0px; clear:both;}
		.block h4{color:#FFF; font-size:18px; letter-spacing:1px; font-weight:bold;}
		.block p, .block li{color:#FFF; font-size:12px; padding:5px 0px; line-height:1.6em;}
			.block li{padding:0; margin:0px;}
			#right-column .block p a{color:#F0E057; text-decoration:none;}
				#right-column .block p a:hover{text-decoration:underline;}
			#right-column .block li a{color:#F0E057; display:block; clear:none; padding:3px 5px;}
				#right-column .block li a:hover{background:#06375F; color:#FFF;}
		
/* End of Sidebar */

#page-nav p{font-weight:normal; letter-spacing:1px; font-family:"Georgia", serif; text-transform:uppercase; font-size:12px; color:#333; border-top:1px dashed #CCC; padding-top:12px;}
	#page-nav a{color:#BD4040;}

/* Comment List */
#comments{padding:30px 30px 30px 30px; margin-bottom:15px; background:#F7F7F7;}
	#comments .date{font-family:Verdana, sans-serif; color:#8E8E8E; font-size:11px; text-transform:uppercase;}
	.comment {font-family:"Lucida Grande", Arial, sans-serif; padding:30px 30px 15px 30px; font-size:14px; line-height:1.4em; background:#FFF; margin:15px 0px; border:1px solid #DDD;}
	
		.comment cite{font-size:16px; font-weight:bold; padding:0; margin:0;}
		.comment p{padding-bottom:10px; line-height:1.6em;}
			#comments cite > a{color:#BD4040; text-decoration:none;}
			#comments .date{text-decoration:none;}
		.comment img.avatar{ float:left; margin:0px 10px 0px 0px;}
		.comment .meta{border-bottom:1px dashed #CCC; padding:3px 0px; margin-bottom:10px; overflow:hidden;}
			.comment .meta p{padding:0px; text-align:right; float:right;}
			.comment .meta cite{float:left;}

		/* Editor Comment */
		.admincomment{border: 1px solid #FFF15F; background:#FFF6AF;}
			.admincomment .meta {border-bottom:1px dashed #191919;}
			#comments .admincomment .date{color:#000;}
		
	#comments a, #commentform a{color:#6B97BA; text-decoration:underline;}
		
	#comments h4, h4#respond{font-family:"Helvetica", arial, sans-serif; font-weight:bold; font-size:20px;}
		h4#respond{padding:20px 0px 20px 0px;}

/* Comment Submission Form */		
#commentform{padding:0px 30px 5px 30px; background:#EEEEEE;}
	#commentform label{font-family:"Lucida Grande", arial, sans-serif; font-size:14px; font-weight:bold; display:block; clear:both;}
	
	#commentform input, #commentform textarea{background:#F7F7F7; border:1px solid #C4C4C4; width:600px; padding:8px;}
	#commentform input{margin:5px 0px 25px 0px; font-size:16px;}
	#commentform textarea{margin:5px 0px 15px 0px; font-family:"Lucida Grande", arial, sans-serif;}
		#commentform #submit{width:200px; display:block;}
		
	#commentform p.note{font-size:12px; font-style:italic; padding:5px 0px; color:#8E8E8E;}	
	#commentform p.loggedin{padding:12px 0px; font-size:12px; color:#8E8E8E;}
	
/* Office Gallery Related */
.post img.banner{width:600px; height:200px; clear:both; margin:15px 0px;}


/* Office Profile Box Style */
#office-profile{width:200px; float:right; background:#F7F7F7; padding:15px 15px 5px 15px; margin:0px 0px 8px 15px; position:relative; z-index:10; border:1px solid #CCC;}
	#office-profile img{padding:0px; margin:5px;}
	#office-profile p{font-size:12px; padding:5px 0px 10px 0px;}
	#office-profile li{list-style:none;}
	#office-profile .logo-box p{text-align:center;}
	
	#office-profile h4, .post h4.meta{font-size:11px; font-weight:normal; letter-spacing:1px; font-family:"Georgia", serif; color:#BD4040; text-transform:uppercase; border-bottom:1px dashed #CCC; margin:0; padding:0;}
		.post h4.meta{margin-bottom:10px; padding:5px 0px;}

/* Footer Styles */
#footer p{color:#FFF;}

/* Specialty Alerts Etc. */

.announcement{clear:both; overflow:hidden; padding: 12px; background: #FEF380; border: 1px solid #F0E057; margin:5px 0px 15px 0px; font-size:14px;}

/* AZ Index Styles */
.azindex h2{font-size:30px; clear:both; font-weight:normal; letter-spacing:1px; font-family:"Georgia", serif; color:#BD4040; text-transform:uppercase; border-bottom:1px dashed #CCC; margin:8px 0px 8px 0px; padding:3px 0px 3px 0px;}
	.azindex ul h2{margin-top:20px;}
	.azindex li{font-size:12px;}
		.azindex li a{color:#8B8B8B;}
			.azindex li a:hover{text-decoration:underline;}
		.azindex li h2 a{color:#BD4040; margin-top:10px;}
		
/* Related Posts */
ol.related-posts {clear:both; text-align:center; margin:10px 0px 0px 0px; padding:0;}
ol.related-posts li{width:120px; float:left; display:inline; margin-right:15px;; padding:0;}
	ol.related-posts img{clear:both; padding:5px; background:#F7F7F7; border:1px solid #DDD;}
	ol.related-posts a{clear:both; display:block; border:none; text-decoration:none;}
	
.clear{height:10px; clear:both;}
.content-padding{padding:25px;}
.ad-end-of-post{width:370px;}
.adsense-strip{clear:both; margin:0px auto 5px auto; height:20px; width:465px; overflow:hidden; border-bottom:1px dashed #CCC; padding-bottom:4px;}

/* Advertising */
.sidebar-adsense-block{width:250px; height:250px; overflow:hidden; margin:10px auto;}

/* BSA Adblocks */
.bsa-270-wide{clear:both;}
.bsa-125-blocks{clear:both; margin:0px 0px 0px -10px;}
.bsa-468-banner{clear:both; width:468px; height:60px; margin:15px auto 25px auto;}