/*
Theme Name:S.S.R.-N.U.
Description:Het thema van S.S.R.-N.U.. Heeft een zijbalk voor widgets en dropdown navigatie. Speciale home en nieuwsarchief templates.
Author:amici Ton & Zoutendijk
Version:1.1
Tags:buddypress
*/

/*Aanpassingen Jan */

.wpf, .wp-mainmenu { font-family:Verdana, Geneva, sans-serif; font-size:110%;}

body div.simplesocial+div.simplesocial { clear:none; }
body div.simplesocial { clear:both; width:100px; }
#wp_sidebarlogin-3 .avatar_container {float:right; border:solid #fff 5px;}

/*       ###############################
         BASIC TAGS
         ############################### */
* {margin:0; padding:0;}
body { font-family:Georgia, "Times New Roman", Times, serif; font-size: 10px; color:#636363; background:#fff;}
h1, h2, h3, h4, h5, h6 {margin:10px 0 0 0;  color:#272727;}
p {margin:0px 0px 16px 0px;}
strong { font-weight:bold; }
a {outline:none; text-decoration:none; color:#8a8a8a;}
p a {text-decoration:underline;}
a:hover {color:#215c97;}
a img {border:none;}


/*       ###############################
         BASIC LAYOUT
         ############################### */
div#outline {width:866px; margin:0 auto; padding-top: 10px;}
div#blog-line {background:#2d8aca url('img/uniemaagd.jpg') center no-repeat; height: 151px; position:relative;}
div.nav {position:relative; z-index:2; width:858px; height:40px; background-color:#0966a7;padding-left:8px;}
div#content {clear:both; z-index:1; width:866px; padding:0; margin: 0;}
div#highlight {background:#0966a7 url('img/wat-is-ssrnu.jpg') no-repeat 0% 50%; height:138px; color:#fff; margin:10px 0 0 0; line-height:1.6; padding:5px 0px 0px 304px; font-style:normal; font-family:Verdana; font-size: 12px; font-weight: 500;
}
div#highlight div.column { width:240px; float:left; padding:14px 0 10px 36px; }
div#left {width:551px; margin:0; line-height:1.8; float:left; padding:20px 20px 10px 5px;}
div#right {width:270px; margin:0; float:right; padding:20px 0 10px 20px;}
div#appendix {clear:both; background:#0966a7; width:806px; height:96px; padding:20px 30px; margin:0; color: #fff;}
div#gallery {font-size:120%;}


/*       ###############################
         HEADER
         ############################### */
div#blog-line img.random {margin:0; padding:0;}
div#blog-line h1, div#blog-line h2 {margin:0; text-indent:-9999px; position:absolute;}
div#blog-line h1#description {top:18px; right:21px; width:293px; height:26px; background:url(img/studentenvereniging-utrecht.jpg) no-repeat;}
div#blog-line h2#title {top:44px; right:21px; width:298px; height:57px; background:url(img/ssr-nu.jpg) no-repeat;}
div#blog-line h2#subtitle {top:101px; right:21px; width:90px; height:23px; background:url(img/sinds-1906.jpg) no-repeat;}


/*       ###############################
         NAVIGATION
         ############################### */
div.nav ul {float:left; list-style:none;}
div.nav li {float:left;}
div.nav li a {display:block; margin:0; padding:10px 16px 10px 16px; color:#f5f5f5; text-decoration:none; font-family:Verdana; font-size: 12px; font-variant:small-caps; text-transform:uppercase; font-weight:normal;}
div.nav a#current {font-weight:bold;}
div.nav li a:hover {background:#2d8aca; color:#fff;}
div.nav li:hover {background:#2d8aca;}
div.nav li li a {border-right:none; color:#636363; padding:8px 16px 7px 16px;}


/*       ###############################
         FOOTER
         ############################### */
div#appendix ul {}
div#appendix ul li {display: inline; padding: 4px 20px 4px 0;}
div#appendix a {color: #fff;}
p#contact {float:right; margin:68px 0 0 0; padding:0;}
p#copyright {float:left; margin:68px 0 0 0; padding:0;}
div#banner {margin:10px auto; text-align:center;}


/*       ###############################
         WIDGETS
         ############################### */
.widget {padding:15px 15px !important; margin:10px 0; font:normal 110% Georgia, sans-serif; line-height:1.4;}
div.widget h4 {font:bold 105% Georgia, sans-serif; color:#fff; display:inline-block; margin:0 0 10px -15px; padding:6px 14px; background-color:#0966a7;}
div.widget h4 a {color:#fff;}
div#right, div#appendix {font-size:120%;}
div#right ul, div#appendix ul {list-style:none; padding:0;}
div.widget a {color:#215c97;}
div.widget a:hover {color:#666; text-decoration:underline;}
div.widget li {padding:5px 0 5px 5px; margin:0; border-bottom:1px dotted #ccc;}
div.widget li li {padding:0 0 0 20px; margin:0; background:none; border-top:none; border-bottom:none;}
div.widget p {margin:0 0 6px 0;}
.textwidget, .textwidget a {font: italic 120% Georgia, serif !important;}
.textwidget p {margin: 0; padding: 0;}
.addthis_separator { font-size: 12px; font-style: normal;font-weight: bold;}
.addthis_default_style {font-size: 12px; font-style: normal;}
.rss-date {display:block; font-size:10px; color:#888;}
.rssSummary {font-size:11px;}


/*       ###############################
         TEXT
         ############################### */
div.post, div.page {font-size:120%; margin:0 10px; border-bottom:dotted 1px #ccc;}
div#left p { word-spacing: 1px; font-weight:100; }
div#left a {color:#215c97;}
div#left a:hover {color:#ccc; text-decoration:underline;}
div#left h1 {display:block; font:normal 26px Georgia, sans-serif; margin:14px 0 10px 0;}
div.post h1 {margin:10px 0 0 0;}
div#left h1 a {color:#272727;}
div#left h1 a:hover {color:#215c97; text-decoration:none;}
div#left h2 {font:normal 150% Georgia, serif; margin:0 0 4px 0;}
div#left h3 {font:normal 120% Georgia, serif; margin:0 0 4px 0;}
div#left ul, ol {margin:0 0 20px 20px;}
p.post-info {font-size:80%; font-family:Tahoma; color:#a2a2a2; padding-left:2px; margin:-8px 0 8px 0;}
.clear {clear:both;}
code {font:normal 120% Courier, serif;}
.eventsMaand td { background-color:#0966A7; color: #fff; font-size: 105%; padding:6px 14px; font-weight:bold;text-transform:capitalize;}
/*** LEES MEER ***/
a.more-link span {display:inline-block; background-color:#0966a7; padding:2px 10px; font-style:italic; color:#fefefe; margin:8px 0 0 0; font-size: 90%;}
div#highlight a.more-link span {color:#272727; background-color:#fff;}
a.more-link:hover span {text-decoration:underline;}
/*** FORMULIEREN ***/
span.wpcf7-list-item {display:block;}
div.wpcf7 td {padding:2px 5px; text-align:right; vertical-align:top;}
div.wpcf7 td+td {text-align:left;}
/*** LEDENLIJST ***/
div.LBB-item span.name {font-weight:bold;}
div.LBB-item table {margin-left:50px;}
div.LBB-item td {padding:2px 5px; text-align:left; width:200px;}
/*** LINKS ***/
.table-links { float: left; width:250px; margin-bottom:20px; }


/*        ##################################
           SEARCHFORM
        ################################## */
div#navsearch {margin-top:5px;}
div#navsearch input {font:normal 11px Verdana; vertical-align:middle;}
input#search {margin:0; padding:2px 4px; width:120px; border:1px solid #ccc;}
input#search-submit {margin:0; padding:0; margin-left:4px; width:50px; height:23px; background-color:#fff; border:1px #ccc solid;}
div#left div#searchform {padding: 0;}


/*        ##################################
           WORDPRESS CSS
        ################################## */
img.alignright {float:right; margin:4px 0 10px 26px;}
img.alignleft {float:left; margin:4px 26px 10px 0;}
img.aligncenter {display:block; margin-left:auto; margin-right:auto;}
a img.alignright {float:right; margin:4px 0 10px 26px;}
a img.alignleft {float:left; margin:4px 26px 10px 0;}
a img.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.aligncenter, div.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.alignleft {float:left;}
.alignright {float:right;}
.wp-caption {border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px;}
.wp-caption img {margin:0;padding:0;border:0 none;}
.wp-caption p.wp-caption-text {font-size:110%; line-height:17px; padding:0 4px 5px; margin:0;}


/*        ##################################
           SUPERFISH
        ################################## */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position:absolute;top:-999em;width:10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;margin:0 !important;}
.sf-menu ul ul li{margin:0 !important;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:relative;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:35px; /* match top ul list item height */ z-index:1000;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */ top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */ top:0;}
/*** CUSTOM STYLES ***/
.sf-menu li ul {background:#fff;border:1px solid #0966a7;border-top:none;}
.sf-menu li li ul, .sf-menu li li li ul {background:#fff;border:1px solid #0966a7;}


/*       ###############################
         CLEARFIX
         ############################### */
.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}
.clear {clear:both;}