/*
Theme Name: Bydaughters
Theme URI: http://www.bydaughters.com.au/
Description: Bydaughters Blog
Author: Joanne Walter
Author URI: http://www.bydaughters.com.au/
Version: 1.0
.
General comments/License Statement if any.
.
*/


/*Reset Styles*/
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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

sup{font-size:xx-small; vertical-align:top;} 
sub{font-size:xx-small; vertical-align:bottom;}

body{font-size: 62.5%; font-family:  Arial, sans-serif; color: #7F7F7F; background: #000;}
img, div {behavior: url(iepngfix.htc)}

/*Container Styles*/
#background {background: #fff;}
.wrapper {margin-left: auto; margin-right: auto; width: 960px;}
#banner {margin-bottom: 10px; padding-top: 20px;}
#logo{margin-top: 0px;margin-bottom: 10px; width: 500px; float: left;}
#bannercon {width: 400px; float: right; margin-top: 10px;}
#nav {clear: both; padding-top: 30px; padding-bottom: 15px;}
#blog #nav {padding-top: 22px;}
*html #nav {padding-bottom: 0px;}
html>body #nav{*padding-bottom: 0px;}
#feature {margin-bottom: 20px; clear: both; height: 205px; overflow: hidden;}
#blog #feature {background: #DBDDD8;}

.featuregrey {background: #DBDDD8;}
.feature2{background: #000;}
.feature3 {background: #67686b;}
.feature4 {background: #676457;}

#maincon {overflow: hidden;}
#maincon .wrapper {width: 960px; overflow: hidden; margin-bottom: 20px;}
#maincon .col {position: relative; float: left;}
#main {width: 630px; overflow: hidden; }
#sidebar {width: 300px; margin-left: 30px;  overflow: hidden;}
#blogsidebar {width: 300px; margin-left: 30px;  overflow: hidden;}

#footer {background: #000; overflow: hidden; margin-top: 0!important; clear: both; position: relative; padding-bottom: 20px;}
#footer .col{position: relative; float: left;}
#foot1 {width: 270px; padding: 0px 30px 20px 0; margin-top: 20px;}
#foot2 {width: 272px; padding: 0px 30px; border-left: 1px dotted #fff; border-right: 1px dotted #fff; margin-top: 20px; height: 208px;} 
#foot3 {width: 141px; padding: 0px 0 20px 30px; margin-top: 20px;}
#foot4 {width: 155px;}

/*Side Container 1 Styles*/
.side1 {border: 1px solid #939598; background: #fff; position: relative;}
.sidewrapper {padding: 10px 20px 0px 20px;}
.sidewrapperform {padding: 0px 20px 10px 20px;}
.side1 h2 {background: #dd2228; color: #fff; font-family: "Swiss 721 Light BT"; font-size: 37px; font-weight: normal; padding: 5px; text-align: center; margin-bottom: 10px;}
.side1 h2.smallh2 {font-size: 20px; }
.side1 h3 {font-family: "Swiss 721 Condensed BT"; color: #828487; font-size: 16px; font-weight: normal; padding-bottom: 5px;}
.side1 p {color: #000000;}
.side1 .highlight {color: #828487;}

/*Side Container 2 Styles*/
.side2 {background: #AFAFAF; padding: 10px 20px; margin-top: 10px;}
.side2 h3 {color: #fff; font-family: "Swiss 721 Light BT"; font-size: 15px; padding: 0; font-weight: normal;}
.side2 .prefix {width: 110px; float: left;}
.side2 .divider {border-bottom: 1px dotted #fff; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px;}

/*Side Container 3 Styles*/
.side3 {padding: 10px 20px; border: 1px solid #939598; background: #fff; margin-top: 10px;}
.side3 h3{color: #dd2228; font-family: "Swiss 721 Condensed BT"; font-weight: bold; font-size: 18px;}

/*Side Container 4 Styles*/
.side4 {background: #DFDFDF; padding: 10px 20px; margin-top: 10px;}
.side4 h3 {color: #828487; font-size: 12px; font-weight: normal;}
/*Side Container 5 Styles*/
.side5 {background: #fff; margin-top: 10px; text-align: center;}


/*Link Styles*/
a {color: #dd2228; text-decoration: none;}
a:link{color: #dd2228;}
a:visited {color: #dd2228;}
a:hover {color: #000;}

table.tablefilled a{color: #dd2228;;}
table.tablefilled a:hover {color: #000;}


a.imglink{border-bottom: none;}
a.imglink:hover{border-bottom: none;}

#footer a {color: #fff;}
#footer a:visited {color: #color: #fff; }
#footer a:hover {color: #dd2228;}

.side2 a{color: #fff;}
.side2 a:hover{color: #000;}

p.loginbutton{ width: 155px; height: 36px; background: #dd2228; padding-bottom: 0 !important; text-align: center; overflow: hidden;}
.loginbutton a{text-transform: uppercase; font-weight: bold; font-size: 13px; color: #fff;  display: block; width: 155px; height: 10px; padding-top: 22px;  }
.loginbutton a:hover {color: #000 !important;}



/*Paragraph Styles*/
h1 {font-size: 2.4em; color: #67686b; padding-bottom: 20px; text-transform: uppercase;}
h2 {font-size: 1.6em; color: #dd2228; padding-bottom: 10px; text-transform: uppercase;}
h3 {font-size: 1.4em; color: #dd2228; padding-bottom: 2px; text-transform: uppercase;}
h4 {font-size: 1.3em; color: #000; padding-bottom: 2px; text-transform: uppercase; }
p {font-size: 1.2em; padding-bottom: 15px; line-height: 1.5em;}

#bannercon p {font-family: "Swiss 721 Light BT"; font-size: 2.5em; text-transform: uppercase; text-align: right;}
#footer h3 {font-size: 1.4em; color: #fff; padding-bottom: 10px;}
#footer h4 {font-size: 1.1em; color: #fff; padding-bottom: 0;}
#footer p {font-size: 1.1em; color: #fff;padding-bottom: 10px;}

#blog h2 {font-size: 2.4em; color: #dd2228; padding-bottom: 0px; text-transform: uppercase; margin-bottom: -3px;}
#blog h4 {text-transform: none; font-size: 1.3em; padding-bottom: 20px;}

/*Table Styles*/
table {background: none; border: none; margin-bottom: 10px;}
table td {padding: 3px 5px; background: none; color: #939f98; border: none; font-size: 11px}
table th {text-align: left; font-size: 12px; color: #000000; padding: 5px; border: none; text-transform: uppercase;}
table p{font-size: 11px; padding-bottom: 0;} /*Make sure you set the font size of this style to match the tabel td font size*/

table.tablefilled {background: #DFDFDF; border: none; margin-bottom: 10px;}
table.tablefilled td {padding:  5px; background: #DFDFDF; color: #000000; border-bottom: 1px solid #fff; font-size: 11px}
table.tablefilled th {text-align: left; font-size: 12px; color: #000000; padding: 5px; border-bottom: 3px solid #fff; text-transform: uppercase;}

/*List Styles*/
#maincon ul, #maincon ol {font-size: 12px; margin-left: 30px; padding-bottom: 10px;}
#maincon li {padding-bottom: 2px}

#footer ul {font-size: 11px; margin-left: 0px; padding-bottom: 10px;}
#footer li {color: #fff; text-transform: uppercase; list-style: none; padding-bottom: 2px;}

ul.iconlist {margin-left: 0 !important; margin-top: 5px;}
ul.iconlist li{list-style: none; background: url(images/pdf-icon.gif) no-repeat 0 0px; padding-left: 30px; padding-bottom: 8px !important; padding-top: 4px;}

ul.liststylenone li {list-style: none;}
.listprefix {display: block; float: left; font-weight: bold; width: 90px;}

ul.listcol {list-style: none; margin-left: 0!important; width: 200px; float: left; padding-right: 10px;}
#sidebar ul.liststylenone {margin-left: 0; color: #000;}

/*Image Styles*/
img {padding: 0px;}
#maincon img{padding: 5px;}
#maincon img.left{padding: 40px 25px 20px 0px;}
#maincon img.right{padding: 40px 0px 20px 25px;}
.side5 img {padding: 2px !important}
/*table img {border: 1px solid #939598; padding: 0 !important; margin-bottom: 5px;} */

/*Class Selectors*/
.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.divider {clear: both; border-bottom: 1px solid #777; padding-top: 20px; margin-bottom: 20px;}
.highlight {color: #777368;} /*This is the just a style that can be used to highlight text within a paragraph*/
.heavy {font-family: "Swiss 721 Condensed BT"; font-weight: bold;}
.lowercase {text-transform: lowercase;}
.byline {display: block; color: #9F9F9F; font-size: 11px; font-weight: normal;}
.contentcol {float: left; width: 200px;}
.uppercase {text-transform: uppercase;}
.red-text {color: #dd2228 !important;}





.black-text {color: #000 !important;}
.hide {display: none;}

/*Maxigallery Styles*/
.thumbs li{height: 107px; width: 127px;}
.thumbnail {height: 107px; width: 127px;  margin: 0; padding: 0;}
.thumbs p {display: none;}
.thumbscontainer ul{margin-left: 0px !important; margin-top: -15px !important;}

/*Link styles for the lightbox*/
#lbBottomContainer a{color: #006699; text-decoration:none; border-bottom: none;}
#lbBottomContainer a:hover { color: #333; border-bottom: none;}
#lbCenter a{color: #006699; text-decoration:none; border-bottom: none;}
#lbCenter a:hover { color: #333; border-bottom: none;}


/*Positioning the whole Gallery*/
.jdGallery { z-index: 0 !important;} /*This forces the maxigallery to the back of any other elements, so if you have a drop down menu the drop down menu doesn't get stuck behind the maxigallery*/

/*Navigation*/
/*Top Level Navigation Styles*/
.menu {width: 960px; position:relative; font-size: 12px; z-index: 100; padding: 0; font-weight: 300; }

.menu ul {padding:0; margin:0; list-style-type: none; text-align: center;}
.menu ul li {float:left; position:relative;  width: auto; border-right: 1px solid #939598}

.menu ul li.last {border-right: none;}
.menu ul li a, .menu ul li a:visited {text-decoration: none; color: #231F20; display: block; text-transform: uppercase; padding: 0px 10px 0px 10px;} 
@media only screen and (max-device-width: 480px)
{
.menu ul li a, .menu ul li a:visited  {padding: 0 8px 0 8px;}
}
.menu ul li#menu1 a {padding-left: 0 !important;}
.menu ul li#menu8 a, .menu ul li#menu8 a:visited {text-align: right; padding: 0 0 0 10px !important; float: right;}

.menu ul li ul {display: none;}
.menu table {margin: 0px; border-collapse: collapse; border: 0 !important;}

/*Font Size of the list items in the drop down menu*/
.menu table td{padding: 0px; border: 0 !important; font-size: 11px;}

/*Styles for the last list item and the current list item*/
.menu ul li.last a{border-right: none;}
.menu ul li.current a, .menu ul li a.current{color: #dd2228;}
.menu ul li table ul li.current a{}

/*Hover effect for the top level navigation*/
.menu ul li:hover a,.menu ul li a:hover {color: #dd2228; border-bottom: none;}
.menu ul li:hover ul,.menu ul li a:hover ul {display:block; position:absolute; top: 12px; left:0; width: 180px; border-top: 13px solid #fff !important;}
*html .menu ul li:hover ul, *html .menu ul li a:hover ul  {top: 13px;}
html>body .menu ul li:hover ul, html>body .menu ul li a:hover ul  {*top: 13px;}
.menu ul li:hover ul li {margin-bottom: 0!important; padding-bottom: 0 !important;  }





.menu ul li:hover ul li ul,.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; height:0;  width: 0;}

 /*Background colour of the drop down list*/
.menu ul li:hover ul, .menu ul li a:hover ul {background: #DFDFDF; text-align: left;  border-top: 1px solid #fff;}
.menu ul li:hover ul li a,.menu ul li a:hover ul li a {display:block; background: none; color: #000; height:auto;  padding: 5px 10px !important; width: 160px; border-right: none;}

/*Styles for the hover effect of the drop down item*/
.menu ul li:hover ul li, .menu ul li a:hover ul li {border-right: none;}
.menu ul li:hover ul li a:hover,.menu ul li a:hover ul li a:hover {background: #dd2228; color: #fff; width: 160px;}

#search input {width: 225px; border: 1px solid #828487; padding: 2px;}
input#ajaxSearch_submit {width:21px; height:21px; background: url(images/search-icon.gif) no-repeat 0 0px; border: none; margin-left: 5px;}
#main input#ajaxSearch_submit {background: url(images/search-icon-white.gif) no-repeat 0 0px;}
input#ajaxSearch_submit {background: url(images/search-icon.gif) no-repeat 0 6px\0/;}

#search .ajaxSearch_intro {display: none;}
.ajaxSearch_resultLink {font-size: 14px;}
.paging1 {font-size: 12px; margin-top: 5px; margin-bottom: 10px;}
.ajaxSearch_resultsInfos {margin-top: 10px;}
.ajaxSearch_grpResultName {font-size: 12px;}
.AS_ajax_resultsIntroFailure {font-size: 12px; margin-top: 10px; color: #dd2228}


/*Blog Styles*/
#blogsidebar h2 {background: #dd2228; color: #fff; font-family: "Swiss 721 Condensed BT"; font-size: 13px; font-weight: normal; padding: 5px; margin-bottom: 10px; font-weight: bold; padding-left: 20px; position: relative;}
.widgetcon {border: 1px solid #939598; background: #fff; margin-top: 10px;}
.widgetcon ul {margin-left: 20px !important;}
.widgetcon ul li {list-style: none;}
.widgetcon ul li a{color: #000;}
.widgetcon ul li a:hover {color: #dd2228}

#blogsearch input {width: 225px; border: 1px solid #828487; padding: 2px;}
#blogsearch input#search-submit {width:21px; height:21px; background: url(img/search-icon.gif) no-repeat 0 0px; border: none; margin-left: 5px;}
#blogsearch input#search-submit {background: url(img/search-icon.gif) no-repeat 0 6px\0/;}

#blogsearch{background: #DFDFDF; padding: 10px 20px; margin-top: 10px;}
#blogsearch h3 {color: #828487; font-size: 12px; font-weight: normal;}

#blog .menu ul li {border-right: none;}
#blog .menu ul li a{padding: 0;}

#blog #footer {height: 70px;}
.blogdivider {hlear: both; border-bottom: 1px solid #DBDDD8; padding-top: 40px; margin-bottom: 40px;}

#commentform textarea {border: 1px solid #828487; padding: 2px;}


#slider {position:relative; width:624px; height: 500px; background: url(nivoslider/images/loading.gif) no-repeat 50% 50% #efe9d1;}
#slider img {position:absolute; top:0px; left:0px; display: none;}
#slider a {border:0; display:block;}
#slider p {padding-bottom: 0; margin-bottom: 0;}

#slider .nivo-controlNav {position:absolute; top: 360px; z-index: 99;}
#slider .nivo-controlNav img {display:inline; position:relative; border: 1px solid #ccc; padding: 0; margin: 8px 5px 0 0;}
#slider .nivo-control {display: block; float: left; padding-right: 5px; }

table.portfoliotable td {padding: 20px 20px 0 0;}
table.portfoliotable td img {padding: 0; border: 1px solid #ccc;}