/*
Theme Name: 	Montage
Description: 	2 column custom theme for montage communications
Version: 	1.0
Author: 	Rob Plumley
Author URI: 	http://www.aproimage.net
*/

/* RESET 
---------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,del,dfn,font,img,ins,kbd,q,s,samp,strike,sub,sup,tt,var,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:normal;font-style:normal;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0}
body{font-family:Arial, Helvectica, Sans-Serif;font-size:100%;}
ol,ul{list-style:none;}
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: "" "";}
/* STRUCTURE
---------------------------------------*/
body
	{
	width:100%;
	background:#ffffff;
	font-size:.8em;
	line-height:1.6;
	word-spacing:2px;
	}
#maincontent
        {
        width:950px;
        overflow:hidden;
        margin:0px auto;
	background:url('images/logo.png') 0px 70px no-repeat;
        }
#maincontent a{
    color:#005e84;
}
/*Header stuff*/

#header-container
	{
	width:100%;
	float:left;
        overflow:hidden;
	margin:5px 0 3px 0;
	border-bottom:2px solid #005e84;
	}
ul#menu 
 	{
 	float:left;
   	list-style-type:none;
   	text-align:left;
	font-size:1.5em;
	margin:0;
	height:29px;
 	}
ul#menu a
 	{
	float:left;
   	padding:0px 10px;
   	color:#949597;
	font-size:1em;
   	font-style:normal;
   	text-decoration:none;
	margin:0;
 	}
ul#menu li 
 	{
   	display:inline;
   	text-align:center;
	margin:0;
	padding:0;
 	}
ul#menu li.first 
 	{
   	display:inline;
   	text-align:center;
	margin:0 0 0 10px;
	padding:0;
 	}
ul#menu a:hover, ul#menu a:focus, ul#menu a:active 
 	{
   	color:#ffffff;
	background:#005e84;
 	}
ul#menu li.current_page_item a, ul#menu li.current_page_item a:hover,
ul#menu li.current_page_item a:focus, ul#menu li.current_page_item a:active 
 	{
   	background-color:#005e84;
   	color:#fff;
   	cursor:default;
   	text-align:left;
	border:none;
 	}
.social {
    float:right;
    height:31px;
}
/*Main Area*/

#hometop{
    float:left;
    width:950px;
    overflow:hidden;
    border-bottom:2px solid #005e84;
    padding-bottom:3px;
    margin-bottom:3px;
    }
#surfacecontainer{
    float:left;
    height:100%;
    width:100%;
    overflow:hidden;
    padding-bottom:15px;
    border-bottom:3px solid #CACACA;
    margin-bottom:3px;
    background:url('images/rbg.gif') right repeat-y;
}
#leftcontent
	{
	float:left;
	overflow:hidden;
	width:680px;
	margin-top:70px;
	padding:0 30px 0 0;
	}
#leftcontent h2{
	color:#949597;
}
#leftcontent small{
	font-size:1em;
	font-weight:bold;
}
.leadline {
    margin-bottom:35px;
}
.leadline p {
    padding:5px 0;
}
.leadline h1 {
    color:#949597;
    padding:0;
    line-height:1.2;
    width:680px;
    font-size:1.4em;
}
#rightcontent
	{
	height:100%;
	float:right;
	width:240px;
	background:#f1f1f1;
	}
#rightcontent h4 a {
    color:#ffffff;
}
.search {
    width:240px;
    height:50px;
    background:url('images/search.gif');
    border-bottom:2px solid #c3c3c4;
}
.rightalign{
    float:left;
    overflow:hidden;
    width:240px;
}
.mailing {
    float:left;
    width:100%;
    overflow:hidden;
    background:#005e84;
    padding:5px 0 5px 2px;
}
#homefeed
	{
	float:left;
	width:100%;
	overflow:hidden;
        border-bottom:2px solid #005e84;
	padding-bottom:3px;
	}
