/*

Theme Name: WP-Andreas01

Theme URI: http://andreasviklund.com/wordpress-themes/

Description: Clean, simple and very functional theme that works well for many different kinds of sites. Based on the classic <a href="http://andreasviklund.com/templates/">"andreas01" website template</a> by Andreas Viklund. Add-ons, replacement images (including lots of new headers and backgrounds) and different kinds of modifications (wide version, 2-column version etc.) will soon be available on the <a href="http://andreasviklund.com/wordpress-themes/" title="WordPress themes by Andreas Viklund">WP-Andreas01 theme site</a>.

Version: 1.7

Author: Andreas Viklund

Author URI: http://andreasviklund.com/

*/

/* -------------------------------------------------------------- 
  
   Reset.css
   * Resets default browser CSS styles.
   
   Original by Erik Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

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;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body { line-height: 1; color: #333; background: white; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/* Body */

* {margin:0; padding:0;}

body {background:#f4f4f4 url(img/bg.gif) top center repeat-y; color:#303030; font:75% Verdana,Tahoma,Arial,sans-serif;}

#wrap {background-color:#fff; color:#333; margin:0 auto; width:780px;}



/* Links */

a {background-color:inherit; 
color:#00826f;
color: #009c85; 
font-weight:bold; 
text-decoration:none;
}

a:hover {background-color:inherit; color:#00bb9f; font-weight:bold; text-decoration:underline;}

a img {border:0;}



/* Header */

#header {display:none; margin:10px 0 0;}

#header h1 {background-color:inherit; color:#555; float:left; font-size:2em; letter-spacing:-1px; margin:0 0 10px; width:350px;}

#header h1 a {background-color:inherit; color:#555; text-decoration:none;}

#header p {background-color:inherit; color:#777; float:right; font-size:1.1em; font-weight:bold; line-height:1.3em; margin:6px 0 0; text-align:center; width:400px;}

#frontphoto {margin:0 0 10px;}



/* Sidebars */

#leftside {clear:left; float:left; line-height:1.4em; margin:0 0 5px; padding:0; width:140px;}

#extras {float:right; line-height:1.4em; margin:0 0 5px; padding:0; width:160px;}

#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget {font-size:0.9em; margin:0 0 18px;}

#leftside li, #extras li {line-height:1.2em; list-style:none; margin:0 0 6px;}

#leftside ul ul, #extras ul ul {margin:6px 0 0 10px;}

#leftside ul ul li, #extras ul ul li {margin:0 0 4px;}

#leftside ul ul li a, #extras ul ul li a {font-weight:normal;}

#leftside ul.linklist, #extras ul.linklist {font-size:1em;}

#leftside ul.linklist ul, #extras ul.linklist ul {margin:0 0 20px;}

#leftside ul.linklist ul li a, #extras ul.linklist ul li a {font-weight:bold;}

#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3, table#wp-calendar caption {background-color:inherit; color:#505050; font-size:1.3em; font-weight:normal; text-align:left; margin:0 0 6px;}

#leftside label, #extras label {display:none;}



/* Main menu */

ul.page {list-style:none; margin:0 0 20px; width:140px;}

ul.page li {display:inline; line-height:1.4em; width:140px; font-size:1.2em;}

ul.page li a {background-color:#99d7cd; border-left:4px solid #009a83; color:#00826f; float:left; font-weight:bold; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:130px;}

ul.page li a:hover, ul.page li.current_page_item a {background-color:#009a83; 
border-left:4px solid #009a83; 
color:#000000; 
color: #FFFFFF;
text-decoration: none;
}

ul.page ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px; width:125px;}

ul.page ul a {padding:3px 1px 3px 5px; width:115px;}

ul.page ul ul {width:113px;}

ul.page ul ul a {width:100px;}



/* - - - - - - - FOOTER NAVIGATION - - - - - - - - */

ul.footernav {list-style:none; margin:0px 0px 0px 2px; width:160px;}

ul.footernav li {display:inline; line-height:1.2em; width:156px; font-size:1.0em;}

ul.footernav li a {background-color:#eaf4fa; color:#6e93b0 !important; float:left; font-weight:bold; margin-bottom:0px; padding:2px 5px 3px 5px; text-decoration:none; width:146px; border-top: 1px solid #daeaf4; border-bottom:1px solid #daeaf4;}

ul.footernav li a:hover, ul.footernav li.current_page_item a {background-color:#daeaf4; color:#436f91 !important; text-decoration: none !important;}



/* END FOOTER NAVIGATION = = = = = = = = */



/* Content */

em {font-style: italic;}

#content {line-height:1.6em; margin:0 175px 5px 155px; padding:0;}

#contentwide {line-height:1.6em; margin:0 0 5px 150px; padding:0;}

#content h1, #contentwide h1, #sticky-snip h1 {
font-size:2.0em; margin: 0px 0px 10px; font-weight: bold;
}

#content h2,#contentwide h2 {font-size:1.6em; margin:0 0 6px; font-weight: bold; line-height:1.15em;}

#content .notFirstPost h2, #content .archive h2 {font-size:1.4em; margin:0px 0px 3px;} 

#content h3,#contentwide h3 {font-size:1.4em; margin:0 0 8px; font-weight: bold;}




#NOT-content img,#NOT-contentwide img {border:1px solid #d0d0d0; float:left; margin:3px 10px 3px 0;}
#NOT-content .contenttext img {float:left;}

#content ul,#contentwide ul,#content ol,#contentwide ol {margin:0 0 16px 20px;}

#content li,#contentwide li {padding:0 0 0 5px;}

#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {margin:0 0 0 16px;}

#content p, #contentwide p {font-size:1.2em; line-height:1.6em;}

#content h6 {line-height:1.2em;color: #999999;margin-bottom:8px;font-weight:normal;}
#content h6 strong{color:#000000;}

#content .communitybox p {font-size:1.0em; line-height:1.3em; padding: 0px; margin: 0px 10px 10px 10px;}





#content .newswecanusebox a:link, #content .newswecanusebox a:visited {color: #000000;text-decoration: none; display: block; font-weight:normal; background-color: #FFFFFF; margin: 5px;}

#content .newswecanusebox a:hover {color: #FFFFFF;background-color: #009a83;}


#content .newswecanusebox p {font-size:1.0em; line-height:1.3em; padding: 3px 5px 5px 5px; margin: 5px 5px 5px 5px; text-align:center;}

#content .newswecanusebox h1 {background-color:#FFFFFF; font-size:1.2em; line-height:1.3em; padding: 0px 5px 0px 5px; margin: 5px 5px 0px 5px;text-align:center;}

#content .newswecanusebox {float:right;background-color: #F3F3F3; border: solid 2px #D7D7D7; margin: 0px 0px 5px 10px; padding: 0px; width: 250px;}



#extras .newswecanuseside a:link, #extras .newswecanuseside a:visited {color: #000000;text-decoration: none; display: block; font-weight:normal; background-color: #ffffff; margin: 5px;}

#extras .newswecanuseside a:hover {color: #FFFFFF;background-color: #009a83;}


#extras .newswecanuseside p {font-size:1.1em; line-height:1.2em; padding: 3px 5px 5px 5px; margin: 5px 5px 5px 5px; text-align:center;}

#extras .newswecanuseside h1 {background-color:#FFFFFF; font-size:1.2em; line-height:1.3em; padding: 0px 5px 0px 5px; margin: 5px 5px 0px 5px;text-align:center;}

#extras .newswecanuseside {float:right;background-color: #F3F3F3; border: solid 2px #D7D7D7; margin: 0px 0px 5px 0px; padding: 0px; width: 156px;}




#extras .sitemeterside {
width: 108px;
margin-left:25px;
margin-right:25px;
margin-top: 10px;
}

#extras .sitemeterside p {
font-size:1.1em; 
line-height:1.2em; 
text-align:center;
}

#extras .sitemeterside p img {
text-align: center;
}


