/* 
	Theme Name: Blogger's Notes 3 - Column
	Theme URI: http://www.janrafi.com
	Description: Blogger's Notes is an SEO-optimized Adsense ready wordpress theme. Exclusively for janrafi.com.
	Author: Janelh

*/


/****************************************************************
*                              Main                             *
*****************************************************************/

body {
font : 12px Arial, Helvetica, Sans-Serif;
background : #ffffff;
margin : 0 auto;
text-align : center;
}
a, a:visited {
color : #a90000;
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
#page {
width : 978px;
margin : 0 auto;
text-align : left;
background : #fff url('images/background.jpg') repeat-y top center;
}
#wrapper {
width : 976px;
margin : 0 auto;
padding : 0;
}

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

#header {
height : 390px;
background : #fafafa url('images/banner.gif') no-repeat top center;
overflow : hidden;
clear : both;
margin : 0 auto;
padding : 0;
}
#header h1 {
margin : 0;
visibility : hidden;
}


/*************************** Navigation Bar ****************************/

#navbara {
top: 127px;
margin-left: 210px;
position:absolute;
}
#navbara li a, #navbara li a:visited {
background : transparent url('images/nav.gif') no-repeat;
color : #ffffff;
margin-top: 0px;
display : block;
padding-top:3px;
text-decoration : none;
}
#navbara li a:hover {
background : transparent url('images/navc.gif') no-repeat;
display:block;
margin-top: 0px;
padding-top:3px;
text-decoration:none;
color : #6b1e05;
}
#navbara ul {
margin: 0px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#navbara li {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
float : left;
text-align : center;
margin-left:2px;
margin-top: 0px;
margin-right:2px;
width : 74px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
height : 25px;
}

/*************************** Search ****************************/

#search {
top: 177px;
margin-left: 735px;
position:absolute;
}
.searchform {
margin : 0;
padding : 0;
overflow : hidden;
}
.s {
background : #fafafa;
width : 200px;
color : #333333;
font-size : 11px;
font-family : Verdana, Helvetica, Sans-Serif;
padding : 4px;
margin : 0;
border-top : 1px solid #666666;
border-right : 1px solid #666666;
border-left : 1px solid #999999;
border-bottom : 1px solid #999999;
}

/*************************** Subscribe ****************************/

#subce {
position:absolute;
top: 230px;
margin-left: 835px;
overflow : hidden;
}
#subsc {
position:absolute;
top: 350px;
margin-left: 805px;
overflow : hidden;
}
#sform {
margin : 0;
padding : 0;
overflow : hidden;
}
#subscform {
background : #fafafa;
width : 150px;
color : #333333;
font-size : 11px;
font-family : Verdana, Helvetica, Sans-Serif;
padding : 4px;
margin : 0;
border-top : 1px solid #666666;
border-right : 1px solid #666666;
border-left : 1px solid #999999;
border-bottom : 1px solid #999999;
}

/****************************Advertisements*********************/

#adsense_left {
top: 180px;
margin-left: 210px;
height : 30px;
position:absolute;
}
#adsense_note {
top: 265px;
margin-left: 25px;
position:absolute;
}


/****************************************************************
*                              Content       510px              *
*****************************************************************/

#content {
float : left;
width : 510px;
line-height : 1.6em;
padding-top : 5px;
margin : 0 0 0 25px;
}
#content p {
padding : 0 0 10px 0;
margin : 0;
line-height : 20px;
}
#content h1 {
margin : 0 0 5px 0;
padding : 3px 0 3px 0;
border-bottom : 2px solid #202020;
font-size : 24px;
color : #202020;
font-family : Arial, Tahoma, Verdana;
font-weight : normal;
}
#content h2 {
font-size : 20px;
margin : 0 0 0 0;
padding : 0 0 0 0;
color : #202020;
font-family : Arial, Tahoma, Verdana;
font-weight : normal;
}
#content h3 {
font-size : 16px;
margin : 0 0 0 0;
padding : 0 0 0 0;
color : #202020;
font-family : Arial, Tahoma, Verdana;
font-weight : normal;
}
#content h4 {
font-size : 12px;
margin : 0 0 0 0;
padding : 0 0 0 0;
color : #202020;
font-family : Arial, Tahoma, Verdana;
font-weight : normal;
}
#content h1 a, a:visited {
color : #202020;
text-decoration : none;
}
#content a {
color : #a90000;
text-decoration : none;
}
#content a:visited {
color : #6b1e05;
text-decoration : none;
}
#content a:hover {
text-decoration : underline;
}
#content h1 a:hover {
color : #a90000;
text-decoration : none;
}
#content p img {
float : left;
border : none;
margin : 0 10px 10px 0;
}
#content img.wp-smiley {
float : none;
border : none;
padding : 0;
margin : 0;
}
#content img.wp-wink {
float : none;
border : none;
padding : 0;
margin : 0;
}
#contentleft {
float : left;
width : 500px;
margin : 0 0 0 0;
padding : 0 20px 20px 0;
}
#contentleft ol {
margin : 0 0 0 20px;
padding : 0 0 10px 0;
}
#contentleft ol li {
margin : 0 0 0 20px;
padding : 0 0 5px 0;
}
#contentleft ul {
list-style-type : square;
margin : 0 0 0 20px;
padding : 0 0 10px 0;
}
#contentleft ul li {
list-style-type : square;
margin : 0 0 0 20px;
padding : 0 0 5px 0;
}


