/*
Theme Name: Thorsteinssons Blog Design 2012
Theme URI: https://www.thor.ca/blog
Version: 1.0
Author: Stem Legal Web Enterprises, Inc
Author URI: http://www.stemlegal.com/
*/


/***************************************
RESET CSS
*/


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,
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: normal;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

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

table, table td {
    border-collapse: collapse;
    border-spacing: 0;
    
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}


/***************************************
HTML5 ELEMENTS
*/

section,
header,
footer,
nav,
article,
aside {
    display: block;
}



/***************************************
PROJECT CSS
*/

html {
	height: 100%;
}

body {
	min-height: 100%;
    background: url('images/body-bg-grey.png') 0 0 repeat-x #ccc;
    font-family: georgia, 'times new roman', serif;
    color: #333;
    font-size: 14px;
    line-height: 18px;
    /*-webkit-font-smoothing: antialiased; 
    -webkit-text-size-adjust: none;*/
}

strong, b {
    font-weight: bold;
}

em, i {
    font-style: italic;
}

a {
    text-decoration: underline;
    color: #145482;
}

p {
    padding: 0 0 20px;
}


/***************************************
FORMS
*/
    form {}
    fieldset {}
    input[type="text"], 
    input[type="password"],
    input[type="email"],
    textarea, 
    select {
        border: 1px solid #ccc;
        padding: 4px;
        outline: none;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        color: #777;
        margin: 0;
        max-width: 100%;
        display: block;
        background: #fff; 
        font-family: georgia, 'times new roman', serif;
        }
    select { 
        padding: 0; }
    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="email"]:focus, 
    textarea:focus {
        border: 1px solid #aaa;
        color: #444;
        -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
        -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
        box-shadow:  0 0 3px rgba(0,0,0,.2); }
    textarea {}
    label,
    legend {}
    select {}
    input[type="checkbox"] {
        display: inline; }
    label span,
    legend span {}



/***************************************
LAYOUT
*/

#main-contain {
    width: 970px;
    margin: auto;
    background: #fff;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
}


#header {

}

    #header-contact {
        border-bottom: 1px solid #eee;
        text-align: right;
        padding: 9px 0;
        text-transform: uppercase;      
        font: normal 11px georgia, 'times new roman', serif;
        margin: 0 20px;
    }
    
    #header-contact a {
        color: #888;
        text-decoration: none;
    }
    
    #header-contact a:hover {
        text-decoration: underline;
    }

	.payments-link {
		display: block;
		float: left;
		
	}
    
    .contact-toronto {
        margin: 0 30px 0 0;
    }
    

    #logo { 
        float: left;
        height: 68px;
        width: 569px;
        display: block;
        margin: 42px 0 32px 20px;
        background: url('images/thorsteinssons-logo2.gif') 0 0 no-repeat transparent;
        text-indent: -99999em;
        overflow: hidden;
    }

	#print-logo {
		display: none;
		visibility: hidden;
		width: 1px;
		height: 1px;
	}
    
    #primary-nav {
        clear: both;
        list-style: none;
        padding: 0 30px 0;
        height: 40px;
        margin: 0;
        background: #145482;
        overflow: hidden;
        border-top: 1px solid #0A3C60;
        border-bottom: 5px solid #0A3C60;
    }

        #primary-nav li {
            padding: 0;
            margin: 0;
            float: left;
            font-size: 14px;
        }

        #primary-nav li a,
        #primary-nav li a:visited {
            display: block;
            text-decoration: none;
            padding: 13px 22px 12px;
            color: #fff;
            -webkit-transition-property: color;
            -webkit-transition-duration: 1s, .3s;
            -webkit-transition-timing-function: linear, ease-in;
        }
        
        #primary-nav li.current a {
            background-color: #0A3C60;
            color: #8ACAF2;
        }
        
        #primary-nav li a:hover {
            color: #78a9cd;
        }
        
        
    
        
    #primary-nav li.search {
        float: right;
    }
    
        #primary-nav li.search form {
            display: block;
            padding: 10px 0 0;
        }
    
        #primary-nav li.search input {
            width: 190px;
            max-width: 190px;
        }
        
        #primary-nav li.search input.inactive {
            font-style: italic;
            text-transform: uppercase;
        }
        
        #primary-nav li.search a {
            display: none;
            visibility: hidden;
        }


