/*  
Theme Name: LittleTutorials
Theme URI: http://www.littletutorials.com
Description: Little Tutorials Theme
Version: 1.0
Author: Daniel Pietraru
Author URI: http://www.littletutorials.com
*/

/****************************************
 General formating
****************************************/

body, h1, h2, h3, h4, h5, h6, blockquote, p, form /* form added for IE */
{
	margin: 0;
	padding: 0;
}

body
{
	margin: 0;
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	text-align: center; /* normally 'left' but 'center' for IE6  */
	vertical-align: top;
	background: #EEEEEE;
	color: #000000;
}

h1
{
	font-family: Georgia, Sans-serif;
	font-size: 24px;
	padding: 0 0 10px 0;
}

a:link, a:visited
{
	text-decoration: underline;
	color: #336699;
}

a:hover
{
	text-decoration: none;
	color: #AA0000;
}

p
{
	padding: 10px 0 0 0;
}

/****************************************
 Wrapper div
****************************************/

#wrapper
{
	background: #FFFFFF;
	margin: 0 auto 0 auto;
	width: 1020px;
	height: auto;
	text-align: left;
	border: 1px solid #666666;
}

/****************************************
 Header
****************************************/

#header
{
	background: #AA0000;
	float: left;
	width: 998px;
	height: 90px;
	padding: 10px;
	border: 1px solid #666666;
}

#headtitle
{
	float: left;
	width: 260px;
	color: #FFFFFF;
	text-align: center;
	padding: 20px 0 0 0;
}

#headtitle a, #footer a
{
	color: #FFFFFF;
	text-decoration: none;
}

#headad
{
	float: left;
	width: 728px;
}

/****************************************
 Navigation bar (menu)
****************************************/

#navbar
{
	background: #FFFFFF;
	float: left;
	width: 1020px;
	color: #000000;
	margin: 0px auto 10px;
	padding: 9px 0px 7px 0px;
	border-bottom: 1px solid #666666;
}

#pagemenu
{
	float: left;
	width: 780px;
}

#searchmenu
{
	float: left;
	width: 240px;
	margin: 0 0 0 0;
}
	