.sectionheads{
    float:left;
    width:auto;
    margin:-40px 0 3px 0;
    background:transparent;
}
.sectionheads h2{
    font-size:1.6em;
    line-height:1.6em;
    margin:0;
    color:#000000;
    padding:0;
}
.sectionheadsb{
    float:left;
    width:auto;
    margin:10px 0 3px 0;
    background:transparent;
}
.sectionheadsb h2{
    font-size:1.4em;
    line-height:1.1em;
    margin:0;
    color:#000000;
    padding:0;
}
.sectionheadsb h3{
    font-size:1.4em;
    line-height:1.1em;
    margin:0;
    color:#949597;
    padding:10px 0 0 0;    
}
.leftfeeds {
    float:left;
    width:50%;
    overflow:hidden;
}
.videofeed {
    float:left;
    width:100%;
    height:253px;
    overflow:hidden;
    margin-bottom:3px;
    background:url('images/videofeed.png') top left no-repeat;
    padding-left:47px;
}
.twitterfeed {
    float:left;
    width:100%;
    height:248px;
    padding:5px 0 0 50px;
    overflow:hidden;
    background:url('images/twitterfeed.png') top left no-repeat;
}
.tblock {
    width:410px;
}
.tblock span {
    font-style:italic;
}
.tblock a {
    font-style:italic;
}
.tblock li {
    font-size:1em;
    font-style:italic;
    padding-bottom:7px;
}
.twitterwidget-title {
    margin-left:2px;
}
.blogfeed {
    float:right;
    width:50%;
    height:509px;
    overflow:hidden;
    background:url('images/blogfeed.png') top left no-repeat;
}
.excerpt{
    margin-left:55px;
    overflow:hidden;

}
.excerpt h2{
    font-size:1.6em;
    line-height:1.1em;
    padding:0;
    margin:0;
}
.econtain{
    float:left;
    overflow:hidden;
    border-bottom: 1px solid #C3C3C4;
    padding-bottom:20px;
}
.econtain h2{
    margin-bottom:5px;
}
.thumbnail{
    float:left;
    width:100px;
    overflow:hidden;
}
.introducing{
    float:left;
    width:320px;
    height:100px;
    margin-top:-5px;
}
.introducing small{
    padding-left:5px;
    font-size:1em;
    font-weight:bold;
}
.introducing p{
    padding:0 5px 0 5px;
    font-size:1.2em;
    line-height:1.2;
}
.guidancerow {
    float:left;
    width:950px;
    height:310px;
    border-bottom:3px solid #cacaca;
    margin-bottom:3px;
}
.guideleft {
    float:left;
    width:490px;
    padding-right:10px;
    overflow:hidden;

}
.guideright {
    float:right;
    width:430px;
    overflow:hidden;
}

/*Guidance*/
.guidenav{
    width:429px;
    height:62px;
    text-align:center;
}
.guidenav ul{
    background:url('images/guideul.gif') bottom left no-repeat;
    text-align:center;
    float:left;
    display:inline;
    position:relative;
    padding-left:25px;
}
.guidenav li{
    float:left;
    margin-left:1px;
    padding:0;
    position:relative;
}

