/*
Theme Name: Rocktek Web Development Web Design Web Hosting
Theme URI: http://www.rocktek.net/
Description: Rocktek - Web Design Web Hosting Services
Version: 6.0
Author: Rocktek
Author URI: http://www.rocktek.net/
*/


/* Begin Typography & Colors */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: url(images/green_bg.jpg) fixed;
	color: #333333;
	text-align: center;
	}

#page {
 	border: 1px solid #959596;
	text-align: left;
	}



#header {
	background-color: #35D708;
	}

#content {
	font-size: 1.2em
	}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}



.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {

	text-align: center;

	}

.alt {

	background-color: #f8f8f8;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	}

#footer {
	background-color: #eeeeee;
        padding-top: 55px;
        margin-top: 55px;

	font-size: 0.9em;

	line-height: .9em;

	}



.quote1  {

	clear:both;

        width:200px;

	height: 110px;

	float: left;

	padding: 5px;

        background-color:#ABDCF5;

	font-size:12px;

	line-height: 1.2em;

	color: #5B59A5;

	border: double #0D22E9;

    }



.quote2 {

    clear:both;

	width:200px;

	height: 110px;

	float: right;

  	padding: 5px;

        margin-left: 10px;

	background:#ABDCF5;

	font-size:12px;

	line-height: 1.2em;

	color: #5B59A5;

	border: double #0D22E9;

        }



t {color: rgb(0,0,255)

    }



small {

	font-family: Arial, Helvetica, Sans-Serif;

    }





p.blue	{

	color: blue;

	background: #ff80c0;

	}



p.first { color: red; }



h1, h2, h3 {

	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;

	font-weight: bold;

	color: white;

	}



h1 {

	font-size: 3em;

	text-align: center;

	color: white;

	}



.description {

	font-size: 1.2em;

	text-align: center;

	color:#FFFFFF;

	}



h2 {

	font-size: 1.6em;

        text-align: center;

	}



h2.pagetitle {

	font-size: 1.4em;

	}



#sidebar h2 {

	font-family: 'Lucida Grande', Verdana, Sans-Serif;

	font-size: 1.2em;

	}



h3 {

	font-size: 1.3em;

	line-height: 0.8em;

	}



h1, h1 a, h1 a:hover, h1 a:visited,  {

	text-decoration: none;

	color: white;

	}



h2, h2 a, h2 a:visited, h3, h3 a, a:visited {

	color: #333333;

	}



h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {

	text-decoration: none;

	}



.entry p a:visited {

	color: #b85b5a;

	}



#sidebar {
        font: 1.2em 'Lucida Grande', Verdana, Arial, Sans-Serif;
        color: red;
        }
        
        
/*---------- 3D Buttons -----------*/

#sidebar ul {
       margin: 0;
       padding-left: 8px;
       list-style-type: none;
       font-weight: 400;
       }

#sidebar li {
       text-align: center;
       margin-bottom: 1px;
       width: 175px;
       }

#sidebar li a {
       text-align: left;
       text-decoration: none;
       display: block;
       width: 100%;
       border-left: 1px solid #278F11;
       border-right: 1px solid #104905;
       border-top: 1px solid #278F11;
       border-bottom: 1px solid #104905;
       padding-left: 10px;
       padding-right: 5px;
       padding-top: 1px;
       padding-bottom: 1px;
       margin-bottom: 3px;
       background-position: 0%;
       background: #9AF2B5;
       color: #0938AE;
       }

#sidebar li a:visited {
       border-left: 1px solid #278F11;
       border-right: 1px solid #104905;
       border-top: 1px solid #278F11;
       border-bottom: 1px solid #104905;
       background: #7DDE9B;
       color: #0938AE;
       }

#sidebar li a:hover {
       text-decoration: none;
       border-left: 1px solid #278F11;
       border-right: 1px solid #104905;
       border-top: 1px solid #278F11;
       border-bottom: 1px solid #104905;
       background-position: 0%;
       background: #AAD6F5;
       color: #0938AE;
       }


small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: red;
	}


a, h2 a:hover, h3 a:hover {

	color: #000000;

	text-decoration: none;

	}



a:hover {

	color: #147;

	text-decoration: underline;

	}



/* End Typography & Colors */





/* Begin Structure */

body {

	margin: 0;

	padding: 0;

	}



#page {

	background-color: white;

	margin: 20px auto;

	padding: 0;

	width: 760px;

	border: 1px solid #959596;

	}



