/*
Theme Name: Croco Designs
Theme URI: http://www.crocodesigns.com
Description:  Simple Elegant Portofolio Site
Author: CrocoDesigns
Author URI: http://www.crocodesigns.com
*/

html,body {height: 100%;}

body {
	background: #333333;
         margin: 0;
	padding: 0;
         font-family: Verdana, Arial, Sans-Serif;
	color: #948D77;
         font-size: 9pt;
         line-height:1.4em;
	text-align: center;
}

/* **************** Images **************** */
img { border:0px; margin:0px; }
#content img { border:0px; margin:2px; }
#contentpage img { border:0px; margin:2px; }
#sidebar img { border:0px; margin:2px; }
#clearit{clear:both;}


#thumbnails img{border:2px solid #B3E36C;margin:2px;float:left;}


/* **************** MAIN **************** */
#pagewrapper{
width:100%;
height:100%;
margin: 0 auto;}

#bottomspacer{
height: 33%;
font-family:Verdana, Arial, sans-serif;
text-align:center;
font-size:9pt;
color:#948D77;
}

#wrapper{
font-family:Verdana, Arial, sans-serif;
font-size:9pt;
color:#948D77;
height: 33%;
width: 33%;
overflow: auto;
text-align:center;
/* mozilla goodness */
-moz-border-radius: 1em;
}

table#x{
margin:0 auto;
padding:0;
font-family: Verdana, Arial, Sans-Serif;
color:#000000;
font-size: 9pt;
line-height: 1.4em;
text-align:left;}


/* **************** MENU **************** */
#topmenu{
background:#000000;
width:100%
font-family:Verdana, Arial, sans-serif;
text-align:center;
font-size:9pt;
color:#948D77;
}

#topmenu a:link{
color:#B3E36C;
text-decoration:none;
font-weight:bold;}

#topmenu a:visited{
color:#B3E36C;
text-decoration:none;
font-weight:bold;}

#topmenu a:hover{
color:#ffffff;
text-decoration:none;
font-weight:bold;}
/* **************** HEADER **************** */
#header h1 { display: none; }
#header .description { display: none }

/* **************** CONTENT **************** */
#content {
	margin: 10px 25px 10px 25px;
	padding: 0;
	width: 650px;
         overflow:hidden;
}

#contentpage {
         width:1030px;
         margin:10px auto;
         overflow:hidden;
}

#sidebar{
width:150px;
overflow:hidden;
text-align:center;}

/* **************** FOOTER **************** */

#footer{
clear:both;
margin:10px auto 0;
border-top:1px dotted #666666;
padding-top:3px;
color:#cccccc;
font-size:8pt;}

/* **************** TITLEPOST **************** */

.titlepost{
color: #ffffff;
letter-spacing:2px;
text-align:left;
font-size:11pt;
font-weight:bold;
text-decoration: none;
margin-bottom:10px;
margin-top:0px;
}

.titlepost a:link{
	color:#B3E36C;
         letter-spacing:2px;
         font-size:11pt;
         text-align:left;
         font-weight:bold;
	text-decoration: none;
         margin-bottom:5px;
}

.titlepost a:visited{
	color:#B3E36C;
         letter-spacing:2px;
         font-size:11pt;
         text-align:left;
         font-weight:bold;
	text-decoration: none;
         margin-bottom:5px;
}

.titlepost a:hover{
	color: #ffffff;
         letter-spacing:2px;
         font-size:11pt;
         text-align:left;
         font-weight:bold;
	text-decoration: none;
         margin-bottom:5px;
}

/* **************** LINKS **************** */
a:link{
color:#B3E36C;
font-weight:normal;
text-decoration:none;}

a:visited{
color:#B3E36C;
font-weight:normal;
text-decoration:none;}

a:hover{
color:#ffffff;
font-weight:normal;
text-decoration:none;}
/* **************** TAGS **************** */

.tags{text-align:center;}

.tags a:link{
text-decoration:none;
font-weight:normal;}

.tags a:visited{
text-decoration:none;
font-weight:normal;}

.tags a:hover{
text-decoration:underline;
font-weight:normal;}

/* *************** HEADERS *************** */
h1{
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 13pt;
         letter-spacing:2px;
         text-align:center;
         color:#ffffff;
         padding:0;
         margin:20px 5px 20px 5px;
}