.tweet {
    float:left;
    display:block;
    width:53px;
    height:53px;
    background:url('images/twitterguide.png') no-repeat;
}
.tweet:hover{
    background:url('images/twitterguidea.png') no-repeat;
}
.wp {
    float:left;
    display:block;
    width:53px;
    height:53px;
    background:url('images/wordpress.png') no-repeat;
}
.wp:hover{
    background:url('images/wordpressa.png') no-repeat;
}
.stumble {
    float:left;
    display:block;
    width:53px;
    height:53px;
    background:url('images/flickr.png') no-repeat;
}
.stumble:hover{
    background:url('images/flickra.png') no-repeat;
}
.fb {
    float:left;
    display:block;
    width:53px;
    height:53px;
    background:url('images/facebookguide.png') no-repeat;
}
.fb:hover{
    background:url('images/facebookguidea.png') no-repeat;
}
.gle {
    float:left;
    display:block;
    width:53px;
    height:53px;
    background:url('images/digg.png') no-repeat;
}
.gle:hover{
    background:url('images/digga.png') no-repeat;
}
.rs {
    float:left;
    display:block;
    width:53px;
    height:53px;
    background:url('images/rssguide.png') no-repeat;
}
.rs:hover{
    background:url('images/rssguidea.png') no-repeat;
}
.yt {
    float:left;
    display:block;
    width:53px;
    height:53px;
    background:url('images/youtubeguide.png') no-repeat;
}
.yt:hover{
    background:url('images/youtubeguidea.png') no-repeat;
}
#datacontent a{
    color:#000000;
}
.panelbase{
    float:left;
    background:url('images/panelbase.gif') bottom left no-repeat;
    width:429px;
    height:18px;

}
.panels{
    float:left;
    width:423px;
    max-height:215px;
    overflow:auto;
    border-left:3px solid #949597;
    border-right:3px solid #949597;
}
.post small{
    padding-left:10px;
}
.postering ul{
    font-size:1.2em;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:disc;
    margin-left:50px; 
}
.postering li{
    margin-bottom:10px;
}

/*Page styles*/

.pageheads h2 {
    float:left;
    font-size:2.6em;
    line-height:1.1em;
    margin:10px 0;
    padding:0 0 2px 0;
    border-bottom:3px solid #005e84;
    width:100%;
}

.hometwo a {
    margin: 10px 0 10px 5px;
    float: left;
}

/*Plain*/

.contact {
    width:100%;
    overflow:hidden;
    padding:10px 10px 0 0;
}
.contacting {
    font-size:1.2em;
    font-weight:bold;
}
.contactleft{
    float:left;
    width:20%;
}
.contactleft h3{
    padding-top:0px;
    font-size:1.2em;
    font-weight:bold;
}
.contactright{
    float:right;
    width:75%;
    padding:0;
    font-size:1.2em;
}

/*Team*/
.team {
    width:100%;
    overflow:hidden;
    padding-top:25px;
}
.teamimg{
    float:left;
    width:100px;
    overflow:hidden;
    padding-right:25px;
}
.teamimg img {
    height:130px;
    width:100px;
}
.teamtext {
    float:right;
    width:555px;
    overflow:hidden;
}
.teamtext p {
    padding:5px 10px 0 0;
}
.teamsocial {
    float:left;
    width:615px;
    height:30px;
    text-align:right;
    padding:0 10px 0 0;
}

/*Archive*/
.arcontain{
    float:left;
    overflow:hidden;
    border-bottom: 1px solid #C3C3C4;
    padding-bottom:15px;
    margin:20px 0 15px 0;
    width:100%;    
}
.arthumbnail{
    float:left;
    width:100px;
    overflow:hidden;
}
.arpost{
    float:right;
    width:570px;
    margin-top:-5px;
    padding:0 0 0 10px;
}
.arpost object{
    max-width:350px;
}
.arpost h2 {
    padding:0;
    margin:0 0 5px 0;
}
.arpost small {
    padding:0 0 0 3px;
}
.arpost p{
    padding:0 35px 0 5px;
    font-size:1.2em;
    line-height:1.1;
    margin:15px 0 0 0;
}
.arpostb{
    float:left;
    width:700px;
    margin-top:-5px;
    padding-right:10px
}
.arpostb h2 {
    padding:0;
    margin:0 0 5px 0;
}
.arpostb small {
    padding:0 0 0 3px;
}
.arpostb p{
    padding:0 35px 0 5px;
    font-size:1.2em;
    line-height:1.1;
    margin:15px 0 15px; 0;
}
/*Disqus*/
#disqus_thread {
    margin: 0 10px;
}
.dsq-dc-logo {
    display:none;
}
#dsq-content h3 {
    padding:5px 0 0 0;
}

