/*
Theme Name: apsveikumi.lv
Theme URI: http://lapuvieta.lv
Description: Apsveikumi vārda dienās, dzimšanas dienās un citās svarīgās dienās
Author: lapuvieta.lv
Version: 1.0
Tags:
*/


/* *****************************************************************
 * Reset default browser CSS
 * (http://meyerweb.com/eric/tools/css/reset/index.html)
 ***************************************************************** */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; }
body { line-height: 1; }
h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; }
ol, ul { list-style: none; }
blockquote { quotes: none; }
blockquote:before, blockquote:after { content: ''; content: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
a img { border: none; }


/* *****************************************************************
 * Fonts
 ***************************************************************** */

body { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #282828;  }
a { text-decoration: none; color: #282828; }
a:hover { text-decoration: underline; color: black; }

h1#title a { font-family: 'Permanent Marker', arial, serif; color: white; font-size: 60px; text-transform: none; }
h1#title a:hover { text-decoration: none; }

.categories .current-cat { font-weight: bold; }
.categories .extra { font-weight: bold; line-height: 200% !important; }


#container .box h1 { text-align: right; text-transform: uppercase; font-size: 15px; color: #941e73; }

h1 { font-size: 18px; text-transform: uppercase; text-align: right; color: #941e73; }
.today h2 { font-size: 14px; color: #941e73;  }
.today .current-date { font-size: 24px; text-align: center; }
.today .current-date .events { font-size: 18px; color: #7e7e7e;  }
.today .names { font-size: 18px;  }

.couplets .couplet .excerpt { font-size: 13px; line-height: 18px; }
.couplets .couplet .excerpt a:hover { text-decoration: none; }

.single-couplet { font-size: 13px; line-height: 18px; }

.vote .like { color: green; line-height: 16px; }
.vote .dislike { color: red; }
.vote .vote-count { font-size: 9px; color: gray; }


#footer .contacts { text-align: center; }

#auth-bar .wrap { line-height: 30px; text-align: right; }

#add-new-form label { line-height: 14px; }
#add-new-form .msg { font-size: 14px; text-align: center; }
#add-new-form .intro p { line-height: 14px; }

#calendar-info-block label { font-size: 11px; }
#calendar-info-block p { line-height: 120%; }
#calendar-info-block .description { font-weight: bold; }
#calendar-info-block .names { font-size: 14px; }
#calendar-info-block .notes { font-style: italic; }

/* *****************************************************************
 * Structure
 * (main block layout)
 ***************************************************************** */

body       { background: url( "/assets/images/background.gif" ) center top ; }
#page      { float: left; width: 100%; background: url( "/assets/images/background-top.gif" ) center top repeat-x; }
#wrapper   { background: url( "/assets/images/header-art.png" ) no-repeat; margin: 0 auto; width: 960px; }
#title     { float: left; margin: 185px 0 0 100px; height: 90px; text-shadow: 0 0 10px gray; }
#container { float: left; width: 841px; margin: 4px 0 0 49px; padding: 10px; background: white url( "/assets/images/background-container.gif" ) repeat-x; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; }
#footer    { float: left; width: 960px; height: 50px; margin-top: 10px; }
#auth-bar  { position: absolute; width: 100%; height: 30px; top: 0; left: 0; }

/* *****************************************************************
 * Globals
 * (element redefinitions, global classes, etc.)
 ***************************************************************** */

label { display:block; }

.clear { clear: both; }

#container .sidebar { width: 183px; float: left; }

#container .body { width: 518px; float: left; margin: 0 10px; background: url( "/assets/images/decorum.png" ) 84px 20px no-repeat; }

.google-ads-vertical { width: 120px; float: left;  }
.google-ads-bottom { clear: both; width: 468px; margin: 20px 0 0 25px;  }
.google-ads-inbody { float:right; width: 250px; height: 250px; margin: 20px 0 10px 10px;  }

#container .box { border: 1px solid #c9ddb0; margin-bottom: 10px; background: white; }
#container .box h1 { width: 151px; height: 39px; padding: 10px 20px 0 10px; font-weight: bold;background: #e3f6c3 url( "/assets/images/box-hat.gif" ) no-repeat; }
#container .box .content { padding: 0 20px 20px 20px; }
#container .box.google-add { padding: 10px; }
#container .categories li { line-height: 150%; }
.categories .extra { font-weight: bold; }

.today { padding-top: 20px;  }
.today .current-date { margin-top: 20px;  }
.today .events { display: block; width: 100%; margin-top: 10px; }
.today h2 { margin-top: 20px;  }
.today .names { margin-top: 10px; }

.couplets h1 { margin: 20px 0; }
.single-category h1 { margin: 70px 0 50px 0; }
.single-category p { line-height: 18px; }
.couplets .couplet { position: relative; width: 249px; height: 93px; margin: 0 10px 30px 0; float: left; }
.couplets .couplet .excerpt { position: absolute; display: block; width: 249px; height: 72px; overflow: hidden; background: white; cursor: pointer; z-index: 1; }
.couplets .couplet .excerpt:hover { height: auto; padding: 10px; left: -11px; top: -11px; border: 1px solid gray; background: #f5fcea; z-index: 999; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; }
.couplets .couplet .vote { display: block; height: 11px; margin-top: 82px; }
.vote .like { height: 16px; background: url( "/assets/images/thumb_up.png" ) no-repeat; padding: 0 0 0 20px; }

.single-couplet { margin-top: 70px; }
.single-couplet .vote { display: block; height: 11px; margin-top: 10px;}
.single-couplet .couplet { margin-top: 20px; }

.addthis_toolbox { margin-top: 30px; }

.navigation { float: left; margin: 20px 0 20px 0; }

#auth-bar .bar { width: 100%; height: 30px; top: 0; left: 0; background: white; opacity:0.5; filter:alpha(opacity=50); }
#auth-bar .wrap { position:relative; top: -30px; width: 841px; margin: 0 auto; }
#logout { font-size: 10px; }

.top-user-list li { height: 50px; margin-bottom: 10px; }
.top-user-list img { float: left; margin-right: 10px; }

#add-new-form { margin-top: 70px; }
#add-new-form p { margin-top: 20px; }
#add-new-form textarea { width: 500px; height: 230px; }
#add-new-form .msg { margin-top: 50px; }


.action-btn { display: block; width: 183px; height: 51px; margin-bottom: 10px; background: url( "/assets/images/action-btn.gif" ) no-repeat; overflow: hidden; text-indent: -1000px; }
.action-btn:hover { background-position: 0 -51px; }


.calendar { margin-top: 70px; }

#calendar-block { float: left; width: 45%; margin: 30px 0 0 20px; }
#calendar-info-block { width: 49%; margin-top: 30px; float: right;  }
#calendar-info-block .description { margin-top: 10px; }


.search-box { margin: 0 0 20px 0; }
.search-box input[name=q] { width: 175px; }

.wp-paginate {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a {background:#ddd; border:1px solid #ccc; color:#666; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#ccc; color:#888;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#fff; background:#dc2ac3; border:1px solid #89adcf; margin-right:4px; padding:3px 6px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}

/* style overrides for comments pagination */
.wp-paginate-comments {}
.wp-paginate-comments li {}
.wp-paginate-comments a {}
.wp-paginate-comments a:hover, .wp-paginate-comments a:active {}
.wp-paginate-comments .title {}
.wp-paginate-comments .gap {}
.wp-paginate-comments .current {}
.wp-paginate-comments .page {}
.wp-paginate-comments .prev, .wp-paginate-comments .next {}

@media(max-width: 767px) {

	#container .body {
	    width: 100%;
	}
}