h2{
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 12pt;
         letter-spacing:2px;
         text-align:center;
         color:#ffffff;
         padding:0;
         margin:20px 5px 20px 5px;
}

h3{
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 11pt;
         letter-spacing:2px;
         text-align:center;
         color: #ffffff;
         padding:0;
         margin:20px 0px 20px 0px;
}

h4{
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 10pt;
         letter-spacing:1px;
         text-align:left;
         color: #ffffff;
         margin:20px 5px 10px 5px;
}

h5{
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 10pt;
         letter-spacing:2px;
         text-align:center;
         color: #ffffff;
         margin:20px 5px 20px 5px;
}

h2.pagetitle {
text-align: left;
font-size:12pt;
text-transform:uppercase;
letter-spacing:3px;
color: #ffffff;
border-bottom:1px solid #000000;
padding-bottom: 5px;
margin: 10px 0 20px 0;
}

#sidebar h2{
color:#ffffff;
font-size:10pt;
letter-spacing:1px;
margin: 0px 3px 5px;
border-bottom:1px solid #000000;
padding-bottom: 2px; }
/* ****************** POST ****************** */


#date {
	font-size: 10pt;
	font-family: Verdana, Arial, Sans-Serif;
	color: #999999;
         font-weight:normal;
         font-style:italic;
         letter-spacing:3px;
	text-align: right;
         width:250px;
         border-bottom:1px dotted #666666;
         margin:10px 0 5px 300px;
	padding: 0;
}

.post {
	font-size: 1.0em;
	text-align: justify;
}

.postmetadata {
         clear:both;
	text-align: center;
	margin: 10px auto 0;

}

#single.postmetadata{
clear: both;
width: 400px;
margin: 25px auto 15px auto;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
text-align: center;
font-size: 0.8em;
padding: 8px 10px;}

#border{
	margin: 20px auto;
         height:10px;
}

li {
list-style-image: none;
}

ol li {
list-style-image: none;
}

/* ************* SPECIAL CONTENT ************** */
code {
	display: block;
	margin: 5px;
	padding: 5px;
	border: 1px solid #000000;
	font: 1.0em 'Courier New', Courier, Fixed, Sans-Serif;
	background-color: #999999;
	color: black;
}

/* Blockquote */
blockquote {
	margin: 15px 30px;
         padding:5px;
         background:#000000;
         border: 2px solid #000000;
}
/* ************* SIDEBAR ************** */

#sidebar ul, #sidebar ul ol {

	margin: 0;
	padding: 0 5px 2px 5px;
}

#sidebar p, #sidebar ul p {}


#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 { padding: 2px 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 li ul li{
	margin: 0;
	padding: 0;
         list-style-type: none;
}

#sidebar ul li ul li {}
/* *************** SEARCHFORM *************** */

#searchform {
	margin: auto 0;
	padding: 5px 3px;
	text-align: left;
}

form#searchform input:focus {
	border: 2px solid #000000;
	margin: 1px;
}

#searchform input {
	font: 1em Verdana, Arial, Sans-Serif;
	border: 1px solid #000000;
	margin: 2px;
}

#searchform #s {
	width: 115px;
	padding: 2px;
}

#searchsubmit {background:#16720A; color:#ffffff;}

/* **************** COMMENTS **************** */

/* Form */

#respond {
	clear: both;
	margin-top: 20px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	color: #000000;
}

form#commentform input:focus, form#commentform textarea:focus {
	border: 2px solid #000000;
	margin: 1px;
}

#commentform input, #commentform textarea {
	font: 1em Verdana, Arial, Sans-Serif;
	border: 1px solid #000000;
	margin: 2px;
	width: 300px;
}
#commentform input#submit {background:#16720A;color:#ffffff;}

#commentform p { margin: 5px 0; }

/* Comments */
.count {
font-size:26px;
color:#333333;
}

.alt {
	background-color: #666666;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.commentlist {
	padding: 0;
	margin: 0 0 20px 0;
	text-align: justify;
}

.commentlist li {
	margin: 5px 0 3px 0;
	padding: 5px 10px 3px 10px;
	list-style: none;
}

.commentlist p { margin: 0 0 15px 0; }

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
margin: 0;
font-size:8pt;
display: block;
}