/*

Theme Name: BOS Media | Web Development
Theme URI: http://www.bosmedia.ie
Description: BOS Media Group Website
Version: 1.0
Author: Barry O'Shaughnessy
Author URI: http://www.barryoshaughnessy.com

*/

::selection{background: #FF6600; color:#FFF}
::-moz-selection{background: #FF6600; color:#FFF}
	
/* ---------- ( Clearfix ) ---------------------------------------- */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}


	
/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
}

.clearfix {
	display:block;
}


	
/* End hide from IE-mac */

	
/* ---------- ( Reset ) ---------------------------------------- */
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,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-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
}


	
/* remember to define focus styles! */
:focus {
	outline:0;
}

body {
	line-height:1;
	color:black;
	background:white;
}

ol,ul {
	list-style:none;
}


	
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
}

caption,th,td {
	text-align:left;
	font-weight:normal;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:"";
}

blockquote,q {
	quotes:;
}


	
/* ---------- ( General ) ---------------------------------------- */
body {
	background:#F0F0F0 url(elements/images/main-gradient.jpg) 0 128px repeat-x;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}

.wrapper {
	width:920px;
	margin:0 auto;
	position:relative;
}

.alignleft {
	float:left;
}

.alignright {
	float:right;
}

a {
	color:#ff6600;
}

strong {
	font-weight:bold;
}

.orange {
	color: #E2531F;
}
	
/* ---------- ( Headings ) ---------------------------------------- */
h1,h1 a,h2,h2 a,h3,h3 a,h4,h4 a,h5,h5 a,h6,h6 a {
	font-family: "Trebuchet MS", Comfortaa, Helvetica, Verdana, Arial, sans-serif;
	font-weight:normal;
	letter-spacing:2px;
	text-decoration:none;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size:19px;
}

h3 {
	font-size:18px;
}

h4 {
	font-size:16px;
}

h5 {
	font-size:13px;
}

h6 {
	font-size:11px;
}


	
/* ---------- ( Header ) ---------------------------------------- */
#header {
	background:url(elements/images/bg-header.gif) repeat-x;
	height:98px;
	padding:41px 0 0;
	margin-bottom:30px;
}

#header .wrapper {
	padding-bottom:27px;
}

#header h1 a {
	font-size:38px;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:0;
}

#header h2 {
	color:#B6B6B6;
	font-style:italic;
	font-size:15px;
	margin-left:4px;
}

#header form {
	float:right;
	margin-top:3px;
}

#header form div {
	background:url(elements/images/bg-header-search.png) 22px 0 no-repeat;
	width:345px;
	height:32px;
}

#header form div input#s {
	border:none;
	float:left;
	margin:8px 0 0 30px;
	width:280px;
	color:#666;
	border:1px solid none;
}

#header form div input#submit {
	background:url(elements/images/search-button.gif) no-repeat;
	width:18px;
	height:18px;
	border:none;
	float:right;
	margin:7px 8px 0 2px;
	cursor:pointer;
}

#header ul#main-nav {
	position:absolute;
	right:0;
	bottom:0;
}

#header ul#main-nav li {
	display:inline;
}

#header ul#main-nav li a {
	background:url(elements/images/main-nav-right.jpg) no-repeat right bottom;
	color:#999;
	display:block;
	float:left;
	height:31px;
	line-height:31px;
	margin-left:3px;
	padding-right:6px;
	text-decoration:none;
}

#header ul#main-nav li a:hover,#header ul#main-nav li.current_page_item a,#header ul#main-nav li.current-cat a,#header ul#main-nav li.current-cat-parent a,#header ul#main-nav li.current_page_parent a {
	background:url(elements/images/main-nav-right.jpg) no-repeat right top;
	color:#000;
}

ul#main-nav li a span {
	background:url(elements/images/main-nav-left.jpg) no-repeat left bottom;
	display:block;
	padding:0 9px 0 15px;
}

ul#main-nav li a:hover span,ul#main-nav li.current_page_item a span,ul#main-nav li.current-cat a span,ul#main-nav li.current-cat-parent a span,ul#main-nav li.current_page_parent a span {
	background:url(elements/images/main-nav-left.jpg) no-repeat left top;
}

