/*
Theme Name: Syzygryd Theme
Author: Binx
Description: Based off of the color3 theme by Frank Schrijvers (http://www.arterror.nl)
Version: 1.0

*/

body {
	font-size:62.5%;
	font-family:"Lucida Grande","Lucida Sans Unicode",Calibri,Arial,Helvetica,Sans,FreeSans,Jamrul,Garuda,Kalimati;
	background-image: url(images/syzygrydbg.png);
    background-repeat:no-repeat;
	background-color:#000;
	color:#fff;
	text-align:center;
	margin:0;
	padding:0;
}



#page {
	text-align:left;
	background-color:#FFF;
	width:900px;
	border:1px solid #959596;
	margin:20px auto;
	padding:0;
}


#content {
	font-size:1.2em;
	background-repeat:no-repeat;
	border:3px solid #076A7D;
	position: relative;
    margin-top: 3.4em;
}


#content .transparency {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	z-index:-1;
	position:absolute;      
	width:600px; 
	height:100%; 
	position:absolute;  
	top:0px;  
	left:0px;  
	background-color: #000000;
}


#content .entry img {
	position:relative;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}


#content h1 {
	color:EEEEEE;
	font-size:24px;
}


#content h2 {
	color:#FFF;
	font-size:20px;
	text-shadow:1px 2px 3px #000;
}


#content h3 {
	color:#EEEEEE;
	font-size:16px;
	text-shadow:1px 2px 3px #000;
}


#content h4 {
	color:#EEEEEE;
	font-size:14px;
	text-shadow:1px 2px 3px #000;
}


#content h5 {
	color:#EEEEEE;
	font-size:12px;
	text-shadow:1px 2px 3px #000;
}


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


.narrowcolumn .entry,.widecolumn .entry {
	line-height:1.4em;
	border-bottom:1px solid #373737;;
}


.widecolumn {
	line-height:1.6em;
}


.narrowcolumn .postmetadata {
	text-align:left;
	font-size:9px;
	font-style:italic;
	border:1px solid #373737;
	min-height:14px;
	margin: -42px 0 0 75px;
	padding: 5px;
}


.depth-1 {
    border:1px solid #3b3b3b;
}


.even,.alt {
    border:1px solid #3b3b3b;
}


small {
    font-family:Verdana;
    font-size:0.9em;
    line-height:1.5em;
}


h1,h2,h3 {
    font-family:Verdana;
    text-shadow:1px 2px 3px #000;
}


/* End Structure 

	Begin Headers 

************************************/


h1 {
    font-size:4em;
    text-align:center;
    font-family: "Arial Black",Arial,Helvetica,Sans,FreeSans,Jamrul,Garuda,Kalimati;
    font-variant:small-caps;
    font-weight:400;
    font-size:400%;
    letter-spacing:.35em;
    padding-top:25px;
    padding-left: 7px;
    text-shadow:1px 2px 3px #0c1129;
    margin:0;
    float:left;
}


h1,h1 a,h1 a:hover,h1 a:visited {
    text-decoration:none;
    text-align:left;
    color:#EEEEEE;
    margin:0;
}


headerimg .description {
    text-align:left;
}


h2 {
    font-family:Arial,Verdana,"BitStream vera Sans",Helvetica,Sans-serif;
    line-height:150%;
    font-weight:400;
    font-size:14px;
}


h2.pagetitle {
    font-size:1.6em;
    text-shadow:1px 2px 3px #000;
}


#sidebar h2 {
    font-family:Arial,Verdana,"BitStream vera Sans",Helvetica,Sans-serif;
    line-height:150%;
    font-weight:700;
    font-size:16px;
    letter-spacing:.09em;
    color:#FFFFFF;
    width:210px;
    text-shadow:1px 2px 3px #000;
    padding-left:5px;
    background: url(images/menu.gif) no-repeat;
    margin-left: -10px;
    margin-top: 20px;
    height: 35px;
    width: 100%;
}


h3 {
    font-size:1.3em;
    color:#EEEEEE;
    text-shadow:1px 2px 3px #000;
    margin:0;
    padding:0;
}


#header h4 {
    float:left;
    border-left:1px solid #999;
    margin:44px 0 0 10px;
    padding:0 0 0 5px;
    font-weight:normal;
    font-size:100%;
    letter-spacing:0.3em;
}

h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited {
    color:#EEEEEE;
}


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:#d646a2;
}


.commentlist li,#commentform input,#commentform textarea {
	font:0.9em Verdana;
	background: #151515;
	color: #EEEEEE;
	padding: 0;
	border: 0.2px solid #434343;
}


.commentlist li ul li {
	font-size:1em;
	margin-right:-5px;
	margin-left:10px;
}


.commentlist li {
	font-weight:700;
	list-style-type:none;
	border: 1px solid #434343;
	margin:15px 0 10px;
	padding:5px 5px 10px 10px;
}


.commentlist li .avatar {
	float:left;
	background:#fff;
	margin-right:10px;
}


