/*
Theme Name: Gabrielleroth Theme
*/



/* CSS Document */
/* -----------------------Reset CSS--------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  vertical-align: baseline;
}
body {
  margin:0;
  padding:0;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q { quotes: "" ""; }
/* Remove annoying border on linked images. */
a img { border: none; outline:none; }
.clearfix, .container {display: block;}
/* Regular clearing
   apply to column that should drop below previous ones. */
.clear { clear:both; }
/* ------------------------Common CSS------------------------*/
.leftFloat{float:left;}
.rightFloat{float:right;}
.clearFloat{clear:both;}
.hide{display:none;}
.reset-margin{margin:0 auto;}
.reset-padding{padding:0;}
.reset{margin:0;padding:0;}
.align-justify{text-align:justify;}
.align-left{text-align:left;}
.align-center{text-align:center;}
.align-right{text-align:right;}

/* ----------------------Typography CSS----------------------*/
/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
  font-size: 75%;
  color: #000;
  background:url(images/body-bg.gif);
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
}


#wrapper{ background:url(images/body-bg.jpg) no-repeat top; overflow:hidden;}/* ----------------------Here u can set whole site width----------------------*/
#wrapper #container{width:670px; margin:0px auto; position:relative;} 
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { padding:0px; margin:0px; color:#679301;}
h1 { font-size:22px; font-weight:bold; margin:0; padding:0px 0px 15px 0px; color:#679301;}
h2 {  font-size:18px; color:#679301; font-family:Georgia; line-height:normal; font-weight:normal; padding-bottom:15px;}
h3 { font-weight:normal; font-size:15px; color:#679301;}
h4 {font-weight:bold; font-size:16px;}
h5 {  }
h6 {font-size:12px; }

h2.pagetitle {  font-size:24px; color:#679301; font-family:Georgia; line-height:normal; font-weight:normal; padding-bottom:15px; padding-left:125px;}

/* Text Link elements
-------------------------------------------------------------- */

h2 a{font-size:18px; color:#679301; font-family:Georgia; line-height:normal; font-weight:normal; text-decoration:none; padding-bottom:15px;}
h2 a:hover{font-size:18px; color:#679301; font-family:Georgia; line-height:normal; font-weight:normal; text-decoration:underline;}

h3 a{ font-weight:normal; font-size:18px; color:#679301; text-decoration:none;}
h3 a:hover{ font-weight:normal; font-size:18px; color:#679301; text-decoration:underline;}
/* Text elements
-------------------------------------------------------------- */
p           { padding:0px; margin:0px;}
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
a:focus,
a:hover     { color: #679301; text-decoration:underline;}
a           { color: #679301; text-decoration: none; }
blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }
abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }
pre 				{ margin: 1.5em 0; white-space: pre;}
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

.paddingT20{ padding-top:20px;}
.paddingT10{ padding-top:10px;}
/* Lists
-------------------------------------------------------------- */
li ul,
li ol       { padding:0px; margin:0px;}
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
dl          { padding:0px; margin:0px; }
dl dt       { font-weight: bold; }
dd          { padding:0px; margin:0px;}
/* Tables
-------------------------------------------------------------- */
table       { margin-bottom: 20px;
				border-collapse:collapse;
				background-color: #c3d1a3;
				border: 1px solid #707987;
				color: #535353;
				margin-top:10px;
			}
th     { padding: 2px 5px;
					border: 1px solid #707987;  font-weight:bold; }
td         { padding: 2px 5px;
					border: 1px solid #707987; }
thead th 		{ background: #c3d9ff;}
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #fff; }
tfoot       { font-style: italic; }
caption     { background: #eee; }
/* Misc classes
-------------------------------------------------------------- */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }
.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }
.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
/* ---------------------------Form CSS----------------------------*/
label       { font-weight:normal; font-size:16px;}
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }
/* Form fields
-------------------------------------------------------------- */
input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  background-color:#fff;
  border:1px solid #bbb;
  outline:none;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border-color:#666;
}
input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  margin:0;
}
input.text,
input.title   { }
input.title   {}
textarea      { }
input[type=checkbox], input[type=radio],
input.checkbox, input.radio {
  position:relative; top:.25em;
}
form.inline { line-height:3; }
form.inline p { margin-bottom:0; }
/* Success, notice and error boxes
-------------------------------------------------------------- */

.highlighted{ color:#FF0000;}
.error,
.notice,
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }
.border1{ height:23px; background:url(../images/border_bottom.gif) no-repeat 0px 0px;}
.border {
	border-bottom:dashed 1px #e2dcd6;
	padding:0px;
	margin:10px 20px 10px 0px
}
/* ----------------------Clear areas----------------------*/
#wrapper #container #content, #wrapper #container #content #wildcomlum{ overflow:hidden;}
/* ----------------------Structure css----------------------*/
#wrapper #container #banner{ width:189px; height:377px; position:absolute; top:-420px; background:url(images/budha.jpg) no-repeat; left:-200px;}
#wrapper #container #content{ width:670px; float:left; padding-top:50px; margin-left:-10px; min-height:740px; position:relative;}
#wrapper #container #content .post{padding-bottom:50px;overflow:hidden; background:url(images/post-bg.jpg) repeat-y top;}
#wrapper #container #content .date{ width:104px; float:left; padding-top:40px; text-align:center; background:url(images/ribbon.gif) no-repeat top center; font-family:"Trebuchet MS"; font-size:12px; text-transform:uppercase; position:absolute; left:3px; }
#content .entry{ width:478px; float:right; padding-left:20px; border-left:1px dotted #d6d6d6; margin-right:65px;}
#content .entry p{ color:#666666; padding-bottom:15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:19px; font-size:15px;}
#content .entry p.postmetadata{ font-size:13px;}
#content .entry p.postmetadata a{ color:#679301; text-decoration:none;}
#content .entry p.postmetadata a:hover{ color:#679301; text-decoration:underline;}
#content .entry ul{ margin:0px; padding:0px; list-style:disc outside;}
#content .entry ul li{ margin:0px 0px 0px 20px; padding:0px 0px 0px 0px;}
#content .entry ol{ margin:0px; padding:0px; }
#content .entry ol li{ margin:0px 0px 0px 25px; padding:0px 0px 0px 0px;}
#content .entry form{ margin:5px 0px 0px 0px;}
#content .entry form div{ margin:5px 0px 0px 0px;}
#wrapper #container #content #search-content{ padding:0 30px;}
#wrapper #container #content img#bot_img{ position:absolute; bottom:0px;}
#content .navigation{ overflow:hidden; background:url(images/post-bg.jpg) repeat-y top;}
#content .navigation .alignleft{ width:300px; float:left; padding-left:30px;}
#content .navigation .alignright{ width:300px; float:right; height:30px; text-align:right; padding-right:30px;}
#content #respond{ padding:0px 35px;  }
#content .entry h3{ margin-top:4px;}

#wrapper #container #sidebar{ width:270px; position:absolute; top:100px; right:-275px;}

#wrapper #container #sidebar ul{ list-style:none; margin:0; padding:0;}
#wrapper #container #sidebar ul li{ padding-bottom:30px; color:#fef6cb; font-size:14px; line-height:20px; padding-left:15px;}
#wrapper #container #sidebar ul li#search-3{ padding-left:0px;}
#wrapper #container #sidebar ul li a{ color:#fef6cb; text-decoration:none; font-size:14px;}
#wrapper #container #sidebar ul li ul{ margin:0; padding:0; list-style:none;}
#wrapper #container #sidebar ul li ul li{ margin:0; padding:0 0 5px; list-style:none; font-size:14px;}

/* ----------------------Twitter css----------------------*/
#wrapper #container #sidebar ul li#twitter{ background:url(images/twitter-box.gif) no-repeat; height:158px;}
#wrapper #container #sidebar ul li ul#twitter_update_list { margin-top:26px; width:220px;}
#wrapper #container #sidebar ul li ul#twitter_update_list li span{ color:#000;}

#sidebar ul li#text-6 h2, #sidebar ul li#text-7 h2, #sidebar ul li.widget_tag_cloud h2, #sidebar ul li.widget_categories h2, #sidebar ul li.widget_archive h2, #sidebar ul li.widget_Twidget h2{ text-indent:-9999px;}


#sidebar ul li#text-6 h2{ background: url(images/headings.gif) no-repeat 0 1px;}
#sidebar ul li#text-4{ overflow:hidden;}
#sidebar ul li#text-6{ overflow:hidden;}
#sidebar ul li#text-4 img{ display:block; float:left; padding-right:15px;}
#sidebar ul li#text-6 img{ display:block; float:left; padding-right:15px;}
#sidebar ul li#text-7 h2{ background: url(images/headings.gif) no-repeat 0 -34px;}
#sidebar ul li.widget_Twidget h2{ background: url(images/headings.gif) no-repeat 0 -66px;}
#sidebar ul li.widget_archive h2{ background: url(images/headings.gif) no-repeat 0 -113px;}
#sidebar ul li.widget_categories h2{ background: url(images/headings.gif) no-repeat 0 -150px;}
#sidebar ul li.widget_tag_cloud h2{ background: url(images/headings.gif) no-repeat 0 -189px;}

#sidebar form{ background:url(images/searchbg.gif) no-repeat left; margin:0; padding:11px 0px 0px 15px; width:285px; height:36px;}
#sidebar form label{ display:block; float:left; background:url(images/search-txt.gif) no-repeat; width:64px; text-indent:-9999px; height:24px;}
#sidebar form input{ background: #FFFFFF; border:none; padding:4px 5px 0px; height:20px; float:left; border-right:3px solid #753c17; width:130px;}
#sidebar form input#searchsubmit{ background:url(images/go-btn.gif) no-repeat; width:33px; height:24px; float:left; border:none;}

/* ----------------------Header css----------------------*/
#header{ float:left; height:79px; width:670px; padding-top:26px;}
#header #logo{  width:460px; float:left; padding-top:10px;}


/* ----------------------begain content css----------------------*/
#wrapper #container #content{ clear:both;}


/* ----------------------Three Coloumn Container----------------------*/
#main-container{ border:1px solid #ddded9; padding:15px; float:left; margin-bottom:15px;}
#main-container h2{color:#264e81; margin:0; font-size:18px; letter-spacing:3px; font-weight:normal; padding:0px 0px 10px 0px; border-bottom:1px solid #eaeaea; margin-bottom:10px;}
#main-container #main-left-block{ float:left; width:238px; margin-right:50px;}
#main-container #main-mid-block{ float:left; width:283px; margin-right:45px;}
#main-container #main-right-block{ float:left; width:261px;}

/* ----------------------Blog Content----------------------*/

#from-blog{ width:380px; background:url(images/blog-bg.gif) no-repeat right center; float:left; min-height:245px; padding-left:14px;}
#from-blog h1{font-size:22px; font-weight:bold; margin:0; padding:0px 0px 15px 0px; color:#224a7b;}

#from-blog .blog-entry{ padding-bottom:10px; float:left;}
#from-blog .blog-entry img{ padding:1px; border:1px solid #dcdddd; float:left; width:27px;}
#from-blog .blog-entry .blog-info{ width:320px; float:left; padding-left:10px;}
#from-blog .blog-entry .blog-info p{ font-size:14px; color:#000000; line-height:20px; margin:0; padding-bottom:5px;}
#from-blog .blog-entry .blog-info .author{ font-size:11px; color:#333333;}

#discription{ width:485px; float:right;}
#discription h3 span, #discription h3{ font-size:18px; color:#000000; margin:0; padding:0; font-weight:normal; line-height:24px; padding-bottom:15px;}
#discription h3 span{color:#277ca4;}

#discription p span, #discription p{ font-size:14px; line-height:20px; color:#000000;}
#discription p span{color:#277ca4;}

.category-uncategorized{ clear:both;}





/* ----------------------pagination css begain here----------------------*/
.pagination{overflow:hidden;}
.pagination ul{ list-style:none;}
.pagination ul li a, .pagination ul li{ float:left; display:block;}
.pagination ul li{ margin-right:5px;}
.pagination ul li a{width:18px; height:18px; background:url(../images/pagination_icon.gif) no-repeat 0px -37px; font-size:10px; color:#5c5c5c; text-align:center; line-height:18px;}
.pagination ul li.pagi_active a{background:url(../images/pagination_icon.gif) no-repeat -18px -37px; color:#FFFFFF;}
.pagination ul li a:hover{ background:url(../images/pagination_icon.gif) no-repeat -18px -37px; color:#FFFFFF;}



/* ----------------------pagination css end here----------------------*/


/* ----------------------Fotter----------------------*/

#footer{ padding:10px 0px 30px 0px; color:#666666; text-align:right; clear:both; margin:0 auto; color:#fff7c7; width:650px;}

/* ----------------------end Fotter----------------------*/

/* ----------------------Begin Comment----------------------*/


.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	font-size:13px;
	color:#666666;
	}

#commentform p {

	}

.commentmetadata {
	font-weight: normal;
	}

#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 */




#commentform .input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: left;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding:0px 35px;
	text-align: justify;
	}

.commentlist li {
	margin:0px 0px 15px;
	padding:0px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
	
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0px 10px 0px;
	}
.comment-body{
	border:1px solid #dddddd;
	background-color:#fdf7ec;
	padding:15px;

 }

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */


/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#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 { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote 
	{
		background: url(images/blockquote.png) no-repeat 10px 10px;
		padding: 14px 15px 5px 32px;
		margin: 0 15px 2px 0px;
		border-left:0px;
		color: #666666;
	}
blockquote p {
	margin-bottom: 3px;
}
blockquote p span {
	color:#1ab1dc;
	text-decoration:underline;
}


blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
#disqus_thread {
margin:0 auto;
width:506px;
}
/* End captions */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */
