/*   
Theme Name: ExpatSat Theme
Theme URI: http://www.expatsat.com
Description: This is the custom theme for ExpatSat.com
Author: Ryan Schossow
Author URI: http://GearBrand.com
Version: 1.0
*/

@media screen {

* { margin: 0; padding: 0; }

html { background: #000 url(images/bg.gif); }

body { width: 960px; margin: 0 auto;font: 12px/1.4 Arial, sans-serif; }

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

.center { text-align: center; }

.clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clear { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .clear { height: 1%; } .clear { display: block; } /* close commented backslash hack */



/* GENERAL */
#pagewrap {  }

header { position: relative; margin-left: 20px; height: 149px; zoom: 1; }

#content { width: 920px; padding: 4px 0 4px 4px; margin-left: 20px; background: #fff; border-right: 5px solid #555; }

#featured { background: #000; border-right: 4px solid #fff; border-bottom: 4px solid #fff; min-height: 250px; padding-top: 3px; }

#main-content { width: 622px; float: left; }

aside { width: 292px; float: right; }

footer { background: #000; padding-bottom: 11px; margin: 0 10px 0 20px; clear: both; }





/* TYPE */

h1, h2, h3, h4, h5, h6 { margin: 0 0 10px; font-family: 'Arial Black', Arial, sans-serif; font-weight: normal; }

h1 {  }

h2 { font-size: 20px; text-transform: uppercase; }

h2 a { font-weight: normal; }

h3 { font-size: 18px; line-height: 1.1; font-weight: normal; color: orange; }

h4 { font-size: 16px; line-height: 1.1; }

h5 { font-size: 14px; line-height: 1.1; }

h6 { font-size: 14px; line-height: 1.1; }

p, li, dt, dd { font-size: 14px; line-height: 1.4; margin: 0 0 10px 0; color: #000; }

a { color: orange; text-decoration: none; font-weight: bold; }
a:hover { color: #252525; }
a img { border: 0; }

ul, ol { margin: 0 0 10px 0; }
li { margin: 0; }
li ul { margin: 0; }
li a {  }

fieldset { padding: 0 20px 20px 20px; margin-bottom: 20px; }
label { clear: both; float: left; width: 390px; padding-top: 10px; }

table { border-collapse:collapse; margin: 0 20px 5px; }
th, td { font-size: 14px; line-height: 1.4; text-align: left; padding: 3px 5px; border: 1px solid #555; }
th { background: #fff; }
td { background: #ccc; text-align: center; }





/* HEADER */

#logo { position: absolute; bottom: 0; left: -20px; z-index: 10; }

nav ul { position: absolute; bottom: 0; right: 6px; list-style: none; width: 630px; padding-left: 50px; background: #555; margin: 0; border-bottom: 3px solid #000; }

nav ul li { display: inline; padding: 0 10px 0 0; float: right; }

nav ul li a { display: inline-block; padding: 5px 10px 3px ; text-transform: uppercase; color: #fff; font-size: 18px; line-height: 24px; font-weight: normal; background: #404040; }

nav ul li a:hover { background: #606060; }

span.after { position: absolute; bottom: -9px; right: 6px; height:0px; width:0px; border-bottom:10px dotted transparent; border-left:10px solid #000; z-index: 10; }





/* MAIN CONTENT */

article { background: url(images/article-bg.jpg) repeat-y; padding-bottom: 5px; }

article h2 { background: #fff; padding: 0 20px; color: orange; font-weight: bold; }

article h3 {  background: #fff; padding: 5px 20px; color: #252525; }

article p { padding: 0 20px; color: #000; }

article ul { margin-left: 20px; padding: 0 20px; color: #000; list-style: disc; }





/* PRODUCTS */
.product-list-item { background: #fff;width: 600px; min-height: 150px; margin: 10px 5px; border: 1px solid #555; display: block; clear: left; }

.product-list-item img { width: 200px; height: 150px; }

div.product-info { width: 394px; float: right; background: #ccc; }

div.product-info li { margin: 5px 20px 5px 40px; }

.product-list-item h3 { color: #555; font-size: 16px; line-height: 1.2em; }

.product-list-item p {  font-size: 16px; line-height: 1.2em; font-weight: bold; background: #fff; margin-bottom: 0; padding: 5px 20px; }





/* ASIDE */

aside { width: 291px; background: #ececec; border: 1px solid #555; border-right: 0; border-top: 0; }

aside h3 { position: relative; margin: 0 -10px 10px; background: #555; color: #fff; font-family: Arial, sans-srif; text-align: center; letter-spacing: 0; line-height: 1.8em; font-weight: normal; text-transform: uppercase; border-bottom: 2px solid #000; }

aside h3 span.before { position: absolute; bottom: -11px; left: 0; height:0px; width:0px; border-bottom:10px dotted transparent; border-right:10px solid #000; z-index: 10; }

aside h3 span.after { position: absolute; bottom: -11px; right: 0; height:0px; width:0px; border-bottom:10px dotted transparent; border-left:10px solid #000; z-index: 10; }

aside p { padding: 10px; }

aside ul { list-style: none; } 

aside li a { display: block; padding: 5px 20px; border-top: 0;  border-left: 0; border-right: 0; }

dl#contact { margin: 15px; border-bottom: 1px dashed #ccc; }

dl#contact dt, dl#contact dd { display: inline-block; float: left; border-top: 1px dashed #ccc; margin: 0; padding: 5px 0; }

dl#contact dt { width: 85px; text-align: right; padding-right: 12px; clear: left; }

dl#contact dd { width: 157px; padding-left: 7px; background: #fff }





/* GALLERY */
.gallery { margin: 0; }

.gallery dl { display:inline-block; list-style:none; width:150px !important; height:150px !important; float:left; padding:1%;}





/* SLIMBOX */

#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }

#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #000; }

.lbLoading { background: #000 url(loading.gif) no-repeat center; }

#lbImage { position: absolute; left: 0; top: 0; border: 20px solid #000; background-repeat: no-repeat; }

#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }

#lbPrevLink { left: 0; }

#lbPrevLink:hover { background: transparent url(prevlabel.gif) no-repeat 0 15%; }

#lbNextLink { right: 0; }

#lbNextLink:hover { background: transparent url(nextlabel.gif) no-repeat 100% 15%; }

#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 1.2em; color: #fff; line-height: 1.4em; text-align: left; border: 20px solid #000; border-top-style: none; }

#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }

#lbCaption, #lbNumber { margin-right: 71px; }

#lbCaption { font-weight: bold; }





/* FOOTER */

.col3-wrap { border: 5px solid #000; background: url(images/3col-bg.jpg) repeat-x; background-position: bottom; padding: 20px 0 0 0; }

.col3 { width: 302px; float: left; padding: 0 0 10px 0;  }

.col3-mid { border: 5px solid #000; border-top: 0; border-bottom: 0;  }

.col3 h3 { padding: 5px 20px; font-family: Arial, sans-srif; margin: 0; }

.col3 p {  padding: 5px 20px; color: #fff; margin: 0; }

.col3 a:hover {  background: #fff; }

.col3 dl {  padding: 5px 20px; margin: 0; }

p.copy { color: #555; padding-top: 7px; margin: 0 20px; text-align: center; }

p.copy a { color: #999; font-weight: normal; text-decoration: underline; }




} /* END screen media */


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

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: 12pt; }
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:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
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; }
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; }
	
} /* END print media */