/****************************************************************
*                              Sidebar       395px              *
*****************************************************************/

#sidebar {
float : right;
width : 40%;
margin : 0 23px 0 0;
padding-top : 5px;
}
#sidebar a {
color : #a90000;
}
#sidebar a:visited {
color : #6b1e05;
}
#sidebar a:hover {
text-decoration : underline;
}
#sidebar .sidebar_left {
width : 52%;
float : left;
padding : 0;
list-style-type : none;
}
#sidebar ul, li {
list-style-type : none;
margin : 0 0 18px 0;
padding : 0;
background : transparent;
}
#sidebar .sidebar_right {
width : 42%;
float : right;
padding : 0;
list-style-type : none;
}

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

#footer {
color : #fafafa;
clear : both;
text-align : left;
background : #fff url('images/footer.jpg') repeat-y top center;
}
#footer li {
background : transparent;
}
#footer a, #footer a:hover, #footer a:visited {
color : #fafafa;
text-decoration : none;
}
#footerleft {
float : left;
width : 300px;
margin : 0 0 0 25px;
padding : 0 0 20px 0;
}
#footermiddle {
float : left;
width : 300px;
margin : 0 0 0 15px;
padding : 0 0 20px 0;
}
#footerright {
float : right;
width : 300px;
margin : 0 15px 0 0;
padding : 0 0 20px 0;
}
#footerbottom {
width : 100%;
color : #fafafa;
font-size : 12px;
margin : 0;
text-align : center;
clear : both;
background : #fff url('images/footer.jpg') repeat-y bottom center;
}
#footerbottom a, a:visited, a:hover {
color : #fafafa;
}

/****************************************************************
*                              Post                             *
*****************************************************************/

.post h2, .post h2 a:hover, .post h2 a:visited, .post h2 a {
font-size : 1.4em;
text-decoration : none;
color : #cc3300;
margin-bottom : 10px;
line-height : 1em;
}
.post {
font-size : 1.2em;
margin-bottom : 30px;
text-align : justify;
}
.post p {
padding : 5px 0;
margin : 5px 0;
}
.post ul, .post ol {
margin : 10px 0 10px 0;
padding-left : 40px;
}
.post li {
padding : 2px 0 2px 0;
}
.entry {
margin-bottom : 10px;
text-align : justify;
}
.entrytext .postmetadata {
margin-top : 20px;
text-align : justify;
}
.postmetadata {
border-top : 1px dashed #ccc;
padding-top : 2px;
margin-bottom : 40px;
text-align : right;
}
.postmetadata alt {
border-top : 1px dashed #ccc;
padding-top : 2px;
margin-bottom : 40px;
text-align : left;
}
.navigation {
display : block;
margin-bottom : 20px;
}
#nav {
list-style-type : none;
text-align : center;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
line-height : 3.15em;
height : 40px;
}
#nav a {
margin : 0;
width : 94px;
height : 20px;
font-weight : bold;
font-style : normal;
display : block;
padding : 0 0 10px 0;
}
#nav a:hover {
background : #000;
}
#nav a:visited {
background : #6b1e05;
}
#nav li {
float : right;
list-style-type : none;
margin : 0;
border-right : 1px solid #fff;
}
.alignleft {
float : left;
text-align : left;
}
.alignright {
float : right;
text-align : right;
}
.pagetitle {
font-size : 1.6em;
margin-bottom : 20px;
}
blockquote {
margin : 0 25px 15px 25px;
padding : 0 25px 0 10px;
background : #e8e8e8;
border-top : 2px solid #000000;
border-bottom : 1px solid #000000;
}
blockquote p {
margin : 0 0 10px 0;
padding : 10px 0 0 0;
}
code {
font : 1.2em 'Courier New', Courier, Fixed;
color : #fff;
display : block;
overflow : auto;
text-align : left;
margin : 10px 0 10px 0;
padding : 5px 10px 5px 10px;
background : #999999;
border-top : 1px solid #454545;
border-bottom : 1px solid #454545;
}

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