.commentlist cite,.commentlist cite a {
	font-weight:700;
	font-style:normal;
	font-size:1.1em;
}


.commentlist p {
	font-weight:400;
	line-height:1.5em;
	text-transform:none;
	margin:10px 5px 10px 0;
}


#commentform p {
	font-family:Verdana;
	margin:5px 0;
}


.commentmetadata {
	font-weight:400;
	display:block;
	margin:0;
}


/* End Comments 

 Begin Sidebar 
******************************/

#sidebar {
	text-decoration:none;
	font:1em Verdana;
	margin-left:630px;
	width:220px;
	background:url('images/back_menu.png') repeat-y right;
	margin-top:41px;
	padding:10px 0 0px 10px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}


#top_menu {
	background:url('images/back_menu_top.png') no-repeat top right;
	height: 3px;
	margin-top: -10px;
}


#bottom_menu {
	background:url('images/back_menu_top.png') no-repeat bottom right;
	height: 3px;
}



small,#sidebar ul ul li,#sidebar ul ol li,.nocomments,.postmetadata,blockquote,strike {
	color:#FFFFFF;
	list-style-type:none;
}


#sidebar ul ul li,#sidebar ul ol li {
	color:#FFFFFF;
	line-height:22px;
	margin:3px 0 0;
	padding:0;
}

#sidebar ul ul li a, #sidebar ul ol li a{
    color:#EEEEEE;
}


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


/* End Calendar 

 Begin Various Tags & Classes
***************************************/

acronym,abbr,span.caps {
	font-size:0.9em;
	letter-spacing:.07em;
	cursor:help;
}


a,h2 a:hover,h3 a:hover {
	color:#1EC0E1;
	text-decoration:none;
}


a:hover {
	color:#1EC0E1;
	text-decoration:underline;
}


#wp-calendar #prev a,#wp-calendar #next a {
	font-size:9pt;
}

#wp-calendar a {
	text-decoration:none;
	display:block;
}


#wp-calendar caption {
	font:bold 1.3em Verdana;
	text-align:center;
	width:100%;
}


#wp-calendar th {
	font-style:normal;
	text-transform:capitalize;
}

/* End Typography & Colors 

 Begin Structure
*****************************/

#sidebar #searchform #s {
	width:110px;
	float:left;
	color:#fff;
	padding:4px;
}


#header {
	width:850px;
	height:120px;
	margin:0;
	padding:0;
}


#headerimg {
	background:url('images/background_title.jpg') no-repeat;
	width:850px;
	height:60px;
	margin:0;
}


.narrowcolumn,.widecolumn {
	float:left;
	width:560px;
	margin:0;
	padding:0 20px 20px;
}


.post {
	text-align:justify;
	margin:0 0 10px;
}


.post hr {
	display:block;
}


.widecolumn .post {
	margin:0;
}


.widecolumn .postmetadata {
	margin:30px 0;
}


.widecolumn .smallattachment {
	text-align:center;
	float:left;
	width:128px;
	margin:5px 5px 5px 0;
}


.widecolumn .attachment {
	text-align:center;
	margin:5px 0;
}


#footer {
	width:850px;
	clear:both;
	height:60px;
	margin:0;
	padding:0;
}


#footer p {
	text-align:left;
	color:#EEEEEE;
	margin:0;
	padding:20px 0 0 40px;
}


h3.comments {
	text-shadow:1px 2px 3px #000;
	margin:40px auto 20px;
	padding:0;
}



/* End Headers 

 Begin Images
******************* */

p img {
	max-width:100%;
	border:1px solid #ccc;
	padding:0;
}


img.alignright {
	display:inline;
	margin:0 0 2px 7px;
	padding:4px;
}


img.alignleft {
	display:inline;
	margin:0 7px 2px 0;
	padding:4px;
}


.alignright {
	float:right;
}

.alignleft {
	float:left;
}


/* 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:0;
	list-style-type:none;
	text-indent:-10px;
	padding:0 0 0 10px;
}


html>body .entry li {
	margin:7px 0 8px 10px;
}

.entry ul li:before,#sidebar ul ul li:before {
    margin-right:10px;
}


.entry ol {
    margin:0;
    padding:0 0 0 35px;
}


.postmetadata ul,.postmetadata li {
    /*list-style-type:none;
    list-style-image:none;*/
}

#sidebar ul {
    list-style-type:none;
    list-style-image:none;
    margin-bottom:15px;
    font-family:Arial,Verdana;
    font-size:10px;
    font-weight:700;
    color: #EEEEEE;
}


#sidebar li {
    margin-bottom:15px;
    font-size:12px;
    font-weight:bold;
}


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


#sidebar ul ul,#sidebar ul ol {
    margin:0px 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;
}


select {
    width:130px;
}


#commentform input {
    width:170px;
    margin:5px 5px 1px 0;
}


#commentform {
    margin:5px 10px 0 0;
}


#commentform textarea {
    width:100%;
}


