/*
Theme Name: Serge Mansur
Theme URI: http://www.sergemansur.com
Description: Serge Mansur PDR red theme
Version: 1.0
Author: Michiel 'the Magnificent' van der Blonk
Author URI: http://michiel.wordpress.com
Tags: red, fixed width, centered, two columns, widgets

	Serge Mansur 1.0
	 http://www.sergemansur.com

	This theme was designed and built by Michiel van der Blonk
	whose blog you will find at http://michiel.wordpress.com/

	This is commercial work for CaribMedia in contract for Serge Mansur
	http://www.caribmedia.com
*/

/* Begin Structure */
body { margin: 0 0 20px 0; padding: 0; }
#page { background-color: white; margin: 0px auto; padding: 0; width: 80em; border-style: solid; border-width: 0 1px 1px; border-color: #959596; min-width: 775px;}
#header { padding: 0; height: 191px; width: 80em; margin-bottom:2em; position:relative; min-width: 775px; }
#headerimg { margin: 0; height: 200px; width: 100%; }
#header h1 { top: 0px; left: 0; background: url(images/serge-new.png) no-repeat 0 40px; height: 170px; }
#header h1 a { color: #69c; font-style: italic; padding-left:200px; }
#header #PDR-logo a { background: url(images/PDR.png) no-repeat 0 0; width: 130px; height: 98px; display: block; text-indent: -9999px; }
#header #PDR-logo { position:absolute; top:88px; left:66em}

#header #languages { position: absolute; top: 10px; left: 65em; }
#header #languages span { display: none; }
#header #languages a { width: 80px; height: 15px; display: block; padding-top: 45px; text-align: center; float: left; color: black; }
#header #languages #dutch { background: url(images/dutch.png) no-repeat center 0;  }
#header #languages #papiamento { background: url(images/papiamento.png) no-repeat center 0;  }

#header #promises h2 { color: white; float: left; font-size: 1em; height: 4em; margin-right: 3em; width:8em; }

#header #promises { font-size: 1em; text-align: center; position: absolute; color: #ffc0cb; top:80px; left:15em;  width:34em; height:5em; }
#header #promises ul { text-align:left; list-style: disc; }