#comments {
font-size : 1.6em;
margin-bottom : 20px;
border-bottom : 1px dashed #ccc;
padding-bottom : 20px;
}
#commentblock {
width : 470px;
background : #e8e8e8;
color : #000000;
float : left;
padding : 20px 20px 10px 20px;
margin : 10px 0 0 0;
border-top : 2px solid #000000;
border-bottom : 1px solid #000000;
}
#commentblock ol {
list-style-type : square;
margin : 0 0 0 0;
padding : 0 0 10px 0;
}
.commentdate {
font-size : 12px;
padding-left : 0;
}
#commentlist li p {
margin-bottom : 8px;
line-height : 20px;
padding : 0;
}
.commentname {
color : #333333;
margin : 0;
padding : 5px 5px 5px 0;
}
.commentinfo {
clear : both;
}
.commenttext {
clear : both;
margin : 3px 0 10px 0;
padding : 20px 10px 5px 10px;
width : 420px;
background : #ffffff no-repeat top left;
}
.commenttext-admin {
clear : both;
margin : 3px 0 10px 0;
padding : 20px 10px 5px 10px;
width : 420px;
background : #ffffff no-repeat top left;
}


/************************************************
*	Widgets 				*
************************************************/

.textwidget {
margin : 0 0 20px 0;
padding : 0 0 0 0;
}
#recent-posts ul {
list-style-type : none;
margin : 0 0 20px 0;
padding : 0 0 3px 0;
}
#recent-posts ul li {
background : url('images/arrow.gif') no-repeat top left;
padding : 0 0 3px 18px;
margin : 0 0 0 0;
}
#recent-comments ul {
list-style-type : none;
margin : 0 0 20px 0;
padding : 0 0 3px 0;
}
#recentcomments ul li {
background : url('images/arrow.gif') no-repeat top left;
padding : 0 0 3px 20px;
margin : 0 0 0 0;
}
#categories-1 ul {
list-style-type : none;
margin : 0 0 20px 0;
padding : 0 0 3px 0;
}
#categories-1 ul ul {
list-style-type : none;
margin : 0 0 0 0;
padding : 0 0 1px 0;
}
#categories1 ul li {
background : url('images/arrow.gif') no-repeat top left;
padding : 0 0 3px 18px;
margin : 0 0 0 0;
}
#archives ul {
list-style-type : none;
margin : 0 0 20px 0;
padding : 0 1px 0;
}
#archives ul li {
background : url('images/arrow.gif') no-repeat top left;
padding : 0 0 1px 18px;
margin : 0 0 0 0;
}
#pages ul {
list-style-type : none;
margin : 0 0 20px 0;
padding : 0 0 1px 0;
}
#pages ul ul {
list-style-type : none;
margin : 0 0 20px 0;
padding : 0 0 1px 0;
}
#pages ul li {
background : url('images/arrow.gif') no-repeat top left;
padding : 0 0 0 18px;
margin : 0 0 0 0;
}
#links ul {
list-style-type : none;
margin : 0 0 20px 0;
padding : 0 0 0 0;
}
#links ul ul {
list-style-type : none;
margin : 0 0 20px 0;
padding : 0 0 0 0;
}
#links ul li {
background : url('images/arrow.gif') no-repeat top left;
padding : 0 0 0 18px;
margin : 0 0 0 0;
}
#meta ul {
list-style-type : none;
margin : 0 0 20px 0;
padding : 0 0 0 0;
}
#meta ul li {
background : url('images/arrow.gif') no-repeat top left;
padding : 0 0 0 18px;
margin : 0 0 0 0;
}
#text-1 ul {
list-style-type : none;
margin : 0 0 20px 0;
padding : 0 0 0 0;
}
#text-1 ul li {
padding : 0 0 0 0;
margin : 0 0 0 0;
}
.recentcomments a {
display : inline;
padding : 0;
margin : 0;
}