/*  
Theme Name: 604media blog
Description: 604media company blog.
Version: 1.0
Author: 604media
Author URI: http://604media.com
*/


/* BODY ------------------------------------------------------- */

body {
background: #e9e9e9 url(../../images/bg_reeds.jpg) repeat-x bottom;
padding-bottom: 150px;
}

img {
border: none;
}

* {
margin: 0px;
padding: 0px;
}

li {
list-style-type: none;
}


/* TEXT -------------------------------------------------------- */

* {
font: 13px "Lucida Grande", "Tahoma", Arial, sans-serif;
color: #474747;
line-height:1.7em;
}

h1,h2,h3,h5,h6,
h1 *,h2 *,h3 *,h5 *,h6 * {
color:#474747;
font-weight: normal;
font-family:"Bell MT", Georgia, "Times New Roman", Times, serif;
line-height: 1em;
}

h1 {
	font-size: 38px;
	margin: 0 0 30px 0 !important;
	padding: 0px;
	text-transform: lowercase;
	color: #676767;
	}
	
	h1 a {
	font-size: 24px;
	text-decoration: underline;
	color: #676767;
	}


h2, h2 a {
	font-size: 18px;
	margin-bottom: 10px;
	}

h3, h3 a {
	color: #29A6C1;
	font-size: 21px;
	margin-bottom: 5px;
	}
	
	
h4, h4 a, h4 * {
	font-size: 14px; 
	margin:0 0 10px 0;
	padding:0px;
	font-weight:bold;
	}	
	
h5, h5 a {
font-size: 18px; 
margin:0px;
padding:0px;
color: #29A6C1;
}	

h6, h6 a {
font-size: 80px;
font-weight: bold;
color: #aacc39 !important;
line-height: 60px;
margin-bottom: 10px;
}

	h6.small, h6.small a {
	font-size: 48px !important;
	}

a,
a * {
	color: #2593a7;
	text-decoration:none;
	} 
	
a:hover {
	color: #168da3;
	text-decoration:none;
	}	
	
.small {
	}
	
em {
	font-style:italic;
	}

/* general crap ---------------------------------------- */

.clear {
clear:both;
}

.clearfix:after,
li.widget:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix, li.widget {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix, li.widget {display:block;}
/* End hide from IE Mac */

.clear10 {
	clear:both;
	display:block;
	height: 10px;
	}

.clear15 {
	clear:both;
	display:block;
	height: 15px;
	}
	
.clear30 {
	clear:both;
	display:block;
	height: 30px;
	}
	
.clear30line {
	clear: both;
	display: block;
	height: 1px;
	line-height: 1px;
	border-bottom: 1px dotted #cacbcb;
	margin: 30px 0px 30px 0px;
	}
	
.clear45 {
	clear:both;
	height:45px;
	display:block;
	}
	

.right { float: right; }
.left { float: left; }

.textRight { text-align: right; }
.textLeft { text-align: left; }
.justify { text-align: justify; }


.greenDark {
	color: #B5C72A;
	}

a.red  { color: #c52527 !important;}

.light {
	color:#999;
	}	

.leafLink a {
	padding-left:17px;
	background:url(../../images/ic_leaf.gif) no-repeat;
}

.noIcon a {
	background:none !important;
	padding-left: 0px !important;
	}

.invis { visibility: hidden; display: none; }
.vis { visibility: visible; display: inline; }	

.line {
	border-top: 1px solid #ccc;
	line-height:1px;
	font-size:1px;
	}

img.captcha {
height: 25px;
margin-left: 5px;
}

div.message {
font-size: 13px;
color: #29A6C1;
font-weight: bold;
background: #F5F5F5 url(../../images/iconAlert.png) no-repeat 10px 10px;
padding: 5px 5px 5px 20px;
margin: 10px 0;
}

/* columns ----------------------- */ 

.pad20 { padding-right:25px; }

.pad45 { padding-right: 45px; }

.pad45L {padding-left: 45px; }


.col {
	float:left;
	}
	
.col50 {
	float: left;
	width: 50px;
	}

.col75 {
	width: 75px;	
	float: left;
	}
	
.col120 {
	width: 120px;
	float: left;
	}

.col175 {
	width: 175px;
	float:left;
	}

.col250 {
	width: 250px;
	float: left;
	}

.h15 {
	height: 15px;
	}

.h100 {
	height: 100px;
	}

/* header ----------------------- */


#headWrap {
	background: url(../../images/bg_header.png) no-repeat center top;
	width: 100%;
	height: 180px;
	}
	

#header {
	width: 930px;
	padding: 0px 30px 0px 30px;
	margin: 0px auto;
	}
	
	#headerNav {
		width: 525px;
		float: right;
		text-align: right;
		}
		
		#headerNavTop {
			padding-top: 10px;
			height: 110px;		
			}
			
						
		#headerNavTop a {
			padding-left:18px;
			color: #fff;
			background:url(../../images/ic_leafBL.gif) no-repeat;
			font-size:14px;
			font-weight: normal !important;
			text-decoration:none;					
			}
		
		#headerNavTop a:hover {
			color: #CCC;
			}

	
		#headerNavBot {
			
			}

		

		