#content {
    padding: 20px;
}


#banner-image {
	height: 321px;
	background: url('images/banner-final.jpg') top right no-repeat;
	border: 1px solid #d9e0ea;
}

    .subpage-banner {
        height: 184px;
        margin: 0 0 18px;
        border: 1px solid #ccc;
        background-position: center top;
        background-repeat: no-repeat;
    }
    
        #about-banner {background-image: url('images/glass-doors.jpg');}
        #lawyers-banner {background-image: url('images/lawyers.jpg'); height: 222px;}
        #international-banner {background-image: url('images/street.jpg');}
        #contact-banner {background-image: url('images/contact2.jpg');}
        
        #careers-banner {background-image: url('images/files.jpg');}
        #career-sub1-banner {background-image: url('images/careers-sub1.jpg'); height: 200px;}
        #career-sub2-banner {background-image: url('images/careers-sub2.jpg'); height: 200px;}
        #career-sub3-banner {background-image: url('images/careers-sub3.jpg'); height: 200px;}
        #career-sub4-banner {background-image: url('images/careers-sub4.jpg'); height: 200px;}
        #career-sub5-banner {background-image: url('images/careers-sub5.jpg'); height: 200px;}
        
            
        #practice-banner .subpage-banner {
            height: 192px;
            float: left;
            width: 223px;
        }

        #practice-banner .pa-banner-1 {background-image: url('images/practice-banner-1.jpg'); margin-right: 6px;}
        #practice-banner .pa-banner-2 {background-image: url('images/practice-banner-2.jpg'); margin-right: 6px;}
        #practice-banner .pa-banner-3 {background-image: url('images/practice-banner-3.jpg');}
        

#page-title {
    padding: 7px 0 10px;
    margin: 0 0 5px;
}

    #page-title h1 {
        font: normal 30px georgia, 'times new roman', serif;
        line-height: 1;
        color: #444;
        padding: 0 0 6px;
    }
    
    #page-title ul, 
    #page-title li {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    #page-title li {
        display: inline;
        text-transform: uppercase;
        font-size: 12px;
    }
    
    #page-title li a {
        text-decoration: none;
        color: #666;
    }
    
        #page-title li a:hover {
            text-decoration: underline;
        }
    