#clicktopdf {
width: 160px;
height: 217px;
background: transparent url(img/click-to-PDF.gif) top left no-repeat;
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #ededed;
}


#content .communitybox {background-color: #f9f9f9; border: solid 2px #f3f3f3; margin: 3px 0px 10px 0px; padding: 0px;}




#content .sceneslinkbox {background-color: #F3F3F3; border: solid 2px #D7D7D7; margin: 0px 0px 20px 0px; padding: 0px;}

#content .sceneslinkbox p {font-size:1.2em; line-height:1.3em; padding: 5px 5px 5px 5px; margin: 5px 5px 5px 5px;}

#content .sceneslinkbox a:link, #content .sceneslinkbox a:visited {color: #000000;text-decoration: none; display: block; font-weight:normal; background-color: #FFFFFF; margin: 5px;}

#content .sceneslinkbox a:hover {color: #FFFFFF;background-color: #009a83;}





.community-list li {padding:0px 0px 7px; margin: 0px 0px 7px 0px;}

#content .community h1 {font-size:2.0em; line-height: 1.15em; margin: 0px 0px 10px; font-weight: bold; background-color:#ededed; padding: 2px 5px 8px 5px; border-top: solid 4px #999999;}

#content p.byline {
margin: 0px 0px 0px 0px;
}


