/*
Theme Name: YJus
*/

/* ========== GENERAL LAYOUT ========== */
body { margin:0; padding:0; }
#page { width:837px; margin:0 auto; }
#contentWrap { padding: 20px 0; background: url(images/magazine_06.gif) repeat-y; overflow: auto;  }

.clear { clear:both; }

.widecolumn { width:480px; margin: 0; padding: 0 0 20px 125px; float:left; }
.widecolumn .post { margin:0; }
.widecolumn .smallattachment { text-align:center; float:left; width:128px; margin:5px 5px 5px 0; }
.widecolumn .attachment { text-align:center; margin:5px 0; }
.postmetadata { clear:both; }

.news_title { font-size:18px; color:#353535; }
.header text,.headera { color:#fff; text-decoration:none; }
.headera:hover { color:#e8ead5; text-decoration:none; }

/* ========== HEADER ========== */
#header { height: 140px; position: relative; }
#logo a { display: block; position: absolute; top: 35px; left: 20px;  }
#logo .jusBottles { position: absolute; top: 22px; left: 300px; }

#search { position: absolute; top: 20px; right: 0; }
#search .date { color: #999; font-size: 10px; }
#search form { margin: 5px 0 0 0; }
#search { color:#fff; }

/* ========== HEADER FOCUS ========== */
#headerFocus { width: 100%; height: 206px; position: relative; background: #fff url(images/magazine_head_03.jpg) no-repeat; }
#headerFocus p { color:#666; font-size:22px; font-style: italic; position: relative; top: 170px; left: 20px; display: block; }

/* ========== MENU ========== */
#menu { width: 100%; height: 32px; background: #545454; }
#menu ul { font-family: Tahoma, Arial, Helvetica, sans-serif; list-style: none; margin:0 0 0 10px; padding:0; }
#menu ul li { float: left; text-align:center; }
#menu ul li a { display:inline-block; text-decoration:none; line-height:32px; padding: 0 20px; text-transform:uppercase; color:#fff; }
#menu ul li a:hover { color: #999; }
#menu ul li.current_page_item a { color:#000; background: #fff; }

/* ========== CONTENT ========== */
#mainContent { float: left; width:490px; padding: 0 20px; margin-right: 22px; }
#mainContent .post { margin: 0; padding: 0; }
#mainContent .post hr { display:block; }

/* ========== SIDEBAR ========== */
#sidebar { float: left; width:250px; padding-top:20px 0 10px 0; }
#sidebar form { margin: 0; }
#sidebar h2,
#sidebar h2 a { font-size: 18px; color:#957700; margin-bottom:8px; padding-bottom:5px; border-bottom: solid 1px #cbcbcb; }
widget widget_rss a { color:#333333; }

/* ========== FOOTER ========== */
#footer { width: 100%; margin:0 auto; font-size:11px; color:#848755; }
#footer .content { padding-left: 40px; }
#footer img { margin: 8px 1px 0 8px; }
#footer a { font-size:11px; color:#595B39; }


/* ============================== TYPOGRAPHY ============================== */
/* ========== TYPOGRAPHY & COLORS ========== */
body { font: 12px Arial, Helvetica, sans-serif; color: #5c5c5c; text-align: left; background: #8F8F8F url(images/magazine_01.jpg) repeat-x top; }

.widecolumn .entry p { font-size:12px; }
.narrowcolumn .postmetadata { text-align:center; }
.alt { background-color:#f8f8f8; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
#footer { border:none; background: url(images/magazine_25.png) no-repeat top; height:83px; }
small { font-family:Arial, Helvetica, Sans-Serif; font-size:.9em; line-height:1.5em; }

#headerimg .description { font-size:1.2em; text-align:center; }

.entry p a:visited { color:#b85b5a; }

#commentform p { font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight:normal; }
.commentlist li,#commentform input,#commentform textarea { font-family:Arial, Helvetica, sans-serif; font-size:.9em; }
.commentlist li { font-weight:bold; }
.commentlist li .avatar { float:right; border:1px solid #eee; padding:2px; background:#fff; }
.commentlist cite,.commentlist cite a { font-weight:bold; font-style:normal; font-size:1.1em; }
.commentlist p { font-weight:normal; line-height:1.5em; text-transform:none; }

#sidebar { font-family:Arial, Helvetica, sans-serif; font-size:1em; }
small,#sidebar ul ul li,#sidebar ul ol li,.nocomments,.postmetadata,blockquote,strike { color:#777; }
code { font-family:Arial, Helvetica, sans-serif; font-size:1.1em; }
acronym,abbr,span.caps { font-size:.9em; letter-spacing:.07em; }
a,h2 a:hover,h3 a:hover { color:#d20000; text-decoration:none; }
a:hover { color:#770000; text-decoration:underline; }

#wp-calendar #prev a,#wp-calendar #next a { font-size:9pt; }
#wp-calendar a { text-decoration:none; }
#wp-calendar caption { text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:normal; }
#wp-calendar th { font-style:normal; text-transform:capitalize; }

/* ========== HEADERS ========== */
h1 { padding-top:70px; margin:0; }
h2 { margin: 0; }
h2.pagetitle { margin-top:30px; text-align:center; }
#sidebar h2 { margin:5px 0 0; padding:0; }
h3 { padding:0; margin:30px 0 0; }
h3.comments { padding:0; margin:40px auto 20px; }

h1 { font-size:4em; text-align:center; }
h2 { font-size:18px; }
h2.pagetitle { font-size:18px; }
h3 { font-size:1.3em; }
h1,h1 a,h1 a:hover,h1 a:visited,#headerimg .description { text-decoration:none; color:white; }
h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,#sidebar h2,#wp-calendar caption,cite { text-decoration:none; }


/* ============================== MISC TEMPLATE STUFF ============================== */
/* 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.aligncenter { display:block; margin-left:auto; margin-right:auto; }
img.alignright { padding:4px; margin:0 0 2px 7px; display:inline; }
img.alignleft { padding:4px; margin:0 7px 2px 0; display:inline; }
.alignright { float:right; width:229px; padding:5px; text-align:right; display:block; }
.alignleft { float:left; width:229px; padding:5px; text-align:left; display:block; }
/* End Images */

/* Begin Lists
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul { margin-left:0; padding:0 0 0 30px; list-style:none; padding-left:10px; text-indent:-10px; }
html>body .entry li { margin:7px 0 8px 10px; }
.entry ul li:before,#sidebar ul ul li:before { content:"\00BB \0020"; }
.entry ol { padding:0 0 0 35px; margin:0; }
.entry ol li { margin:0; padding:0; }
.postmetadata ul,.postmetadata li { display:inline; list-style-type:none; list-style-image:none; }
#sidebar ul,#sidebar ul ol { margin:0; padding:0; }
#sidebar ul li { list-style-type:none; list-style-image:none; margin-bottom:15px; }
#sidebar ul p,#sidebar ul select { margin:5px 0 8px; }
#sidebar ul ul,#sidebar ul ol { margin:5px 0 0 10px; }
#sidebar ul ul ul,#sidebar ul ol { margin:0 0 0 10px; }
ol li,#sidebar ul ol li { list-style:decimal outside; }
#sidebar ul ul li,#sidebar ul ol li { margin:3px 0 0; padding:0; }
/* End Entry Lists */

/* Begin Form Elements */
.entry form { 
/* This is mainly for password protected posts, makes them look better. */
text-align:center; }
select { width:130px; }
#commentform input { width:170px; padding:2px; margin:5px 5px 1px 0; }
#commentform textarea { width:100%; padding:2px; }
#commentform #submit { margin:0; float:right; }
/* End Form Elements */

/* Begin Comments*/
.alt { margin:0; padding:10px; }
.commentlist { padding:0; text-align:justify; }
.commentlist li { margin:15px 0 3px; padding:5px 10px 3px; list-style:none; }
.commentlist p { margin:10px 5px 10px 0; }
#commentform p { margin:5px 0; }
.nocomments { text-align:center; margin:0; padding:0; }
.commentmetadata { margin:0; display:block; }
/* End Comments */

/* Begin Calendar */
#wp-calendar { empty-cells:show; margin:10px auto 0; width:155px; }
#wp-calendar #next a { padding-right:10px; text-align:right; }
#wp-calendar #prev a { padding-left:10px; text-align:left; }
#wp-calendar a { display:block; }
#wp-calendar caption { text-align:center; width:100%; }
#wp-calendar td { padding:3px 0; text-align:center; }
#wp-calendar td.pad:hover { 
/* Doesn't work in IE */
background-color:#fff; }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym,abbr,span.caps { cursor:help; }
acronym,abbr { border-bottom:1px dashed #999; }
blockquote { margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #ddd; }
blockquote cite { margin:5px 0 0; display:block; }
.center { text-align:center; }
.hidden { display:none; }
hr { display:none; }
a img { border:none; }
.navigation { display:block; text-align:center; margin-top:10px; margin-bottom:40px; background-color:#EFE8DE; }
/* End Various Tags & Classes*/

/* Captions */
.aligncenter,div.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.wp-caption img { margin:0; padding:0; border:0 none; }
.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; padding:0 4px 5px; margin:0; }
/* End captions */