/*  
Theme Name: Album De Familie
*/


* { margin: 0; padding: 0; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; padding: 0px; margin: 0px 0px 20px 0px; color:#35383d;}

a:link { text-decoration: none; color : #ff3366; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #ff3366; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #ff3366; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #660066; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}

img { padding: 0px; margin: 0px; border: none; text-align: center;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }

form { padding: 0px; margin: 0px;}
input { font: normal 11px 'Verdana', sans-serif; color: #333; }
textarea { font: normal 11px 'Verdana', sans-serif; color: #333;}
select { font: normal 11px 'Verdana', sans-serif; color: #333;}

img { padding: 0px; margin: 0px; border: none;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }

input { font-family: 'Verdana'; color: #5a6969; }
textarea { font-family: 'Verdana'; color: #5a6969; font-size:12px; }
select { font-family: 'Verdana'; color: #5a6969;  }

input.chk { vertical-align: middle; margin-right: 3px; border: none; }
input.button { padding: 3px; border: outset 2px #ccc; background:#ff3366; color:#fff; font: bold 10px 'Verdana', sans-serif;}

h1, h2, h3 { font-family: "Trebuchet MS"; color:#2b3136; clear:both;}


/* ################################################################################################### */

#top { height: 10px; width: 100%; overflow: hidden;}
#bgcontain { width: 870px; margin: 0 auto; background: #fff; padding: 0px 30px 10px 30px; }
#header {  width: 870px; position: relative; clear: both;} 
#container { padding: 0; float: left; width: 100%; clear: both; margin: 20px 0px 20px 0px;} 
#footer { width: 870px; font-size: 10px; border-top: solid 10px #d5d5d5; margin: 0 auto; clear: both;} 

/* ################################################################################################### */

.logo { padding: 10px 0px;}
.logo h1 { text-indent: -35000px; margin: 0; padding: 0;}
.logo h1 a { display: block; background: url(images/logo-main.png) no-repeat left top; height: 86px; width: 175px; cursor: hand;}

/* Header - Search 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.head-search { position: absolute; right: 0px; width: 310px; top: 25px;}
.head-search h3 { padding: 0px; margin: 0px; list-style-type: none; font: bold 14px/14px "Trebuchet MS"; float: left; margin-right: 4px; text-transform: none; color:#666;}
.head-search form { background: url(images/head-search-bkg.png) no-repeat; padding: 3px; position: relative; margin-top: 20px;}
.head-search input { color: #330033; font-size: 12px;}
.head-search input.key { background: none; border: none; padding: 3px; width: 240px; } 
.head-search .sub { top: 3px; background: none; position: absolute; right: 3px; } /**/ * html .head-search .sub { top: 4px;} /* */ 


/* Main Menu 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.head-menu { border-top: solid 1px #d5d5d5; border-bottom: solid 1px #d5d5d5; padding: 8px 0px; position: relative;}
.head-menu ul { padding: 0px; margin: 0px;  border-left: solid 1px #d6ced6;}
.head-menu ul li { padding: 0px 4px; margin: 0px; list-style-type: none; display: inline; font: bold 14px 'Trebuchet MS', sans-serif; line-height: 14px; border-right: solid 1px #d6ced6;} 
.head-menu ul li a { color:#ff3366;}
.head-menu ul li a:visited { color:#ff3366;}
.head-menu ul li a:hover { color:#660066; text-decoration: none;}

.head-menu ul li ul { display: none; }

/* Side Central 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SC { float: left; width: 502px; position: relative;}

/* Side Right ######################################################################################## */

.SR { width: 310px; margin-top: 15px; float: right; position:relative; font-size: 12px; }
.SR h3  { font: bold 14px/14px "Trebuchet MS"; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; color:#4f5f6c; border-bottom: solid 1px #d5d5d5;}
.SR ul { padding: 0px; margin: 0px;}
.SR li { padding: 0px; margin: 0px; list-style-type: none;}

/* BOX
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .box { position: relative; background: url(images/box-bkg.png); width: 310px; margin-bottom: 10px;}
.SR .box-top { position: absolute; top: 0px; background:url(images/box-top.png) no-repeat left top; width: 310px; height: 5px;}
.SR .box-bottom { position: absolute; bottom: 0px; background:url(images/box-bottom.png) no-repeat left top; width: 310px; height: 5px;}
/**/ * html .SR .box-bottom { bottom: -10px;} /* */ 
.SR .box-bottom { position: absolute; bottom: 0px; background:url(images/box-bottom.png) no-repeat left top; width: 310px; height: 5px;}


.SR .sr-twitter { width: 280px; padding: 15px; color:#999;}
.SR .sr-twitter p { background: url(images/twitter-icon.png) no-repeat left center; padding-left: 45px; font: bold 14px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; }

.SR .sr-categ { width: 280px; padding: 15px; color:#999;}
.SR .sr-categ h2 { color:#993366; border-bottom: none; padding-bottom: 0px;}
.SR .sr-categ ul { padding: 0px; margin: 0px; }
.SR .sr-categ li { padding: 2px 0px; }


.SR .fotoRSS { width: 280px; padding: 15px 15px 15px 15px; color:#999;}
.SR .fotoRSS { overflow: hidden; margin-bottom: 10px;}
* html .SR .fotoRSS { height: 1%;}
.SR .fotoRSS h3 { margin-bottom: 10px;}
.SR .fotoRSS li { background: none; list-style-type: none; padding: 0px; margin: 0px 5px 10px 0px; float: left; }
.SR .fotoRSS li a img, .r1 .fotoRSS li a:visited img { border: solid 4px #ffcccc; background: #fff; }
.SR .fotoRSS li a:hover img { border: solid 4px #ff3366;}


.title { font: normal 24px/24px "Trebuchet MS"; letter-spacing: -1px; border-bottom: solid 1px #ccc; padding-bottom: 15px; margin-bottom: 15px;}

/* Post Single
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post { padding: 15px 0px;}

.post .p-head { position: relative; padding-right: 100px;}
.post .p-head h1 { font: bold 24px/24px "Trebuchet MS"; letter-spacing: -1px; padding-bottom: 10px; color:#660066;}

.post .p-head h2 { font: bold 24px/24px "Trebuchet MS"; letter-spacing: -1px; padding-bottom: 10px; color:#660066;}
.post .p-head h2 a, .post .p-head h2 a:visited { color:#ff0033; text-decoration: none;}
.post .p-head h2 a:hover { color:#000; }

.post .p-head h3 { font: normal 18px/18px "Trebuchet MS"; padding: 5px 0px; margin-bottom: 5px; color:#4f5f6c;}
.post .p-head h3 a, .post .post-head h3 a:visited { color:#ff0033; text-decoration: none;}
.post .p-head h3 a:hover { color:#000; }

.post .p-who-date { position: absolute; right: 0px; top: 2px; font: normal 9px/12px 'Verdana'; color:#999;}
.post .p-who-date strong { font: bold 14px/14px 'Trebuchet MS';}

.post .p-det { padding: 7px 0px;  background: url(images/simple-dotted.png) repeat-x top;}
.post .p-det li { display: inline; margin-right: 5px; font-size: 11px; color:#999;}
.post .p-det .p-cat { background: url(images/p-cat-ico.png) no-repeat left 2px; padding-left: 20px; }
.post .p-det .p-com { background: url(images/p-com-ico.png) no-repeat left 2px; padding-left: 14px; }
.post .p-tag { background: url(images/p-tag.png) no-repeat left 1px; padding-left: 18px; font-size: 11px;}

.post .p-con { padding: 5px 0px; }
.post .p-con p { font: normal 12px/17px 'Verdana'; padding: 5px 0px; color:#666; }
.post .p-con img { margin-bottom: 10px; }
.post .p-con ol { padding: 10px 0px 10px 25px; margin: 0px; }
.post .p-con ol li { padding: 2px 0px 2px 0px; font-size: 12px; line-height: 15px; color:#63565f; }
.post .p-con ul { padding: 5px 0px; margin: 0px; }
.post .p-con ul li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/p-con-li.png) no-repeat left top; font-size: 12px; line-height: 15px; color:#63565f; }
.post .p-con blockquote { padding: 20px; margin: 10px 0px; color:#a98951; background: #f8f8f2; }
.post .p-con blockquote p { font: normal 13px/19px "Georgia"; color:#a98951; padding: 0px;}
.post .p-con blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 11px; line-height: 16px;}


/* Images
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 1px; margin: 0 0 5px 15px; display: inline; border: solid 5px #f2f0ea; }
img.alignleft { padding: 1px; margin: 0 15px 5px 0; display: inline; border: solid 5px #f2f0ea; }
.alignright { float: right; }
.alignleft { float: left }

/* Navigation
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.nav { overflow: hidden; margin: 0px 0px 10px 0px; font-size: 13px; font-size: 10px; line-height: 12px; font-weight: bold; text-align: right;}
.nav .left { float: left; background: url(images/nav-left.png) no-repeat left 1px; padding-left: 15px; }
.nav .right { float: right; background: url(images/nav-right.png) no-repeat right 1px; padding-right: 15px; }
.nav a { cursor: hand; }


/* Comment List
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	
.com-list {}
.com-list h3 { font-size: 18px; line-height: 18px; font-weight: normal; padding-bottom: 10px; margin-bottom: 15px; background: url(images/post-head.png) repeat-x bottom;}
.com-entry { background: url(images/com-top.png) no-repeat left top; margin-bottom: 20px;}
.com-entry-bot { background: url(images/com-bot.png) no-repeat left bottom; padding: 10px 0px;}

.com-con { padding: 10px 90px 10px 20px; font-size: 11px; line-height: 16px; color:#666; border-left: solid 1px #e7e5dd; border-right: solid 1px #e7e5dd; position: relative;}
.com-name { font: bold 14px/14px "Trebuchet MS";}
.com-avt { position: absolute; top: 10px; right: 20px; width: 40px; height: 40px; }
* html .com-avt { right: 25px;}
.com-avt img { border: 1px solid #ccc;}
.com-date { font-size: 10px; color: #999; margin-bottom: 10px; }
.com-date a, .com-date a:visited, .com-date a:hover { color: #999; text-decoration: underline; }


/* Comment Form
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */		
.com-form { background: #f8f8f2 url(images/com-form-top.png) no-repeat left top; padding-top: 10px; }
.com-form-bot { background: url(images/com-form-bot.png) no-repeat left bottom; padding: 5px 20px 20px 20px;}

.com-form h3 { font-size: 16px; letter-spacing: -1px; border-bottom: solid 1px #e6e3db; padding-bottom: 5px; margin-bottom: 10px;}
.com-form p { padding: 6px 0px; position: relative; color:#666;}
.com-form p strong { color:#FF3300; font-weight: normal; }
.com-form label { position: absolute; top: 10px; left: 250px; font-size: 11px;}
.com-form a, .com-form a:visited, .com-form a:hover { color: #666; text-decoration: underline; }
.com-form input { background: #fff; border: 1px solid #c3bfb5; padding: 4px; margin-right: 10px; font-size: 12px; }
.com-form textarea { background: #fff; border: 1px solid #c3bfb5; padding: 4px; margin-right: 10px; }
.com-form button { cursor: pointer; display: block; width: 108px; height: 24px; background: #faf9f6 url(images/post-comment.png) no-repeat; border: none; text-indent: -1000em; margin-top: 5px;}



/* Footer 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#footer p { font-size: 11px; color:#7f8286; padding: 15px 0px;}
#footer p a, .footer p a:visited { color:#7f8286; text-decoration: underline;}
#footer p a:hover { color:#333; text-decoration: underline;}