#primary-content {
    width: 51%;
    float: left;
    line-height: 24px;
}
	
    #primary-content h2 {
        font: normal 26px/36px georgia, 'times new roman', serif;
        padding: 0 0 8px;
    }
    
    	#primary-content h2 a {
    		color: #333;
    		text-decoration: none;
    	}
		
			#primary-content h2 a:hover {
				text-decoration: underline;
			}
			
	 #primary-content h3 {
        font: normal 20px/26px georgia, 'times new roman', serif;
    }
    
    	#primary-content h3 a {
    		color: #333;
    		text-decoration: none;
    	}
		
			#primary-content h3 a:hover {
				text-decoration: underline;
			}
			
	.post-item {}
	
	.archive-post-item {
		border-bottom: 6px solid #eee;
		margin: 0 0 30px;
	}
	
	.post-category {
		font-size: 11px;
		text-transform: uppercase;
		color: #999;
		padding: 0 0 4px;
	}
	
		.post-category a {
			text-decoration: none;
		}
    
    	.post-category a:hover {
    		text-decoration: underline;
    	}

	.post-meta {
		font-style: italic;
		color: #999;
		padding: 0 0 10px;
	}
	
		.archive-post-item .post-meta {
			font-size: 13px;
			padding: 0 0 7px;
		}
	
		.post-meta a {
			font-style: italic;
		}

	.post-share, 
	.post-share li {
		list-style: none;
		padding: 0;
		margin: 0;
		background-image: none;
	}

	.post-share {
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		padding: 10px 0;
		font-size: 11px;
		text-transform: uppercase;
		color: #999;
		margin: 0 0 15px;
	}
	
		.post-share li {
			float: left;
			padding: 0 20px 0 0;
			line-height: 1;
		}
		
		.post-share li.share-title {
			padding: 4px 15px 0 0;
		}
		
		.post-share a.email-link {
			display: block;
			line-height: 1;
			font-size: 10px;
			text-decoration: none;
			border: 1px solid #ccc;
			padding: 4px 5px;
			-o-border-radius: 2px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			-o-text-shadow: 1px 1px 1px #fff;
			-webkit-text-shadow: 1px 1px 1px #fff;
			-moz-text-shadow: 1px 1px 1px #fff;
			text-shadow: 1px 1px 1px #fff;
			background: #f7f7f7; /* Old browsers */
			background: -moz-linear-gradient(top,  #f7f7f7 0%, #eeeeee 39%, #dddddd 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(39%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #f7f7f7 0%,#eeeeee 39%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #f7f7f7 0%,#eeeeee 39%,#dddddd 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #f7f7f7 0%,#eeeeee 39%,#dddddd 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #f7f7f7 0%,#eeeeee 39%,#dddddd 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */	
		}
		
			.post-share a.email-link:hover {
				background: #ffffff; /* Old browsers */
				background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 39%, #eeeeee 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(39%,#efefef), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 39%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #ffffff 0%,#efefef 39%,#eeeeee 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 39%,#eeeeee 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #ffffff 0%,#efefef 39%,#eeeeee 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
				
			}
    
    .post-more {
    	font-style: italic;
    }
    
    .post-footer {
    	border-top: 1px solid #ddd;
    	border-bottom: 6px solid #eee;
    	padding: 20px 0;
    	margin: 10px 0;
    }
    
    	.post-footer p {
	    	font-style: italic;
	    	font-size: 13px;
	    	padding: 0 0 8px;
    	}
    	
    	.post-footer p a {
    		font-style: italic;
    	}
    	
    	.post-footer a.footer-posts,
    	.post-footer a.footer-profile {
    		text-transform: uppercase;
    		font-size: 11px;
    		display: block;
       	}
       	
       	.post-footer a.footer-posts {
       		float: left;
       	}
       	
       	.post-footer a.footer-profile {
       		float: right;
       	}

	.archive-bio {
		border-bottom: 6px solid #eee;
		margin: 0 0 30px;
		padding: 0 0 10px;
	}
	
		.archive-bio p {
			font-style: italic;
	    	font-size: 13px;
	    	padding: 0 0 8px;
		}
		
			.archive-bio p a {
				font-style: italic;
			}
		
		.archive-img {
			float: left;
			margin: 0 10px 0 0;
			width: 95px;
			height: 95px;
			overflow: hidden;
			border: 1px solid #ddd;
		}
		
		.archive-img img {
			display: block;
			width: 100%;
			height: auto;
		}


/* SEARCH RESULTS */


form.search-page {
    display: block;
}

    .search-page input {
        display: block;
        float: left;
        width: 160px;
        margin: 0 5px 0 0;
        font-size: 13px;
    }

    .search-page button {
        display: block;
        float: left;
        font-size: 12px;
        line-height: 1;
        border: 1px solid #666;
        padding: 4px 5px;
        background: #999;
        color: #fff;
        font-family: georgia, 'times new roman', serif;
        cursor: pointer;
    }
    
        .search-page button:hover {
            background: #ccc;
        }
    
    .search-page .inactive {
        font-style: italic;
    }


#primary-content .search-result-item {
    border-bottom: 1px solid #ccc;
    margin: 0 0 20px;
    padding: 0 0 10px;
}

    #primary-content .search-result-item h2 {
        text-transform: none;
        font-size: 18px;
        color: #333;
        line-height: 30px;
        padding-bottom: 0;
    }

        #primary-content .search-result-item h2 a {
            text-decoration: none;
        }


        .search-breadcrumb,
        .search-breadcrumb li {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .search-breadcrumb li {
            display: inline;
            font-size: 11px;
        }

        .search-breadcrumb li a {
            text-decoration: none;
            color: #666;
        }

            .search-breadcrumb li a:hover {
                text-decoration: underline;
            }

		.search-section {
			font-size: 13px;
		}
		
		.search-section span {
			font-size: 12px;
			text-transform: uppercase;
			color: #999;
		}
		
		.pagination {
			text-transform: uppercase;
			font-size: 12px;
			text-align: center;
		}
		
			.pagination a {
				color: #666;
				text-decoration: none;
			}
			
				.pagination a:hover {
					text-decoration: underline;
				}
			
			.pagination .page-numbers {
				padding: 0 5px;
			}
			
			.pagination .current {
				font-weight: bold;
			}
			
	.subscribe-form {
		display: block;
	}
	
	.subscribe-form .formset {
		float: left;
	}
	
		.subscribe-form label {
			display: block;
			float: left;
			padding-right: 10px;
		}
	
		.subscribe-form input {
			width: 200px;
			display: block;
			float: left;
			margin: 0 3px 0 0;
		}
		
		.subscribe-form button {
			display: block;
	        float: left;
	        font-size: 12px;
	        line-height: 1;
	        border: 1px solid #666;
	        padding: 4px 5px;
	        background: #999;
	        color: #fff;
	        font-family: georgia, 'times new roman', serif;
	        cursor: pointer;
		}
		
	.feedburner-promo {
		clear: both;
		padding: 20px 0 0;
		font-size: 12px;
		font-style: italic
	}
	
		.feedburner-promo a {
			font-style: italic;
		}
    
    
/* SECONDARY CONTENT */ 

#secondary-content {
    width: 23%;
    float: left;
    margin: 0 3% 0 0;
    
}

    #secondary-content .content-item {
        padding: 0 0 20px;
        margin: 0 0 20px;
    }
    
    	#secondary-content .blog-recentnews,
    	#secondary-content .blog-recentalerts {
    		padding: 0 0 10px;
    	}
    
    #secondary-content h3 {
        color: #666;
        font: normal 18px georgia, 'times new roman', serif;
        padding: 0 0 8px;
    }
 
    #secondary-content .blog-updates ul,
    #secondary-content .blog-updates ul li {
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 12px;
    }
    
	    #secondary-content .blog-updates ul {
	        border-top: 1px solid #ddd;
	    }
	    
	        #secondary-content .blog-updates ul li {
	            border-bottom: 1px solid #ddd;
	            padding: 9px 0;
	        }
	        
	        #secondary-content .blog-updates ul li a {
	            text-decoration: none;
	            color: #145482;
	            display: block;
	            padding: 0 0 0 17px;
	            background: url('images/icons.gif') 0 0 no-repeat;
	        }
	        
	        #secondary-content .blog-updates ul li a:hover {
	        	text-decoration: underline
	        } 
	        
	        	#secondary-content .blog-updates ul li.updates-rss a { background-position: 0 3px; }
	        		#secondary-content .blog-updates ul li.updates-rss a:hover { background-position: 0 -57px; }
	        	#secondary-content .blog-updates ul li.updates-email a { background-position: 0 -17px; }
	        		#secondary-content .blog-updates ul li.updates-email a:hover { background-position: 0 -77px; }
	        	#secondary-content .blog-updates ul li.updates-twitter a { background-position: 0 -38px; }
	        		#secondary-content .blog-updates ul li.updates-twitter a:hover { background-position: 0 -98px; }
	        
	        
 
    
	#secondary-content .rss-item {
		padding: 0 0 10px;
	}
	
		#secondary-content .rss-item a {
			text-decoration: none
		}
		
			#secondary-content .rss-item a:hover {
	            text-decoration: underline;
	        }
	        
			#secondary-content .rss-item .date {
		        font-style: italic;
		        color: #999;
				font-size: 13px;
		    } 


       
    