#respond:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}


#commentform #submit {
    margin:0 0 5px auto;
    display: block;
    background: url(images/submit.gif) no-repeat 0 0;
    width: 76px;
    height: 28px;
    padding: 0;
    border: 0;
}


#commentform #submit:active {
    background-position: 0 -28px;
}


/* End Form Elements 

 Begin Comments

***************************/


.alt {
    margin:0;
    padding:10px;
}


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


.children {
    padding:0;
}


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


#sidebar form {
    margin:10px 0 0;
}


/* End Sidebar 

 Begin Calendar 

*****************************/


#wp-calendar {
    empty-cells:show;
    width:155px;
    margin:10px auto 0;
}


#wp-calendar #next a {
    padding-right:10px;
    text-align:right;
}


#wp-calendar #prev a {
    padding-left:10px;
    text-align:left;
}


#wp-calendar td {
    text-align:center;
    padding:3px 0;
}


#wp-calendar td.pad:hover {
    background-color:#fff;
}


acronym,abbr {
    border-bottom:1px dashed #999;
}


blockquote {
    padding-left:20px;
    margin:15px 30px 0 10px;
    background:url(images/blockquote.png) no-repeat scroll 4px top;
}


blockquote cite {
    display:block;
    margin:5px 0 0;
}


a img {
    border:none;
}


.navigation {
    display:block;
    text-align:center;
    margin-top:10px;
    margin-bottom:60px;
    /*list-style-type: none;*/
}


.wp-caption {
    border:1px solid #ddd;
    text-align:center;  
    background-color:#f3f3f3;
    padding-top:4px;
    -moz-border-radius:3px;
    -khtml-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    margin:10px;
}


.wp-caption img {
    border:0 none;
    margin:0;
    padding:0;
}


.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}


/* End captions 

Suckerfish menu 

*************************************/


#suckerfishnav {
    font-family:Arial,Verdana;
    font-weight:700;
    font-size:11px;
    text-align:left;
    color:#EEEEEE;
    width: 1080px;
    left:0;
    position: absolute;
    height:30px;
    background:url('images/menu.jpg');
    padding:0;
}


#suckerfishnav,#suckerfishnav ul {
    list-style-type:none;
    margin:0 0 1em;
    padding-left: 170px;
}

#suckerfishnav a {
    display:block;
    color:#EEEEEE;
    text-decoration:none;
    outline:none;
    text-shadow:1px 2px 3px #000;
    padding:0.5em 1em;
}


#suckerfishnav li {
    background:url(images/menu_button.png) no-repeat right top;
    float:left;
    padding:0;
}


#suckerfishnav li ul {
    z-index:1;
    position:absolute;
    left:-999em;
    height:auto;
    width:120px;
    font-weight:400;
    margin:0;
    padding:0;
}


#suckerfishnav li li {
    border-top:1px solid #333;
}


#suckerfishnav li li a {
    padding:0.2em 1em;
}


#suckerfishnav li ul a {
    background-color:#2a2a2c;
    width:9em;
}


#suckerfishnav li ul ul {
    margin:-1.5em 0 0 10em;
}


#suckerfishnav li:hover ul ul,#suckerfishnav li:hover ul ul ul,#suckerfishnav li.sfhover ul ul,#suckerfishnav li.sfhover ul ul ul {
    left:-999em;
}


#suckerfishnav li:hover ul,#suckerfishnav li li:hover ul,#suckerfishnav li li li:hover ul,#suckerfishnav li.sfhover ul,#suckerfishnav li li.sfhover ul,#suckerfishnav li li li.sfhover ul {
    left:auto;
    background-color:#222;
}


#suckerfishnav li:hover,#suckerfishnav li.sfhover {
    color:#606060;
}


#suckerfishnav a:hover,#suckerfishnav li.sfhover {
    color:#1EC0E1;
    position:static;
    text-shadow:1px 2px 3px #000;
}


/* Search

**************************************/


#search-box {
    width:190px;
    height:23px;
    background:url(images/box-search.png) no-repeat;
    margin:0 0 15px 30px;
}


#search-text {
    background:transparent none no-repeat 0 0;
    border:none;
    color:#666;
    width:122px;
    margin:1px 32px 4px 4px;
}


.rsswidget {
    color:#666;
}


.postmetadata,.clear {
    clear:both;
}


img.centered,.aligncenter,div.aligncenter {
    display:block;
    margin-left:auto;
    margin-right:auto;
}


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


.entry form,.center {
    text-align:center;
}


.hidden,hr {
    display:none;
}


.date{
    background: url(images/date.gif) no-repeat;
    font-size: 12px;
    line-height: 14px;
    font-family: "Trebuchet MS", Georgia, sans-serif;
    text-align: center;
    vertical-align: middle;
    color: #EEEEEE;
    height: 35px;
    width: 100px;
    margin-left: -33px;
    padding-top: 7px;
    _position: relative;/* ie6 fix */
    margin-right: 12px;
}