*, html { margin: 0; padding: 0; }
body { background: #fff url(//www.petjournalist.com.au/wp-content/themes/thm_petjourn/images/swatch.jpg) left top repeat; color: #333; line-height: 1.5; font-size: 76.1%; font-family: Georgia, "Times New Roman", Times, serif; }
p, h1, h2, h3, h4, h5, ul, ol { padding: 0.75em 0 0.25em; }
.alignleft {float:left; margin:0 20px 0 0}
.alignright {float:right; margin:0 0 0 20px}
.aligncenter {display:block; margin:10px auto}
#wrapper { position:relative; max-width: 700px; width:100%; margin: 0 auto; background: #fff url(//www.petjournalist.com.au/wp-content/themes/thm_petjourn/images/body_bg.png) left bottom repeat-x; 
-moz-box-shadow: 0px 0px 10px #c6c7c2;
-webkit-box-shadow: 0px 0px 10px #c6c7c2;
box-shadow: 0px 0px 10px #c6c7c2; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10	, Direction=90, Color='#c6c7c2')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#c6c7c2'); }
#wrapper.blog {max-width:900px !important}
.socialright {position:fixed; top:20px; right:0px; width:50px}
#header { height: 215px; overflow: hidden; }
h1#logo { padding: 0; text-indent: -9999px; background: url(//www.petjournalist.com.au/wp-content/themes/thm_petjourn/images/logo.gif) left top no-repeat; max-width: 452px; height: 81px; margin: 60px auto 0; }
h1#logo a { display: block; height: 81px; }
h3#tagline { display: none; }
#nav { padding: 0; max-width: 620px; width:100%; height: 42px; overflow: hidden; list-style-type: none; margin: 30px auto 0; background: url(//www.petjournalist.com.au/wp-content/themes/thm_petjourn/images/menu_bg.gif) left top no-repeat; }
#nav li { float: left; margin: 0 5px; min-width: 100px; list-style-type:none;}
#nav li a { text-decoration: none; display: block; font-family: "Courier New", Courier, monospace; color: #000; font-size: 14px; padding-top: 10px; text-transform:uppercase; height: 32px; text-align: center; }
#nav li:hover, #nav li.current_page_item { background: url(//www.petjournalist.com.au/wp-content/themes/thm_petjourn/images/hover.png) center center no-repeat; }
#nav ul:after {clear: both; display: block; content: '';}
#menu-main-menu {margin: 0;padding: 0;}
.container { padding: 20px 20px 300px; overflow: hidden; }
.page-id-8 .container { padding-bottom: 400px; }
.page-id-11 .container { padding-bottom: 25px; }
.page-id-13 .container { padding-bottom: 25px; }
#content { width: 420px; float: left; margin-right: 20px; position:relative }
#sidebar { float: left; width: 220px; font-family: Arial, Helvetica, sans-serif; } 
.blog-widget {background:url(//www.petjournalist.com.au/wp-content/themes/thm_petjourn/images/droppedImage.jpg); padding:10px}
.welcome-widget { margin-top: 20px; line-height: 1.1; background: url(//www.petjournalist.com.au/wp-content/themes/thm_petjourn/images/sidebar-welcome.gif) left top no-repeat; height: 429px; padding: 0 15px; width: 120px; }
.about-widget { margin-top: 10px; line-height: 1.1; background: url(//www.petjournalist.com.au/wp-content/themes/thm_petjourn/images/about-sidebar.png) left top no-repeat; height: 149px; padding: 0 15px; width: 136px; }
.about-widget ul { padding-top: 0.3em; font-size: 11px; }
#sidebar ul { margin-left: 20px; }
.widget { margin: 0px 0px 20px; }
#welcome-bottom { background: url(//www.petjournalist.com.au/wp-content/themes/thm_petjourn/images/welcome-bot.png) center top no-repeat; max-width: 700px; width:100%; height: 403px; position: absolute; margin-top: -420px; }
#about-bottom { background: url(//www.petjournalist.com.au/wp-content/themes/thm_petjourn/images/about-bot.png) right top no-repeat; max-width: 700px; height: 398px; position: relative; margin-top: -398px; }
#portfolio-bottom { max-width: 570px; width:100%; height: 60px; background: url(//www.petjournalist.com.au/wp-content/themes/thm_petjourn/images/portfolio-bot.png) left top no-repeat; margin: 20px auto; padding: 20px 40px 20px 10px; }
h2.headline, h1.headline { font-family: "Courier New", Courier, monospace; font-size: 18px; padding-bottom: 0px; line-height:1.3}
h2.headline a { color: #000; text-decoration: none; }
p.postmetadata { font-size: 11px !important; color:#999; padding:5px 0}
.postmetadata a { text-decoration: none; color: #999; border-bottom: 1px dotted #999; }
.postmetadata a:hover { color: #333; border-bottom-color: #333; }
textarea#comment { width: 350px; }
h3#comments, #respond h3 { font-family: Georgia; font-weight: normal; }
#content ul, #content ol { margin-left: 35px; }
form#commentform { margin-left: 35px; padding: 10px 20px; background: #e6e6e6; }
li.comment { padding: 10px 20px; background: #F7F7F7; margin: 10px 0;  }
img.avatar { float: left; width: 32px; height: 32px; margin-right: 10px; }
cite.fn a { font-weight: bold; text-decoration: none; font-style: normal; }
.commentmetadata a { font-size: 0.9em; text-decoration: none; color: #999; }
.says { display: none; }
ol.commentlist { list-style-type: none; margin-left: 0; }
ol.commentlist li p { font-size: 0.95em;}
ul#portfolio { list-style-type: none; overflow: hidden; }
ul#portfolio li { float: left; width: 140px; height: 220px; margin: 15px 8px 15px 7px; }
#portfolio td h4 { line-height: 1.2; font-family:"Courier New", Courier, monospace; text-transform:uppercase; padding: 0; }
#portfolio td {padding-bottom:20px; padding-left:10px}
#contact-info { margin-top: 10px; margin-left: 375px; line-height: 1.4; background: url(//www.petjournalist.com.au/wp-content/themes/thm_petjourn/images/contact-sidebar.png) left top no-repeat; height: 149px; padding: 0 0 0 15px; width: 151px; position: absolute; font-family:Arial, Helvetica, sans-serif; font-size: 11px; }
.testholder {height:750px; position:relative}
blockquote {background: #F2F2F2; padding: 10px 30px; margin: 20px; max-width: 560px; width:auto; box-shadow: 1px 1px 5px 0 #999; border-radius: 10px;}
#parchment { width: 305px; height: 324px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #876F5E; position: absolute; padding: 20px 40px 20px 20px; background: url(//www.petjournalist.com.au/wp-content/themes/thm_petjourn/images/parchment.png) left top no-repeat; margin-top: 20px;  }
#stroke { width: 193px; height: 169px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3A739C; position: absolute; padding: 10px; background: url(//www.petjournalist.com.au/wp-content/themes/thm_petjourn/images/blue-square.png) left top no-repeat; margin: -30px 0 0 400px; }
#crumple { width: 283px; height: 217px; line-height:1.5; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #249582; position: absolute; padding: 10px; background: url(//www.petjournalist.com.au/wp-content/themes/thm_petjourn/images/crumpled.jpg) left top no-repeat; margin: 165px 0 0 330px; }
#pin { width: 280px; height: 145px; line-height:1.4; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3A729B; position: absolute; padding: 20px 15px 20px 15px; background: url(//www.petjournalist.com.au/wp-content/themes/thm_petjourn/images/pinned.png) left top no-repeat; margin: 405px 0 0 20px; }
#stickynote {
width: 270px;
height: 280px;
line-height: 1.3;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
position: absolute;
padding: 60px 35px 20px 45px;
background: url(//www.petjournalist.com.au/wp-content/themes/thm_petjourn/images/stickynote.png) left top no-repeat;
margin: 380px 0 0 20px;
left: 297px;
}
.indent {padding-left:10px}
#logos {
width: 221px;
height: 100px;
line-height: 1.4;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #3A729B;
position: absolute;
padding: 20px 5px;
background: url(//www.petjournalist.com.au/wp-content/themes/thm_petjourn/images/logobox.png) left top no-repeat;
margin: 425px 0 0 375px;
left: -329px;
top: 405px;
}
a#PIAA { display: block; text-indent: -9999px; background: url(//www.petjournalist.com.au/wp-content/themes/thm_petjourn/images/www.piaa.net.jpg) left top no-repeat; width: 68px; height: 83px; float: left; margin-right: 20px; margin-left: 20px; }
a#pets-AU { display: block; text-indent: -9999px; background: url(//www.petjournalist.com.au/wp-content/themes/thm_petjourn/images/petsaustralia.jpg) left top no-repeat; width: 86px; height: 79px; float: left; }
#logos br { display: none; }
#logos p.text { position: absolute; margin-top: 80px; clear: both; font-size: 11px; color: #000 !important; }
#contact-text { width: 280px; font-size: 13px !important; margin-left: 50px; }
.blog-list {float: left; width:48%; margin: 10px 0; padding:0 5px; border:1px solid #f0f0f0; box-sizing:border-box}
body.blog .blog-list:nth-child(2n+1) { clear: left;}
body.blog .blog-list:nth-child(2n) { float: right;}
.blog-list .alignleft { display: block; margin: 0 auto; float: none;}
#content.blog {width: auto !important; max-width: 100% !important; margin-right: -250px; padding-right: 270px; box-sizing: border-box; position:relative; z-index:2}
#sidebar.blog {width:250px; position:relative; z-index:5}
#sidebar.blog h3 {font-family: "Courier New", Courier, monospace !important; text-transform: uppercase !important; font-size: 16px; border-bottom: 1px solid #ccc; margin: 0 0 10px; padding: 0;}
.frm_style_formidable-style.with_frm_style .form-field { margin-bottom: 5px !important;}
.frm_submit { text-align: center; margin: -20px auto 0;}
.frm_style_formidable-style.with_frm_style .frm_left_container label.frm_primary_label {max-width:25% !important}
.blog .frm_forms input[type=text], .blog .frm_forms input[type=email] { max-width: 70% !important;}
.blog .widget ul {list-style: none;margin: 0 0 0 10px !important; padding: 0;}
label[for=cat], label[for=archives-dropdown-3] { display: none;}
.thumbnail {max-height:153px; overflow:hidden}
.thumbnail img { max-width: 100%; width: auto; height: auto;}
@media screen and (max-width:700px) {
#wrapper {margin:10px; width:auto}
#content {width:55%}
#sidebar {float:right}
#welcome-bottom { max-width: 95%; background-size: contain;}
table#portfolio { width: 100% !important; box-sizing: border-box;}
#portfolio td img { max-width: 100%; height: auto; display: block; margin: 0 auto;}
.blog-list {float:none !important; width:100%}
.socialright {display:none}
}
@media screen and (max-width:600px) {
#content, #sidebar, #content.blog {float:none; display:block; width:100%; margin:0px; padding:0}
.welcome-widget, .about-widget { margin: 20px auto 0;}
#welcome-bottom {margin-top:-380px}
#nav li {width:20%; min-width:0; margin:0}
#nav li a {padding:10px 0px 0}
#portfolio td {display: block; width: 45%; float: left; margin: 10px 0; text-align: center; height:206px}
#portfolio td:nth-child(even) { float:right;}
h1#logo {background-size:contain}
#contact-info { float: right; position: relative; margin-left: 0;}
#contact-text { float: left; margin-left: 0; width: 50%;}
.testholder { height: auto; clear: both;}
#stroke, #parchment, #crumple, #pin { position: relative; margin: 10px auto;}
#stickynote { position: relative; margin: 0 auto; left: auto;}
#logos {position: relative; margin: 10px auto; left: auto; top: auto;}
#sidebar.blog { width: 100%;}
}
@media screen and (max-width:400px) {
#header {height:155px}
h1#logo { max-width: 452px; height: auto; margin: 30px 20px 0;}
#nav {margin:5px auto 0}
#welcome-bottom {margin-top:-220px}
.container {padding-bottom:165px}
#contact-text, #contact-info { float: none; width: 100%;}
#contact-info { position: relative; margin: 10px auto; display: block; max-width: 223px; height: 216px; background-size: contain; font-size: 16px;}
}
@media screen and (max-width:380px) {
#portfolio td, #portfolio td:nth-child(even) { float:none; width:100%; margin:10px auto}
#nav li {width:auto}
#nav li a { padding: 10px 8px 0;}
}