.narrowcolumn { float: left; padding: 0 0 20px 60px; margin: 0px 0 0; width: 48em; }
.widecolumn { padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 48em; }
.post { margin: 0 0 40px; }
.post hr { display: none; }
.post-date { background: transparent url(images/calendar.png) no-repeat scroll 0% 50%; float: left; height: 49px; width: 45px; margin-left:-45px;}
.post-day { color: #000; display: block; font-size: 18px; line-height: 18px; margin-left: -12px; padding-top: 22px; text-align: center; text-transform: uppercase; }
.post-month { color: #000; display: block; font-size: 11px; line-height: 11px; margin-left: -12px; padding-top: 5px; text-align: center; text-transform: uppercase; }
.widecolumn .post { margin: 0; }
.narrowcolumn .postmetadata { padding-top: 5px; }
.widecolumn .postmetadata { margin: 30px 0; }
.widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; }
.widecolumn .attachment { text-align: center; margin: 5px 0px; }
.postmetadata { clear: left; }
.clear { clear: both; }
.hide { display:none; }
#footer { padding: 0; margin: 0 auto; width: 80em; min-width: 775px; clear: both; }
#footer p { margin: 0; padding: 5px; text-align: left; color: gray; }
#footer #wplink { display:none; }
/* End Structure */

/* Begin Typography & Colors */
body { font-size: 76%; /* Resets 1em to 12px */ font-family: Verdana, Arial, Helvetica, sans-serif; background: url('images/bg_body.jpg') repeat-x #b2b2b2; color: #333; text-align: center; }
#main { position:relative; }
#page { background-color: white; text-align: left; }
#header { background: white url(images/bg_header.jpg) repeat-x bottom center; }
#headerimg 	{ height: 192px; width: 740px; }
.widecolumn .entry p { font-size: 1.05em; }
.narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; border:2px solid silver; border-width:2px 0;}
.widecolumn { line-height: 1.6em; }
.narrowcolumn .postmetadata { text-align: center; }
.alt { background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#footer { border-top: 1px dashed silver; }
small { font-size: 0.9em; line-height: 1.5em; }
h1, h2, h3 { font-weight: bold; }
h1 { font-size: 3em; text-align: center; }
#headerimg .description { display:none;}
h2 { font-size: 1.6em; }
h2.pagetitle { font-size: 1.6em; }
#sidebar h2 { font-size: 1.2em; }
h3 { font-size: 1.3em; }
h1, h1 a, h1 a:hover, h1 a:visited { text-decoration: none; color: white; }
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #333; }
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; }
.entry p a:visited { color: #b85b5a; }
.commentlist li, #commentform input, #commentform textarea { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em;}
.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; }
.commentmetadata { font-weight: normal; }
#sidebar { background: #676767; }
#sidebar li a { color: white; text-transform: uppercase;}
#sidebar h2 { display:block; background: #8A1214; color: white; text-transform: uppercase; text-align:right; font-size:1em; }
small, .nocomments, .postmetadata, blockquote, strike { color: #333; }
#sidebar ul ul li, #sidebar ul ol li { color: #ccc; }
#sidebar ul { list-style: none }
#sidebar li { background: #444; }
#sidebar li li {  border:1px solid #A3A3A3; border-top-width:0px }
code { font: 1.1em  'Courier New', Courier,  monospace; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }
a, h2 a:hover, h3 a:hover { color: #06c; text-decoration: none; }
a:hover { color: #147; text-decoration: underline; }
#wp-calendar #prev a, #wp-calendar #next a { font-size: smaller; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font-size: 1.3em; font-weight: bold; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
.post h2, .post h3 { color: #6699CC; display:block; width:100%; }
/* End Typography & Colors */

/*	Begin Headers */
h1 { padding-top: 20px; margin: 0; }
h2 { margin: 30px 0 0; }
h2.pagetitle { margin-top: 30px; text-align: center; }
#sidebar h2 { margin: 5px 0 0; padding: .2em; }
h3 { padding: 0; margin: 30px 0 0; }
h3.comments { padding: 0; margin: 40px auto 20px; }
/* End Headers */

/* Begin Images */
p img { padding: 0; max-width: 100%; }
img.centered { 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; }
.alignleft { float: left; }
/* End Images */

/* Begin Lists */
/*html>body .entry ul { margin-left: 0px; list-style: none; }
html>body .entry li { margin: 7px 0 8px 10px; }*/
.entry li { background: url(images/bullet.png) no-repeat left .3em; list-style-type:none; padding-left: 20px; margin-left:0; list-style-position:outside; }
.entry ul, .entry ol { margin-left: 1em; padding-left:0; }
.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: 2em 1em; }
#sidebar ul li { list-style-type: none; list-style-image: none; }
#sidebar li { padding:.4em; }
/* End Entry Lists */

/* navigation */
#sidebar .pagenav { position: absolute; width: 80em; display: block; margin-left: -40em; left: 50%; top: 191px; background: #666; padding: 0; border-bottom: 2px solid #69c; min-width: 775px;}
#sidebar .pagenav li ul { display: none; }
#sidebar .pagenav ul { background: #666; height: 2em; }
#sidebar .pagenav ul ul { padding: 0; height: auto; }
#sidebar .pagenav h2 { display: none; }
#sidebar .pagenav li { float: left; background: #666; border: none; padding: 0; height:38px; position:relative;}
#sidebar .pagenav li a { padding: 1em; display: block; width: 10em; text-transform: lowercase; text-align: center; padding-top:50px; position:relative; top:-32px;}
#sidebar .pagenav li:hover { background: #69c; }
#sidebar .pagenav li:hover ul { display: block; }
#sidebar .pagenav li ul { width: 12em; position: absolute; top: 39px; border: 1px solid white; left:0;}
#sidebar .pagenav li li { float: left; clear: left; padding: 0; background: #69c; height:auto;}
#sidebar .pagenav li li a { width: 11em; padding: .5em; border-bottom: 1px solid #666; background: #69c; text-align: left; top:0px; }
#sidebar .pagenav li li a:hover { text-decoration: underline; background: #666; }

.page-item-34 { display:none; } /* hide vision */
.page-item-35 { display:none; } /* hide añanan na atia */
.page-item-40 { display:none; } /* hide sidebar pages */
.page-item-47 { display:none; } /* hide thankyou page */
.page-item-58 { display:none; } /* hide thankyou page */
.page-item-48 { display:none; } /* hide polls archive page */

/* nav */
.page-item-26 a { background: transparent url(images/home.png) no-repeat top center; }
.page-item-28 a { background: transparent url(images/mini-serge.png) no-repeat top center; }
.page-item-29 a { background: transparent url(images/joining.png) no-repeat top center; }
.page-item-30 a { background: transparent url(images/events.png) no-repeat top center; }
.page-item-31 a { background: transparent url(images/contact.png) no-repeat top center; }

/* Begin Form Elements */
#searchform { position:absolute; top:195px; z-index:10; margin: 0px auto; padding: 4px 4px; text-align: center; background: #444; border: 1px solid #a3a3a3;}
#sidebar #searchform #s { width: 130px; padding: 1px 2px; border:1px solid #a3a3a3; }
#sidebar #searchsubmit { letter-spacing:1px; font-size: .9em; padding: 1px 2px; border: 1px solid #a3a3a3; background: none; color: white; text-transform: uppercase; }
.entry form { text-align: left; }
.entry .field { margin-bottom:.5em; }
.entry .alert { color:red; }
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; }
.num-comments { float:right; background: url(images/comment-8bit.png) no-repeat 0 0; padding-left:20px; }
/* End Comments */

/* Begin Sidebar */
#sidebar { padding: 20px 0 10px 0; margin-left: 60em; width: 20em; }
#sidebar #searchform, 
#sidebar #more, 
#sidebar #links, 
#sidebar #categories { font-size:.9em; }
#sidebar form { margin: 0; }
#sidebar ul ul { padding:0; }

#sidebar #polls li { padding:0; }
#sidebar #polls li li { padding:.2em .5em; border-width:1px 0 0 0;}
#sidebar #polls li li label { color: white;}

#sidebar .wp-polls { border-top: 1px solid #a3a3a3; }
#sidebar #polls li, 
#sidebar #polls p,
#sidebar #polls small { color:white; }

#sidebar #totalVoters,
#sidebar #pollArchiveLink  { clear:both; min-height:2em; }

/* End Sidebar */

/* 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 { 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; }
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; margin-top: 30px; margin-bottom: 60px; }
/* End Various Tags & Classes*/

#meta, #archives { display:none; }
#more h2 { display:none; }
#more ul { border-top:1px solid #a3a3a3 }

.wpmlwidget label {color:white}
.wpmlwidget sup {color:white}
