/*  
Theme Name: TweetSheep
Theme URI: http://www.webdesignlessons.com/
Description: Custom theme by http://www.webdesignlessons.com/
Version: 1.0
Author: WebDesignLessons.com
Author URI: http://www.webdesignlessons.com/
*/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0;	padding:0; }
ul{ list-style:none; }

a { color:#3d3d3d; text-decoration:none; }
a:hover {	text-decoration:underline; }
a img{ border:0; }

.clear{	clear:both; }

html{	background:url(images/bgr_html.png) repeat-x; }
body { font-family:Verdana, Geneva, sans-serif;	font-size:11px; background:url(images/bgr_main.png) repeat-x bottom; color:#3d3d3d; }

#wrapper_top { width:100%; background:url(images/bgr_wrapper_top.png) no-repeat top center; }
#wrapper_end{ width:100%; background:url(images/bgr_wrapper_end.png) no-repeat bottom center; }
#page{ width:1000px; margin:0px auto; }

/* HEADER */

#header { width:100%; height:95px; overflow:hidden; background:url(images/bgr_header.gif) no-repeat; border-bottom:5px solid #000; }
#header_rss { float:right; padding:5px 10px 0 0; }
#header #logo { color:#000; font:47px Georgia, "Times New Roman", Times, serif; letter-spacing:-6px; padding:20px 0 0 42px; text-transform:uppercase; float:left; }
#header #logo a { color:#000; }
#header #logo a:hover { text-decoration:none; }

/* MENU */

#menu { width:100%; height:38px; background:url(images/bgr_menu.gif) repeat-x; }
#main_search { float:right; width:298px; }
#mainmenu { float:left; padding:7px 0 0 5px; }
#mainmenu ul { list-style-type: none; z-index:1000; }

/*Top level list items*/
#mainmenu ul li { position: relative; display: inline; float: left; z-index:1000; color:#000; padding:0 0 0 10px; font:13px Tahoma, Geneva, sans-serif; }
#mainmenu ul li.first { padding:0; background:none; }
/*Top level menu link items style*/
#mainmenu ul li a { display:block; color:#000; z-index:1000; height:20px; padding:5px 10px 0 10px; }
* html #mainmenu ul li a { display: inline-block; float:left; } /*IE6 hack to get sub menu links to behave correctly*/
* html #mainmenu ul li ul li a { float:none; } /*IE6 hack to get sub menu links to behave correctly*/
#mainmenu ul li a:link, #mainmenucat ul li a:visited { text-decoration:none; }
#mainmenu ul li a:hover, #mainmenu .current_page_item a, #mainmenu .select a { background:#252525; color:#fff; text-decoration:none; }
/*1st sub level menu*/
#mainmenu ul li ul { position: absolute; left: 0; display: block; visibility: hidden; margin:0 0 0 11px; }
/*Sub level menu list items (undo style from Top level List Items)*/
#mainmenu ul li ul li { display: list-item; float: none; font-size:1.0em; background:none; padding:0; }
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
#mainmenu ul li ul li ul { top: 0; margin:0; }
/* Sub level menu links style */
#mainmenu ul li ul li a, #mainmenu ul li.current_page_item ul a, #mainmenu ul li.select ul a { width: 160px;	height:auto; padding: 7px 5px 7px 10px; margin: 0; border-bottom: 1px solid #676767; background:#252525; border-top-width: 0; text-align:left; text-decoration:none; color:#999999; font:12px Arial, Helvetica, sans-serif; }
#mainmenu ul li ul li a:hover { text-decoration:none; color:#fff; }
/* ######### CSS classes applied to down and right arrow images  ######### */
#searchform_top { float:left; padding:3px 0 0 0; }
#searchform_top_text { width:244px; padding:8px 8px 9px 8px; color:#434343; font:12px Arial, Helvetica, sans-serif; float:left; border:0; background:#e1e1e1; }

#gosearch { float:left; }

/* BODY */
#body { width:100%; background:#fff url(images/bgr_body.png) repeat-y; overflow:hidden; }
#body_top { width:100%; background:url(images/bgr_body_top.png) no-repeat right top; }
#body_end { width:100%; background:url(images/bgr_body_end.png) no-repeat left bottom; overflow:hidden; padding:0 0 87px 0; }
#body_left { width:701px; float:left; }
#body_right { width:299px; float:right; }

/* left contact */
#body_left_content { width:629px; margin:20px 0 0 33px; }

.post { width:100%; margin:0 0 40px 0; }
.post-top { width:100%; border-bottom:1px solid #d3d3d3; overflow:hidden; }
.post-title { width:520px; float:left; margin:10px 0; }
.post-title h1, .post-title h2 { margin:0 0 5px 0; font:normal 29px Georgia, "Times New Roman", Times, serif; color:#000; }

.post-title h1 a, .post-title h2 a { color:#000; }
.post-top h4 { width:101px; height:69px; padding:30px 0 0 0; color:#898989; text-align:center; font:normal 23px Georgia, "Times New Roman", Times, serif; float:right; background:url(images/bgr_post_comment.png) no-repeat; }

.entry { line-height:20px; font-size:13px; margin:10px 0 0 0; }
.entry img { border:3px solid #ccc; }
.entry p { padding-bottom:15px; }
.entry p a { color:#0066ff; }
.entry p a:hover { color:#3366ff; }

.postmetadata {	width:100%;	border-top:1px solid #d3d3d3; }
#relatedposts { margin:15px 0 30px 0; font-size:11px; }
#relatedposts li  { float:left; padding-right:15px; }
#tags { clear:left; font-size:11px; }

h2.page_title { margin:0 0 5px 0; font:normal 29px Georgia, "Times New Roman", Times, serif; color:#000; border-bottom:1px solid #d3d3d3; padding:0 0 10px 5px; }

.post-page { width:588px; margin:0 0 0 13px; }
.post-page .entry {}
.post-page .entry a { text-decoration:underline; font-weight:bold; color:#0076a3; }
.post-page .entry a:hover { text-decoration:none; }
.post-page .entry h1, .post-page .entry h2, .post-page .entry h3, .post-page .entry h4, .post-page .entry h5, .post-page .entry h6 { color:#000; display:block; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; }
.post-page .entry h1 { font-size:26px; padding:0 0 14px 0; }
.post-page .entry h2 { font-size:24px; padding:0 0 14px 0; }
.post-page .entry h3 { font-size:22px; padding:0 0 12px 0; }
.post-page .entry h4 { font-size:20px; padding:0 0 10px 0; }
.post-page .entry h5 { font-size:18px; padding:0 0 8px 0; }
.post-page .entry h6 { font-size:16px; padding:0 0 6px 0; } 

/* SIDE BAR */

#sidebar { width:220px; margin:58px 0 0 20px; padding:0 0 10px 0; color:#212121; }
.sidebars h5 { color:#212121; font:normal 23px Tahoma, Geneva, sans-serif; text-transform:uppercase; padding:0 0 0 30px; background:url(images/bgr_sidebars_h2.png) no-repeat left 2px; margin:0 0 10px 0; }
.sidebars ul { }
.sidebars ul li { }
.sidebars ul li ul li { margin-bottom:0; width:auto; }
.sidebars ul li ul li ul li { margin-left:0; }
.sidebars li ul { padding:0 0 30px 5px; }
.sidebars li ul li ul { padding:0 0 0 10px; width:auto; }
.sidebars li ul li ul li ul {}
.sidebars li { margin-bottom:0px; background:none; }
.sidebars li li { margin-bottom:0px; border-bottom:1px solid #d2d2d2; padding:10px 0 10px 8px; font-size:13px; }
.sidebars li li li { background:none; border:0; padding-bottom:3px; }
.sidebars li a { color:#000; }
.sidebars li.widget_categories ul li {}
.sidebars li.widget_categories ul li a {}
.sidebars li.widget_categories ul li ul li a {}
.sidebars li.widget_archives ul li a {}
.sidebars li.linkcat ul li a { }
.sidebars .widget_tags p { padding:0 10px 10px 15px; }
.sidebars .widget_tags a { color:#000; }
.sidebars .textwidget{ padding:10px; }

/* FOOTER */

#footer { width:100%; height:144px; background:url(images/bgr_footer.png) repeat-x; overflow:hidden; }
#footer #title { color:#000; font:normal 48px Georgia, "Times New Roman", Times, serif; letter-spacing:-6px; padding:20px 0 0 40px; text-transform:uppercase; float:left; position:relative; }
#footer #title a { color:#000; }
#footer #title a:hover { text-decoration:none; }

#footer_text { padding:20px 30px 0 0; float:right; text-align:right; }

#footer_text p { color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; padding:0 0 8px 0; }
#footer_text a { color:#000; }
#footer_text b a { color:#0076a3; text-decoration:underline; }
#footer_text b a:hover { text-decoration:none; }
#footer_text .designed { font-size:11px; }



/* Begin Typography & Colors */
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
/* End Typography & Colors */


/* Begin Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */


/* Begin Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 98%; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { background-color: #fff; } /* Doesn't work in IE */
/* End Calendar */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }

blockquote { margin: 15px 30px 10px 10px; padding-left: 24px; padding-bottom:7px; background:url(images/blockquote_bg.gif) repeat-y; }
blockquote blockquote { background:url(images/blockquote_bg2.gif) repeat-y; }
blockquote cite { margin: 5px 0 0; display: block; }

.center { text-align: center; }

.navigation { text-align: right; margin:10px auto 0 auto; width:97%; background:#e1e1e1; padding:10px; overflow:hidden; font-size:13px; color:#000; }
.navigation a { color:#000; font-size:13px; }

#content_single .navigation { text-align: center; width:96%; padding:10px 0 10px 0; margin:30px 0 0 25px; }

.wp-pagenavi { line-height:1.8em; padding:0 15px 0 15px; }
.wp-pagenavi a { padding: 4px; margin: 2px; }
.wp-pagenavi span.pages { padding: 4px; margin: 2px; background:#000; color:#fff; }
.wp-pagenavi span.current { padding: 4px; margin: 2px; background:#000; color:#fff; }
.wp-pagenavi span.extend { padding: 4px; margin: 2px; background:#000; color:#fff; }
/* End Various Tags & Classes*/

/* Begin Lists  */
.entry ul { margin: 0 10px 15px 30px; list-style: none; padding:15px 15px 15px 20px; background:#f5f5f5; border:1px solid #d3d3d3; } 
.entry ul li { border-bottom:1px solid #d3d3d3; background:url(images/ico_entry.gif) no-repeat left 13px; padding:7px 0 7px 15px; }
.entry ol { margin: 0 10px 15px 30px; padding:15px 15px 15px 40px; background:#f5f5f5; border:1px solid #d3d3d3; }
.entry ol li { margin: 0; padding:7px 0 7px 0; border-bottom:1px solid #d3d3d3; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }
ol li { list-style: decimal outside; }
/* End Entry Lists */


/* Begin Form Elements */
#searchform { margin: 10px auto;padding: 5px 3px; text-align: center; }
#sidebar #searchform #s { width: 108px;padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }
select { width: 130px;}
#commentform { width:400px; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 350px; padding: 2px; }
#commentform #submit { margin: 5px 0 0 0; padding:0; width:85px; height:35px; }
/* End Form Elements */



/* Begin Comments*/

#comments { margin:0 0 5px 0; font:normal 29px Georgia, "Times New Roman", Times, serif; color:#000; border-bottom:1px solid #d3d3d3; padding:0 0 10px 5px; margin:0 0 10px 25px; }
.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify; margin:0 0 0 25px; }
.commentlist .comment { margin: 15px 0 0 0; padding: 10px 15px 20px 15px; list-style: none; background:#f5f5f5; border:1px solid #d3d3d3; }
.commentlist .alt { background:#ffffff; }
.commentlist .comment .comment { margin: 15px 15px 15px 15px; padding: 10px 15px 20px 15px; width:auto; }
.commentlist p { margin: 10px 5px 10px 0; line-height:18px; }
.commentmet_data { width:100%; overflow:hidden; }
.commentmet_data td { vertical-align:top; text-align:left; }
.commentmet_avatar { width:102px; padding:15px 0 0 0; }
.commentmet_text {}
.commentmet_avatar img { border:1px solid #2c0202; }
#commentform p { margin: 5px 0; }
.commentmet_replay { width:100%; overflow:hidden; }
.commentmet_replay a { float:right; display:block; text-indent:-9999px; text-transform:capitalize; background:url(images/button_replay.gif) no-repeat; width:79px; height:20px; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; padding:0 0 5px 0; color:#636363; font:bold 15px Tahoma, Geneva, sans-serif; text-transform:capitalize; }
.commentmetadata a { color:#0076a3; }
.commentmetadata span { color:#0076a3; }
.commentmet_text { font-size:12px; color:#000; }

#respond { margin:40px 0 0 25px; }
#respond_title { margin:0 0 5px 0; font:normal 29px Georgia, "Times New Roman", Times, serif; color:#000; border-bottom:1px solid #d3d3d3; padding:0 0 10px 5px; margin:0 0 20px 0; }

#commentform { margin-left:25px; color:#000; font-size:12px; width:90%; }
#commentform small { position:relative; top:-1px; font-size:12px; }
#cancel-comment-reply-link { font-size:12px; color:#000; }
#commentform a, #commentform small { color:#000; }
#commentform input { background:#fff; border:2px solid #c9c9c9; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:4px; color:#000000; }
#commentform textarea { background:#fff; border:2px solid #cbcbcb; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:4px; margin:5px 0 0 0; color:#000000; }
#commentform input#submit { background:none; border:0px; }

/* End Comments */
/* Archives page */
.page_archives_div { padding-bottom:60px; }
.page_archives_div h2 { margin:0 0 5px 0; font:normal 29px Georgia, "Times New Roman", Times, serif; color:#000; border-bottom:1px solid #d3d3d3; padding:0 0 10px 5px; }
.page_archives_div ul h2 { }
.page_archives_div ul { margin:10px 0 40px 0; }
.page_archives_div ul li { margin:0; padding:8px 0 8px 5px; list-style:none; background:url(images/ico_line.gif) no-repeat left bottom; }
.page_archives_div ul li ul li { border:0px; background:none; }
.page_archives_div ul li ul { margin:0; padding:0; padding-left:10px; }
.page_archives_div ul li a{  font-weight:normal; color:#333; font-size:13px; background:url(images/ico_ar.gif) no-repeat left 3px; padding:0 0 0 14px; }