#header-contacts {
	font-family: "Trebuchet MS";
	font-size:14px;
	text-align:right;
	padding-top:10px;
}

#header-contacts a {
	text-decoration:none;
	font-style:italic;
	color:#333333;
}

#header-contacts a:hover {
	font-style:italic;
	color:#ff6600;
	text-decoration:none;
}


	
/* ---------- ( Feature ) ---------------------------------------- */
#feature {
	background:url(elements/images/bg-featured.jpg) no-repeat;
	height:267px;
	margin-top:32px;
	margin-top:2px;
	position:relative;
}

#feature #jFlowSlide {
	margin:8px 0 0 30px;
	float:left;
	display:inline;
}

#feature #window {
	background:url(elements/images/bg-featured-browser.jpg) no-repeat;
	width:333px;
	height:235px;
	margin:-30px 0 0 30px;
	display:inline;
	position:absolute;
}

#feature #window img {
	margin-top:18px;
}

#feature #featured-content {
	float:right;
	width:497px;
	margin:22px 30px 0 0;
	display:inline;
	position:absolute;
	top:28px;
	right:0;
}

#feature #featured-content h2 {
	color:#fff;
	text-decoration:none;
	font-size:30px;
	font-weight:bold;
}

#feature p {
	color:#C5C5C5;
	margin-top:8px;
	line-height:22px;
}

#feature ul#items {
	margin-top:12px;
}

#feature ul#items li {
	display:inline;
}

#feature ul#items li a {
	background:url(elements/images/featured-square.jpg) bottom no-repeat;
	width:20px;
	height:23px;
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
	padding-left:11px;
	line-height:21px;
	margin-right:5px;
}

#feature ul#items li.jFlowSelected a {
	background:url(elements/images/featured-square.jpg) top no-repeat;
}

#feature-inner {
	margin-bottom:30px;
	background:url(elements/images/bg-featured-small.jpg) no-repeat;
	height:90px;
	color:#fff;
}

#feature-inner h1 {
	font-size:30px;
	font-weight:bold;
	line-height:90px;
	text-indent:20px;
}


	
/* ---------- ( Content Area Wrapper ) ---------------------------------------- */
#content-area {
}

#content-area .box {
	float:left;
	width:286px;
	color:#666;
	font-size:11px;
	margin:0 31px 30px 0;
	background:url(elements/images/box-mid.jpg) repeat-y;
}

#content-area .box h3 {
	background:url(elements/images/box-heading.jpg) no-repeat;
	height:42px;
	font-size:17px;
	line-height:44px;
	padding-left:16px;
}

#content-area .box h3 a {
	color:#ff6600;
	text-decoration:none;
}

#content-area .box .inner {
	background:url(elements/images/box-bottom.jpg) bottom no-repeat;
	padding:10px 16px 3px;
}

#content-area .box .inner p {
	line-height:17px;
	padding-bottom:10px;
}

#content-area .box .inner p.read-more a {
	font:bold 13px "Trebuchet MS",Helvetica,Arial,sans-serif;
	color:#000;
	text-decoration:none;
}

#content-area .box-last {
	margin:0 0 30px;
}

#slider {width: 920px; height: 300px; margin-bottom: 40px;}


	
/* ---------- ( Sidebar ) ---------------------------------------- */
#sidebar {
	float:left;
	width:286px;
}

#sidebar .box {
	display:inline;
}

#sidebar .box {
	color:#000;
}

#sidebar .inner {
	padding:14px 16px 12px!important;
}

#sidebar .inner ul {
	padding:5px 0 5px 0;
}

#sidebar .inner p {
	color:#666;
}

#sidebar .inner .alignleft {
	margin:0 12px 12px 0;
	padding:2px;
	border:1px solid #ccc;
}

#sidebar ul {
	padding:0;
}

#sidebar ul li {
	display:inline;
}

#sidebar ul li a {
	padding:0 8px 10px 20px;
	display:block;
	background:url(elements/images/red-bullet.gif) 5px 4px no-repeat;
}