/* footer ------------------------------------------------------- */


#bottom {
width: 990px;
margin: 0 auto;
}

#footer {
	width: 930px;
	padding: 0px 30px 0px 30px;
	margin: 15px auto 0px auto;
	}
	
	.footerCol {
		float:left;
		display: inline;
		width: 150px;
		margin-left: 20px;
		line-height: 1.8em;
		}
		
		.footerCol * {
		
		}
		
		.footerCol a {
		padding-left: 5px;
		}
		
		.footerlast {
			width: 210px !important;
			margin-right: 0 !important;
			}
	
	.footerCol a {
	
		}

		
/* content ------------------------------------------------------- */

#main {
	background: #fff url(../../images/bg_white.png) bottom center;
	width: 930px;
	padding: 0px 30px 60px 30px;
	margin: 0px auto 0px auto;
	
	}
		
.content {
	padding: 0px 45px 0px 45px;
	display:block;
	}
		

		
/* bgs ---------------------------------------------- */

	.bgService {
		background: url(../../images/bg_services.jpg) no-repeat top left;
	}
	
	.bgApple {
		background: url(../../images/bg_apple.jpg) no-repeat top left;
	}	

	.bgKiwi {
		background: url(../../images/bg_kiwi.jpg) no-repeat top left;
	}	
	
	.bgLime {
		background: url(../../images/bg_lime.jpg) no-repeat top left;
	}	

	.bgAvocado {
		background: url(../../images/bg_avocado.jpg) no-repeat top left;
	}	

	.bgPear {
		background: url(../../images/bg_pear.jpg) no-repeat top left;
	}
	
	.bgCMS {
		background: url(../../images/bg_gears.jpg) no-repeat top left;
	}	
	
	.bgCart {
		background: url(../../images/bg_cart.jpg) no-repeat top left;
	}	
	
	.bgMultimedia {
		background: url(../../images/bg_reel.jpg) no-repeat top left;
	}	
	
	.bgBranding {
		background: url(../../images/bg_paint.jpg) no-repeat top left;
	}	

	.bgHosting {
		background: url(../../images/bg_server.jpg) no-repeat top left;
	}	



/* post ------------------------------------------------------- */

.archiveline {
clear: both;
	display: block;
	height: 1px;
	line-height: 1px;
	border-bottom: 1px dotted #cacbcb;
	margin: 5px 0px 30px;
}

a.more, a.more * {
font-size: 12px;
}

	.date, .date span {
	font-size: 10px;
	margin-bottom: 30px;
	}
	
		.date em {
		font-size: 10px;
		font-style:normal;
		font-weight: bold;
		}
	
	.article p {
	font-size: 12px;
	text-align: justify;
	margin-bottom: 12px;
	}
	
		.article p em, 
		.article p strong {
		font-size: 12px;	
		}
	
	.article b, .article strong {
	font-weight: bold;
	}

	.article img {
	clear: both;
	margin: 15px 0;
	padding: 5px;
	border: 1px solid #DDD;
	}
	
		.article img.alignright {
		float: right;
		margin: 0 0 10px 15px;
		}
		
		.article img.size-full {
		width: 532px;	
		}
	
	.article a, .article a * {
	font-size: 12px;
	}
	
	.article ul {
	margin-bottom: 12px;
	}
	
		.article ul li {
		list-style-type: disc;
		margin-left: 20px;
		margin-bottom: 12px;
		}
		

/* sidebar ------------------------------------------------------- */

#subMain {
	width: 545px;
	float: left;
	}
	
	.sideTop {
			margin-top: 155px;
			}	
			


.sideTop input {
border: 1px solid #DDD;
float: left;
display: inline;
font-size: 12px;
padding: 2px;
}

	.sideTop input#s {
	padding: 3px;
	margin-right: 10px;
	cursor: pointer;
	}
	
	.sideTop #searchform label {
	color:#474747;
	font-weight: normal;
	font-family:"Bell MT", Georgia, "Times New Roman", Times, serif;
	line-height: 1em;
	font-size: 20px;
	padding-bottom: 10px;
	text-transform: lowercase;
	}
	
	.sideTop li#search {
	background: url(../../images/blog_tabRight.png) no-repeat top center;
	
	}

.sideTop input.text {
font-size: 12px;
padding: 2px;
margin-right: 5px;
width: 150px;
}

