/*
Theme Name: Driven Crazy
Author: Driven Crazy
Author URI: http://www.drivencrazy.com.sg/
Version: 1.0
This theme is licenced under GPL:	
http://www.opensource.org/licenses/gpl-license.php
*/

/*general page structure*/
body    {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
        background-image: url("images/background.jpg");
	}
	
/*mainpage*/
#page   {
	margin: 0px auto;
        padding: 0px;
	width: 760px;
        /*border: 2px solid #ffffff;*/
        background-color: #ffffff;
	}
	
/*left column setting + center column*/
.leftwrap {
        width: 609px;
        float: left;  
        margin: 0px 0px;
		background-color: #ffffff;
        border-top: 1px solid white;     
        }

/*center column*/
.container {
        font: 10px Verdana, Arial, Sans-Serif;		
        line-height: 1.3em;
        float: right;
        margin: 20px 18px 10px 0px;       
	width: 442px;
	text-align: left;
        /*fixes ie double margin bug*/ display: inline;
        }

/*header area*/
#header {
	margin: 0px auto;
        padding: 0px 0px;
	height: 380px;
	width: 760px;
        background-image: url("images/header.jpg");
	}
	
/*"Just another blog" area*/
.headertext {
        color: #000000;
        font: bold 12px Verdana, Arial, Sans-Serif;
        margin: 150px 0px 0px 500px;
        }

/*"It's Up" area*/
.headertext h2 {
        color: #000000;
		font: bold 18px Verdana, Arial, Sans-Serif;
        margin: 127px 0px 0px -2px;
        }

/*horizontal navigation + all the text links*/
a       {
        color: #F35412;
        text-decoration: none;
        } 

/*side navigation header text*/
h2       {
         color: #000000;
         font: bold 12px Verdana, Arial, Sans-Serif;
         margin: 0px 0px 0px 0px;
         }

h3       {
         color: #000000;
		 font: bold 14px Verdana, Arial, Sans-Serif;
         margin: 0px 0px 0px 0px;
         }

/*sidebar*/
#sidebar, #leftside {
	font: 1.1em Verdana, Arial, Sans-Serif;
        line-height: 1.3em;
	width: 148px;
        margin: 0px;
        float: right;
        background-color: #ffffff;
        /*fixes ie double margin bug*/ display: inline;
	}

/*sidebar - leftbar*/
#leftside {
        width: 120px;
        float: left;
		background-color: #ffffff;
        margin: 0px 5px 0px 5px;
        }

/*sidebar headers*/
#leftside h2, #sidebar h2 {
        /*background-image: url("images/rectangle.jpg");*/
		background-color: #ffffff;
        background-repeat: no-repeat;
        padding: 13px 6px 0px 6px;
        margin: 0px -2px;
        }

#leftside ul li, #sidebar ul li {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px;
        }

#sidebar li, #sidebar ul, #sidebar ul ul li, #sidebar ul li li, #sidebar ul li ul li, 
#leftside li, #leftside ul, #leftside ul ul li, #leftside ul li li, #leftside ul li ul li {
        list-style-type: none;
        margin: 13px 2px;
        padding: 0px;
        }

#leftside ul li#rectangle {
        width: 110px;
        }

/*header menu*/

#menu {
       position: relative;
       top: 250px;
       left: 300px;      
       }

#menu li {
        display: inline;
        }

#menu ul li a { 
        font: bold 10px Verdana, Arial, Sans-Serif;
        margin: 0px;
        padding: 1px 10px;
        border: 1px solid #ffffff;
		text-decoration: none;
        /*border: 1px solid #F35412;*/
        /*border-bottom: none;*/
        background-color: #ffffff;
        } 

#menu ul li a:hover {
        color: #333333;
		background-color: #ffffff;
		border: 1px solid #000000;
        } 
     
/*post*/
.heading a {
        font: bold 1.6em Verdana, Arial, Sans-Serif;
        color: #000000;
        text-decoration: none;
        /*border-bottom: 1px solid #F35412*/
        }  

/*post date & posted by text*/
.post   {
	margin: 0px 0px 30px 0px;
	color: #333333;
        font: 1.15em Verdana, Arial, Sans-Serif;
        line-height: 1.4em;
	}

.content {
        margin: -7px 0px;
		color: #333333;
        }

p.postinfo, p.postmetadata  {
         font-size: 0.8em;
         text-align: center;
         line-height: 0.8em;
		 color: #333333;
         }

