/*
Theme Name: willegan.com
Author: Anthony Cole - wpcoder.com
Version: 1.0
Description: The Wordpress theme for willegan.com, built by Anthony Cole of WPCoder.
*/
/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/

* { margin:0; padding:0; outline:none; outline-style:none;}

body { background:#fff url(images/bg_top.gif) repeat-x top left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px;} 

p { margin:0; padding:0; font-size:12px; line-height:2.0em; color:#393939; padding-bottom:10px}
p a:link, p a:visited {color:#fb0f03; text-decoration: none;}
p a:hover {color:#fb0f03; text-decoration: underline}

h1 {background:url(images/bg_h1.gif) repeat-x; font-size:18px; color:#ef7e28; line-height:35px; height:35px; padding:0 0 0 18px; margin:0; font-weight:normal; letter-spacing:1px;}

h2 a {text-decoration: none; color:#bc3292;}
h2 {font-size:22px; color:#bc3292; height:52px; padding:3px 0 0 10px; margin-bottom:10px; float:left; width:500px; font-weight:normal;}
h2 .posted {display:block; font-size:12px; color:#000; font-weight:normal; margin-top:3px;}  
h2 .posted a {color:#f1933c; text-decoration:none;}

h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; margin-bottom:10px;}
h4 {font-size:18px; color:#bc3292; padding:0; margin-bottom:5px; width:410px; font-weight:normal; float:left; }
h5 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#bc3292; padding:0; margin-bottom:10px; width:400px; font-weight:normal; float:left;  }
h5 span {color:#7b7a7a;}
h6 {font-size:16px; color:#000; padding:0; margin-bottom:10px; font-weight:bold;}
h6 a { text-decoration:none; color:#000}

img {border:0;}
.clear {clear: both;}

/*
---------------------------------------------
02. CONTAINER
---------------------------------------------
*/

#container {width:100%; float:left}

/*
---------------------------------------------
03. WRAPPER
---------------------------------------------
*/

#wrapper {width:918px; margin:0 auto;}

/*
---------------------------------------------
04. HEADER AND LOGO
---------------------------------------------
*/

#header { width:918px; height:199px; background:url(images/banner_photo.jpg) right no-repeat; }
#header #logo { padding:71px 0 0 71px; width:301px;}

/*
---------------------------------------------
05. MENUBAR
---------------------------------------------
*/

#menubar {height:52px; width:918px; float:left}

/*
---------------------------------------------
05.1 MENUBAR- TEXT RESIZER
---------------------------------------------
*/

#menubar .textsizer {float:left; height:42px; padding-top:10px;}
#menubar .textsizer img {cursor:pointer;}

/*
---------------------------------------------
05.2 MENUBAR- NAVIGATION
---------------------------------------------
*/

#menubar ul { float:right; display:block; height:41px; list-style:none; margin-top:11px;}

#menubar ul li {display:inline; }
#menubar ul li a {display:block; float:left; text-decoration:none; color:#fff; font-size:14px; font-weight:bold; background:url(images/bg_menu_left.gif) no-repeat; padding:0 0 0 9px; margin-right:5px; }
#menubar ul li a span {display:block; float:left; background:url(images/bg_menu_right.gif) top right no-repeat; padding:6px 18px 7px 9px; cursor:pointer;}

#menubar ul li a:hover, #menubar ul li.current_page_item a  {background-position:0 -31px;} 
#menubar ul li a:hover span, #menubar ul li.current_page_item a span{background-position:100% -31px;} 

/*
---------------------------------------------
06. CONTENT
---------------------------------------------
*/

#content {width:918px; float:left; padding:20px 0;}

/*
---------------------------------------------
07. LEFT PANEL
---------------------------------------------
*/

#left_panel {width:570px; float:left;}

/*
---------------------------------------------
07.1 LEFT PANEL - FEATURED ARTICLES
---------------------------------------------
*/

#left_panel .featured_articles {width:568px; background:url(images/bg_featured_a.gif) repeat-x #d6dbbf; border-bottom:1px solid #bdc1a3; border-left:1px solid #bdc1a3; border-right:1px solid #bdc1a3; margin:0 0 35px 0; float:left}

#left_panel .featured_articles ul {list-style:none; margin:10px 0 0 0; padding:0; float:right; width:558px;}
#left_panel .featured_articles ul li {background:url(images/bullet1.gif) no-repeat ; background-position:0 5px; padding:0 0 0 15px; margin-bottom:20px; line-height:1.5em; position:relative; font-weight:normal} 

/*
---------------------------------------------
07.2 LEFT PANEL - POST
---------------------------------------------
*/

#left_panel #post, #left_panel #page {width:570px; float:left; padding:0px; margin:0;}
#left_panel #post p {margin:0 0 20px 0; line-height:1.8em; padding:0; text-align:justify; font-size:13px}
#left_panel #page h2 {margin: 0; padding: 0; margin-bottom: -20px;}
#left_panel #post .contentheader { width:570px; float:left; height:60px; }
.calender {width:51px; float:left;background: url(images/bg_post_date.png) left no-repeat;}
.mon {display:block; font-size:12px; color:#000; padding:0 0 0 0; width:51px; text-align:center; height:19px; padding:5px 0 0 0; }
.date {display:block; font-size:24px; color:#666167; padding:0 0 0 0; width:51px; text-align:center;  height:31px; line-height:31px; }

/*
---------------------------------------------
07.3 LEFT PANEL - BOOK MARK
---------------------------------------------
*/

#left_panel #bookmark {width:558px; float:left; background:url(images/bg_bookmark.gif) repeat-x; height:38px; border:1px solid #bdc1a3; padding:3px 5px; color:#535251; margin-bottom:30px;} 

#left_panel #bookmark .bookmarklist {width:415px; float:left; display:inline;}
#left_panel #bookmark .bookmarklist ul {margin:3px 0 0 0; padding:0; list-style:none;}
#left_panel #bookmark .bookmarklist ul li  {margin:0; padding:0; display:inline;}
#left_panel #bookmark .bookmarklist ul li a { padding:0 10px 0 20px; margin-right:3px; display:block; height:16px; text-decoration:none; color:#535251; float:left;}
#left_panel #bookmark .bookmarklist ul li.delicious a {background:url(images/bg_delicious.gif) left center no-repeat; }
#left_panel #bookmark .bookmarklist ul li.digg a {background:url(images/bg_digg.gif) left center no-repeat; }
#left_panel #bookmark .bookmarklist ul li.redd a {background:url(images/bg_redd.gif) left center no-repeat; }
#left_panel #bookmark .bookmarklist ul li.facebook a {background:url(images/bg_facebook.gif) left center no-repeat; }
#left_panel #bookmark .bookmarklist ul li.stumble a {background:url(images/bg_stumble.gif) left center no-repeat; }

#left_panel #bookmark .comment {width:115px; float:right; background:url(images/bg_comment.gif) right no-repeat; height:38px; }
#left_panel #bookmark .comment p { color:#535251; font-size:13px; margin:0; padding:0; float:left; padding-top:15px; padding-right:2px}

#left_panel #bookmark .comment span {font-size:20px; padding:0 0 0 17px; font-style:italic; line-height:38px; color:#fff;}

/*
---------------------------------------------
07.4 LEFT PANEL - RELATED POST
---------------------------------------------
*/

#left_panel #related_post {width:570px; margin-bottom:40px; float: left;}
#left_panel #related_post .rpost {width:570px; margin-bottom:10px; }
#left_panel #related_post .rpost p {line-height:1.5em; width:410px;}
#left_panel #related_post .rpost a {color:#fb0f03; text-decoration:none;}

/*
---------------------------------------------
07.4 LEFT PANEL - COMMENTS
---------------------------------------------
*/

.nocomments {padding: 10px; text-align: center; width: 100%; font-weight: bold;}

#left_panel #comments {width:570px; margin-bottom:40px; float:left;}

#left_panel #comments .commentbox1 { float:left; background:url(images/bg_comment_box1.gif) repeat-x #f4f8ef; width:548px; border:1px #dee8d6 solid; padding:15px 10px; margin-bottom:15px; }
#left_panel #comments .commentbox1 p{line-height:1.5em;  display:block; width:420px; float:left; }
#left_panel #comments .gavatar{float:right; display:block;margin-left:10px;}

#left_panel #comments .commentbox2 { float:left; background:url(images/bg_comment_box2.gif) repeat-x #d5dabe; width:548px; border:1px #bdc1a3 solid; padding:15px 10px; }
#left_panel #comments .commentbox2 p{line-height:1.5em;  display:block; width:420px; float:left; }

/*
---------------------------------------------
07.5 LEFT PANEL - COMMENT FORM
---------------------------------------------
*/

#left_panel #commentform { float:left; background:url(images/bg_comment_form.gif) repeat-x #d6dbbf; width:568px; padding:0; border:1px #bdc1a3 solid;  }

#left_panel #commentform form {margin:0; padding:20px; font-size:13px; font-weight:bold;}

#left_panel #commentform form label.textinputwrapper {background:url(images/bg_inputtext.gif) no-repeat; width:212px; height:27px; border:none; padding:0; margin:5px 0 15px 0; display:block;}

#left_panel #commentform form input.textinput {width:202px; height:22px; border:none; padding:5px 5px 0 5px; background:none;margin:0; }

#left_panel #commentform form label.textarewrapper {background:url(images/bg_textare.gif) repeat; width:431px; height:162px; border:none; padding:0; display:block; margin-top:10px;}
#left_panel #commentform form textarea {width:411px; height:142px; border:none; padding:10px; background:none;}

#left_panel #commentform form input.button_sumbit {background:url(images/bg_sumbit.gif) no-repeat; height:28px; width:84px; border: none; cursor:pointer;}

/*
---------------------------------------------
08. RIGHT PANEL
---------------------------------------------
*/

#right_panel {width:325px; float:right;}

/*
---------------------------------------------
08.1 RIGHT PANEL - RSS FEEDS
---------------------------------------------
*/

#content #right_panel #rss { float:left; background:url(images/bg_rss.gif) no-repeat; width:323px; height:87px; border:1px solid #bdc1a3; margin-bottom:10px;}
 
#content #right_panel #rss ul { margin:12px 0 0 8px; padding:0; list-style:none; }
#content #right_panel #rss ul li {display:inline;}
#content #right_panel #rss ul li a {display:block; float:left; padding:0 0 0 0; margin:0 5px 0 0; height:60px; }
#content #right_panel #rss ul li a.goog {background:url(images/bg_rss_icons.gif) 0 0 no-repeat; width: 49px;}
#content #right_panel #rss ul li a.yaho {background:url(images/bg_rss_icons.gif) -54px 0 no-repeat; width: 49px;}
#content #right_panel #rss ul li a.plus {background:url(images/bg_rss_icons.gif) -107px 0 no-repeat; width: 49px;}
#content #right_panel #rss ul li a.rs {background:url(images/bg_rss_icons.gif) -174px 0 no-repeat; width: 52px; margin-left:5px;}

/*
---------------------------------------------
08.2 RIGHT PANEL - SUBSCRIBE
---------------------------------------------
*/

#right_panel #subscribe { float:left; background:url(images/bg_subscribe.gif) no-repeat; width:303px; height:128px; border:1px solid #bdc1a3; margin-bottom:10px; padding:5px 10px;} 
#right_panel #subscribe form {display:block; float:left; width:205px; padding-top:5px;}
#right_panel #subscribe form input.textbox {width:200px; margin:0 0 7px 0; background:none; border: none; padding:3px 0 0 5px; display:block; height:20px; cursor:text;}
#right_panel #subscribe form input.btn {width:205px; margin:0 0 7px 0; background:none; border:none; padding:0 0 0 5px; display:block; height:25px; cursor:pointer;}
#right_panel #subscribe .sub_number {float:right; width:85px; margin-right:3px; text-align:center; line-height:35px; font-family:Georgia, "Times New Roman", Times, serif; color:#fff; font-size:18px;}

/*
---------------------------------------------
08.3 RIGHT PANEL - TELL ME
---------------------------------------------
*/

#right_panel #tellme { float:left; background:url(images/Search_engine_optimisation.jpg) no-repeat; width:323px; height:87px; border:1px solid #bdc1a3; margin-bottom:10px;}
#right_panel #tellme p {font-size:16px; display:block; width:168px; line-height:1.2em; float:left; padding:22px 0 0 80px}
#right_panel #tellme p span {color:#fe9700;}
#right_panel #tellme a {display:inline-block; float:right; width:23px; height:23px; margin:43px 30px 0 0;}

/*
---------------------------------------------
08.4 RIGHT PANEL - TAB CONTENT
---------------------------------------------
*/

#right_panel #tabcontent { width:325px; float:left}

#right_panel #tabcontent ul#maintab{ margin:0; padding:0; display:block; height:27px;}
#right_panel #tabcontent ul#maintab li {display:inline;}
#right_panel #tabcontent ul#maintab li a {display:block; float:left; cursor:pointer; color:#000; font-weight:bold;}
#right_panel #tabcontent ul#maintab li a.mostrecent {background:url(images/bg_mostrecent.gif) no-repeat; display:block; width:153px; height:27px; line-height:27px; text-align:center;}
#right_panel #tabcontent ul#maintab li a.mostpop {background:url(images/bg_mostpop.gif) no-repeat; display:block; width:114px; height:27px; line-height:27px; text-align:left; padding:0 0 0 20px}

#right_panel #tabcontent ul#maintab li.selected a { background-position:0 -27px; color:#fff; font-weight:bold;}

#right_panel .recent { float:left; background:url(images/bg_recent.gif) repeat-x #d6dbbf; padding:20px 10px; display:none; margin-bottom:10px;}
#right_panel .recent ul {margin:0; padding:0; width:300px;}
#right_panel .recent ul li  { list-style:none; display:block; background:url(images/bullet1.gif) left no-repeat; border-bottom:1px solid #b8b8ba; padding:5px 0 5px 20px; }
#right_panel .recent ul li a {color:#505150; text-decoration:none; }

/*
---------------------------------------------
08.5 RIGHT PANEL - BLOG ROLL
---------------------------------------------
*/

#right_panel #bolgroll { width:325px; float:left}
#right_panel #bolgroll .bolgrollcont { float:left; background:url(images/bg_recent.gif) repeat-x #d6dbbf; width:303px;  border-left:1px solid #bdc1a3; border-right:1px solid #bdc1a3; border-bottom:1px solid #bdc1a3; margin-bottom:10px; padding:10px;} 

#right_panel #bolgroll .bolgrollcont ul {width:150px; float:left; list-style:none;}
#right_panel #bolgroll .bolgrollcont ul li {display:block; margin:0 0 5px 0; font-size:14px;}
#right_panel #bolgroll .bolgrollcont ul li a {color:#505150; text-decoration:none; padding:0 8px; line-height:20px;}

/*
---------------------------------------------
08.6 RIGHT PANEL - SPEAKING
---------------------------------------------
*/

#content #right_panel #speaking { width:325px; float:left}
#content #right_panel #speaking .spkcont {background:url(images/bg_recent.gif) repeat-x #d6dbbf; width:303px;  border-left:1px solid #bdc1a3; border-right:1px solid #bdc1a3; border-bottom:1px solid #bdc1a3; margin-bottom:10px; padding:10px;} 
#content #right_panel #speaking .spkcont h6 span {color:#c61665}
#content #right_panel #speaking .spkcont p {margin-bottom:10px;}

/*
---------------------------------------------
08.5 RIGHT PANEL - FOLLOW ME
---------------------------------------------
*/

#content #right_panel #followme { width:325px; float:left}
#content #right_panel #followme .fmcont {background:url(images/bg_recent.gif) repeat-x #d6dbbf; width:323px;  border-left:1px solid #bdc1a3; border-right:1px solid #bdc1a3; border-bottom:1px solid #bdc1a3; margin-bottom:10px; padding-top:5px; } 

#content #right_panel #followme .fmcont img { padding:4px;} 
#content #right_panel #followme .fmcont h6 span {color:#c61665}
#content #right_panel #followme .fmcont p {margin-bottom:10px;}

/*
---------------------------------------------
09. FOOTER STYLES
---------------------------------------------
*/

#bgfooter { width:100%; background:url(images/bg_footer.gif) repeat-x bottom; float:left}
#footer {width:918px; margin:0 auto; padding:20px 0; text-align:center;}