/* TERTIARY CONTENT */

#tertiary-content { 
    float: right;
    width: 20%;
}

	#tertiary-content h3 {
        color: #666;
        font: normal 18px georgia, 'times new roman', serif;
        padding: 0 0 8px;
	}

    #tertiary-content .content-item {
        padding: 0 0 20px;
        margin: 0 0 20px;
    }
    
    
    #tertiary-content ul,
    #tertiary-content ul li {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    #tertiary-content ul {
        border-top: 1px solid #ddd;
    }
    
        #tertiary-content ul li {
            border-bottom: 1px solid #ddd;
            padding: 9px 0;
        }
        
        #tertiary-content ul li a {
            text-decoration: none;
            color: #145482;
            font-size: 14px;
            cursor: pointer;
            -webkit-transition-property: color;
            -webkit-transition-duration: 1s, .3s;
            -webkit-transition-timing-function: linear, ease-in;
        }
        
        #tertiary-content ul li.current_page_item a {
            font-weight: bold;
        }
        
        #tertiary-content ul li a:hover {
            color: #333;
        }
        
	#tertiary-content .blog-search {
		padding: 0 0 40px;
	}
	
	.blog-search input {
		display: block;
		float: left;
		margin: 0 3px 0 0;
	}
	
	.blog-search button {
		display: block;
		float: left;
		border: 0;
		margin: 0;
		padding: 4px 5px 5px;
		text-align: center;
		color: #fff;
		background-color: #145482;
		text-transform: uppercase;
		font: normal 11px georgia, 'times new roman', serif;
		cursor: pointer;
	}
            
    
    