#header {

	padding: 0;

	margin: 0 auto;

	height: 200px;

	width: 100%;

	background-color: #ffffff;

	}



#headerimg {

	margin: 0;

	height: 200px;

	width: 100%;

	}



.narrowcolumn {

	float: left;

	padding: 0 0 20px 45px;

	margin: 0px 0 0;

	width: 440px;

	}



.widecolumn {

	padding: 10px 0 20px 0;

	margin: 5px 0 0 150px;

	width: 440px;

	}



.post {

	margin: 0 0 40px;

	text-align: justify;

	}



.widecolumn .post {

	margin: 0;

	}



.narrowcolumn .postmetadata {

	padding-top: 5px;

	}



.widecolumn .postmetadata {

	margin: 30px 0;

	}



#footer {

	padding: 0 0 0 1px;

	margin: 0 ;

	width: 760px;

	clear: both;

	}



#footer p {

	text-align: center;

	margin-left: 25px;

	margin-right: 25px;

	padding-left: 25px;

	padding-right: 25px;

	}

/* End Structure */



/*	Begin Headers */

h1 {

	padding-top: 40px;

	margin: 0;

	color: white;

	}



.description {

	text-align: center;

	}



h2 {

	margin: 30px 0 0;

	}



h2.pagetitle {

	margin-top: 30px;

	text-align: center;

    }



#sidebar h2 {

	margin: 5px 0 0;

	padding: 0;

	}



h3 {

	padding: 0;

	margin: 30px 0 0;

	}



h3.comments {

	padding: 0;

	margin: 40px auto 20px ;

	}

/* End Headers */







/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid!) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

	

.floatimgleft {

    float:left;

    margin-top:10px;

    margin-right:15px;

    margin-bottom:10px;

    }



.floatimgright {

    float:right;

    margin-top:10px;

    margin-left:15px;

    margin-right:10px;

    margin-bottom:10px;

    }



/* End Images */





/* Begin Lists



	Special stylized non-IE bullets

	Do not work in Internet Explorer, which merely default to normal bullets. */



html>body .entry ul {

	margin-left: 0px;

	padding: 0 0 0 30px;

	list-style: none;

	padding-left: 10px;

	text-indent: -10px;

	}



html>body .entry li {

	margin: 7px 0 8px 10px;

	}



.entry ul li:before, #sidebar ul ul li:before {

	content: "\00BB \0020";

	}



.entry ol {

	padding: 0 0 0 35px;

	margin: 0;

	}



.entry ol li {

	margin: 0;

	padding: 0;

	}



.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;

	list-style-image: none;

	}

/*

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}


ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

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

 End Entry Lists */





/* Begin Form Elements */

#searchform {

	margin: 10px auto;

	padding: 5px 3px;

	text-align: center;

	}



#sidebar #searchform #s {

	width: 115px;

	padding: 2px;

	}



#sidebar #searchsubmit {

	padding: 1px;

	}



.entry form { /* This is mainly for password protected posts, makes them look better. */

	text-align:center;

	}



select {

	width: 130px;

	}



/* End Form Elements */







/* Begin Comments*/

.alt {

	margin: 0;

	padding: 10px;

	}



.commentlist {

	padding: 0;

	text-align: justify;

	}



.commentlist li {

	margin: 15px 0 3px;

	padding: 5px 10px 3px;

	list-style: none;

	}



.commentlist p {

	margin: 10px 5px 10px 0;

	}



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}

/* End Comments */







/* Begin Sidebar */

#sidebar

{

	padding: 20px 0 10px 0;

	margin-left: 540px;

	width: 200px;

	}



#sidebar form {

	margin: 0;

	}

/* End Sidebar */









/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px dashed #999;

	}



blockquote {

	margin: 15px 30px 0 10px;

	padding-left: 20px;

	border-left: 5px solid #ddd;

	}



blockquote cite {

	margin: 5px 0 0;

	display: block;

	}



.center {

	text-align: center;

	}



hr {

	display: none;

	}



a img {

	border: none;

	}



.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 60px;

	}

/* End Various Tags & Classes*/





/*  When in the Course of human events, it becomes necessary for one people to dissolve the political bands which have connected them with another, and to assume among the powers of the earth, the separate and equal station to which the Laws of Nature and of Nature's God entitle them, a decent respect to the opinions of mankind requires that they should declare the causes which impel them to the separation... */