p.postmetadata { 
         line-height: 1.2em;
         text-align: left;
         clear: left;
		 color: #333333;
         }

#navigation,#navigation .alignleft a,#navigation .alignright a{
         margin: 0px 0px 70px 0px;
         font: bold 1.1em Verdana, Arial, Sans-Serif;
		 color: #333333;
         }

/*comments*/
.commentlist {
        font: 0.9em Verdana, Arial, Sans-Serif;
		color: #333333;
        margin: 10px auto;
        padding: 0px;
        }

.comment, .alt {
        background-color: #F35412;
	border: 1px solid black;
        font-size: 1.2em;
	margin: 15px 0px;
	padding: 5px 5px;
	list-style: none;
	}

.alt    {
        background-color: #ffffff;
        }

#commentform textarea {
        width: 400px;
        background-color: #ffffff;
        border: 1px solid black;
        margin: 10px 0px;
	padding: 2px;
	}

#commentform #submit {
        background-color: #ffffff;
	margin: 5px 0px;
        padding: 2px;
	float: left;
	}

#commentform #author, #commentform #email, #commentform #url {
        background-color: #ffffff;
        border: 1px solid black;
        } 

.decoration {
        background-image: url("images/decoration.jpg");
        width: 50px;
        height: 43px;
        border: 1px solid black;
        margin: 10px 0px;
        }

/*footer*/
#footer {
	padding: 0px 0px;
	width: 760px;
        clear: both;
	}

.footmenu {
        background-image: url("images/footer.jpg");
		background-repeat: no-repeat;
		height: 150px;
        width: 760px;
        /*border-top: 1px solid #000;*/
        /*border-bottom: 1px solid #000;*/
        }

.footmenu ul {
        margin: 100px;
        padding: 0px;
        }

.footmenu li{
        /*below this is for vertical spacing*/
		margin: -30px auto;
        /*below this is for spacing between the footer links between them*/
		padding: 0px 15px;
		float: left;        
		text-decoration: none;
        /*border: 1px solid #F35412;*/
        /*border-bottom: none;*/
        
		
	    /*padding: 1px 10px;
        margin: 0px auto;
        float: left;
        display: inline;
        height: 100%;
        width: 33.3%;*/
        }

.footmenu a {
        display: block;
        text-align: center;
        font: bold 10px Verdana, Arial, Sans-Serif;
        color: #F35412;
        /*background-color: #ffffff;*/
        }  

.footmenu a:hover,.footmenu a:active {  
        /*background-color: #ffffff;*/
        }

/*comments popup page*/
#smallpage {
        margin: 0px auto;
	width: 300px;
        padding: 5px 20px;
        border: 2px solid #F35412;
        background-color: #ffffff;
        }

#smallpage textarea {
        width: 200px;
        background-color: #ffffff;
        border: 1px solid black;
        margin: 10px 0px;
	padding: 2px;
	}

#smallpage #commentform #submit {
        background-color: #ffffff;
	margin: 5px 0px;
        padding: 2px;
	}

#smallpage #commentform #author, #commentform #email, #commentform #url {
        background-color: #ffffff;
        border: 1px solid black;
        } 

/*miscellaneous classes*/
#s, #barsubmit {
         margin: 7px 2px;
         width: 90px;
         height: 17px;
         padding: 2px 1px;
         background-color: #ffffff;
         border: 1px solid #000000;
	 }

#barsubmit {
	 margin: 6px 0px;
	 padding: 2px 0px;
         height: 23px;
         width: 26px;
	 }

ul, li, ul li, li ul li, ul ul li, ul ul ul li {
        list-style-type: none;
        margin: 5px 0px;
        padding: 2px 0px;
        }

ol      {
        margin: 0px 15px;
        padding: 0px 10px;
        }

ol li   {list-style-type: decimal}

.alignleft {float: left}

.alignright {float: right;}

.center {text-align: center;}

code {font: 1.1em 'Courier New', Courier, Fixed, monospace;}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select  {width: 130px;}

blockquote {
	margin: 10px 15px;
        border-left: 3px solid #F35412;
        padding: 0px 7px;
	}

hr      {display: none;}

a img   {
	border: none;
        margin: 1px 0px;
	}

img     { border: none;}


.textwidget {
        margin: 10px 3px;
        }

.fix    {
display: inline;
        }

.watermark {   
        margin: 3px auto;
        width: 350px;
        color: #ffffff;
        border-left: 1px solid #F35412;
        border-right: 1px solid #F35412;
        text-align: center;
        }