/* FOOTER */    

footer {
    padding: 30px 20px 0;
    border-bottom: 6px solid #145482;
    clear: both;
}
    
#footer {
    border-top: 1px solid #ccc;
    padding: 20px 0;
    clear: both;
}

    #footer h3 {
        font: bold 12px georgia, 'times new roman', serif;
        text-transform: uppercase;
        color: #999;
        padding: 0 0 5px;
    }

    .address {
        font-size: 11px;
        width: 460px;
    }
    
        #toronto-office-footer {
            float: left;
        }
        #vancouver-office-footer {
            float: right;
        }


    #copyright {
        font-size: 11px;
        color: #666;
        padding: 20px 0 40px;
    }
    
        #copyright a {
            color: #666;
            text-decoration: none;
        }
        
        #copyright a:hover {
            text-decoration: underline;
        }


/***************************************
Email Overlay
*/

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: 0.7;
	filter: alpha(opacity=70); 
	

}

.messagebox{
	width: 410px;
	background: #f1f1f1;
	padding: 20px;
	-moz-box-shadow: 0 0 25px #000;
	-webkit-box-shadow: 0 0 25px #000;
	-o-box-shadow: 0 0 25px #000;
	box-shadow: 0 0 25px #000;
}

	.messagebox h2 {
		font-size: 18px;
		padding: 0 0 8px;
		border-bottom: 1px solid #ddd;
		margin: 0 0 12px;
		color: #145482;
	}
	
	.messagebox #close-email {
		float: right;
		color: #777;
		text-transform: uppercase;
		font-size: 11px;
		cursor: pointer;
	}
	
		.messagebox #close-email:hover {
			text-decoration: underline;
		}

	.messagebox .formset {
		padding: 0 0 5px;
		position: relative;
	}
	
	.messagebox .formset label {
		display: block;
		font-size: 13px;
		color: #666;
	}
	
	.messagebox .formset input {
		display: block;
		width: 400px;
		font-size: 14px;
	}
	
	.messagebox .recipient-set,
	.messagebox .sender-set {
		padding: 0 0 15px;
	}
	
	.messagebox textarea {
		display: block;
		font-size: 14px;
		width: 400px;
		height: 100px;
		margin: 0 0 8px;
	}
	
	.messagebox button {
		display: block;
		float: right;
		border: 0;
		margin: 0;
		padding: 6px 7px 7px;
		text-align: center;
		color: white;
		background-color: #145482;
		text-transform: uppercase;
		font: normal 12px georgia, 'times new roman', serif;
		cursor: pointer;
	}
	
.error-text {
	position: absolute;
	font-size: 11px;
	line-height: 1;
	font-style: italic;
	color: #BA2025;
	padding: 7px 20px 7px 30px;
	left: 430px;
	bottom: 5px;
	background: url('https://www.thor.ca/wp-content/themes/thor/images/valid-arrow.png') center left no-repeat;
	white-space: nowrap;
	z-index: 300;
}