/*Footer*/

#footer
	{
	clear:both;
	width:100%;
	background:#005e84;
	color:#fff;
	padding:10px 0 0 0;
	overflow:hidden
	}
#footer a {
	color:#ffffff;
	font-size:0.9em;
	margin-top:5px;
}
#footer a:hover {
    color:#5996af;
}
#designer{
    color:#ffffff;
    float:left;
    padding:0 0 0 0;
}
#designer p{
    color:#ffffff;
    padding:0 0 0 4px;
    margin:0;
}
#designer a{
    color:#5996af;
    font-size:1.3em;
    font-weight:bold;
}
#designer a:hover{
    color:#ffffff;
    text-decoration:none;

}
/* BLOCK
---------------------------------------*/
.block
	{
	clear:both;
	background:#f1f1f1;
	color:#000;
	padding-bottom:10px;
	margin:0;
	}
.block h4 {
    background:#949597;
    color:#fff;
    padding:1px 5px;
    margin-top:5px;
    border-bottom:3px solid #000000;
}
.leftblock
	{
	clear:both;
	background:#f1f1f1;
	color:#000;
	margin:0 0 0 10px;
	}
.halfblock
	{
	width:50%;
	float:left;
	padding:0;
	margin:0;
	}
.fbLikeContainer{
    margin:15px 0 0 5px;
}
.bookmarkbox {
    width:100%;
    overflow:hidden;
    margin:10px 0 0 -5px;
}
.bookmarkbox img {
    margin:3px 0 0 0;
}
.twmeme {
    overflow:hidden;
    margin:5px 10px 0 0;
    padding:10px 0 0 0;
    display:inline;
    width:75px;
    height:100px;
}
.gbuzz {
    overflow:hidden;
    margin:0 15px;
    display:inline;
    float:left;
}
.gotweet{
    float:left;
    margin:0 0 0 15px;
    overflow:hidden;
}
.twmemes {
    overflow:hidden;
    margin:5px 0 0 0;
    display:inline;
}
.sview {
    margin:10px 0 0 10px;
}
.postmetadata
	{
	background:#f1f1f1;
	color:#000;
	padding:10px !important;
	margin:5px 10px 20px 10px;
	border:1px solid #ddd;
	width:640px;
	}
/* TYPOGRAPHY
---------------------------------------*/
p, h1, h2, h3, h4, h5, h6
	{
	padding: 5px 10px 0 10px;
	}
h1
	{
	font-size:2em;
	background:url(images/logo.jpg) 5px 5px no-repeat;
	padding:0;
	margin:10px 0 0 0;
	padding-left:50px;
	}
h2
	{
	font-size:1.8em;
	}
h3
	{
	font-size:1.6em;
	}
h4
	{
	font-size:1.4em;
	}
h5
	{
	font-size:1.2em;
	}
h6
	{
	font-size:1em;
	}
/*#content p, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content small
	{
	padding: 5px 5px;
	}*/
#header p
	{
	padding:0;
	margin:0;
	padding-left:60px;
	}
/* IMAGES
----------------------------------------*/
img.centered 
	{
	display:block;
	margin-left:auto;
	margin-right:auto;
	}
img.aligncenter 
	{
	display:block;
	margin-left:auto;
	margin-right:auto;
	}
img.alignright
	{
	padding:4px;
	margin:0 0 2px 7px;
	display:inline;
	}
img.alignleft
	{
	padding:4px;
	margin:0 7px 2px 0;
	display:inline;
	}
.alignright
	{
	float:right;
	margin-left:10px;
	}
.alignleft
	{
	float:left;
	margin-right:10px;
	}
/* LISTS
----------------------------------------*/
ul
	{
	list-style:none;
	margin:5px 0 0 0;
	}
ol
	{
	list-style:decimal;
	margin:5px 0 0 0;
	}
