/*  
Theme Name: Dev Patel Fan
Theme URI: dev-patel.com
Description: Theme made exclusively for Dev Patel Fan. DO NOT COPY OR USE IN ANOTHER LAYOUT!!!!
Version: 1.0
Author: Tathyana Fantini
Author URI: http://www.nightanddaydesign.org/
*/


body{
margin:0;
padding:0;
font-family: Verdana, Helvetica;
font-size:10px;
background: #cccbd0 url('images/bg.jpg') repeat-x;
text-align:center;
}


#maincontainer{
width: 830px; 
margin: 0 auto;
text-align:justify;
position:relative;
}

#topsection{
height: 400px;
}

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

#contentcolumn{
margin-right: 255px; 
}

#sidecolumn{
float: left;
width: 250px; 
margin-left: -250px; 
}


#footer{
clear: left;
width: 100%;
color: #e2e2e2;
text-align: center;
background: #7e7e86;
padding: 8px 0px 8px 0px;
}

#sidecolumn img{
	background-color: #eeeef0;
	border: 1px solid #bdbdc5;
	padding: 3px;
	margin: 1px;} 

#footer a{
color: #e2e2e2;
}



#welcome{
color: #3f3f3f;
text-align: justify;
font-family: Arial;
font-size:11px;
}

/* Navigation */

#navigation {
float:left;
font:normal 10px 'Tahoma';
text-transform: uppercase;
font-weight: bold;
margin:0;
padding:0;
}

#navigation ul {
background-image:url(back.gif);
background-repeat:repeat-x;
float:left;
line-height:30px;
list-style:none;
margin:0;
padding:0 4px 0 4px;
width:820px;
font-weight: bold;
}

#navigation li {
display:inline;
padding:0;
}

#navigation a {
color:#f5f5f5; 
float:left;
padding:0px 20px 0px 20px; 
text-decoration:none;
}

#navigation a:hover{
background: #561728;	
color: #ffffff;
}

 /* Content Structures */
 
.contentbg {
background: #e4e4e6 url('images/bg_content.jpg') top right no-repeat;
padding: 3px;
margin-bottom: 10px;
border: 3px double #b9b9bd;
}
 
.content-title {
color: #28244a;
text-align: left;
font-family: Times New Roman;
font-size: 21px;
font-style: italic;
border-bottom: 1px dotted #c1c1c1;
}

.content-title a{
color: #28244a;
}

.content-page {
padding: 3px 3px 3px 3px;
font-family: arial;
font-size: 11px;
color: #4e4e4e;
width: 560px;
}

.content-bottom {
font-family: tahoma;
font-size: 10px;
padding: 2px 0px 20px 3px;
color: #a6a6a6;
text-align: left;
}

.content-bottom a{
color: #959595;
}

.date {
	background: url(images/date.gif) no-repeat;
	height: 54px;
	margin-bottom: 0px;
	width: 54px;
	text-align: center;
	float: left;
	margin-top: 0px;
	margin-right: 3px;	
}
.date .month {
	display: block;
	color: #8d8d8d;
	padding: 2px 0px;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	margin-top: 5px;
	font-weight: bold;
	margin-bottom: 3px;
}
.date .day {
	display: block;
	color: #6d6d6d;
	font: 2.3em Georgia;
	padding-top: 0px;
	text-align: center;
	margin-top: -8px;
}

 
h1 {
color: #2e274b;
text-align: left;
font-family: Tahoma;
text-transform: uppercase;
font-size: 10px;
margin: 0px;
} 

p { 
	margin-top:  1px;}
	
.option-archive{
background: #e3e3e7;
padding: 5px;
border: 3px double #b9b9bd;
text-align: center;
}		


 /* Sidebar Structures */

.sidebar_title {
color: #fff;
padding: 4px 0px 6px 0px;
font-family: Tahoma;
font-size: 10px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
background: #7e7e88 url('images/bg_side_title.jpg') top right no-repeat;
}

.sidebar_content {
color: #4e4e4e;
padding: 3px;
font-family: Arial;
font-size: 11px;
text-align: justify;
background: #e4e4e6;
margin-bottom: 10px;}



/*Options style*/

a { 
	text-decoration:  none;
	color: #58192a;}

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

.image {
	background-color: #eeeef0;
	border: 1px solid #bdbdc5;
	padding: 3px;
	margin: 2px;} 

.image:hover  {
	background-color: #eeeef0;
	border: 1px solid #7e7e86;
	padding: 3px;
	margin: 2px;
} 

strong {color: #403d59;}
b {color: #403d59;}
i { color: #6d6c7e;}
italic { color: #6d6c7e;}
em { color: #6d6c7e;}
u {color: #6b6b6b; text-decoration: none; border-bottom: 1px dotted #563233;}
img {border: 0px;}

blockquote {
	padding: 10px;	
	font-family: Arial;
	font-size: 11px;
    color: #6d6d6d;
	border-left: 6px solid #bbbbc1;	
} 

input, textarea, option, select, button {
font-family: Verdana, Helvetica;
font-size: 10px;
color: #7e7b89;
background: #eeeef0;
padding: 1px;
border: 1px solid #cccbd0;}