.end-error-text {
	color: #BA2025;
	font-style: italic;
	padding: 3px 0 0;
	font-size: 12px;
}

/***************************************
CSS HACKS
*/

.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 */




/***************************************
MEDIA QUERIES
*/  


@media only screen and (min-width: 768px) and (max-width: 959px) { 
    /* iPad - landscape */

    #main-contain {
        width: 760px;
    }

    #toronto-office-footer,
    #vancouver-office-footer {
		width: 48%;
    }

	

    /* Header */
    #logo {
        width: 470px;
        height: 54px;
        background-image: url('images/thorsteinssons-logo-med.gif');
    }

    #primary-nav li a {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    #primary-nav li.search input {
        width: 160px;
        max-width: 160px;
    }
    

}





@media only screen and (min-width: 480px) and (max-width: 767px) { 
    /* iPad - Horizontal */
    #main-contain {
        width: 480px;
    }
    
    #header-contact {
        display: none;
        visibility: hidden;
    }
    
    #primary-content,
    #secondary-content,
    #tertiary-content,
    #toronto-office-footer,
    #vancouver-office-footer {
        width: 100%;
        float: none;
        padding-left: 0;
        clear: both;
    }
    
    #secondary-content {
        padding-top: 20px;
    }
    
    #header {
        padding-top: 30px;
    }
    
    #logo {
        margin-top: 0;
        width: 378px;
        height: 54px;
        background-image: url('images/thorsteinssons-logo-med.gif');
        float: none;
    }
    
    #primary-nav {
        overflow: visible;
        height: auto;
        padding: 0 20px;
    }
    
    #primary-nav li {
        float: left;
        padding: 0;
        font-size: 13px;
    }
    
        #primary-nav li a {
            padding: 6px 10px;
        }
    
    #primary-nav li.search {
        float: left;
    }
    
        #primary-nav li.search a {
            display: block;
            visibility: visible;
            padding-right: 0;
        }
        
        #primary-nav li.search form {
            display: none;
            visibility: hidden;
        }
        
    #page-title h1 {
        font-size: 35px;
    }
    
    #page-title li {
        font-size: 11px;
    }
        
    /* Footer */
    
    #footer .address {
        padding: 0 0 20px;
    }

}


@media only screen and (max-width: 480px) {
    /* Mobile */
    #main-contain {
        width: 95%;
    }
    
    #header-contact,
    #page-title ul,
    .post-share {
        display: none;
        visibility: hidden;
    }
        
    #header {
        padding: 20px 0 0;
    }
    
    #logo {
        width: 65px;
        height: 65px;
        background-image: url('images/thorsteinssons-logo-mobile2.gif');
        margin: 0 auto 20px !important;
        float: none;
    }

    
    #primary-content,
    #secondary-content,
    #tertiary-content,
    #toronto-office-footer,
    #vancouver-office-footer {
        width: 100%;
        float: none;
        padding-left: 0;    
    }
    
    
    #content {
        padding: 10px 20px 20px;
    }
    
    .blog-updates a {
    	background: none !important;
    	padding-left: 0;
    }
    
    
    /* Primary nav */
    
    #primary-nav {
        height: auto;
        padding: 0 !important;
    }
    
    #primary-nav li {
        font-size: 12px;
        float: none !important;
	}
    
        #primary-nav li a {
            width: auto !important;
            display: block !important;
			border-bottom: 1px solid #fff;
			padding: 4px 10px !important;
        }

		#primary-nav li.current a {
			background-color: #0A3C60;
		}
        
        #primary-nav li.search a {
            margin: 0;
            display: block !important;
            visibility: visible;
        }
        
        #primary-nav li.search form {
            display: none;
            visibility: hidden;
        }
        
    /* general styles */    
        
    #page-title {
        margin-bottom: 10px;
		padding-top: 20px;
    }
    
    #page-title h1 {
        padding-bottom: 0;
        font-size: 24px;
    }
    
    .post-footer a.footer-posts,
    .post-footer a.footer-profile {
		float: none
    }
       	
    
    /* Footer */
    
    #footer .address {
        padding: 0 0 20px;
    }
    
    
}