/* - - - - - - - - - - - - - - HOMEPAGE-SPECIFIC STYLES - - - - - - - - */
.homesection h4 {
font-size:1.2em; 
padding: 5px 0px 0px 0px;
margin: 0px 0px 6px 0px;
font-weight: bold; 
line-height:1.10em;
background: url(img/homepage-title-bkg-top.gif) no-repeat top;
text-align: center;
}

.issuedate h1 {
text-align: center;
}

.homesection {
background: url(img/homesection-bkg.gif) no-repeat bottom;
padding-bottom: 13px;
margin-bottom: 10px;
}
#content .homesection h3 {
padding-left: 10px;
padding-right: 10px;
font-size: 1.2em;
margin: 0px 0px 3px 0px;
}
#content .homesection .post {
margin: 0px 0px 10px 0px;
line-height: 1.3em;
}

/* Footer */

#footer {border-top:2px solid #e0e0e0; font-size:0.9em; clear:both; color:#777; font-weight:normal; line-height:1.4em; margin:10px auto; padding:0px 0; text-align:center; width:760px;}

#footer p {margin:0 0 5px 0; padding:0;}

#footer a {color:#777; font-weight:normal; text-decoration:none;}

#footer a:hover {color:#555; text-decoration:underline;}

#footer strong a {font-weight:bold;}

#footer span.credits {font-size:1.1em;}

#footerwide{
background:#FFFFFF url(img/footer-bkg-tile.gif) top center repeat-y;
 width:750px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#footertop{
background:url(img/footer-bkg-top.gif) top center no-repeat; 
 position:relative; 
 height:13px; 
 width:100%;
text-align:center;
} 
 
#footerleft{
 width:170px; 
 float:left; 
 position:relative; 
}
 
#footertwocols{
 width:580px; 
 float:right; 
 position:relative; 
}
 
#footerright{
 width:170px; 
 float:right; 
 position:relative;
}
 
#footercenter{ 
 float: left; 
 display:inline; 
 position: relative; 
 width:410px;
text-align:center;
}
 
#footerbottom{
background:url(img/footer-bkg-btm.gif) bottom center no-repeat;
 height:10px;  
 clear:both;
}

#footerwide #wrapper #footerleft p {
font-size: 10px;
margin-right: 15px;
margin-left: 7px;
color:#7c9fba;
}
#footerwide #wrapper #footerleft h1 {
font-size: 14px;
margin-right: 15px;
margin-left: 7px;
margin-bottom: 5px;
color:#7c9fba;
}

#footerwide #wrapper #footerright p {
font-size: 10px;
margin-right: 7px;
margin-left: 18px;
color:#7c9fba;
}


/* Subpage menu */

#subpages {border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; float:right; font-weight:bold; line-height:1.3em; margin:-5px 0 8px 15px; padding:0 0 10px 10px; width:190px;}

#subpages h2 {font-size:1.2em; font-weight:bold; letter-spacing:-1px; line-height:1.3em; margin:0 0 12px;}

#subpages ul.submenu {line-height:1.4em; list-style:none; margin:0;}