#navbar li
{
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
		
#navbar ul
{
	margin: 0px;
	padding: 0px;
}
	
#navbar ul li a 
{
	font-size: 14px;
	font-family: Times New Roman, Helvetica, Sans-Serif;
	color: #401412;
	padding: 9px 10px 7px 10px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}

#navbar ul li a:hover
{
	background: #000000;
	color: #FFFFFF;
	text-decoration: none;
}
	
#searchform
{
	margin: 0px;
	padding: 0 10px 0 0;
	overflow: hidden;
	text-align: right;
}
	
#s
{
	background: #FFFFFF;
	width: 210px;
	color: #333333;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
}

/****************************************
 Content - posts, pages, searches
****************************************/

#container
{
	background: #FFFFFF;
	float: left;
	width: 600px;
	border-right: 1px solid #666666;
	padding: 0 10px 0 0;
}


#page-container

{
	background: #FFFFFF;
	float: left;
	width: 770px;
	border-right: 1px solid #666666;
	padding: 0 5px 0 5px;
}

.post
{
	padding: 10px 0 10px 0;
}

.post h2
{
	font-family: Georgia, Sans-serif;
	font-size: 18px;
}

.post h3
{
	font-family: Georgia, Sans-serif;
	font-size: 14px;
	margin: 14px 0 0 0;
}

.entry
{
	line-height: 18px;
}

.entrycontent
{
	height: 140px;
}

p.postmetadata
{
	border-top: 1px solid #ccc;
	margin: 10px 0 0 0;
}

.navigation
{
	padding: 10px 0 0 0;
	font-size: 10px;
        font-weight: bold;
	line-height: 18px;
}

.navigation a:link, .navigation a:visited
{
	text-decoration: underline;
        font-weight: bold;
	color: #336699;
}

.navigation a:hover
{
	text-decoration: none;
        font-weight: bold;
	color: #AA0000;
}

/****************************************
 Sidebars
****************************************/

.sidebar
{
	background: #ffffff;
	display: inline;
}

.sidebar#r_sidebar
{
	float: left;
	margin: 0 0 0 0;
	width: 219px;
}

.sidebar#l_sidebar
{
	float: left;
	margin: 0 10px 0 0;
	width: 170px;
}

.sidebar ul, #lowbanner ul
{
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 10px;
}

.sidebar ul li, #lowbanner ul li
{
	padding: 10px 0 10px 0;
}

.sidebar ul li h2, #lowbanner ul li h2
{
	font-family: Georgia, Sans-serif;
	font-size: 14px;
}

.sidebar ul ul li, #lowbanner ul ul li
{
	padding: 0;
	line-height: 24px;
}

#l_sidebar a:link, #l_sidebar a:visited, #l_sidebar a:active, #l_sidebar a:hover
{
  text-decoration: none;
  color: #ffffff;
}

.post_ad_center a:link, .post_ad_center a:visited, .post_ad_center a:active, .post_ad_center a:hover
{
  text-decoration: none;
  color: #ffffff;
}

table#snbuttons
{
    width: auto;
}

table#snbuttons td
{
    width: 33%;
    vertical-align: middle;
    text-align: center;
}

.feed
{
	background:url(img/feed.gif) no-repeat left;
	padding-left: 17px;
}

#popposts
{
    font-size: 10px;
    line-height: 10px;
    background: white /*#A9CF5D*/;
}

#popposts ul
{
        padding-left: 14px;
}

#popposts li
{
        list-style-type: none;
}

#popposts li.alt
{
	background: white /*#9BCF34*/;
}

table#wp-calendar
{
	width: 175px;
	text-align: right;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
}

table#wp-calendar caption
{
	width: 175px;
	text-align: right;
}

/****************************************
 Comments
****************************************/

.comments-template
{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol
{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li
{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3
{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata
{
	font-size: 12px;
}

.comments-template p.nocomments
{
	padding: 0;
}

.comments-template textarea
{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

ol.commentlist li.alt
{
    background: #EEEEEE;
}

/****************************************
 Foot banner
****************************************/

#lowbanner
{
	background: #000000;
	color: #FFFFFF;
	clear: both;
	width: 1020px;
	height: auto;
	padding: 10px 0 0 0;
	text-align: center;
}
.lowbannercol
{
	height: auto;
	background: #000000;
	color: #FFFFFF;
	text-align: left;
	display: inline;
	float: left;
	width: 204px;
}
#lowbannercol3
{
	width: 175px;
}

/****************************************
 Footer
****************************************/

#footer
{
	background: #AA0000;
	clear: both;
	width: 1020px;
	padding: 10px 0 0 0;
	text-align: center;
}

#footer p
{
	line-height: 18px;
}

/****************************************
 Add this plugin - center button
****************************************/

div.add_this_holder
{
	padding: 2px;
	margin: 10px 2px 10px 2px;
	text-align: center;
}

/****************************************
 Ads in posts
****************************************/

div.post_ad_center
{
	padding: 2px;
	margin: 2px 2px 2px 2px;
	text-align: center;
}
div.post_ad_left
{
	padding: 2px;
	margin: 2px 2px 2px 0;
	float: left;
}
div.post_ad_right
{
	padding: 2px;
	margin: 2px 0 2px 2px;
	float: right;
}

/****************************************
 Images in posts
****************************************/

img.post
{
	padding: 2px;
	margin: 0 0 2px 2px;
	outline-style: solid;
	outline-color: #A0A0A0;
	outline-width: 1px;
	float: right;
}
img.post_left
{
	padding: 2px;
	margin: 2px 5px 2px 0;
	outline-style: solid;
	outline-color: #A0A0A0;
	outline-width: 1px;
	float: left;
}
img.post_right
{
	padding: 2px;
	margin: 2px 0 2px 5px;
	outline-style: solid;
	outline-color: #A0A0A0;
	outline-width: 1px;
	float: right;
}
img.left 
{
	float:left;
	margin:0 1em 1em 0;
}
img.right 
{
	float:right;
	margin:0 0 1em 1em;
}

/****************************************
 Specific for articles
****************************************/

table.litu-table
{
	width: 600px;
	padding: 0;
	margin: 0;
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #4f6b72 #4f6b72 #4f6b72 #4f6b72;
	border-collapse: separate;
}

table.litu-table th
{
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;

	letter-spacing: 2px;
	padding: 6px 6px 6px 12px;
}

table.litu-table td
{
	font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-align: left;
	padding: 6px 6px 6px 12px;
}

/* Article: The Creators of 30 Programming Languages: pages, biographies, blogs, interviews */

table.litu-table#litu-lngcrttable th
{
    background: #000000;
    color: #FFFFFF;
    width: 50%;
}

table.litu-table#litu-lngcrttable th.litu-lngname
{
	color: #ffffff;
	background-color: #1746A2;
	text-transform: uppercase;
	text-align: center;
}

table.litu-table#litu-lngcrttable td
{
    width: 50%;
}

table.litu-table#litu-jumptable td
{
    text-align: center;
    width: 20%;
}

table.litu-table#litu-lngcrttable td.litu-crtname
{
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	background-color: #7490C7;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
}

table.litu-table#litu-jumptable caption
{
	padding: 0 0 5px 0;
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}