li
	{
	margin-left:10px;
	padding:0;
	}
dl
	{
	margin-left:20px;
	}
dt
	{
	margin-left:10px;
	}
dd
	{
	margin-left:20px;
	}
#contentarea ul
	{
	list-style:outside disc;
	margin:5px 0 5px 30px;
	}
#contentarea ol
	{
	margin:5px 0 5px 30px;
	}
#contentarea li
	{
	margin-left:20px;
	padding:0;
	}
.inline ul
	{
	margin:0;
	padding:0;
	}
.inline li
	{
	display:inline;
	list-style-type:none;
	padding:10px;
	margin:0;
	}

/* LINKS
---------------------------------------*/
a:link, a:visited
	{
	color:#333333;
	text-decoration:none;
	}
a:hover, a:focus, a:active
	{
	color:#aced00;
	}
/* FORMS
---------------------------------------*/
#searchform 
	{
	padding:0 0 0 10px;
	text-align:left;
	border:none;
	position: relative;
	}
#searchform #s 
	{
    border:0px;
    color:#949597;
    float:left;
    margin:-6px 0 0 77px;
    padding:0;
    position:absolute;
    top:22px;
    width:137px;
	}
.btn {
    float:right;
    position:relative;
}
.btn2{
    position:relative;
}

/* MISCELLANEOUS
---------------------------------------*/
.hidden
	{
	display:none;
	}
.clear
	{
	clear:both;
	}
.center
	{
	text-align:center;
	}
.author
	{
	color:#666;
	font-size:.9em;
	}
.navigation
	{
	margin:10px 20px;
	}
.navigation-right
	{
	text-align:right;
	}
.navigation-left
	{
	text-align:left;
	}
code
	{
	font-size:1.4em;
	}
blockquote
	{
	background:#f1f1f1;
	color:#000;
	padding:10px !important;
	margin:20px 10px 20px 20px;
	border:1px solid #ddd;
	}
cite
	{
	margin:10px 10px 10px 20px;
	}
/* PAGENAVI
---------------------------------------*/
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active 
	{
	color:#008080 !important;
	background:transparent !important;
	}
.wp-pagenavi a:hover 
	{
	color:#000080 !important;
	background:transparent !important;
	}
.wp-pagenavi span.pages 
	{
	background:transparent !important;
	}
.wp-pagenavi span.current 
	{
	background:transparent !important;
	}
.wp-pagenavi span.extend 
	{
	background:transparent !important;
	}
/* COMMENTS
---------------------------------------*/
.commentlist li .avatar
	{ 
	float:right;
	border:1px solid #eee;
	padding:2px;
	margin:2px 0;
	background:#fff;
	color:#000;
	}
.commentlist li
	{
	list-style:decimal;
	margin:10px;
	padding:0;
	}
.commentlist .alt
	{
	background:#f1f1f1;
	color:#000;
	border:1px solid #ddd;
	}
	
/* Client Category Styles */

#clientcontainer{
    float:left;
    height:100%;
    width:100%;
    overflow:hidden;
    padding-bottom:15px;
    border-bottom:3px solid #CACACA;
    margin-bottom:3px;
}

#clientcontainer h2{
    color: #949597;
    margin: 0 0 10px;
    padding: 0;
}

.clientarea{
    width: 975px;
    margin: 65px 0 0 -25px;
    padding-left: 25px;
    float: left;
}

.clientblock{
    height: 400px;
    width: 300px;
    margin: 0 25px 25px 0;
    overflow: hidden;
    float: left;
}

.clientblock p{
    padding: 0;
}

.clientblock h3{
    color: #949597;
    margin: 0 0 5px;
    padding: 0;
}

.cbpic{
    border: 10px solid #005E84;
    height: 190px;
    margin: 0 0 10px;
    width: 276px;
    text-align: center;
}

.cbpic img {
    max-height: 190px;
    max-width: 276px;
}
