/*
Theme Name: OSD Web Design Ireland
Author: osd.ie
Author URI: http://www.osd.ie/
*/

* { margin: 0; padding: 0; }
body { text-align: center; font: 12px Verdana; color: #000000; background: #f4f4f4 url(images/music-key.jpg); padding: 5px 0; }
a { color: #82AB2B; }
a:hover { text-decoration: none; color: #5a3d23; }
img { border: 0; }
.break { font-size: 0; width: 0; height: 0; clear: both; }
.alignleft { float: left; margin: 4px 10px 5px 0; }
.alignright { float: right; margin: 4px 0 5px 10px; }
.aligncenter { text-align: center; }
.hidden { display: none; }

#wrapper { width: 945px; margin: auto auto; text-align: left; background-color: #ede2d8; position: relative; }

#header { padding: 10px 0 0 0;  }
#header .top { height: 20px; background-color: #583c22; border: none; margin: 0 36px 0 26px; }
#header ul { list-style-type: none; padding: 0px 0 0 10px; }
#header ul li { float: left; font-size: 0.9em; text-transform: uppercase; border-right: 1px solid #DEDEDE; padding: 0px 5px; }
#header ul li.f { border-left: 0; }
#header ul li a { display: block; color: #fff; text-decoration: none; padding: 5px 5px; }
#header ul li a:hover { color: #fff; background-color: #82ab2b; }
#header .banner { clear: both; height: 140px; border: 1px solid #888; margin: 15px 25px 1px 25px; background: #ffffff url(images/violin.jpg) top right no-repeat; }
#header .banner form { float: right; width: 229px; height: 25px; background: url(images/search.gif) no-repeat 0 0; margin: 10px 20px 0; }
#header .banner form input { float: left; border: 0; width: 229px; margin: 5px 0 0 5px; background-color: transparent; }
#header .banner form button { float: right; border: 0; width: 25px; height: 25px; text-indent: -9999px; background-color: transparent; }
#header h1 { float: left; padding: 25px 20px 0; }
#header h1 a { display: block; text-indent: -9999px; outline: none; background: url(images/Con-Brio-Sligo-Music-Series.jpg) no-repeat 0 0; width: 155px; height: 86px; }
#header .topimage { float: right; padding: 60px 10px 0 0; width: 600px; }
#header .topimage h2 { text-align:right; font-size: 40px; font-weight: normal; font-family:Georgia, "Times New Roman", Times, serif; }
#header .topimage h2 a { color: #000; text-decoration: none; }
/** END header **/

/** BEGIN content **/
#content { clear: both; width: 575px; float: left; padding: 0 0 20px 25px; }
#content .featured { background-color: #ffffff; border: 1px solid #888; margin-bottom: 15px; padding: 20px; }
#content .featured h2 { font-size: 0.9em; text-transform: uppercase; color: #ffffff; font-weight: normal; font-family:Georgia, "Times New Roman", Times, serif; background-color: #0B0C0D; padding: 10px; float: left; }
#content .featured .container { clear: both; padding: 10px 0px 10px 0px; }
#content .featured .container .buffer { width: 520px; height: 300px; overflow: hidden; }
#content .featured .container .item { width: 520px; height: 300px; overflow: hidden; position: relative; }
#content .featured .container .item img { width: 520px; }
#content .featured .container .item .text { position: absolute; left: 0; bottom: 0; padding: 15px; background: url(images/shade.png) repeat 0 0; color: #ffffff; }
#content .featured .container .item .text h3 { margin-bottom: 5px; font-size: 1.5em; font-family:Georgia, "Times New Roman", Times, serif; }
#content .featured .container .item .text h3 a { color: #ffffff; text-decoration: none; }
#content .featured .container .item .text p { line-height: 1.5em; }
#content .post { clear: both; background-color: #ffffff; border: 1px solid #888; margin-bottom: 15px; padding: 15px; }
#content .post .thumb { float: left; margin: 0 10px 10px 0; padding: 5px; border: 1px solid #888; }
#content .post .thumb img { 
			}
#content .post h2 { font-size: 2em; font-weight: normal; font-family:Georgia, "Times New Roman", Times, serif; font-weight: normal; padding-bottom: 0px; border-bottom: 1px solid #82ab2b; margin-bottom: 5px; }
#content .post h3 { font-size: 1.6em; padding: 5px 0 5px 0; font-weight: normal; font-family:Georgia, "Times New Roman", Times, serif; color: #76400c; }
#content .post h4 { font-size: 1.2em; margin: 0px 0 0px 0; padding: 5px 0 5px 0; font-weight: bold; font-family:Georgia, "Times New Roman", Times, serif; color: #82ab2b; }
#content .post h2 a { color: #82ab2b; text-decoration: none; }
#content .post .author a { float: left; padding: 2px 8px; display: block; color: #ffffff; background-color: #77A8E8; text-transform: uppercase; text-decoration: none; font-size: 0.8em; margin: 0 5px 10px 0; }
#content .post .date a { float: left; padding: 2px 8px; display: block; color: #ffffff; background-color: #82ab2b; text-transform: uppercase; text-decoration: none; font-size: 0.8em; margin: 0 5px 10px 0; }
#content .post p { margin-bottom: 10px; line-height: 1.5em; }
#content .post .details { clear: both; height: 32px; font-size: 0.8em; text-transform: uppercase; }
#content .post .details .category { float: left; background: #3E3E3E url(images/category.gif) no-repeat 0 0; padding: 3px 10px 4px 25px; }
#content .post .details .comments { float: right; background: #82AB2B url(images/comments.gif) no-repeat 0 0; padding: 3px 10px 4px 25px; }
#content .post .details a { text-decoration: none; color: #ffffff; }
#content .postnav { clear: both; padding: 20px 0; font-size: 0.9em; text-transform: uppercase; font-weight: bold; }
#content .postnav a { text-decoration: none; color: #333333; }
/** END content **/

/* Image and Captions */
.wp-caption { background: #ffffff; border: 1px solid #888; padding: 10px 5px 2px 5px; text-align:center;}
.wp-caption-text {padding:0; margin:0px;font-size:10px; color:#333; text-align:center;}

/** BEGIN sidebar **/
#sidebar { width: 300px; float: right; padding: 0 25px 20px 0; }
#sidebar .box { clear: both; background-color: #ffffff; border: 1px solid #888; margin-bottom: 15px; padding: 10px 15px; }
#sidebar .box h2 { width: 258px; height: 22px; font-size: 1.2em; background: url(images/sidehead.gif) no-repeat 0 0; padding: 10px 0 0 10px; margin-bottom: 10px; }
#sidebar .box .ads { text-align: center; }
#sidebar .box .ads img { margin: 2px; }
#sidebar .box .video { margin-left: -2px; }
#sidebar .box .flickr { text-align: center; }
#sidebar .box .flickr img { margin: 2px; }
#sidebar .box .tags { padding: 5px; }
#sidebar .box .tags a { text-decoration: none; color: #656565; }
#sidebar .box .tags a:hover { color: #AAB643; }
#sidebar .box .popular { list-style-type: none; }
#sidebar .box .popular li { clear: both; border-bottom: 1px dotted #DDDDDD; height: 20px; padding: 10px 5px; }
#sidebar .box .popular li img { float: left; margin: 0 10px 5px 0; width: 50px; }
#sidebar .box .popular li a { font-weight: bold; color: #82ab2b; text-decoration: none; }
#sidebar .box .popular li p { color: #82AB2B; font-size: 0.9em; padding-top: 5px; }
#sidebar .box .twitter2 { color: #5B5B5B; padding: 0px 10px 10px 55px; background: url(images/twitter2.gif) no-repeat top right; height: 60px; }
#sidebar .box .twitter2 p { margin-bottom: 10px; line-height: 1.5em; }
#sidebar .box .twitter2 .date { font-size: 0.9em; color: #82AB2B; }
#sidebar .box .bookmarks { list-style-type: none; padding: 0 5px; }
#sidebar .box .bookmarks li { line-height: 1.5em; padding: 10px 0 10px 30px; border-bottom: 1px dotted #DDDDDD; background: url(images/email.gif) no-repeat 0 8px; }
#sidebar .box .bookmarks li a { text-decoration: none; color: #000; }
#sidebar .box .bookmarks li a:hover { color: #82AB2B; }
#sidebar .box .bookmarks li.rss { background-image: url(images/rss.gif); }
#sidebar .box .bookmarks li.twitter { background-image: url(images/twitter.gif); }
#sidebar .box .bookmarks li.facebook { background-image: url(images/facebook.gif); }
#sidebar .box .bookmarks li.linkedin { background-image: url(images/linkedin.gif); }
/** END sidebar **/

/** BEGIN footer **/
#footer { clear: both; background: url(images/footer.gif) repeat-x 0 0; }
#footer .top { height: 243px; padding-left: 50px; }
#footer .box { width: 200px; height: 200px; overflow: hidden; float: left; margin: 0 5px; }
#footer .box h2 { text-transform: uppercase; font-size: 1em; color: #000000; padding: 15px; }
#footer .box ul { list-style-type: none; padding: 10px 15px; }
#footer .box ul li { line-height: 1.5em; padding: 5px 0 5px 12px; background: url(images/bullet.gif) no-repeat 0 12px; }
#footer .box ul li a { text-decoration: none; color: #000000; padding: 3px; }
#footer .box ul li a:hover { color: #ffffff; background: #76400c; }
#footer a { text-decoration: none; color: #ffffff; }
#footer a:hover { text-decoration: underline; color: #ffffff; }
#footer .bottom { clear: both; height: 42px; color: #ffffff; }
#footer .bottom .l { float: left; padding: 12px; }
#footer .bottom .r { float: right; padding: 12px; }
#footer .bottom a { text-decoration: none; }
/** END footer **/

/** BEGIN bookmarks **/
#bookmarks { width: 24px; height: 210px; background: url(images/bookmarks.gif) no-repeat 0 0; position: absolute; top: 40px; right: -24px; padding-top: 7px; }
#bookmarks a { display: block; width: 16px; height: 18px; text-indent: -9999px; outline: none; margin: 4px; }
#bookmarks { }
/** END bookmarks **/ 

/** BEGIN miscellaneous **/
#content .single { padding: 30px 0 0 0; margin-bottom: 60px; color: #333333; }
#content .single p { line-height: 1.5em; margin-bottom: 10px; }
#content .single ul, #content .single ol { list-style-position: inside; margin-bottom: 10px; }
#content .single li { line-height: 1.5em; padding: 2px 0; }
#content .single blockquote { padding: 10px 10px 5px; margin-bottom: 10px; background-color: #eeeeee; border-width: 1px 0; border-style: solid; border-color: #dddddd; }
#content .single h2 { font-size: 2.4em; padding: 0 0 10px 0; font-weight: normal; font-family:Georgia, "Times New Roman", Times, serif; color: #5d3f24; }
#content .single h3, #content .single h4, #content .single h5, #content .single h6 { font-size: 1.2em; margin-bottom: 5px; }
#content .single h3 { font-size: 2.0em; padding: 5px 0 0px 0; font-weight: normal; font-family:Georgia, "Times New Roman", Times, serif; color: #76400c; }
#content .single h4 { font-size: 1.6em; margin: 10px 0 0px 0; padding: 10px 0 10px 0; font-weight: bold; font-family:Georgia, "Times New Roman", Times, serif; color: #82ab2b; }
#content .single h5 { font-size: 1.2em; margin: 20px 0 !important; }
#comments { color: #333333; }
#comments a { text-decoration: none; }
#comments h2 { font-size: 1.2em; margin: 10px 0; }
#comments p { margin-bottom: 10px; line-height: 1.6em; }
#comments form { }
#comments form p { margin-bottom: 5px; }
#comments form input { margin-right: 5px; }
#comments form input, textarea { border: 1px solid #bbbbbb; font-size: 0.9em; font-family: Verdana; padding: 4px; background-position: 4px 4px; background-repeat: no-repeat; }
#comments form input { width: 240px; border: 1px solid #bbbbbb; }
#comments form textarea { width: 350px; padding: 4px 4px !important; border: 1px solid #bbbbbb; }
#comments form button { border: 1px solid #a0a0a0; font-size: 1em; font-family: Verdana; padding: 2px 6px; }
.commentdetails { margin-top: 25px; }
.commentauthor { margin-bottom: 5px !important; font-weight: bold; }
.commentdate { font-size: 0.8em; margin-bottom: 5px; color: #909090; }
.required { color: #5a3d23; }
h2.title { font-size: 2em; font-weight: normal; font-family:Georgia, "Times New Roman", Times, serif; font-weight: normal; margin: 5px 0; }
.notfound { padding: 40px; }
.notfound h2 { font-size: 18px; font-weight: normal; margin-bottom: 10px; }
/** END miscellaneous **/

/** BEGIN wordpress 2.7 comments **/
#comments ol { list-style-type: none; clear: both; padding: 0; margin: 0; }
#comments .buffer { padding: 10px; }
#comments ol li { margin-bottom: 10px; }
#comments ol li ul li { border: 1px solid #aaaaaa; padding: 10px; }
#comments ol li .avatar { float: right; }
#comments ol li .comment-author { }
#comments ol li .comment-author .fn { font-weight: bold; font-size: 1.2em; }
#comments ol li .comment-meta { font-size: 0.9em; color: #999999; margin: 5px 0 10px; }
#comments ol li .reply { font-size: 0.9em; font-weight: bold; padding-bottom: 10px; }
#comments .children { list-style-type: none; }
#comments .navigation { padding: 0 0 40px; font-size: 0.9em; }
#comments .navigation a { color: #999999; padding: 3px 8px; border: 1px solid #bbbbbb; }
#comments .navigation a:hover { color: #000000; border-color: #000000; text-decoration: none; }
#comments .says { display: none; }
/** END wordpress 2.7 comments **/

/** WP Page Numbers **/
#wp_page_numbers { float: right; background-color: transparent; width: auto; }
#wp_page_numbers ul { border: 0; }
#wp_page_numbers li { margin: 4px; }
#wp_page_numbers ul li.page_info { background-color: #8d8d8d !important; color: #ffffff; padding: 10px; border: 0; font-size: 12px; font-family: Verdana; font-style: italic; }
#wp_page_numbers li a { background-color: #8d8d8d !important; color: #ffffff; padding: 10px; border: 0 !important; font-size: 12px; font-family: Verdana; font-style: italic; }
#wp_page_numbers ul li.active_page a { background-color: #636363 !important; }
	
#suckerfishnav { background:#583c22; font-size:12px; font-family:verdana,sans-serif; font-weight:normal; width:100%; z-index: 10000; width: 100%; border: 1px solid #000; }
#suckerfishnav, #suckerfishnav ul { float:left; list-style:none; line-height:20px; padding:0; border-bottom:1px solid #ffffff; margin:0; width:100%; z-index: 10000; }
#suckerfishnav a { display:block; color:#ffffff; text-decoration:none; padding:0px 14px; }
#suckerfishnav li { float:left; padding:0; margin:0; }
#suckerfishnav ul { position:absolute; left:-999em; height:auto; width:205px; font-weight:normal; margin:0; line-height:1; border: 1px solid #ffffff; }
#suckerfishnav li li { width:205px; border-bottom:1px solid #ffffff; font-weight:normal; font-family:verdana,sans-serif; margin:0; padding:0; }
#suckerfishnav li li a { padding:6px 10px; font-size:12px; color:#fff !important; }
#suckerfishnav li ul ul { margin:-25px 0 0 205px; }
#suckerfishnav li li:hover { background:#583c22; width: 205px; }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a { color:#ffffff; }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a { color:#ffffff; }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a { color:#ffffff; }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul { left:-999em; }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul { left:auto; background:#583c22; }
#suckerfishnav li:hover, #suckerfishnav li.sfhover { background:#583c22; }	
#suckerfishnav li li a { width: 185px; }
#suckerfishnav li li a:hover { width: 185px; }