#subpages ul.submenu li {display:inline; line-height:1.4em; width:180px; padding:0;}

#subpages ul.submenu li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#505050; float:left; font-weight:bold; margin-bottom:5px; padding:3px 1px 3px 5px; text-decoration:none; width:180px;}

#subpages ul.submenu li ul {margin:0 0 5px 10px; width:170px;}

#subpages ul.submenu li ul li a {width:170px;}

#subpages ul.submenu li ul ul {margin:0 0 5px 10px; width:160px;}

#subpages ul.submenu li ul ul li a {width:160px;}

#subpages ul.submenu li ul ul ul {margin:0 0 5px 10px; width:150px;}

#subpages ul.submenu li ul ul ul li a {width:150px;}

#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a {background-color:#eaeaea; border-left:4px solid #286ea0; color:#555;}

#subpages ul.submenu li.current_page_item ul li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#555;}



/* Tags */

p,ul,ol {margin:0 0 18px;}

blockquote {border-left:4px solid #e0e0e0; margin:20px; padding:8px 8px 8px 15px;}

blockquote p {background-color:inherit; color:#505050; font-size:0.9em; line-height:1.3em;}

label {background-color:inherit; color:#606060; font-size:0.9em; font-weight:bold;}

table#wp-calendar {margin:0 0 20px; width:140px;}

code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; background-color:#f4f4f4; margin:5px 0 15px 0;border-left:4px solid #cccccc;}



/* Forms */

#s,#submit {background-color:#ffffff; border:1px solid #cccccc; color:#505050; font-size:0.9em; margin:0 0 1px; padding:4px; width:110px;}

#author,#email,#url,#comment {border:1px solid #cccccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}

#commentsection {margin:25px 0 0;}

#commentsection p {margin:0 0 6px;}

.searchbox {margin: 0px 0px 10px 0px;}


/* Float fix */

.contenttext {overflow:hidden;}

* html .contenttext {height:1px; overflow:visible;}

/* html .contenttext p {overflow:hidden; width:99%;} */
/* - - - NOTE: 'turned off' the above to fix the broken display in IE6 for the 'Scenes' page - - - */



/* Various classes */

.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}

.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}

.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}

.textright {text-align:right;}

.small {font-size:0.8em;}

.bold, strong {font-weight:bold;}

.hide {display:none;}

#content .post {margin:0px 0px 25px;}
#content .postissuearchive {margin:0px 0px 0px; border-bottom: 2px solid #edf5e9;}

#content .firstPost {margin:0px 0px 10px; padding: 0px 0px 15px; background-image: url(http://intowner.com/images/restaurant-dingbat.gif); background-repeat: no-repeat; background-position: center bottom;}

#content .firstPostCrimes {margin:0px 0px 10px; padding: 0px 0px 15px; background-image: url(http://intowner.com/images/dingbat-handcuffs1.gif); background-repeat: no-repeat; background-position: center bottom;}


#content .notFirstPost {margin:0px 0px 8px;}

