/*   
Theme Name: Visit Milwaukee
Theme URI: http://www.visitmilwaukee.org
Description: 1st Layout
Author: Dan Johnson
Author URI: http://flackjacketcreative.com
Version: 1
*/


@media screen {

/*
	RESET AND BASICS
*/
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font: 11px/1.0 Arial, Helvetica, Sans-Serif; background: #99AE61 url(images/body-bg.png) center center; }
a { text-decoration: none; outline: none; color: #3680a1; }
a:hover { color: #2e2e2e; }
a:active { outline: 0; position: relative; top: 1px; }
a img { border: 0; background: none; }
img	{ vertical-align: middle; }
.clear { clear: both; }
*:first-child+html .group { zoom: 1; } /* IE7 */
::selection { background: #ffcc89; color: #222; }
::-moz-selection { background: #ffcc89; color: #222; }


/*
	MAIN STRUCTURE
*/
#page-wrap { width: 1000px; position: relative; margin: -10px auto 0; background: url(../images/backgroundhigh.jpg) repeat; height: 700px;  }
#main-wrap {}
#content-wrap { position: relative; width: 100%;}
#content-area { width: 765px; float: left; padding: 0 0 10px 5px; background: url(../images/content_01.png) no-repeat;}  


/*
    HEADER
*/
#header { height: 315px; width: 1000px; margin: 0 auto; position: relative;}
#header-top {padding-right:10px; width:1000px; height:109px; background: url(../images/header_01.jpg) no-repeat;} 
#header-flash{border-top: 10px solid black; border-bottom: 10px solid black;  }
#header-static{border-top: 10px solid black; border-bottom: 10px solid black;width:1000px;height:180px;  }
#header-static img {float:right;}
#header-quote{position:absolute;right:0;top:78px;padding-right:10px;}
#quote-line { height: 43px; background: #2f2626; }
#header-inside {  }
#logo { position: absolute; left: 40px; top: 13px; width: 130px; height: 26px; text-indent: -9999px; display: block; background: url(images/vm-logo.png) -10px -10px no-repeat; z-index: 600; }
#tagline { position: absolute; left: -130px; top: 0px; background: url(images/tagline.png) -10px -163px no-repeat; width: 217px; height: 125px; z-index: 500; }

/*
	MAIN NAVIGATION
*/
#nav { height: 40px; width: 780px; float:right; }
.alignleft { float: left; }
.alignright{ float: right; }


/*
	SIDE NAVIGATION
*/
#sidenav {width:210px;float:left; margin-left:10px; }
#sidenav-interior{width:210px;height:650px;float:left; margin-left:10px; margin-top:-186px; }
.navigation { overflow: hidden; }
.navigation-widget {}
.navigation-widget .search{background-color:#C78828; padding:10px 0; text-align: center;}
#sidenav-interior .social-links{float:left;}

/*
	GENERAL TYPOGRAPHY
*/
h1, h2, h3, h4, h5 { font-family: Georgia, Serif; line-height: 1.2; font-weight: normal; margin: 0 0 10px 0; }
h2 { font-size: 38px; }
h2 a, h2 a:visited { color: #2e2e2e; }
h2 a:hover { color: #fe4902; }
h3 { font-size: 26px; }
h4 { font-size: 20px; font-style: italic; }
h5 { font-size: 16px; text-transform: uppercase; letter-spacing: 8px; border-bottom: 1px solid black; margin: 0 0 15px 0; }
.subtitle { color: #999; border-color: #999; }
p, li { color: #5e5d5d; }
p, dd { margin: 0; }
p { font-size: 10pt; }
li { margin: 0 0 5px 0; }
td, th { font: 13px/14px Arial, Helvetica, Sans-Serif; text-align: left; }
p strong, li strong { color: #555; }
blockquote { padding: 0 0 0 15px; margin: 0 0 15px 15px; border-left: 2px solid #ccc; }
blockquote, blockquote p { font-style: italic; font-size: 15px; }
code { font: 12px/18px Monaco, Courier; width: 550px; padding: 10px 10px 30px 10px; display: block; background: #F0F0F0;  overflow: auto; margin: 5px 0 15px 0; position: relative; }
									  
/*
	ARTICLE AREA
*/
.meta { background: #eee; padding: 3px 6px; margin: 4px 0 12px 0; position: relative; font-size: 11px; }
.meta span { position: absolute; right: 6px; top: 3px; }

.entry ul { margin: 0; list-style: disc; }
.entry ol { margin: 0 0 15px 30px; list-style: decimal; }
.entry ol ol { list-style: lower-alpha; margin-bottom: 0; margin-top: 5px; }
.entry ul ul { margin-bottom: 0; margin-top: 5px; list-style: disc; }
.entry ul ul li { background: none; padding: 0; }

.post { margin: 0 0 40px 0; }

.entry {width:460px; float:left; padding: 15px; }
.entry p { padding:10px 0; font-size: 9px;}
.entry a { border-bottom: 2px solid rgba(0,0,0,0); }
.entry a:hover { border-bottom: 2px solid #fe4902; }
.entry h3 { margin-top: 50px; }

#content-area ol#related { list-style: disc outside; padding: 50px 200px 10px 25px; margin: 40px 0 0 0; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
#content-area ol#related li { color: white; }
#content-area ol#related li a { color: white; background: none; padding: 0; }
#content-area ol#related li a:hover { text-decoration: underline; border: 0; background: none; }
#content-area ol#related li a abbr { display: none; }

.image-wrap { text-align: center; font-size: 13px; font-style: italic; padding: 10px 0; background: #eee; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 15px 0; }
.image-wrap img { display: block; margin: 0 auto; } 


/*
	SIDEBAR
*/									  
#sidebar { float: right; width: 260px; position: relative; overflow: visible; margin:5px 15px 0 0; }
#sidebar .sidebar-box { position: relative; background: #eee; border: 7px solid #dedede; padding: 15px; margin: 0 0 20px 0; }

#sidebar ul { list-style: none; }
#sidebar h3 { padding: 0 3px 5px; margin: 0 0 5px 0; font-size: 16px; text-align: center; border-bottom: 1px solid #666; letter-spacing: 3px; text-transform: uppercase; }
#sidebar h3 em { font-style: italic; font-size: 14px; letter-spacing: 0; text-transform: none;}

.event-widget{width: 260px; background: url(../images/widget_bg.png) 0 -28px no-repeat; margin: 0 auto; position: relative; height: 193px; padding:10px 0 0 13px;}
#sidebar .callout {padding: 20px 0;}
.hotel-booking{width: 260px; background: url(../images/widget_bg.png) 0 -319px no-repeat; margin: 0 auto; position: relative; height: 177px; padding:10px 0 0 13px;}
.int-featured-video{width: 260px; background: url(../images/widget_bg_int.png) 0 -256px no-repeat; margin-top:61px; position: relative; height: 217px; padding:10px 0 0 26px;}

/*
	WIDGETS AREA
*/


.qwickclick-widget {}
.featured-wrapper {float:left;width:445px;position:relative;}
#featured-event {float:left;width:33%;position:relative;padding-right:3px;}
#featured-promo {float:left;width:33%;position:relative;}
#featured-offer {float:right;width:33%;position:relative;}
#partners-members {width:460px;}
/*
	FOOTER
*/			
#footer { width: 1000px;margin: 0 auto; clear:both; }					  
#footer-inside { left: 1px; width: 1044px; background: url(images/footer.png) -10px -517px no-repeat; margin: 0 auto; position: relative; height: 318px; }									  
#footer p, #footer li { color: #eee; font-size: 11px; line-height: 1.2; text-align:center; }
#footer a { color: #eee; }
#footer a:hover { color: #eee; }

#author-footer { position: absolute; top: 75px; left: 28px; width: 192px; }
#author-footer p { }

#sub { position: absolute; top: 75px; left: 705px; }
#sub ul { list-style: none; }
#sub ul li { margin: 0; }
#sub ul li a { display: block; border: 0; padding: 1px 0 1px 16px; margin: 0 0 1px 0; background: url(images/css-tricks.png) -10px -1004.5px no-repeat; }
#sub ul li.itunes-blue a { background: url(images/css-tricks.png) -10px -1036.5px no-repeat; }
#sub ul li a:hover { color: #fe4902; }
#sub #left-rss { width: 160px; float: left; }
#sub #right-rss { width: 170px; float: right; }

#tweet { width: 278px; height: 131px; position: absolute; top: -77px; left: 225px; background: url(images/css-tricks.png) -10px -855px no-repeat; }
#tweet p { display: table; width: 100%; height: 86px; font-size: 10px; line-height: 1.3; color: black; }
#tweet p span { padding: 10px 20px; text-align: center; display: table-cell; vertical-align: middle; }
#tweet p a { color: #046496; border: 0; }
#tweet p a:hover { color: black; text-decoration: underline; border: 0; }

#projects { position: absolute; top: 202px; left: 28px; }
#projects ul { width: 700px; list-style: none; }
#projects ul li { display: block; width: 150px; float: left; margin: 0 15px 0 0; }
#projects ul li span { color: #fe4902; }
#projects ul li a:hover span { text-decoration: underline; }
#projects ul li a { display: block; height: 109px; }
#projects ul li#diw a { background: url(images/grass.png) no-repeat -9999px -9999px; }
#projects ul li#sns a { background: url(images/sns.png) no-repeat -9999px -9999px; }
#projects ul li#qod a { background: url(images/qod.png) no-repeat -9999px -9999px; }
#projects ul li#amsu a { background: url(images/abe.png) no-repeat -9999px -9999px; }
#projects ul li#diw a:hover { background-position: bottom left; }
#projects ul li#sns a:hover { background-position: bottom left; }
#projects ul li#qod a:hover { background-position: bottom left; }
#projects ul li#amsu a:hover { background-position: bottom left; }

#footer-nav { position: absolute; top: 202px; left: 705px; }
#footer-nav ul { list-style: none; margin: 0; }
#footer-nav ul li { margin: 0; }
#footer-nav ul li a { display: block; border: 0; margin: 0 0 1px 0; }
#footer-nav #left-nav { width: 160px; float: left; }
#footer-nav #right-nav { width: 170px; float: right; }
#footer-nav ul li a:hover { color: #fe4902; }

}

@media print {

body { width:100% !important; margin:0 !important; padding:0 !important; line-height: 1.4; word-spacing:1.1pt; letter-spacing:0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 10pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1{font-size:19pt;}
h2{font-size:17pt;}
h3{font-size:15pt;}
h4,h5,h6{font-size:10pt;}
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em;  font-size: 10pt; }
hr { background-color: #ccc; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #fff; margin-bottom:2em; text-align:left; }
thead {display: table-header-group;}
tr { page-break-inside: avoid;} 
a { text-decoration: none; color: black; }
#header, #commentform, #respond, #sidebar, #post-footer, #comments span, .comment-reply-link, 
.comment-edit-link, #footer, #related, .avatar, #article-sponsor { display: none; }
#comments { page-break-before: always; }

}