.sideTop input.submit {
font-size: 12px;
cursor: pointer;
}



li.widget {
padding: 20px 0 0;

}

	li.widget h2 {
	font-size: 20px;
	}

li.widget li {
font-size: 10px;

}

	li.widget a {
	font-size: 12px;
	}



/* Menu */
#menu
{
	width: 930px;
	height: 30px;
	line-height:45px;
	font-weight: normal !important;
	padding: 3px 30px 40px 30px;
}
#menu ul
{
	list-style: none;
}
#menu li
{
	display: inline;
	float:left;
	padding-left: 30px;
}
#menu li a
{
	font-size: 1.1em;
	
	text-transform: lowercase;
	color: #5D5F53;
	text-decoration: none;
	margin-right: 1em;
}
#menu li a:hover, 
#menu li a:active,
#menu li.current_page_item a
{
	color: #6B7E09;
	border-bottom:#6B7E09 0px solid;
	
}
#menu li#feed
{
	display:inline;
    float:right;
	padding-right:15px;
	background:url(images/icon_feed.gif) no-repeat left;
}
/* Content */


/* Primary Content */
#primaryContentContainer
{
	float: left;
	width:630px;

	
}
#primaryContent
	{
	width:100%;
	padding: 0em 1.5em 1.5em 15px;
}
#primaryContent h2, #primaryContent h3
{
	text-transform: lowercase;
	color: #5D5F53;
	border-bottom: dotted 1px #ECEEDF;
	padding-bottom: 0.3em;
}
#sidebar1 h2, #sidebar2 h2
{
	background: url(images/a1.png) no-repeat;
	width: 185px;
	height: 27px;
	font-size: 1.0em;
	font-weight: normal;
	font-style:italic;
	padding-left: 15px;
	padding-top: 3px;
	text-transform: lowercase;
	font-family:"bell MT", Georgia, "Times New Roman", Times, serif;
	color: #212121;
}
#content .date 
{
	color: #ccc;
	float:right;
}
#content .comments 
{
	margin:1em 0;
	border-bottom: dotted 1px #ECEEDF;
}
#content .post 
{
	margin-bottom:3em;
}

/*604media Additions *//*604media Additions *//*604media Additions *//*604media Additions *//*604media Additions *//*604media Additions */

.entry-content img {
	float: left;
	padding: 0px 30px 45px 0px;
	}

/*604media Additions *//*604media Additions *//*604media Additions *//*604media Additions *//*604media Additions *//*604media Additions */

/* Secondary Content */
#sidebar1
{
	float: right;
	width: 205px;
	padding: 0px 15px 0px 0px;
}

	.textBox {
		border: 1px solid #737373;
		}

#sidebar2
{
	display: none !important; /*604media*/
	float: right;
	width: 215px;
	padding-right: 1em;
}
#sidebar1 ul, #sidebar2 ul, #sidebar1 form, #sidebar2 form 
{
	list-style:none;
	margin:0 1em 1em;
	padding:0;
}
/************************************************
*	Comments									*
************************************************/
	
#content .commentlist 
{
	margin:0;
	padding:0;
	border-top:#ddd 1px solid;
}
#content .commentlist li 
{
	list-style:none;
	margin: 0;
	padding:1em;	
	border-bottom: #ddd 1px solid;	
}
.commentlist li.alt 
{
    background:#EAEFE0;    
}
.commentlist li .cmtinfo 
{
	font-size:0.9em;		
}
.commentlist li cite 
{
	font-style:normal;
	font-weight:bold;
	font-size:1.1em;
}
.commentlist li .cmtinfo em 
{
	float:right;
	margin:0;
	padding:0;
	font-style:normal;
	font-size:0.9em;
	color:#999;
}
#content .nocomments 
{
	text-align:center;
	color:#999;
	font-size:0.9em;
}
#content .trackback
{
	background:url(images/icon_trackback.png) no-repeat left center;
	padding:0px 17px;
}
#content .feed 
{
	background:url(images/icon_feed.gif) no-repeat left center;
	padding:5px 17px;
}
input.textbox
{
	border:#ccc 1px solid;
	background:#f9f9f9;
	font:1em Tahoma, Verdana, Arial, Serif;
	padding:2px;
	width:150px;
}
textarea
{
	width: 90%;
	padding:5px;
	height: 20em;
	border: 1px solid #ccc;	
	background:#f9f9f9;
	font:1em Tahoma, Verdana, Arial, Serif;
}
.textbox:focus, textarea:focus
{
	background:#fff;
	border:#999 1px solid;
}



/* ------------------------------------------
-- S I F R ----------------------------------
--------------------------------------------- 

	

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	margin:0;
}

.sIFR-hasFlash h1 a {
	visibility: hidden;
}