.postinfo {background-color:#caf2b6; color:#606060; font-size:10px; font-weight:normal; line-height:1.0em; margin:1px 0 20px; padding:4px 5px 4px 8px;}

#content .dateline, #content .firstPost .dateline, #content .firstPostCrimes .dateline {background-color:#ededed; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; color: #999999; line-height:1.0em; margin:1px 0px 5px 0px; padding:4px 5px 4px 4px;}

.comment {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#606060; margin:0 0 10px; padding:8px 5px 0 8px;}

.comment p.commenthead {line-height:1.6em;}

.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}

.navigation {display:block; margin:10px 0; padding:0 0 15px; text-align:center;}

.navigation p {margin:0; padding:0;}

.prevlink {margin-right:20px; font-size: 12px; text-align: left;}

.nextlink {margin-left:20px; font-size: 12px;}

.smalltext {font-size: 0.7em;}

.sticky-text {background-color:#e2f0da; border: 0px solid #d7e8cf; color:#606060; font-size: 10px !important; font-weight:normal; line-height:1.5em; margin:1px 0 5px; padding:4px 5px 4px 8px;}

.sticky-text a {display:block;}

.pubdeskarchive a {display: block;padding: 3px 0px 3px 10px; text-decoration: none; background-color: #e2f0da; border: 0px solid #d7e8cf; font-size: 10px !important; font-weight:normal; line-height:1.5em;}

.pubdeskarchive a:link, #pubdeskarchive a:visited {color: #6382b0;text-decoration: none;}

.pubdeskarchive a:hover {color: #fff;background-color: #77a177;}

.entry-1 {
background-color: #999999;
}

.latest {
background-color: #FFCC00;
}

.first2 {
background-color: #999999;
}

.next2 {
background-color:#FFCC00;
}

.therest {
background-color:#666666;
}

#content .stickysnip {width: 200px; float: right;}

#content .boxright {
float: right;
width: 188px;
background-color:#cbebe5;
margin: 3px 0px 7px 8px;
border: 1px solid #bce5de;
padding: 0px;
}

#content .post .contenttext .scenesboxes {background-color:#ffffff; width: 200px; float:right;}

#content .boxright .boxrightlink a {
display: block; padding: 5px; margin: 3px; text-decoration: none; background-color: #e0f3f0; border: 1px solid #bce5de; font-size: 1.05em; font-weight: normal; line-height:1.15em;}

#content .boxright .boxrightlink a:link, #content .boxright .boxrightlink a:visited {color: #00826f;text-decoration: none;}

#content .boxright .boxrightlink a:hover {color: #fff;background-color: #009a83;}

#content .firstPost p, #content .firstPostCrimes p {margin:0px; padding: 0px;}
#content .notFirstPost .contenttext{display:none;}

#content .more-link {margin:0px; padding:0px 0px 20px;}

#content .editorials li {margin: 0px 0px 10px 0px; padding:0px 30px 0px 0px; line-height: 1.05em;}

#content .author, #content .sceneimages {background-color: #e0f3f0; border: solid 2px #d2ede9; font-size:1.0em; line-height:1.3em; padding: 10px;}

#content .copyright, #content .foodinhood, #content .greybox {background-color: #f9f9f9; border: solid 2px #f3f3f3; font-size:1.0em; line-height:1.3em; padding: 10px;}

#content .greenbox {background-color: #e0f3f0; border: solid 2px #d2ede9; font-size:1.0em; line-height:1.3em; padding: 10px; margin: 5px 0px 0px;}

#content .test,#contentwide .test {border:1px solid #d0d0d0; float:right; clear:left; margin:3px 10px 3px 0; width:100px;height:100px; display:inline;}

#content .NOT-emailarticle a {font-size:1.0em; line-height:1.1em; margin:0px; padding:0px; background-color:#ff00ff;}

.emailarticle a {font-size:0.7em; line-height:1.0em; margin:0px; padding: 0px; text-decoration: none;}

.emailarticle a:link, .emailarticle a:visited {color: #508dc8; text-decoration: none;}

.emailarticle a:hover {color: #1b69b4; text-decoration: underline;}

#content .emailarticle img {margin:0px; padding: 2px 0px 0px;}


/* - - - - - - - - - - - - - - - - - - - - - - AD BOX STYLES - - - - - - */
.advertbox728 {
	background-image: url(http://www.intowner.com/images/label-advertisement.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px auto 0px auto;
	padding: 10px 0px 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	width:728px;
	clear:both;
}

.advertbox445 {
	background-image: url(http://www.intowner.com/images/label-advertisement.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 10px auto 0px auto;
	padding: 10px 0px 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	width:445px;
}


/* - - - - - - - - - - - - Begin Images - - - - - - - - - - */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
	}

img.N0T-alignright {
	padding: 0px;
	N0T-margin: 4px 0px 2px 7px;
	display: inline;
	}

img.N0T-alignleft {
	padding: 0px;
	margin: 4px 7px 2px 0px;
	display: inline;
	}



.alignright {
	float: right;
	}

.alignleft {
	float: left
	}


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.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 */  

 /*printer styles*/ 
 @media print{ 
#leftside, #extras, #content .boxright {display:none !important;} 

#content, .contenttext, .post {
float:none !important;
overflow:visible !important;
}
}