#sidebar ul li a:hover {
	text-decoration:none;
}


	
/* ---------- ( Content ) ---------------------------------------- */
#content {
	float:right;
	width:603px;
	margin-bottom:20px;
	color:#595959;
}

#content h1,#content h2,#content h3,#content h4,#content h5,#content h6 {
	margin-bottom:10px;
	color:#000;
}

#content .meta {
	margin-bottom:10px;
	font-size:11px;
	color:#A3A3A3;
	letter-spacing:1px;
}

#content p {
	line-height:19px;
	margin-bottom:10px;
}

#content blockquote {
	background:url(elements/images/blockquote.gif) top left no-repeat;
	font-style:italic;
	font-size:15px;
	padding-left:55px;
	margin-left:25px;
}

#content blockquote p {
	line-height:21px;
}

#content ol {
	list-style:decimal outside;
	padding-left:36px;
}

#content ul {
	list-style:disc;
}

#content ul li {
	line-height:19px;
	margin-bottom:10px;
}

#content ol li {
	line-height:19px;
	margin-bottom:10px;
}

#content .folio-box,#content .post {
	border-bottom:1px solid #ccc;
	margin-bottom:30px;
	padding-bottom:30px;
}

#content .folio-box .folio-image {
	float:left;
	width:330px;
}

.folio-image img {
	box-shadow: 0 1px 5px 0 #4A4A4A;
}

#content .folio-box .folio-text {
	float:right;
	width:241px;
}

#content .folio-box .folio-text p.read-more a {
	background:url(elements/images/btn-read-more.jpg) no-repeat;
	width:87px;
	height:27px;
	display:block;
	text-indent:-9999px;
	margin-top:18px;
}

#content .nopadborder {
	padding-bottom:0;
	margin-bottom:16px;
	border:0;
}

#content .post {
	border-bottom:1px solid #ccc;
	padding-bottom:20px;
	margin-bottom:30px;
}

#content #pagination {
}

#content #pagination a {
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
}


	
/* ---------- ( Bottom Content ) ---------------------------------------- */
#bottom-content {
	clear:both;
	color:#595959;
	margin-bottom:20px;
}

#bottom-content #primary {
	width:603px;
	float:left;
}

#bottom-content #primary h2 {
	color: #FF6600;
}

#bottom-content #secondary {
	width:276px;
	float:right;
}

#bottom-content #secondary ul {
}

#bottom-content #secondary ul li {
	color:#000;
	margin-bottom:10px;
}

#bottom-content #secondary ul li span {
	width:105px;
	font-style:italic;
	float:left;
	letter-spacing:1px;
	color:#666;
}

#bottom-content h2 {
	margin-bottom:10px;
}

#bottom-content p {
	line-height:19px;
	margin-bottom:10px;
}


	
/* ---------- ( Footer ) ---------------------------------------- */
#footer {
	background:url(elements/images/bg-footer.gif) repeat-x;
	font-size:11px;
	color:#666;
	padding-top:15px;
	padding-bottom:15px;
}

#footer a {
	color: #ff6600;
}


	
/* ---------- ( Comments ) ---------------------------------------- */
.logged {
	background:none!important;
}

.comments-template {
	margin-top:20px;
}

.comments-template ol {
	padding-left:0!important;
	list-style:none!important;
}

.comments-template ol li {
	margin-bottom:18px!important;
}

.comments-template ol li p {
	margin-bottom:15px!important;
}

.comments-template ol li .comment-box {
	border:1px solid #ccc;
	background:#fff;
	padding:15px 15px 0;
}

.comments-template ol li .comment-box .avatar {
	float:right;
	width:50px;
	margin-bottom:8px;
}

.comments-template ol li .comment-box .comment_text {
	float:left;
	width:505px;
}

.comments-template ol li span.arrow {
	margin:-1px 0 0 15px;
	margin:-3px 0 0 15px;
	position:absolute;
}

.comments-template .commentmetadata {
	font-size:11px;
	margin:10px 0 0 15px;
}


	
/* Author Comment Style */
.comments-template ol li.author .comment-box {
	border:1px solid #ff6600;
	background:#fff;
	padding:15px 15px 0;
}